/*

Theme Name: Legeyt Guitars

Theme URI: http://legeytguitars.com/

Description: Custom WordPress theme developed for Legeyt Guitars

Version: 1.0

Author: Eli Scheer

Author URI: http://elischeer.com

Tags: white, grey, simple, two-column



*/







/* RESET */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	color: #000000;

}



body {

	background: #FFFFFF;

	margin: 0 auto;

}



.left {float: left; margin: 10px 10px 10px 0;}

.right {float: right; margin: 10px 0 10px 10px;}

.clear {clear: both; height: 1px;}

.caps {text-transform: uppercase;}

.navigation {clear: both; margin: 0 0 20px 80px;}

	.navigation .alignleft {float: left; width: 40%;}

	.navigation .alignright {float: right; width: 40%;}

.edit {margin: 0 0 0 80px;}



img a {border: none;}

p {font-size: 16px; font-family: 'Vollkorn', "Times New Roman", Times, serif; margin: 0 0 20px 0; line-height: 1.3em;}

h1 {font-size: 26px; font-family: Helvetica, Arial, "Nobile", sans-serif; font-weight: bold; margin: 0 0 12px 0; text-transform: uppercase; color: #660202;}

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

	h1 a:hover, h1 a:focus {text-decoration: underline;}

h2 {font: 22px Helvetica, Arial, "Nobile", sans-serif; font-weight: bold; text-transform: uppercase;}

h3 {font: 18px Helvetica, Arial, "Nobile", sans-serif; font-weight: bold;}

h7 {font-size: 26px; font-family: 'Vollkorn', "Times New Roman", Times, serif; font-weight: bold}

a, a:visited {color: #333333; text-decoration: underline;}

a:hover, a:focus {color: #660202; text-decoration: none;}

a:active {color: #990000;}



/* STRUCTURE */

#page {width: 800px; margin: 0 auto; padding: 40px 0 0 0;}



#navbar {position: fixed; bottom: 0; width: 800px; margin: 30px 0 0 0; padding: 20px 0 10px 0; height: 81px; background: url(images/bg-navbar.png) right center no-repeat #FFFFFF; z-index: 3;}

	.logo {float: left; background: transparent; margin: 0 0 0 33px;}

	#nav {float: right; width: 503px; margin: 25px 68px 0 0; padding: 0;}

		#nav li {display: inline; list-style: none; margin: 0 6px 0 0; padding: 0;}

		#nav li a, #nav a:visited {font-size: 14px; font-family: Helvetica, Arial, 'Nobile', sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0; padding: 0 0 0 5px; text-transform: uppercase; background: url(images/bg-nav-li.png) left center no-repeat;}

		#nav li a:hover, #nav li a:focus {color: #CCCCCC;}



#content {float: left; width: 560px; margin: 40px 0 120px 0; padding: 0; z-index: 1;}

	.post {margin: 0 0 0 80px;}

	.postmetadata {border-top: 1px dotted #000000; margin: 20px 0; padding: 8px 0 0 0; font-size: 13px; font-family: 'Vollkorn', "Times New Roman", Times, serif; font-style: italic;}

		.postmetadata a, .postmetadata a:visited {text-decoration: none;}



	.entry h1 {margin: 0; padding: 0;}

		.entry h3 {margin: 0; padding:0;}

		.entry ul {list-style-position: inside; margin: 0 0 20px 0;}

		.entry ol {margin: 0 0 0 20px; font: 13px Arial, Helvetica, sans-serif; line-height: 1.3em;}

		.entry ol li {}

		.entry ol li ol {margin: 0 0 0 20px;}

		.entry ol li ol li {}

		.entry li a, .entry li a:visited {text-decoration: none; font: 13px Arial, Helvetica, sans-serif;}

		.entry li a:hover, .entry li a:focus{text-decoration: underline;}

		

/* Comments */

.navigationComment {clear: both; margin: 0 0 20px 0;}

h3#comments {margin: 20px 0 0 80px; padding: 20px 0 0 0; border-top: 1px dotted #000000;}

.commentlist {margin: 0 0 0 80px; padding: 0;}

	.commentlist li {list-style: none; font: 18px Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; margin: 0 0 10px 0;}

	.commentlist li a, .commentlist a:visited {color: #666666; text-decoration: none;}

	.commentlist li a:hover, .commentlist li a:focus {color:#CCCCCC; text-decoration: underline;}

.comment {border: 1px solid #CCCCCC; margin: 0 0 10px 0; padding: 10px;}

	.vcard {background: #999999; float: left; width: 40%; margin: 0 0 10px 0;}

		.avatar {padding: 8px; float: left;}

		.commentmetadata {float: right; width: 50%; font: 10px Arial, Helvetica, sans-serif; text-align: right;}

	.comment p {clear: both; margin: 0 0 10px 0; padding: 0; font: 12px Arial, Helvetica, sans-serif;}

	.even {background: #f9f9f9;}

	.odd {background: #eeeeee;}

#respond {margin: 20px 0 0 80px;}

		

/****** Special Template Pages ******/

#content-special {margin: 0 auto; padding: 0 0 100px 0; z-index: 1;}

	/*** Front Page ***/

	.front {height: 423px; background: url(images/front-page-bg.jpg) bottom center no-repeat; padding: 0; color: #4D4D4D;}

.front h1, .front h2, .front h3, .front h4 {color: #4D4D4D;}

		.featured {float: left; height: 180px; width: 278px; margin: 220px 332px 0 190px; overflow: hidden;}

	/*** Models ***/

	#models {margin: 0 auto; padding: 0 0 100px 0; /*width: 800px;*/}

	#models h1 {margin: 0;}

	.model {font-size: 16px; font-family: 'Vollkorn', "Times New Roman", Times, serif; margin: 0 0 20px 0; line-height: 1.3em;}

	.model a, .model a:visited {color: #333333; text-decoration: underline;}

	.model a:hover, .model a:focus {color: #660202; text-decoration: none;}

		#modelList {margin: 10px 0 0 0; padding: 0;}

			#modelList li {list-style: none; display: block; float: left; width: 155px;}

			/*#modelList li:last-child*/

			.model-22 {margin: 0;}

			.model-20 {margin: 0 60px 0 0;}

			.model-16 {margin: 0 60px 0 0;}

			.model-18 {margin: 0 60px 0 0;}

				

	/*** Gallery ***/

	#gallery {margin: 10px 10px 100px 10px; padding: 0;}

	#gallery img {margin: 10px;}

	/*** Ordering ***/

	/*** Information ***/

	.info {width: 600px;}

	/*** Contact ***/

	.contact {float: left; width: 200px; margin: 0 0 0 50px; padding: 0;}

	.links {float: right; width: 450px; border-left: 1px dashed #000000; padding: 0 0 20px 60px;}

	.bio {border-top: 1px dashed #000000; margin: 0 50px; padding: 20px 0 0 0;}		



/***** Sidebar ******/

#sidebar {float: right; width: 200px; margin: 40px 0 0 20px; font-family: Helvetica, Arial, "Nobile", sans-serif;}

	#sidebar h2 {border-bottom: 1px solid #000000;}

	#sidebar li {list-style: none; font-size: 14px;}
#sidebar .widget {margin: 0 0 20px 0;}



/* Begin Images */

p img {padding: 0;	max-width: 100%;}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {display: block; margin-left: auto; margin-right: auto;}

img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}

img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright {float: right;}

.alignleft {float: left;}

/* End Images */



/* Captions */

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.wp-caption img {margin: 0; padding: 0; border: 0 none;}

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* End captions */



/*** Information ***/

		.accordion {

			/*width:200px;*/

		}

		.accordion li{

			cursor: pointer;

			margin-bottom:2px;

			list-style-image:none;

			list-style-position:outside;

			list-style-type:none;

			padding: 4px 8px;

		}

		

		.accordion li.active{

			color:#D15600

		}

		.accordion li ul{

			padding:0;

			margin:10px 0 0 0;

		}

		

		.accordion li.active li{

			text-indent:0;

		}

		.accordion li li{

			font-weight: normal;

			background:none;

			border:0;

		}



.order ul {margin: 0 0 0 80px;}

.order li {list-style: disc; list-style-position: inside; margin: 0 0 0 20px; padding: 4px 8px;}