/*
Wordpress Layout NAME: Dujon 09
DESCRIPTION: Custom Layout for Dujon
VERSION: 1
AUTHOR: Daddy Design
AUTHOR URI: http://www.daddydesign.com/
*/

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

img { border: 0; }

body{
background-color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-variant:normal;
color:#fff;
}
body.body_home{
background: url('images/bg_home.jpg') repeat-x top left #000;
}
body.body_blog{
background: url('images/bg_blog.jpg') no-repeat top left #000;
background-attachment: fixed;
}
body.body_page{
background: url('images/bg.jpg') no-repeat top left #000;
background-attachment: fixed;
}
body.body_videos{
background: url('images/bg_videos.jpg') no-repeat top left #000;
background-attachment: fixed;
}
body.body_discography{
background: url('images/bg_discography.jpg') no-repeat top left #000;
background-attachment: fixed;
}
body.body_contact{
background: url('images/bg_contact.jpg') no-repeat top left #000;
background-attachment: fixed;
}
body.body_search{
background: url('images/bg_search.jpg') no-repeat top left #000;
background-attachment: fixed;
}

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

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

a.more-link{ float: right; margin: 15px 0 0 0; }
a.more{ float: right; }

/* Titles */
h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 25px;
font-weight: bold;
color: #fff;
margin-bottom: 5px;
}

/* Main Container */
#container{
width: 1000px;
float: left;
}

/* Header */
#header{
width: 300px;
float: left;
position: fixed;
}

#menu{
float: left;
margin-top: 22px;
}

/* Menu UL */
#menu ul { list-style: none; }
#menu li { list-style: none; display: block; margin-bottom: 5px; }
#menu li a, #menu li a:hover{
width: auto;
display: inline-block;
padding: 8px 10px;
background-color: #000;
}
#menu li a:hover{ background-color: #1e1e1e; }
/* See ie.css for menu fix */

/* Search Box */
.search {
width: 165px;
height: 34px;
background-color: #000;
clear: left;
}

.search .s {
float: left;
margin: 9px 0 0 10px;
border: 0;
width: 110px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background-color: #000;
}

.search .go {
width: 34px;
height: 34px;
float: right;
padding-right: 5px;
}

/* Content */
#content{
width: 400px;
float: right;
background: url('images/content_bg.jpg') no-repeat top right #000;
padding: 38px 25px 0 25px;
}

/* Blog Layout */
#blog_container{
width: 475px;
float: right;
background: url('images/content_bg.jpg') no-repeat top right;
padding: 38px 25px 0 0;
}

#blog_header{
width: 400px;
float: right;
padding: 0 0 0 75px;
margin-bottom: 10px; 
}

#blog_header ul, #blog_header li{
float: left;
list-style: none;
margin: 5px 0;
}
#blog_header li{ padding-right: 18px; margin: 0; }
#blog_header li a{ font-size: 14px; text-transform: uppercase; }

#blog_content{
width: 475px;
float: right;
}

/* Post */
.post{
width: 100%;
float: left;
margin: 20px 0;
}

.post_date{
width: 50px;
float: left;
text-align: center;
background-color: #000;
padding: 10px 0;
}
span.month{ 
display: block;
font-size: 12px; 
line-height: 13px; 
color: #fff;
text-transform: uppercase; 
}
span.day{ 
display: block;
font-size: 22px; 
line-height: 25px; 
font-weight: bold;
color: #fff; 
}

.post_content{
width: 400px;
float: right;
}

.post_content h1{ margin-top: 10px; }

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

/* Post Discography */
.post_discography{
width: 100%;
float: left;
margin: 20px 0;
}
.post_discography h1{
font-size:20px;
font-weight:normal;
line-height:24px;
border-bottom: 1px dashed #fff; 
padding-bottom: 6px; 
margin-bottom: 12px;
}
.post_discography h1 a{ font-weight: normal; }

.post_discography img{ 
width: 150px;
height: 150px;
float: left; 
border: 3px solid #333; 
margin-right: 15px; 
}

.post_discography ol{
width: 205px;
float: right;
}
.post_discography ol li{ padding-bottom: 3px; }

/* Entry */
.main_title{
width: 100%;
float: left;
margin-bottom: 10px;
}

