/*
Theme Name: Driven A.D., based off Skin-It, based off WordPress Default
Theme URI: http://wordpress.org/
Description: Custom theme for Driven A.D.
Version: 1.0
Author: Sushi Shibata
Author URI: http://www.sushi3.com/
Tags: 

*/

body {
	font-size: 100.01%;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #fff url('images/page_bg.jpg') repeat-x 50% 50% fixed;
	color: #666;
	text-align: center;
	margin: 0;
	padding: 0;
}

a, h2 a:hover, h3 a:hover { color: #b00; text-decoration: none; }
a:hover { color: #700; text-decoration: underline; }
a img { border: none; }

/*	Begin Headers */
h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; }
h1 { }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; padding: 0; margin: 30px 0 0; }

h2.pagetitle { font-size: 1.6em; margin-top: 0; padding: 0 10px; background: #000; }
h3.comments { padding: 0; margin: 40px auto 20px ; }
h3.music { margin: 2em 0; text-transform: uppercase; }

h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; color: #666; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #888; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited { text-decoration: none; }

/* End Headers */

acronym, abbr, span.caps { cursor: help; font-size: 0.9em; letter-spacing: .07em; }
acronym, abbr { border-bottom: 1px dashed #999; }
strong { color: #da0; }
small { color: #999; font-size: 0.75em; line-height: 1.5em; }
strike { color: #999; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
blockquote { color: #999; margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
cite { text-decoration: none; }
hr { display: none; }

.driven { font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; }
.important { color: #fc0; }

.center { text-align: center; }
.navigation { font-size: 0.85em; display: block; text-align: center; margin-top: 1em; margin-bottom: 5em; }
.clear, .clr { clear: both; }
.cleardiv { clear: both; font-size: 1px; line-height: 1px; }
.cleardiv_left { clear: left; font-size: 1px; line-height: 1px; }
div.line, div.line_left { font-size: 3px; line-height: 3px; border-bottom: 1px solid #444; margin: 0 0 15px 0; padding: 0 0 15px 0; }
div.line_left { clear: left; }

/* custom site menu */
#menu_container { position: relative; }

ul#themenu { margin: 0; padding: 0; position: absolute; top: 0; left: 62px; width: 736px; height: 43px;}
ul#themenu a:hover, ul#themenu a:hover { text-decoration: none; }
ul#themenu li { position: absolute; display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; top: 0; height: 43px; }
ul#themenu li a:hover img, ul#themenu li a.menubar_current img { margin-top: -42px; }

ul#themenu li#menu_01 { left: 0; width: 84px; }
ul#themenu li#menu_02 { left: 84px; width: 88px; }
ul#themenu li#menu_03 { left: 172px; width: 99px; }
ul#themenu li#menu_04 { left: 271px; width: 94px; }
ul#themenu li#menu_05 { left: 365px; width: 63px; }
ul#themenu li#menu_06 { left: 428px; width: 79px; }
ul#themenu li#menu_07 { left: 507px; width: 114px; }
ul#themenu li#menu_08 { left: 621px; width: 115px; }

ul#thelogos { margin: 43px auto 0 auto; padding: 0; width: 756px; }
ul#thelogos a:hover, ul#thelogos a:hover { text-decoration: none; }
ul#thelogos li { display: block; margin: 0; padding: 0; list-style: none; float: left; }

/* end custom site menu */

/* Begin Structure */
#page { background: transparent url(images/content_bg.png) repeat-y 0 0; font-size: 0.8em; margin: 0 auto; padding: 0 0 20px 0; width: 940px; height: 100%; text-align: left; }
#page_inner { background: transparent url(images/header_bg.png) no-repeat 50% 0; }
#header_outer { margin: 0 auto; width: 860px; height: 275px; }
#header_top { width: 860px; height: 175px; }
h1#header_img { margin: 0 auto; padding: 0; width: 800px; overflow: hidden; }

.post { margin: 0 0 1em 0; clear: left; }
.post hr { display: block; }
.post .postdate { text-align: right; }
.postmetadata { clear: left; color: #777; font-size: 0.8em; }

.narrowcolumn { float: left; padding: 0 0 20px 0; margin: 0; width: 570px; }
.narrowcolumn .postmetadata { padding: 0.7em; border-bottom: 1px solid #444; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; padding:0 0.5em 0 0; color: #ccc; }

.widecolumn { float: left; padding: 0 0 20px 0; margin: 0; width: 780px; }
.widecolumn .post { margin: 0; padding: 0 20px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0; }
.widecolumn .attachment { text-align: center; margin: 5px 0; }
.widecolumn .entry p { font-size: 1.05em; }

#footer { padding: 10px 0 1px 0; margin: 0 auto; width: 760px; clear: both; }
#footer p { margin: 0; padding: 5px 0; text-align: center; }

#content_outer { width: 805px; margin: 10px auto 0 auto; text-align: left; }
#content { font-size: 1.3em }

.entry p a:visited { color: #700; }
.tags { font-size: 0.8em; color: #888; }
.tags a { color: #555; }

/* End Structure */


/* Begin Sidebar */

#sidebar { font-size: 1em; padding: 0; margin: 0 0 0 585px; width: 200px; }
#sidebar h2 { color: #f90; font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; text-decoration: none; margin: 5px 0 10px 0; padding: 0; }
#sidebar form { margin: 0; }

#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 { color: #777; margin: 3px 0 0; padding: 0; }

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

/* End Sidebar */

/* sidebar widgets */

#sidebar div.widget .button { display: block; margin: 0.5em auto; }
#sidebar div.widget { color: #ccc; padding: 10px 10px 0 9px; margin: 0 0 25px 0; background: transparent url(images/bg_darken_50.png) repeat 0 0; border-left: 1px solid #222; }
#sidebar div.widget h2 { border-bottom: 1px solid #ccc; margin: 0 10px 1em; }
#sidebar div.widget .inputbox { width: 95%; } /* other .inputbox elsewhere */

#sidebar div.widget a, #sidebar div.widget a:link, #sidebar div.widget a:visited,
#sidebar div.widget a:hover, #sidebar div.widget a:active { color: #c00; }

#sidebar div.widget div.widget { padding: 0; margin: 0; border: none; background: none; } /* for SendBlaster weird nesting shit */

/* end sidebar widgets */



/* 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; margin-left: 1em; }
.alignleft { float: left; margin-right: 1em; }
/* End Images */


/* Begin Lists

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

html>body .entry ul { margin-left: 0; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 0.25em 0 0.25em 1em; }

.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.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; }

/* End Entry Lists */

/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 0; }

/* This is mainly for password protected posts, makes them look better. */
.entry form { text-align:center; }
select { width: 130px; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; background: #222; color: #ddd; border: 1px solid #111; }
#commentform textarea { width: 100%; padding: 0.3em; background: #222; color: #ddd; border: 1px solid #111; }
#commentform #submit { margin: 0; float: right; padding: 0.3em; background: #555; }
/* End Form Elements */


/* Begin Comments*/
.alt { background-color: #222; margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist li .avatar {  float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist p { margin: 10px 5px 10px 0; font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.nocomments { color: #777; text-align: center; margin: 0; padding: 0; }
.commentmetadata { font-weight: normal; margin: 0; display: block; }

/* End Comments */


/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { font-size: 9pt; padding-right: 10px; text-align: right; }
#wp-calendar #prev a { font-size: 9pt; padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; text-decoration: none; }
#wp-calendar caption {
	width: 100%;
	font: bold 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	text-decoration: none;
	padding: 0.5em 0 0 0;
	margin: 0.5em 0 0 0;
	border-top: 1px solid #333;
}
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* Doesn't work in IE */ #wp-calendar td.pad:hover { background-color: #fff; }

/* End Calendar */


/* Custom pages */

/* Bio page */
.bandmembers { background: #000; width: 250px; float :right; margin :0 0 0.5em 2em; }
.bandmember { border-bottom: 1px dotted rgb(64, 44, 24); margin: 0 0 15px 0; height: 140px; clear: both; }
.bandmember_title { border-bottom: 1px dotted rgb(64, 44, 24); padding: 0 0 5px 0; margin: 0 0 15px 0; }
.bandmember_pos { float: right; white-space: nowrap; }
.bandmember_name { float: left; white-space: nowrap; }

/* Contact page */
.contact { float: left; margin: 0 40px 0 0; }
.contact_form { float: left; }

.contact_form label input, .contact_form label textarea { width: 250px; }

.leftside2 { float: left; padding: 0 25px 20px 0; width: 270px; }
.rightside2 { float: left; padding: 0; width: 370px; border-left: 1px solid #333; }
.rightside2_inner { padding: 0 0 20px 25px; }

/* Links page */
.rightside-links { padding: 0 0 20px 30px; margin: 0; width: 260px; float:right; line-height: 110%; }

.linkcat, .blogroll li { list-style: none; }
.blogroll li { padding: 10px 0; }
.blogroll a { text-decoration: none; }
.blogroll p, .rightside-links p { padding: 5px 7px; text-align: center; font-size: 0.9em; }
img.imgborder { border: 1px solid #000; }
.linkcat h2 { font-size: 1.3em; color: #999; }

#linkcat-5, #linkcat-6 { line-height: 2.5em; width: 450px; }
#linkcat-5 li, #linkcat-6 li { float: left; padding: 5px 7px; margin: 0px 20px 0px 0; text-decoration: none; }

/* Music page */
.album_listing { float: left; text-align: center; width: 220px; }
.album_desc { float: left; border-left: 1px solid #555; margin:0 0 0 18px; padding:0 0 20px 18px; width:434px; }

.youtube { display: block; margin: 1em 0; }

/* Merch */
.product_image { float: left; text-align: center; width: 300px; padding: 0 1.5em 0 0; }
.product_desc { float: left; margin:0 0 0 20px; padding:0 0 20px 19px; width:300px; }
.fake_disclaimer { font-size: 0.8em !important; color: #999; font-style: italic; line-height: 125%; }

.wp-caption-text { font-size: 0.7em; line-height: 125%; text-align: center; }
.coming_soon, .new_product, .sold_out { padding: 0.2em 0.4em; font-style: italic; }
.coming_soon { background: #400; }
.new_product { background: #004; }
.sold_out { background: #333; }

ul.eshopw_panels { }
ul.eshopw_panels li { text-align: center; }

/* Policies page */
.policies, .paymentmethods { text-align: center; }
.paymentmethods img { margin: 0 3px; }
.policies img, .paymentmethods img { border: none; }

/* Promote page */

div.code1, div.code2 { height: 70px; overflow: auto; background-color: #fff; color: #000; text-align: left; }

div.code1 { width: 250px; }
div.code2 {	width: 400px; }

table.drivenbanners1, table.drivenbanners2 { border-collapse: collapse; margin: 15px auto; border: 1px solid #222; }
table.drivenbanners1 td, table.drivenbanners2 td { text-align: center; padding: 10px; color: white !important; background-color: #111; }

table.drivenbanners1 td { vertical-align: top; border: 1px solid #222; }
table.drivenbanners2 td { border-bottom: 1px solid #222; padding: 10px; }
table.drivenbanners1 td img { border: none; }

table.drivenbanners1 textarea, table.drivenbanners2 textarea { width: auto; }


/* End Custom pages */


/* reverbnation */

.contact_rn_newsletter { margin: 4em 0 0 0; }
.promote_rn_streetteam { margin-left: 150px; }
#rn_events { width: 180px; height: 300px; }
#rn_newsletter { width: 180px; height: 180px; }

/* reverbnation */

/* epk */

div.epk { }
div.epk div { float: left; width: 40%; margin: 0 2em 1.5em 0 !important; padding: 0.5em; text-align: center; border: 1px solid #333; }
div.epk ol.tracklisting { text-align: left; font-size: 0.9em; padding-left: 1em; }
div.epk p { margin: 0 0 1em 0; }

/* end epk */