/*
Theme Name: US Markers Theme
Theme URI: http://usmarkers.com/
Description: Custom theme for US Markers.com.
Version: 1.0
Author: Nathan Longbrook for Creativity Mill
Author URI: http://creativitymill.com/
Tags: custom, usmarkers, creativitymill, longbrook

		Design © US Markers, LLC. Duplication of any files herein is prohibited and violators will be prosecuted to the full extent of the law. */

/* GLOBAL STYLES AND TYPOGRAPHY */

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

body {
	background: #291505;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 62.5%; /* Makes 1em = 10px */
	color: #333;
	}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	height: 100%;
	}
	
#container {
	width: 920px;
	padding: 20px;
	background: #fff url(img/container.jpg) top center no-repeat;
	overflow: auto;
	display: block;
	}

a, a:visited {
	color: #f18e00;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	}
	
a:focus {
	outline: none;
	}
	
img {
	border: none;
	}
	
h1 {
	font-size: 3.6em;
	color: #f18e00;
	font-weight: bold;
	}

h2 {
	font-size: 1.8em;
	color: #111;
	font-weight: bold;
	}
	
h3 {
	font-size: 1.8em;
	color: #111;
	font-weight: normal;
	}
	
h4 {
	font-size: 1.4em;
	color: #111;
	font-weight: bold;
	}
	
.clear {
	clear: left;
	height: 1px;
	margin-bottom: 20px;
	}
	
small {
	font-size: .8em;
	}
	
/* HEADER ELEMENTS */

#header {
	width: 100%;
	height: 110px;
	padding: 15px 0;
	}

.logo {
	width: 400px;
	float: left;
	color: #fff;
	}
	
.logo a, .logo a:visited, .logo a:hover {
	color: #fff;
	text-decoration: none;
	}	
	
.logo img {
	float: left;
	}
	
	
.logotexttop {
	padding: 20px 0 0 10px;
	font-size: 2.5em;
	font-weight: bold;
	float: left;
	}

.logotextbot {
	padding-left: 10px;
	font-size: 3.4em;
	font-weight: bold;
	float: left;
	}
	
.menu {
	float: right;
	}

ul#nav {
	background: #fff url(img/nav-bg.jpg);
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	padding: 15px 0;
	margin: 30px 0 0;
	width: 489px;
	}
	
#nav a, #nav a:visited {
	color: #291505;
	}
	
#nav a:hover, #nav a:focus {
	color: #f18e00;
	text-decoration: none;
	}
	
ul#nav li {
	display: inline;
	padding: 0 10px;	
	}

ul#nav li.first {
        padding: 0 10px 0 22px;
        }
	
/* HOME PAGE ELEMENTS */

.homeTop {
	width: 100%;
	height: 280px;
	}
	
.value {
	width: 450px;
	float: left;
	}
	
.value p {
	width: 364px;
	font-size: 1.5em;
	line-height: 1.6em;
	padding: 30px 0;
	}
	
.vdo {
	float: right;
	}
	
.homeMid {
	background: url('img/bullet-bg.jpg') no-repeat;
	width: 916px;
	height: 126px;
	clear: both;
	}
	
.bullet {
	width: 129px;
	padding: 30px 75px 30px 40px;
	float: left;
	}
	
.bullet.first {
	padding: 30px 75px 30px 55px;
	}
	
.bullet.last {
	padding: 30px 0 30px 30px;
	}
	
.bullet p {
	font-size: 1.2em;
	line-height: 1.4em;
	float: left;
	text-indent: none;
	}
	
.homeBot {
	margin: 40px 0 80px;
	}
	
.catNav {
	width: 312px;
	font-size: 2em;
	color: #fff;
	float: left;
	}
	
.catNav a, .catNav a:visited {
	color: #fff;
	}
	
.catNav a:hover {
	color: #f18e00;
	text-decoration: none;
	}
	
.catNav img {
	padding: 30px 0;
	float: none;
	}
	
.navAnch {
	background: url(img/nav-anch.jpg);
	height: 89px;
	width: 130px;
	float: left;
	padding: 10px;
	}
	
.navHead {
	background: url(img/nav-head.jpg);
	height: 89px;
	width: 130px;
	float: left;
	padding: 10px;
	}
	
.navMark {
	background: url(img/nav-mark.jpg);
	height: 96px;
	width: 130px;
	float: left;
	padding: 6px 10px;
	}
	
