/*  
Theme Name: BeginnerDJ
Theme URI: http://www.beginnerdj.com
Description: A nice dark, transparent design for BDJ.
Author: Murray Lunn
Author URI: http://www.murlu.com
Version: 1.0
*/

@import "style/css/reset.css";

/* Headers */
h1 { color: #f3f3f3; font-size: 2.5em; font-family: tahoma; margin-bottom: 10px;}
h2 {color: #f3f3f3; font-size: 1.9em; font-family: tahoma; margin-bottom: 10px; }
h3 {color: #f3f3f3; font-size: 2.0em; font-family: tahoma; margin-bottom: 10px; margin-top: 15px;}
h4 {}
h5{}
h6 {}

/* Basic Styles */
p { color: #f3f3f3; font-size: 1.6em; margin-top: 15px; line-height: 1.5em;}
a { color: #d11cdf; text-decoration: none;}
a:hover {color: #fff;}
.clear {clear: both;}
br {}
cite { color: #f3f3f3; font-size: 1.2em;}

/* Body Styles */
body {
background: url(images/bodybg.jpg) repeat-x top left;
background-color: #000;
font-size: 62.5%;
font-family: verdana, arial, tahoma, sans-serif;
}

/* Container Styles */
#container {
height: 1480px;
width: 960px;
margin: 0 auto;
}

/* Header Styles */
#header {
height: 120px;
width: 960px;
margin-top: 10px;
}

.logo {
float: left;
}

.navigation {
float: right;
width: 450px;
background: url(images/navbg.png) repeat-x;
margin-top: 44px;
}

.navigation ul {
height: 32px;
}

.navigation a {
float: left;
font-variant: small-caps;
font-size: 1.5em;
font-family: tahoma;
font-weight: bold;
line-height: 32px;
text-decoration: none;
padding-left: 17px;display: inline;
}

/* Feature Styles */
#feature {
background: url(images/contentbg.png) repeat;
border: 1px solid #3f0f3b;
height: 338px;
float: left;
width: 958px;
}

.featurecontent {
padding: 20px;
}

img.featuredpicture {
border: 1px soild #591c57;
float: left;
width: 400px;
height: 300px;
padding-right: 20px;
}

/* Main Conent */
#maincol {
margin-top: 20px;
float: left;
}

.post {
background: url(images/contentbg.png) repeat;
height: 100%;
width: 598px;
padding: 20px;
border: 1px solid #3f0f3b;
margin-bottom: 20px;
}

.post h2 {
margin-top: 20px;
}

img.postpic {
border: 1px soild #591c57;
float: left;
width: 250px;
height: 200px;
margin-right: 20px;
}

#singlepost ul {
list-style: square;
margin-left: 50px;
margin-top: 10px;
color: #ffffff;
}

#singlepost li {
font-size: 1.4em;
color: #ffffff;
line-height: 1.6em;
}

/* Sidecol Styles */
#sidecol {
margin-top: 20px;
width: 300px;
float: right;
}

#adblock {
background: url(images/contentbg.png) repeat;
height: 298px;
width: 298px;
border: 1px solid #3f0f3b;
float: right;
}

img.blockad {
width: 135px;
height: 135px;
padding: 5px;
background: url(images/adblockbg.png) repeat;
margin: 2px;
float: left;
}

#subscribe {
background: url(images/contentbg.png) repeat;
border: 1px solid #3f0f3b;
height: 100%;
width: 298px;
float: right;
}

.aboutMe {
background: url(images/contentbg.png) repeat;
border: 1px solid #3f0f3b !important;
height: 100%;
width: 298px;
float: right;
}

.myThumbnail {
float: left;
padding: 0px 5px 5px 0px;
}

.rssbutton {
float: left;
padding: 15px 25px 15px 15px;
}

#fbfans {
width: 298px;
float: right;
margin-top: 15px;
}

#subscribe h3 {
font-family: tahoma;
font-size: 1.8em;
font-weight: bold;
margin-top: 15px;
}

#subscribe p {
margin-top: 5px;
font-weight: bold;
}