.entry, .entry_noresults{
width: 100%;
float: left;
}
.entry_noresults{ margin: 20px 0; }

.blog_entry{
width: 400px;
float: right;
padding: 0 0 0 75px;
}

/* Archives */
.archive_title{
width: 400px;
float: right;
padding: 0 0 0 75px;
margin: 12px 0 5px 0;
}
.archive_title h1{ 
font-size: 24px; 
line-height: 27px; 
border-bottom: 1px dashed #fff; 
padding-bottom: 5px; 
text-transform: uppercase;
margin: 0;
}

.archive{
width: 400px;
float: right;
padding: 0 0 0 75px;
}
.archive .archive_title{
width: 100%;
float: left;
padding: 0;
margin: 12px 0 0 0;
}

.archive ul{ width: 100%; float: left; margin-bottom: 40px; }
.archive li { 
width: 100%;
float: left; 
list-style: none; 
border-bottom: 1px dashed #fff; 
}
.archive li a, .archive li a:hover{
width: 94%;
font-size: 15px;
font-weight: bold;
padding: 10px 3%;
display: block;
}
.archive li a:hover{ text-decoration: none; background-color: #1e1e1e; }

/* Comments*/
.commentlist {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: justify;
}

.commentlist li.comment_main {
width: 100%;
float: left;
list-style: none;
margin-bottom: 25px;
}

.comment_left{
width: 47px;
float: left;
text-align: center;
background-color: #000;
padding: 3px 0 3px 3px;
overflow:hidden;
}
.avatar{ float: left; }
.comment_right{ 
width: 400px;
float: right;
margin-top: 5px;
}
p.comment_title{ font-size: 15px; margin-bottom: 8px; }

.comments_entry{
width: 400px;
float: right;
padding: 0 0 0 75px;
margin: 30px 0 5px 0;
}
.comments_entry h1{ 
font-size: 24px; 
line-height: 27px; 
border-bottom: 1px dashed #fff; 
padding-bottom: 5px; 
text-transform: uppercase;
margin: 0 0 10px 0;
}

#comment_form{ width: 100%; float: left; }

span.form_label{
font-size: 13px;
font-weight: bold;
display: block;
margin: 5px 0;
}

.form_field, .comment_form_field{
width: 386px;
display: block;
background: #fff ;
border: 2px solid #333;
padding: 5px; 
margin: 0 0 15px 0;
color: #333;
}
.comment_form_field{ margin: 0; }

#submit{
width: 400px;
height: auto;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px; 
font-weight: bold;
text-transform: uppercase;
color: #fff;
background-color: #333;
border: 2px solid #333;
cursor: pointer;
padding: 10px 0;
}

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

.commentluv-check{ 
width: 100%; 
float: left; 
margin: 40px 0 8px 0; 
padding: 12px 0 0 0;
border-top: 2px dotted #ccc;
}
.commentluv-check label{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 8px; }
#comment_form p{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* Facebook Connect */
.fbc_connect_button_area {
float: left;
margin-top: 20px;
}

.dark{ margin-top: 7px !important; }

.fb_profile_pic_rendered{ width: 47px; height: 47px; }

/* Navigation */
.navigation {
width: 100%;
float: left;
}

.navigation_blog {
width: 400px;
float: right;
padding: 0 0 0 75px;
}
.navigation_blog_inner{
width: 390px;
float: left;
border-top: 1px dashed #fff;
border-bottom: 1px dashed #fff;
padding: 10px 5px;
}

.alignleft a, .alignright a { 
float: left; 
font-size: 14px; 
font-weight: bold;
text-align: left; 
text-transform: uppercase;
}
.alignright a { float: right; text-align: right; }

/* Footer */
#footer_container{
width: 400px;
float: right;
clear: both;
padding: 0 25px 0 25px;
background-color: #000;
}

#footer{
width: 100%;
float: left;
border-top: 1px dashed #fff;
padding: 8px 0 0 0;
margin: 20px 0;
}

.footer_left {
float: left;
color: #fff;
font-size: 11px;
line-height: 15px;
}

.footer_rss{ float: right; display: block; }


/* Home Page Coding */
/* Home Header */
#header_home{
width: 1000px;
height: 620px;
float: left;
background: url('images/header_home_bg.jpg') no-repeat top left;
position: relative;
}

