/*
Wordpress Layout NAME: Nervous Records
DESCRIPTION: Custom Layout for Nervous Records by DaddyDesign.com
VERSION: 1
AUTHOR: Daddy Design
AUTHOR URI: http://www.daddydesign.com/
*/

/* General Settings */
*{ margin: 0; padding: 0; }

img { border: 0; }

body{
background: url('images/bg.jpg') repeat-y top center #f2ef04;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-variant:normal;
color:#fff;
}

p { margin-bottom: 15px; line-height:17px; }

a, a:hover{ color: #ffff00; text-decoration: none; font-weight: bold; }
a:hover{ text-decoration: underline; }
a{ outline: none; }

a.more_link{ float: right; text-transform: uppercase; }

h1{
font-size: 22px;
font-weight: bold;
color: #ffff00;
margin: 0 0 2px 0;
}

h2{
font-size: 35px;
font-weight: bold;
color: #ffff00;
text-transform: uppercase;
margin: 10px 0 15px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #333;
}

/* Social Networking Links */
#social_container{
width: 100%;
height: 68px;
background: url(images/social_bg.png) repeat-x top center;
}

#social{
width: 950px;
height: 68px;
margin: 0 auto;
padding: 0 25px;
background: url(images/social_bg.png) no-repeat top center;
}

#social ul{
width: 950px;
height: 32px;
padding: 3px 0 0 0;
background-color: #000;
text-align: center;
}
#social li { list-style: none; display: inline; padding: 0 8px; }

/* Main Container */
#container{
width: 950px;
margin: 0 auto;
padding: 0 25px;
}

/* Header */
#header{
width: 950px;
height: 312px;
float: left;
background: url(images/header_bg.png) no-repeat top center;
margin: 0 0 10px 0;
}

#logo{
width: 380px;
height: 168px;
float: left; 
}

ul.menu{
width: 100%;
height: 40px;
float: left;
margin-bottom: 34px;
}
ul.menu li { float: left; list-style: none; display: inline; }

ul.sub_menu{
width: 600px;
float: left;
padding: 7px 0 7px 15px;
}
ul.sub_menu li, ul.sub_menu li.last {
float: left; 
list-style: none; 
display: inline; 
font-size: 12px;
text-transform: uppercase;
border-right: 1px solid #ffff00;
padding: 0 13px;
}
ul.sub_menu li.last{ border: 0; }

/* Search */
.search_area{
width: 290px;
float: right;
padding: 0 25px 0 0;
}

.search {
width: 290px;
height: 25px;
background-color: #151515;
float: right;
border: 2px solid #333;
}

.search .s {
float: left;
margin: 5px 0 0 6px;
border: 0;
width: 250px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffff00;
background-color: #151515;
}

.search .go {
width: 25px;
height: 25px;
float: right;
padding: 0 3px 0 0;
}
/* END Header */

/* Content */
#content{ width: 950px; float: left; }
#content_left{ width: 570px; float: left; }
#content_right{ width: 345px; float: right; }

/* Tops and Bottoms */
.top_wide, .bottom_wide{
width: 950px;
height: 25px;
float: left;
background: url(images/top_wide.png) no-repeat top center;
}
.bottom_wide{ background: url(images/bottom_wide.png) no-repeat top center; }

.top_570, .bottom_570{
width: 570px;
height: 25px;
float: left;
background: url(images/top_570.png) no-repeat top center;
}
.bottom_570{ background: url(images/bottom_570.png) no-repeat top center; }

.top_345, .bottom_345{
width: 345px;
height: 25px;
float: left;
background: url(images/top_345.png) no-repeat top center;
}
.bottom_345{ background: url(images/bottom_345.png) no-repeat top center; }

/* Generic */
.section{
width: 100%;
float: left;
margin: 0 0 15px 0;
}

.section_content{
width: 530px;
float: left;
padding: 10px 20px 20px 20px;
background-color: #000;
}

.section_title, .page_title{
width: 100%;
float: left;
margin: 0 0 10px 0;
}
.page_title{ margin: 0; }

.section_content_wide{
width: 900px;
float: left;
padding: 10px 25px 30px 25px;
background-color: #000;
}

/* Home */
/* Slideshow */
#slideshow{
width: 940px;
float: left;
padding: 5px;
background-color: #000;
}

