/*
Theme Name: Jaden Rose
Theme URI: 
Description: 
Version: 1.0
Author: Dan Davies
Author URI: http://www.darfuria.com
*/

* {margin: 0px; padding: 0px; text-decoration: none;}
.cboth {clear: both;}

body {background: url(images/background_body.jpg) no-repeat top center #FFFFFF fixed; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 14px; color: #FFFFFF;}

#holder {width: 960px; margin: 0px auto; padding-bottom: 30px;}
#holder .email {height: 26px; text-align: right;}
#holder .logo {width: 240px; height: 161px; background: url(images/logo_jaden.png); float: left; margin-left: -67px;}
#holder .info {float: right; margin-top: 41px; width: 420px; line-height: 38px; text-align: right;}
#holder .info h1 {font-size: 28px; font-weight: normal; color: #ad442a;}
#holder .info h2 {font-size: 28px; font-weight: normal; color: #ad442a;}
#holder .info p {font-size: 32px; text-transform: lowercase;}

#header {height: 236px; cursor: pointer; position: relative; z-index: 10;}
#header ul.slideshow {
	position: relative;
	list-style: none;
}



#header ul.slideshow li {
	left:0;
	position:absolute;
	top:0;
	z-index:8;
}



#header ul.slideshow li.active {
	z-index: 10;
}
#header ul.slideshow li.last-active {
	z-index: 9;
}


#navigation {position: relative; z-index: 50; height: 54px; background: url(images/background_nav.png) no-repeat; margin-top: -21px; margin-bottom: 5px; width: 960px; text-align: center;}
#navigation ul {list-style: none; padding-left: 20px;}
#navigation li {font-size: 19px; position: relative; font-weight: bold; display: inline; float: left; height: 54px; line-height: 54px; text-align: center; margin-right: 45px; width: auto;}
#navigation a {color: #000000;}
#navigation a:hover {text-shadow: 1px 1px 1px #666;}

#navigation ul ul {position: absolute; left: -9999px; background-color: #3c0f08; padding: 15px 15px; z-index: 999; width: 170px; -moz-border-radius: 4px;}
#navigation li:hover ul {position: absolute; left: -8px; top: 42px;}
#navigation ul ul li {display: block; height: auto; position: relative; margin-bottom: 15px; border: none; text-align: left; line-height: normal; font-size: 80%;}
#navigation ul ul a {color: #FFFFFF;}

#content {margin-bottom: 30px;}

#content .home_left {width: 637px; float: left;}
#content .home_left #homecontent {background-color: rgba(106,31,18,0.4); padding: 8px 20px; -moz-border-radius: 6px; margin-bottom: 15px; min-height: 227px;} 
#content .home_left #homecontent p {line-height: 20px; font-size: 13px;}
#content .home_left #homecontent p:first-child {font-size: 19px; font-weight: bold; line-height: 26px; margin-bottom: 15px;}

#content .home_left #pagecontent {background-color: rgba(106,31,18,0.4); padding: 8px 20px; -moz-border-radius: 6px; margin-bottom: 15px; font-size: 13px;}
#content .home_left #pagecontent h1 {font-size: 31px; font-weight: normal; margin-bottom: 15px;}
#content .home_left #pagecontent p {margin-bottom: 15px; line-height: 20px;}
#content .home_left #pagecontent h2 {font-weight: normal; margin-bottom: 15px;}
#content .home_left #pagecontent a {color: #ffffff; font-weight: bold}
#content .home_left #pagecontent a:hover {text-decoration: underline;}
#content .home_left #pagecontent .postimage {margin-right: 10px; margin-bottom: 10px; float: left; border: 4px solid #FFFFFF;}
#content .home_left #pagecontent .post {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #3E0D05;}

#content .home_left #pagecontent .specs {width: 330px; float: left;}
#content .home_left #pagecontent .images {width: 255px; float: right;}
#content .home_left #pagecontent .images img {border: 1px solid #FFFFFF; margin-bottom: 5px; margin-right: 3px;}