#rss_home {
display: block;
clear: left;
padding: 0 0 0 30px;
position: absolute;
bottom: 55px;
}

#featured_music{
width: 328px;
float: right; 
padding: 22px 30px 0 0;
}

.download_now, .buy_now{
float: right;
padding: 0 0 0 28px;
background: url('images/download_now.jpg') no-repeat top left;
}
.buy_now{ background: url('images/buy_now.jpg') no-repeat top left; }
.download_now img, .buy_now img{ 
width: 290px; 
height: 290px; 
float: left; 
border: 5px solid #000; 
background-color: #000;
}

#music_player{
width: 300px;
height: 250px;
float: right;
background-color: #000;
}

.content_home{
width: 940px;
float: left;
padding: 0 30px;
margin-bottom: 70px;
}

.section_home_left, .section_home_right{
width: 420px;
float: left;
}
.section_home_right{ width: 445px; float: right; }

.featured_video{
width: 410px;
float: left;
margin-top: 3px;
}
.featured_video span.youtube{
display: block;
background-color: #333;
padding: 5px;
}
.featured_video p{ margin-bottom: 10px; }

ul.recent_posts{ width: 100%; float: left; margin: 3px 0 0 0; border-top: 1px dashed #fff; }
ul.recent_posts li { 
width: 100%;
float: left; 
list-style: none; 
border-bottom: 1px dashed #fff; 
}
ul.recent_posts li a, ul.recent_posts li a:hover{
width: 94%;
font-size: 13px;
font-weight: bold;
padding: 12px 3%;
display: block;
}
ul.recent_posts li a:hover{ text-decoration: none; background-color: #1e1e1e; }

ul.twitter{ width: 100%; float: left; margin: 3px 0 0 0; border-top: 1px dashed #fff; }
ul.twitter li { 
width: 94%;
float: left; 
list-style: none; 
border-bottom: 1px dashed #fff; 
padding: 12px 3%;
line-height: 18px;
}
a.twitter_small, a:hover.twitter_small{
float: right;
text-align: right;
font-size: 11px;
background: url('images/twitter_small.jpg') no-repeat right;
padding: 0 53px 0 0;
margin-top: 7px;
text-decoration: none;
}

#footer_home, #footer_home_inner{
width: 100%;
float:left;
}
#footer_home_inner{ border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; padding: 25px 0; }

#footer_home_info{
width: 1000px;
float: left;
}

.footer_logo{
width: 210px;
height: 210px;
float: left;
border-right: 1px dashed #fff;
padding: 0 15px;
}

.follow_dujon{
width: 460px;
height: 195px;
float: left;
padding: 15px 20px 0 35px;
}
.follow_dujon ul{ width: 460px; float: left; list-style: none; margin-top: 5px; }
.follow_dujon li{ 
width: 115px;
height: 50px;
float: left;
list-style: none; 
display: block; 
margin-top: 4px;
}
.follow_dujon li img{ display: block; }

#footer_home_bottom{
width: 970px;
float: left;
padding: 10px 15px;
}
#footer_home_bottom .footer_left{ width: 320px; }

#footer_home_rss{
width: 490px; 
float: left;
text-align: center;
margin-top: 10px;
}

.footer_rss_button{
height: 20px;
background: url(images/footer_home_rss.jpg) no-repeat scroll top left;
padding: 2px 30px 0 25px;
display: inline;
}
.footer_rss_button a, .footer_rss_button a:hover  { font-size: 14px; }

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

/* Digital Heart Beats Coding */
#back_link{
width: 100%;
float: left;
background-color: #333;
text-align: left;
}
#back_link a, #back_link a:hover{
display: block;
font-size: 15px;
color: #fff;
padding: 10px;
}
#back_link a:hover{ text-decoration: none; color: #999; }

#dhb_content{
width: 940px;
float: left;
margin: 50px 0;
padding: 0 30px;
}

#dhb_logo{
width: 330px;
float: left;
}
#dhb_info{
width: 540px;
min-height: 330px;
float: right;
border-left: 1px dashed #fff;
padding:15px 0 5px 40px;
}

#dhb_footer{
width: 100%;
float:left;
border-top: 1px dashed #fff;
margin-bottom: 20px;
}
#dhb_footer .footer_left{
padding: 15px 0 0 15px;
}