#slideshow_controls{ width: 930px; float: left; padding: 5px; background-color: #262626; margin-top: 5px; }
/* See IE6 for IE Fix */

.slide{ float: left; height: auto; }

#mySlides{
width: 940px;
height: 300px;
float: left;
}

#myController{ width: 850px; float: left; }

#myController span{
width: 50px;
height: 50px;
float: left;
cursor:pointer;
text-align:center;
background-color: #000;
padding: 2px;
margin-left: 6px;
}
#myController span:hover{ background-color: #ffff00; }
#myController span img{ width: 50px; height: 50px; }

#jFlowSlide{ float: left; }

#myController span.jFlowSelected { background-color: #ffff00; }

.jFlowPrev, .jFlowNext{
width: 40px;
height: 46px;
float: left;
cursor: pointer;
font-size: 46px;
line-height: 30px;
color: #ffff00;
text-align: center;
padding-top: 8px;
}
.jFlowPrev:hover, .jFlowNext:hover{ color: #ffff00; }
.jFlowNext{ float: right; }
/* END Slideshow */

/* Slideshow Layout */
.slider_thumb{
width: 300px;
height: 300px;
float: left;
}
.slider_thumb img{ width: 300px; height: 300px; }

.slider_info{
width: 590px;
float: left;
padding: 10px 0 0 25px;
}
.slider_info p{ margin: 0 0 12px 0; }

#featured_artist{
width: 480px;
float: left;
margin: 0 0 15px 0;
}

#featured_artist_top, #featured_artist_bottom{
width: 480px;
height: 25px;
float: left;
background: url(images/featured_artist_top.png) no-repeat top center;
}
#featured_artist_bottom{ background: url(images/featured_artist_bottom.png) no-repeat top center; }

#featured_artist_content{
width: 470px;
float: left;
padding: 0 5px 5px;
background-color: #000;
}
#featured_artist_content p{ margin: 0; }

.featured_artist_info{
width: 450px;
float: left;
padding: 10px;
}

.featured_artist_thumb{
width: 470px;
height: 250px;
float: left;
}
.featured_artist_thumb img{ width: 470px; height: 250px; }

#featured_video{
width: 435px;
float: right;
margin: 0 0 15px 0;
}

#featured_video_top, #featured_video_bottom{
width: 435px;
height: 25px;
float: left;
background: url(images/video_top.png) no-repeat top center;
}
#featured_video_bottom{ background: url(images/video_bottom.png) no-repeat top center; }

#featured_video_content{
width: 425px;
float: left;
padding: 0 5px 5px;
background-color: #000;
}
#featured_video_content p{ margin: 0; }

/* Artists */
ul.artist_menu{ float: left; list-style: none; margin-bottom: 15px; }

ul.artist_menu li{
width: 264px;
float: left;
padding: 8px;
border-bottom: 1px solid #333;
font-size: 17px;
color: #fff;
font-weight: bold;
margin-right: 20px;
}

/* Artist Pages */
.artist_name { 
background-color:#000000;
bottom:25px;
float:left;
position:absolute;
z-index:1;
padding: 6px 10px;
margin-right: 25px;
}
.artist_name h2{ margin: 0; padding: 0; border-bottom: 0; line-height: 36px; }

.artist_image{
width: 560px;
float: left;
background-color: #000;
padding: 5px;
position: relative;
}

.artist_page_featured{
width: 335px;
float: left;
background-color: #000;
padding: 5px;
position: relative;
}
.artist_page_featured img{ width: 335px; height: 335px; }

/* Out Now */
ul.out_now{ width: 100%; float: left; list-style: none; }

