/*  
Theme Name: Teye
Theme URI: http://netthink21.com/
Description: A custom theme designed for Teye Guitars website.
Version: 1.0
Author: NetThink21
Author URI: http://netthink21.com/
*/
@charset "utf-8";
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body, html {
	margin: 0px;
	padding: 0px;
	background: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	color: #e0e0de;
}
p {margin: 0px; padding: 0px 0px 1.4em 0px; line-height: 1.4em;}
a img {border: none; text-decoration: none;}
a:link, a:visited {color: #e0e0de; text-decoration: underline;}
a:hover, a:active {color: #939393; text-decoration: underline;}
#wrap {width: 950px; margin: 0px auto 0px auto;}
#header {width: 823px; padding: 12px 0px 0px 127px; height: 184px; background: url(header.jpg) no-repeat;}
#content {width: 900px; margin: 5px auto 20px auto; font-size: 15px; background: url(content.jpg) no-repeat;}
#ordercontent {width: 900px; margin: 5px auto 20px auto; font-size: 15px; background: url(order-bg.jpg) no-repeat;}
#logocontent {width: 900px; margin: 5px auto 20px auto; font-size: 15px; background: url(bg-logo.jpg) no-repeat;}
#homecontent {width: 900px; margin: 0px auto 20px auto; font-size: 15px;}
#ribbed {background: url(ribbed.jpg) repeat-x; height: 2px; clear: both;}
.band {background: url(home-mora.jpg) no-repeat 300px 0px; clear: both; width: 900px; height: 400px; padding: 15px 0px 0px 0px; border-top: 1px solid #505050; border-bottom: 1px solid #505050;}
#homeone {width: 290px; float: left;}
#hometwo {width: 290px; float: right;}
#hometwo ul {margin: 0px; padding: 0px 0px 0px 15px; list-style: disc;}
.homepage {background: url(bg-home.jpg) no-repeat; width: 349px; height: 400px; margin: 0px; padding: 0px 0px 0px 550px; text-align: right; font-family: "Times New Roman", Times, serif; font-size: 20px; font-style: italic;}
.homeintro {font-family: "Times New Roman", Times, serif; font-size: 20px; font-style: italic;}
ol {margin: 0px; padding: 0px 0px 1em 50px;}
a.logo:link, a.logo:visited, a.logo:hover, a.logo:active {display: block; float: left; text-decoration: none; color: #000000; width: 270px; height: 181px;}
a.email:link, a.email:visited, a.email:hover, a.email:active {display: block; float: right; width: 180px; height: 30px; margin: 15px 132px 0px 0px;  text-decoration: none;}

#nav {clear: both; text-align: center; font-size: 16px; line-height: 36px; height: 36px; font-family: Georgia, "Times New Roman", Times, serif;}	
#nav ul {margin: 0px; padding: 0px; white-space: nowrap;}
#nav li {display: inline; list-style-type: none; background: url(diamond.jpg) no-repeat left center; padding: 0px 0px 0px 19px; margin: 0px 1px 0px 0px;}
#nav a {margin: 0px;}
#nav a:link, #nav a:visited {color: #1087e2; text-decoration: none;}
#nav a:hover, #nav a:active {color: #4cccfc; text-decoration: none;}
#nav li.current_page_item a, #nav li.current_page_parent a {color: #4cccfc; text-decoration: none;}

#footer {background: url(footer.jpg) no-repeat top center; width: 450px; height: 150px; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; padding: 73px 0px 0px 500px; margin: 10px 0px 0px 0px;}
#footer a:link, #footer a:visited {color: #e0e0de; text-decoration: none;}
#footer a:hover, #footer a:active {color: #e7e7e7; text-decoration: none;}

#backtotop {text-align: right; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; clear: both;}
#backtotop a:link, #backtotop a:visited, #backtotop a:hover, #backtotop a:active {color: #ffcf10; text-decoration: none;}

#contactleft {width: 450px; float: left;}
#contactleft p {margin: 0px; padding: 0px 0px 7px 0px; line-height: normal;}
#contactleft form {margin: 0px; padding: 0px;}
#contactright {width: 400px; float: right;}

.alt {
	background-color: #333333;
	border: 1px solid #e0e0de;
	}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin: 0px 0px 8px 0px;
	}
#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em;	letter-spacing: .07em;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

/* Begin Structure */
.post {margin: 0px 0px 25px 0px}
.post hr {display: block;}
.widecolumn .post {
	margin: 0;
	}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}
.postmetadata {clear: left;}
/* End Structure */



/*	Begin Headers */
h1 {font-size: 22px; padding: 0px; margin: 3px 0px 40px 0px; color: #e9b912; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: 4px;}
.tall {margin: 3px 0px 80px 0px;}
.medium {margin: 3px 0px 60px 0px;}
h2 {color: #4cccfc; padding: 0px; margin: 3px 0px 8px 0px; font-size: 20px; font-weight: normal; letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif;}
h3 {color: #e9b912; font-size: 18px; font-weight: bold; letter-spacing: 1px; padding: 0px; margin: 0px 0px 3px 0px;}

a.bluelink:link, a.bluelink:visited {color: #4cccfc; text-decoration: none;}
a.bluelink:hover, a.bluelink:active {color: #4cccfc; text-decoration: underline;}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */

/* 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.aligncenter {
	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 */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ol {padding: 0 0 0 35px;	margin: 0;}
.entry ol li {margin: 0; padding: 0;}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
input, textarea {background: #e0e0de; border: 1px solid #939393; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;}	
.buybanner {border: none;}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar {float: right; width: 225px; border-left: 1px dashed #999999; padding: 0px 0px 0px 15px; margin: 30px 0px 0px 0px; color: #999999;}
#blog {float: left; width: 600px;}
#sidebar form {margin: 0;}
#postinfo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;	color: #999999;}
#postinfo a:link, #postinfo a:visited {color: #999999; text-decoration: underline;}
#postinfo a:hover, #postinfo a:active {color: #e0e0de; text-decoration: underline;}
#sidebar h2 {color: #e9b912; font-size: 18px; letter-spacing: 1px; padding: 0px; margin: 0px 0px 3px 0px; font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;}
#sidebar a:link, #sidebar a:visited {color: #999999; border-bottom: 1px dotted #999999; text-decoration: none;}
#sidebar a:hover, #sidebar a:active {color: #e0e0de; border-bottom: 1px solid #999999; text-decoration: none;}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {
	margin: 5px 0px 1.4em 0px;
	padding: 1em 1em 0px 1em;
	font-size: 16px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	background-color: #333333;
	color: #1087e2;
	}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
hr {display: none;}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

 .pagenav { ... }
 .page_item { ... }
 .current_page_item { ... }
 .current_page_parent { ... }

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 900px; 
	height: 900px;
	overflow: hidden;
	background: url(scroller.jpg) no-repeat;
	}
div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:860px;
		height:860px;
		overflow:hidden;
		float:left;
		padding:20px;		
		}
div.scroller div.content {width: 10000px;}
div#section2 {}
#my-glider {margin: 65px 0px 20px 0px;}
#glidenav {clear: both; text-align: center; font-size: 15px; line-height: 45px; height: 45px; font-family: Georgia, "Times New Roman", Times, serif;}	
#glidenav ul {margin: 0px; padding: 0px; white-space: nowrap;}
#glidenav li {display: inline; list-style-type: none; padding: 0px 0px 0px 19px; margin: 0px 1px 0px 0px;}
#glidenav a {margin: 0px;}
#glidenav a:link, #glidenav a:visited {color: #e0e0de; text-decoration: none; background: none;}
#glidenav a:hover, #glidenav a:active {color: #000000; text-decoration: none; background: #e0e0de;}

/* Design 7 */
table.Design7 {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Design7 th {
	width: 333px;
    text-align: right;
    font-weight: normal;
    padding: 8px;
    border: 0px;
    border-top: 1px solid #505050;
	vertical-align: top;
}
table.Design7 td {
    text-align: left;
    border-top: 1px solid #505050;
	padding: 8px;
	width: 333px;	
	vertical-align: top;	
}
table.Design7 thead th {
	border: none;
	color: #4cccfc;
	font-size: 20px;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	vertical-align: bottom;
}
table.Design7 thead td {
	border: none;
	color: #4cccfc;
	font-size: 20px;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;		
	vertical-align: bottom;	
}
table.Design7 thead td.specs {
	border: none;
	width: 184px;
	text-align: center;
	color: #e0e0de;	
	vertical-align: bottom;	
	font-size: 16px	
}
table.Design7 td.Odd {
	width: 184px;
	text-align: center;
	background-color: #333333;
	color: #1087e2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
/* Design 6 */
table.Design6 {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Design6 th {
	width: 305px;
    text-align: left;
    font-weight: normal;
    padding: 0px 0px 2em 0px;
	vertical-align: top;
}
table.Design6 td {
    text-align: left;
	padding: 0px 10px 2em 0px;
	width: 580px;	
	vertical-align: top;	
}
a.series:link, a.series:visited, a.series:hover, a.series:active {color: #4cccfc; text-decoration: none;}
#guitar {background: url(teye-bg.jpg) no-repeat; height: 835px; width: 900px;}
#guitarspecs {width: 300px; float: left; padding: 0px 0px 30px 0px;}
#guitarspecs p {margin: 0px; padding: 0px 0px 0.5em 0px; line-height: normal;}
#guitardesc {width: 298px; float: right; padding: 0px 0px 30px 0px;}
#guitarswap {float:left; width: 300px;}
a.swaps:link, a.swaps:visited {display: block; text-decoration:none; width: 300px; height: 830px; background: url(swap-s.jpg) no-repeat 0px 0px;}
a.swaps:hover, a.swaps:active {display: block; text-decoration:none; width: 300px; height: 830px; background: url(swap-s.jpg) no-repeat 0px -830px;}
a.swapa:link, a.swapa:visited {display: block; text-decoration:none; width: 300px; height: 830px; background: url(swap-a.jpg) no-repeat 0px 0px;}
a.swapa:hover, a.swapa:active {display: block; text-decoration:none; width: 300px; height: 830px; background: url(swap-a.jpg) no-repeat 0px -830px;}

/* materials page */
.materials {background: no-repeat; height: 245px; padding: 5px 0px 0px 450px; margin: 0px 0px 20px 0px; border-top: 1px solid #505050;}
.switching {padding: 0px; margin: 0px 0px 20px 0px; border-top: 1px solid #505050;}
.mat-turquoise {background-image: url(bg-turquoise.jpg);}
.mat-engrave {background-image: url(bg-engrave.jpg);}
.mat-bridge {background-image: url(bg-bridge.jpg);}
.mat-ring {background-image: url(bg-ring.jpg);}
.mat-pickups {background-image: url(bg-pickups.jpg);}
.mat-wiring {background-image: url(bg-wiring.jpg);}
.mat-body {background-image: url(bg-body.jpg);}
.mat-finish {background-image: url(bg-finish.jpg);}

.buyform {display: block; margin: 0px 0px 12px 0px; padding: 0px;}
.selector {display: block; width: 125px; margin: 5px 0px 0em 0px;}

#imap {display:block; width:899px; height:1260px; background:url(inspiration.gif); position:relative;}
#imap dd {position:absolute; padding:0; margin:0; left:30px; border: 1px solid red;}
#imap #man {top:100px; z-index:20;}
#imap #donkey {top:200px; z-index:20;}
#imap #child {top:300px; z-index:20;}

#imap a#link_man {display:block; width:700px; height:80px; text-decoration:none; z-index:20;}
#imap a#link_donkey {display:block; width:700px; height:80px; text-decoration:none; z-index:20;}
#imap a#link_child {display:block; width:700px; height:80px; text-decoration:none; z-index:20;}

#imap a em {display:none;}
#imap a span, #imap a:visited span {display:none;}
#imap a:hover span {position:absolute; display:block; color:#fff; width:450px; height:300px; line-height:1.8em; background: #000000;}

#imap a#link_man:hover span {left:50px; top:20px;}
#imap a#link_donkey:hover span {left:50px; top:20px;}
#imap a#link_child:hover span {left:50px; top:20px;}

#imap a:hover span img {float:left; margin-right:1em; margin-bottom:0.5em; border:1px solid #000;}