/*  
Theme Name: d-phrag 2010
Theme URI: http://5thirtyone.com/

Version: 1.0
Author: Ivan Philipov

*/

*{margin:0;padding:0;}

html,body{background:#bfbfbf;text-align:center;} 
body{font:12px Arial,helvetica,verdana,sans-serif;}
h1,h2,h3 {letter-spacing:-1px}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{color:#0066cc;text-decoration:none;}
a:hover{color:white;}
@font-face {
	font-family: "MuseoSans";
	src: url(http://www.d-phrag.com/fonts/MuseoSans_500.otf) format("opentype");
}


#wrapper{margin:0px auto;text-align:left;width:960px;}
#home-wrapper {margin:5px auto;text-align:left;width:960px; margin-bottom:20px} 

#deejays {font-size:13px; line-height: 19px}
#deejays a {font-weight: bold}
#homelogo {width: 960px; height: 180px; padding-top: 90px; text-align: center}

.page {font-size:42px;}

/* masthead / footer - navigation and categories */

#home-navigation {width:960px}
#navigation {width:960px; height: 116px; padding-top: 30px; background-image: URL(images/internal-nav-bg.png);background-repeat: no-repeat;
	background-position: center center;}
#navigation li ,#home-navigation li{border-right:2px solid white;float:left;display:block;}
#navigation li a, #home-navigation li a {font-size:29px;font-weight:bold;outline:none;color:white;text-decoration:none;display:block;padding:8px 12px 8px 12px; letter-spacing:-1px}
#navigation li a:hover, #home-navigation li a:hover {color:#0066cc;}

li.top{border-left:1px solid #4a6d93;float:right;display:block width:100px;}
li.top a{width:100px;}

#archives{background:#333;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:101px;}
#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}

/* main - middle content and columns */
#mid{}#mainCol{float:left;margin:26px 0 0 0;padding-left:0px;width:670px;}
#mainCol h2 a {color:white}
#mainCol h1 {font-family: "MuseoSans", Arial, sans-serif; font-size:36px}

/* style individual sidebars */
#midCol a {font-weight:bold;color:#164586}
#midCol a:hover {color:#236fbd}
#midCol {float:left;margin:25px 0 0 33px;width:250px;line-height:1.3em}
#midCol .sidebar p {
	font-size: 13px;
	border-top: 1px solid #CECECE;
	list-style: none;
	margin: 0 0 6px 0;
        padding: 6px 0 0 0;			
        }
#midCol h3 {font-size: 24px; margin-top:20px; margin-bottom: 10px;}
#searchWrap,
.middle_links {margin-top: 20px; margin-bottom: 20px}
.middle_links li a img {border:0px; margin-bottom:12px;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:220px;}
.middle_links h2 {list-style:none;font-size: 11px; color:white; padding-left:5px; margin-bottom:7px; background:#E32983}
.middle_links li {list-style:none;}
#midCol ul{margin:8px 0 0px;}
.middle_links ul li{list-style:none;color:#7F7F7F;line-height:1em; padding:4px 0 4px 8px;}
#elseWhere{margin:0 0 20px 0;list-style: none}
#elseWhere h2{font-size: 9px; color:white; padding-left:5px; margin-bottom:7px; width: 205px;background:#33647E}
ul#imgLinks{list-style:none;margin:7px 0;}
#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 1px; list-style:none}
#imgLinks li a img{border:0px solid #EEE;color:#333;font-weight:bold;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;}
#imgLinks li a:hover img{border-color:#DDD;filter:alpha(opacity=0);opacity: 1.0;-moz-opacity:1.0;}

/* wordpress entries styling - main content column */
.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date{background:#BFBFBF;color:#7F7F7F;padding:0 2px 0 4px;}
.postMeta span.comments{background:#BFBFBF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,
.postMeta span.date a{color:#555;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;color:white}

.post h2 a {width:100%;display:block;outline:none;color:white}
.entry h3{margin:1em 0;}
.post .entry{line-height:1.4em;overflow:hidden;}
.post .entry p{margin:1em 0;}
.post .entry p a{background:url(images/dot.gif) repeat-x bottom left;font-weight:bold;}
.entry blockquote{margin:0 1.3em 0;}
.entry ul{margin:0 1.3em 0;list-style:none;}
.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.entry ul li{background:url(images/li.gif) no-repeat 0 1px;padding-left:18px;margin-bottom:7px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px 0;}
.entry img,.entry a img{border:0px solid #EEE;}
.entry a:hover img{border-color:#DFDFDF;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #d8d8d8; }

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{background:#d0d0d0; border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.commentslist li.alt{background:#d8d8d8;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,
#email,
#url,
#comment{font:1.1em Lucida Grande,Lucida Sans Unicode,Lucida Sans,arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:429px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}

/* copyright wrapper */
#copyrights {width: 960px; margin-top: 12px; padding-top: 10px; padding-bottom: 10px; border-top: 3px solid white}

#affiliations {background-color: #8e8e8e; height: 50px; width: 960px; margin-top:20px; -moz-border-radius:5px;-webkit-border-radius:5px;}
#affiliations img {padding: 6px 10px 0px 6px}



/* footer */
#footer-wrap {
	position: relative;
	clear: both;
	padding: 3em 0 0 0;
	font: normal 1em Arial, Verdana, sans-serif;	
	color: #555;
	width: 960px;
	float: left;	
	display: inline;}
        
#footer-wrap h3 {
	font: bold 22px Arial, Verdana, sans-serif;
	color: #ABABAB;
        letter-spacing: -1px;
}
#footer-content {	
	margin: 0 auto;		
	width: 960px;
	text-align: left;		
}
#footer-content ul {
        list-style: none;
}

#footer-content ul.col-list {
	border-top: 1px solid #111;
	list-style: none;
	margin: 5px 0 0 0; padding: 0;	
	width: 100%;
}
#footer-content ul.col-list li, .cat-post-item {
	border-bottom: 1px solid #111;
}
#footer-content ul.col-list li a, .cat-post-item {
	display: block;
        font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
	padding: 4px 0 4px 0px;
	width: 100%;	
	color: #555;
	border: none;
}
#footer-content ul.col-list li a span {
	color: #444;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
#footer-content ul.col-list li a:hover,
#footer-content ul.col-list li a:hover span {
	color: #fff;
	text-decoration: none;
}

#footer-content .col {
	width: 250px;
	padding: 0 0 20px 0;			
	display: inline;
}
#footer-content .col2 {
	width: 390px;
	padding: 0 0 10px 10px;	
	display: inline;	
}

#footer-content .col2 p, .col4 p {
	font-size: 13px;
	border-top: 1px solid #CECECE;
	list-style: none;
	margin: 0 0 9px 0;
        padding: 9px 0 0 0;			
}

#footer-content .col2 p a, .col4 p a{
        color:white;
        font-weight: bold;
}

#footer-content .col2 p a:hover, .col4 p a:hover {
        color:#0066CC;
}

#footer-content .col4 {
	width: 270px;
	padding: 0 0 0px 0;	
	display: inline;	
}

#footer-content .space-sep {
	margin-right: 12px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}