.subemail {
margin-top: 5px;
font-size: 1.2em;
}

#popularposts {
background: url(images/contentbg.png) repeat;
border: 1px solid #3f0f3b;
height: 100%;
width: 298px;
margin-top: 15px;
float: right;
padding-bottom: 10px;
}

#popularposts h3 {
margin: 10px 0px 0px 10px;
}

#popularposts ul {
margin: 10px 0px 0px 10px;
}

#popularposts li {
padding: 5px;
}

#popularposts a{
font-size: 1.5em;
line-height: 22px;
color: #fff;
}

#popularposts a:hover{
color: #d11cdf;
}

#aboutme{
background: url(images/contentbg.png) repeat;
border: 1px solid #3f0f3b !important;
height: 100%;
width: 298px;
margin-top: 15px;
float: right;
padding: 5px;
}


#recentposts{
background: url(images/contentbg.png) repeat;
border: 1px solid #3f0f3b;
height: 100%;
width: 298px;
margin-top: 15px;
float: right;
}

#recentposts h3 {
margin: 10px 0px 0px 10px;
}

#recentposts li {
text-decoration: none;
padding: 10px;
}

#recentposts a{
font-size: 1.5em;
color: #fff;
}

#recentposts a:hover{
color: #d11cdf;
}


.wpp-views {
color: #fff;
}

post-stats {
color: #fff;
}

.star {
margin-right: 5px;
}

#featuredItem {
margin: 10px 0px 0px 0px;
float: right;
width: 300px;
height: 50px;
}

#tweetstream {
background: url(images/contentbg.png) repeat;
height: 100%;
width: 298px;
border: 1px solid #3f0f3b;
float: right;
margin-top: 15px;
}

#tweetstream h3{
margin: 10px 0px 0px 10px;
}

#twitter_update_list li  {
margin: 10px;
font-size: 1.3em;
padding: 7px;
color: #f3f3f3;
}

#tweetstream h4{
font-size: 1.8em;
text-decoration: none;
text-align: center;
margin-top: 15px;
}

#tweetstream h4 a {
color: #fff;
}

#tweetstream h4 a:hover {
color: #d11cdf;
}

#friends {
background: url(images/contentbg.png) repeat;
height: 100%;
width: 298px;
border: 1px solid #3f0f3b;
float: right;
margin-top: 15px;
}

#friends h3{
margin: 10px 0px 0px 10px;
}

#friends li  {
margin: 10px;
font-size: 1.3em;
padding: 7px;
color: #f3f3f3;
}

.fan_box {
margin-top: 20px;
}


/* Footer Styles */
#footer {
width: 960px;
text-align: center;
float: left;
margin-top: 20px;
padding-bottom: 10px;
}
/* Post thumbnails */.thumb {float: left;margin-right: 10px;margin-bottom: 5px;}


/* Single Post */
#singlepost {
background: url(images/contentbg.png) repeat;
height: 100%;
width: 598px;
padding: 20px;
border: 1px solid #3f0f3b;
margin-bottom: 20px;
float: left;
}

#singlepost h1 {
font-size: 3.8em;
line-height: 1.5em;
}

#singlepost cite {
font-size: 1.5em;
}

#singlepost h2 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 2.5em;
}

#singlepost p {
font-size: 1.5em;
}

#singlepost img {
border: 1px solid #3f0f3b;
}/* Related Posts */

.related_post a {font-size: 1.3em;margin-bottom: 5px;}

#disqus_thread {
margin-top: 40px;
}

#disqus_thread {
	color: white;
}

.dsq-comment-message {
color: #fff;
}

.dsq-trackback-url {
color: #fff;
}

/* Single Post Google Ads */
#aus {
margin: 15px 0px 15px 0px;
}


/* Affiliate */

#affili {
border: 1px solid #3f0f3b;
margin-top: 15px;
margin-bottom: 15px;
}

#affili img {
float: left;
padding-right: 10px;
}

h4.affheadline {
font-size: 16px;
font-weight: bold;
}