#content .home_left #pagecontent .artist {float: left; margin-right: 15px; margin-bottom: 15px; text-align: center;}
#content .home_left #pagecontent .artistimage {margin-bottom: 5px; border: 4px solid #FFFFFF;}
#content .home_left #pagecontent .artist a {font-weight: normal;}

#content .home_left .guitars {float: left; margin-right: 19px;}
#content .home_left .pickups {float: left;}

#content .home_left .left {width: 309px; float: left;}
#content .home_left .right {width: 316px; float: left; margin-left: 17px;}

#content .home_right {width: 316px; float: left; margin-left: 7px; margin-bottom: 10px;}

#content .home_right .box.latestnews {margin-left: -6px;}
#content .home_right .box.workshop {margin-left: -2px;}

.box {position: relative;}
.box h2 {text-transform: uppercase; font-weight: normal; font-size: 31px; margin-bottom: 20px;}
.box a.more {position: absolute; bottom: 0px; right: 14px; width: 107px; height: 30px; background: url(images/button_more.jpg);}

.box.latestnews {width: 316px; height: 258px; background: url(images/box_latestnews.png) no-repeat;}
.box.latestnews .content {padding-left: 25px; width: 273px; padding-top: 74px; color: #591e14; font-size: 12px; line-height: 18px;}
.box.latestnews .content a {color: #591e14; font-weight: bold;}
.box.latestnews .content a:hover {text-decoration: underline;}

.box.workshop {width: 312px; height: 278px; margin-left: 4px; background: url(images/box_workshop.png) no-repeat;}
.box.workshop .content {padding-top: 24px; padding-left: 32px; width: 176px; font-size: 12px; font-weight: bold; line-height: 21px;}
.box.workshop a.more {bottom: 2px;}

.box.guitars {width: 308px; height: 277px; background: url(images/box_guitars.png) no-repeat; margin-bottom: 20px;}
.box.guitars .content {padding-top: 24px; padding-left: 32px; width: 176px; font-size: 12px; font-weight: bold; line-height: 21px;}

.box.pickups {width: 310px; height: 277px; background: url(images/box_pickups.png) no-repeat;}
.box.pickups .content {padding-top: 24px; padding-left: 32px; width: 176px; font-size: 12px; font-weight: bold; line-height: 21px;}
.box.pickups a.more {bottom: 2px;}

.box.quote {width: 308px; float: left; margin-right: 19px;}
.box.quote .quote {font-size: 19px; color: #fff; line-height: 26px; font-style: italic; margin-bottom: 10px;}
.box.quote p.author {color: #000000; font-size: 16px;}

.box.small {width: 306px; height: 129px; float: left; background: url(images/box_small.png) no-repeat; cursor: pointer}
.box.small .content {padding-left: 29px; padding-top: 15px; color: #3e0d05; width: 182px;}
.box.small .content p {font-size: 12px; font-weight: bold; line-height: 21px;}

#footer {font-size: 11px; font-weight: bold;}
#footer .navigation {text-align: center; margin-bottom: 10px;}
#footer .navigation ul {list-style: none;}
#footer .navigation li {display: inline; margin-right: 15px;}
#footer .navigation a {text-transform: uppercase;}
#footer a {color: #651c0e;}
#footer a:hover {text-decoration: underline;}

#footer p {text-align: center; color: #fff;}
#footer p a {color: #fff;}

.wp-pagenavi span {background-color: #3E0D05; color: #FFFFFF; -moz-border-radius: 4px; border-color: #3E0D05 !important;}
.wp-pagenavi a {background-color: #3E0D05; color: #FFFFFF; -moz-border-radius: 4px; border-color: #3E0D05 !important; color: #FFFFFF !important;}

.gallery {clear: both;}

#expandingtabs h3 {cursor: pointer; font-size: 160%; margin-bottom: 15px;}

#commentform label {display: block;}
#commentform #submit {}
#commentform span.required {display: none;}
#commentform textarea {padding: 3px; font: inherit; line-height: 150%;}
#commentform input {padding: 2px 4px; font: inherit;}