.navAcc {
	background: url(img/nav-acc.jpg);
	height: 96px;
	width: 130px;
	float: left;
	padding: 6px 10px;
	}
	
.about {
	float: left;
	width: 540px;
	margin-left: 40px;
	}
	
.about p {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 4px 0;
	}
	
.about li {
	list-style: disc;
	font-size: 1.4em;
	}
	
.about ul {
	padding-left: 40px;
	}
	
	
/* SIDEBAR ELEMENTS */

#pageTop {
	background: url(img/page-top.jpg) top left;
	width: 920px;
	height: 47px;
	margin-bottom: 20px;
	}

#sidebar {
	width: 230px;
	height: 588px;
	background: url(img/sidebar-bg.jpg);
	margin-right: 30px;
	margin-bottom: 100px;
	font-size: 1em;
	float: left;
	}
	
#sidenav, #sidenav a, #sidenav a:visited {
	color: #111;
	text-decoration: none;
	}
	
#sidenav a:hover {
	text-decoration: underline;
	}
	
ul#sidenav {
	margin: 10px 0 0 20px;
         display: block;
	}
#sidebar h2 {
	padding: 20px 20px 0;
	font-size: 2.4em;
	}
	
#sidenav {
	font-size: 1.4em;
	font-weight: bold;
	}

#sidenav li {
	padding-bottom: 5px;
	}
	
#subSide {
	padding: 3px 0 0 10px;
	font-size: .8em;
	font-weight: bold;
	}
	
#subSide li {
	padding-bottom: 2px;
	}
	
.subside {
	padding: 3px 0 0 10px;
	font-size: 1em;
	font-weight: normal;
	}
	
.subsideTwo {
	font-size: .8em;
	font-weight: normal;
	padding-left: 20px;
	}
	
.subsideThree {
	font-size: .8em;
	font-weight: normal;
	padding-left: 20px;
	}

/* SINGLE PAGE ELEMENTS */

.single {
	width: 640px;
	padding-top: 20px;
	float: left;
	}
	
.single h3 {
	font-weight: bold;
	}
	
.prodImg {
	float: left;
	margin-right: 20px;
	}
	
.product {
	margin-top: 20px;
	}
	
.post {
	width: 220px;
	padding: 5px 0 0;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: normal;
	float: left;
	}
	
.colors {
	width: 218px;
	margin: 0 0 0 20px;
	float: left;
	}
	
.colors img {
	width: 36px;
	height: 36px;
	padding: 10px 5px 0 0;
	}
	
table.spec {
	width: 390px;
	float: left;
	border-right: solid 1px #ccc;
	}
	
td.specName {
	font-weight: bold;
	font-size: 1.2em;
	width: 100px;
	padding: 5px 0;
	vertical-align: top;
	text-align: left;
	
	}
	
td.specCont {
	font-size: 1.2em;
	font-weight: normal;
	width: 240px;
	padding: 5px 20px 0 0;
	vertical-align: top;
	text-align: left;
	}
	
/* PAGE ELEMENTS */

.page {
	width: 640px;
	float: left;
	}
	
.content {
	width: 390px;
	margin-right: 20px;
	float: left;
	}
	
.content p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.3em;
	padding-bottom: 10px;
	}
	
.content li {
	font-size: 1.2em;
	list-style: disc;
	}
	
.content ul {
	padding-left: 20px;
	}
	
.page h4 {
	padding-bottom: 3px;
	}
	
.page h3 {
	padding-bottom: 10px;
	}
	
.pageImg {
	width: 220px;
	float: right;
	}
	
.articleImages {
	margin-bottom: 20px;
	}
	
.captionTitle {
	font-size: 1.2em;
	font-weight: bold;
	}
	
.caption {
	font-size: 1em;
	font-weight: normal;
	}
	
/* CATALOG PAGE ELEMENTS */

.catalog {
	width: 278px;
	height: 278px;
	padding: 10px;
	border: solid 1px #fff;
	float: left;
	-webkit-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-o-transition: border .2s linear;
	}
	
.catalog:hover {
	border: solid 1px #ddd;
	}

.catalog a:hover {
	text-decoration: none;
	}
	
.right {
	margin-left: 40px
	}
	
.catalogTop {
	margin-bottom: 20px;
	overflow: auto;
	}
	