ul.out_now li{
width: 250px;
float: left;
padding: 15px 20px;
}
ul.out_now li img{ width: 250px; height: 250px; float: left; border: 5px solid #333; margin-bottom: 7px; }

.thumb_title{
width: 250px;
height: 40px;
display: block;
text-align: center;
float: left;
}

/* Blog Posts */
.post_container{
width: 570px;
float: left;
margin: 0 0 15px 0;
}

.post{
width: 530px;
float: left;
padding: 20px;
background-color: #000;
}

.post_search, .post_archive{
width: 530px;
float: left;
margin: 0 0 25px 0;
}
.post_archive{ margin: 0 0 40px 0; }

span.date{ font-size: 13px; font-weight: bold; display: block; margin: 0 0 15px 0; text-transform: uppercase; }
span.yellow_arrow{ color: #ffff00; }

.comment_bubble{
width: 35px;
height: 35px;
float: right;
font-size: 14px;
font-weight: bold;
color: #000;
text-align: center;
background: url('images/comment_bubble.jpg') no-repeat center;
margin: 0 0 0 10px;
}
.comment_bubble a, .comment_bubble a:hover{ 
display: block;
color: #000;
text-decoration: none;
padding: 5px 5px 5px 6px; 
}

/* Navigation */
.navigation {
width: 570px;
float: left;
background: url('images/nav_bg.png') no-repeat center;
margin: 0 0 15px 0;
}

.navigation2 {
width: 100%;
float: left;
border-top: 1px solid #333;
padding: 10px 0 0 0;
margin: 15px 0 0 0;
}

.alignleft a, .alignright a, .alignleft2 a, .alignright2 a { 
float: left; 
font-size: 24px; 
text-align: left; 
padding: 35px 15px;
}
.alignright a, .alignright2 a { float: right; text-align: right; }
.alignleft2 a, .alignright2 a { font-size: 16px; padding: 0 5px; text-transform: uppercase; }

/* Comments*/
.commentlist {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: justify;
border-top: 1px solid #333;
}

.commentlist li {
width: 96%;
float: left;
list-style: none;
border-bottom: 1px solid #333;
padding: 2%;
margin-top: 5px;
}
.comment_header{ width: 100%; float: left; margin: 0 0 15px 0; }
.comment{ width: 100%; float: left; }
.comment p{ margin: 0 0 10px 0; font-size: 12px; line-height: 15px; }

span.comment_author{ display: block; font-size: 17px; font-weight: bold; color: #ffff00; margin: 5px 0 2px 0; }
span.comment_time{ font-size: 12px; color: #ffff00; }
.avatar{ float: left; border: 3px solid #333; margin: 0 10px 0 0; }

/* Comment Form */
#comment_form{ width: 100%; float: left; }

span.form_label{
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #ffff00;
display: block;
margin: 5px 0;
}

.form_field{
width: 515px;
display: block;
background: #151515;
border: 1px solid #333;
padding: 5px; 
margin: 0 0 15px 0;
color: #ffff00;
}

#submit{
width: auto;
height: auto;
display:block; 
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px; 
font-weight: bold;
text-transform: uppercase;
color: #000;
background-color:#ffff00;
cursor: pointer;
padding: 10px 15px;
margin: 10px 0;
}

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

#comment_form p{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* Sidebar */
.sidebar_container{
width: 345px;
float: left;
margin: 0 0 15px 0;
}

.sidebar, .sidebar_rss{
width: 305px;
float: left;
padding: 0 20px 20px 20px;
background-color: #000;
}
.sidebar_rss{ padding: 10px 20px; }

.sidebar ul{ list-style: none; border-top: 1px solid #333; }

.sidebar li{
padding: 8px;
border-bottom: 1px solid #333;
font-size: 14px;
color: #fff;
font-weight: bold;
}

ul.children{ margin-top:5px; padding-left:5px; border: 0; }
ul.children li{
font-size:12px;
padding:3px 5px;
border: 0;
}

.tag_cloud{
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding: 8px;
}

/* Footer */
#footer{
width: 950px;
float: left;
margin: 0 0 40px 0;
}

.footer_menu, .footer_sub_info{
width: 928px;
float: left;
background-color: #ffff00;
border: 1px solid #000;
padding: 10px;
}
.footer_sub_info{ width: 933px; background-color: #000; padding: 10px 10px 10px 5px; }

.footer_menu ul{
width: 100%;
text-align: center;
}
.footer_menu li, .footer_menu li.last{  
list-style: none; 
display: inline; 
font-size: 11px;
text-transform: uppercase;
border-right: 1px solid #000;
padding: 0 9px;
}
.footer_menu li.last{ border: 0; }
.footer_menu a, .footer_menu a:hover{ color: #000; }

.footer_sub_info ul{
width: 750px;
float: left;
margin: 5px 0 0 0;
}
.footer_sub_info li, .footer_sub_info li.last {
float: left; 
list-style: none; 
display: inline; 
font-size: 11px;
color: #ffff00;
border-right: 1px solid #ffff00;
padding: 0 10px;
}
.footer_sub_info li.last{ border: 0; }

#dd_logo{
width: 100px;
float: right;
text-align: right;
}