.catalogBot {
	margin-top: 20px;
	}
	
.catalog img {
	width: 220px;
	height: 100px;
	margin: 20px auto;
	}
	
.catalogDesc {
	color: #333;
	text-decoration: none;
	font-size: 1.2em;
	}
	

	
	
/* CATEGORY PAGE ELEMENTS */

.catHead {
	background: url(img/cat-head-bg.jpg) top center;
	float: left;
	width: 656px;
	border: solid 1px #c0c0c0;
	}

.catHead h2 {
	font-size: 2.4em;
	color: #f18e00;
	}

	
.catTitle {
	margin: 10px 20px;
	width: 150px;
	min-height: 110px;
	float: left;
	}
	
.catDesc {
	margin: 10px 20px 10px 0;
	font-size: 1.2em;
	}
	
.catDesc p {
	padding-bottom: 5px;
	} 

.catDesc p:hover {
        border: none;
        }

	
.catDiv {
	width: 118px;
	height: 160px;
	padding: 10px 20px;
	margin: 40px 30px 0;
	float: left;
	display: block;
	border: solid 1px #fff;
	-webkit-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-o-transition: border .2s linear;
	}
	
.catDiv:hover {
	background: #fff;
	border: solid 1px #f18e00;
	}
	
.catDiv h4 {
	font-size: 1.2em;
	}
	
.catDiv a {
	color: #333;
	text-decoration: none;
	}

.catDiv a:hover {
	color: #333;
	text-decoration: none;
	}
	
.catDiv img{
	height: 75px;
	width: 118px;
	}
	
.catText {
	color: #333;
	}
	
	
ul#navMenu {
	list-style: none;
	background: #291505;
	}
	
#navMenu li {
	width: 182px;
	margin: 0 auto;
	padding: 20px 0 0 130px;
	}
	
#navMenu li a, #navMenu li a:visited {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	margin: 30px 20px 0;
	text-decoration: none;
	}
	
#navMenu li a:hover {
	color: #f18e00;
	text-decoration: none;
         cursor:pointer;
         }
	
#navMenu li.anch {
	height: 61px;
	background: url(img/nav-anch.jpg) top left;
	}

#navMenu li.anch:hover {
	background: url(img/nav-anch-over.jpg) top left;
	}
	
#navMenu li.head {
	height: 60px;
	background: url(img/nav-head.jpg) top left;
	}

#navMenu li.head:hover {
	background: url(img/nav-head-over.jpg) top left;
	}
	
#navMenu li.mark {
	height: 60px;
	background: url(img/nav-mark.jpg) top left;
	}

#navMenu li.mark:hover {
	background: url(img/nav-mark-over.jpg) top left;
	}
	
#navMenu li.acc {
	height: 61px;
	background: url(img/nav-acc.jpg) top left;
	}

#navMenu li.acc:hover {
	background: url(img/nav-acc-over.jpg) top left;
	}
	
	
/* SEARCH RESULTS */

.results {
	margin: 0 0 30px;
	overflow: auto;
	}
.results img {
	float: left;
	height: 32px;
	width: 50px;
	margin-right: 20px;
	}
	
.results p {
	float: left;
	width: 200px;
	}
	
.results h2 {
	font-size: 1.4em;
	margin-bottom: 10px;
	}
	
#searchsubmit, #sendbutton {
background: #f18e00;
-webkit-border-bottom-left-radius:11px;
-webkit-border-bottom-right-radius:11px;
-webkit-border-top-left-radius:11px;
-webkit-border-top-right-radius:11px;
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
-moz-box-sizing:content-box;
-x-system-font:none;
border:1px solid #291505;
color:#291505;
cursor:pointer;
font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
padding:2px 8px !important;
text-decoration:none;
}

#searchsubmit a:hover {
	border: none;
	}
	
.navigation {
	margin: 0 0 20px;
	}

	
	
/* FOOTER ELEMENTS */	
#footer {
	background: url(img/foot.jpg);
	height: 54px;
	margin-bottom: 60px;
	clear: both;
	}
	
#footer img {

	padding: 8px 22px 0 0;
	float: right;
	}
	
#footer a, #footer a:hover {
	color: #333;
	}
	
	
.copy {
	font-size: 1em;
	float: left;
	padding: 20px;
	}
	
.map {
	font-size: 1.2em;
	float: left;
	padding: 20px 20px;
	}