/*
Theme Name:   DePo Clean
Theme URI:    http://powazek.com
Description:  A clean, organized theme by <a href="http://powazek.com">Derek Powazek</a>.
Version:      0.5
Author:       Derek Powazek
Author URI:   http://powazek.com
*/

* { 
    margin: 0; 
    padding: 0;
}

body {
    background: #fff;
    color: black;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    font-family: verdana, lucida grande, lucida sans unicode, lucida sans, tahoma, sans-serif;
}

body SUP { line-height: 0; } 

img#wpstats { width:0px; height:0px; overflow:hidden; }

a { color:#00407A; text-decoration: none }
a:hover { color:#ED1C24; text-decoration: none }

p, ul, ol, li { 
    margin-bottom: 18px;
}

blockquote { 
	border-left: 5px solid #add8e6;
    color: #006699;
	font-family: lucida grande, georgia, times, helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
	margin: 0em;
	padding: 0em 0em 0em .5em;
}

table {	margin-bottom: 18px; }

tr {
	vertical-align: top;}

td {
	vertical-align: top;}

.unbold { 
    font-weight:normal; 
}

ul {
    list-style-type: square;
    margin-left: 2em;
}

ol {
    margin-left: 2em;
}

h1 { 
    font-size: 24px; 
    line-height: 36px;
    margin-bottom: 18px; 
}

h2 { 
    font-family: lucida grande, tahoma, helvetica, arial, sans-serif;
    font-size: 22px; 
    line-height: 36px;
}

h3 { 
    font-size: 18px; 
    line-height: 18px;
    margin-bottom: 20px;
}

.h3 { 
    font-family: lucida grande, tahoma, helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 40px;
}

.comments_headers { 
    font-family: lucida grande, tahoma, helvetica, arial, sans-serif;
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 850px;
}

.giant { 
	font-family: helvetica, arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}

/* HEADER */


div.header {
	position: relative;
	background-color: #fff;
}

img.banner {
	display: block; /* IE7 Kludge */
	border: 0;
}

img.logo {
	position: absolute;
	bottom: 8px;
	left: 10px;
}

div.search {
	position: absolute;
	right: 0;
	padding:10px 12px 0px 20px;
    font-family: calibri, verdana, sans-serif;
	background:url('/wp-content/themes/depo-clean/images/search.png') 0 14px no-repeat;
}

.header h1 {
    font-size: 26px;
    color: #000;
    font-weight: normal;
}

.header span {
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.header a {    color: #333; }
.header a:hover { color: #066; }

.search input {
    font-size:12px;
    width:150px;
}

/* SIDEBAR */

.blogas {
    padding: 20px 0 18px 0;
    width: 225px;
    font-size: 11px;
    color: #000;
    float:left;
    text-align:left;
    line-height:1.2;
    font-family: "Verdana", Helvetica, Arial, sans-serif;
}

.blogas a { font-weight:normal }

.motherload a { font-weight:bold }

div.sidebar {
	background-color: #000;
	margin: 0;
	padding: 1px;
	width: 223px;
}

div.sidebar > div + div {
	margin-top: 1px;
}

div.entry > div.text + div.text {
	margin-top: 0;
	border-top: 1px solid #000;
}	
 
div.sidebar > img + div {
	margin-top: 1px;
	display: block; /* IE7 Kludge */
}
 
div.sidebar > div + img {
	margin-top: 1px;
	display: block; /* IE7 Kludge */
}

div.sidehead {
	background-color: #96b936;
    color: #fff;
	font-family: helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
	padding: .35em .25em .25em .25em;
	text-align: center;
    text-transform: uppercase;
}

div.entry {
	background-color: #9fb4cc;
	position: relative;
}

div.number {
	float: left;
	height: 100%;
	margin-top: -.5em;
	position: absolute;
	top: 50%;
	left: 0px;
	text-align: center;
	width: 20px;
}

div.rating {
	background-color: #fbec5d;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	float: right;
	font-size: 10px;
	padding: .25em .5em .25em .5em;
	text-align: center;	
}

div.text {
	background-color: #eee;
	border-left: 1px solid #000;
	margin-left: 20px;
	padding: .5em;
}

div.motherload {
	background-color: #eee;
	border-left: 1px solid #000;
    color: #000;
	font-family: helvetica, arial, sans-serif;
    font-size: 15px;
	margin-left: 20px;
	padding: .4em .3em .3em .3em;
	text-align: left;
}

span.what {
	font-weight: bold;
}

span.when {
	color: #2f4f4f;
	font-size: 10px;
}

span.callout {
	color: #066;
}

.margin {
	margin: 15px; }
	
div.screenshot {
	position: relative;
	background-color: #000;
}

div.film {
	background-color: #eee;
	border-right: 1px solid #000;
	float: left;
	font-size: 10px;
	padding: .25em .25em .25em .4em;
	width: 175px;
}

div.filmrating {
	background-color: #fbec5d;
	font-size: 10px;
	padding: .25em 0 .25em 0;
	text-align: center;
}

div.conference {
	background-color: #000;
	position: relative;
}

div.division {
	background-color: #9fb4cc;
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding: .25em .25em .25em .4em;
	width: 175px;
}

div.divisionrecord {
	background-color: #9fb4cc;
	font-size: 10px;
	font-weight: bold;
	padding: .25em 0 .25em 0;
	text-align: center;
}

div.website {
	background-color: #eee;
	float: right;
	font-size: 10px;
	padding: .25em .25em .25em .5em;
	width: 170px;
}

div.websiterecord {
	background-color: #eee;
	font-size: 10px;
	padding: .25em 0 .25em 0;
	text-align: right;
}

div.noncon {
	background-color: #9fb4cc;
	font-size: 10px;
	font-weight: bold;
	padding: .25em .25em .25em .4em;
}

div.genpopwebsite {
	background-color: #eee;
	font-size: 10px;
	padding: .25em .25em .25em .4em;
}

div.nonconspacer {
	background-color: #9fb4cc;
	height: 1px;
}

div.contributor {
	background-color: #eee;
	height: 70px;
}

div.calvin {
	background-color: #eee;
	float: left;
	padding: 5px;
}

div.contact {
	background-color: #eee;
	margin-left: 65px;
	padding: 5px;
}

.contacticons {
	padding-top: 5px;
}

div.playoffs {
	background-color: #fbec5d;
	font-size: 10px;
	font-weight: bold;
	padding: .25em .25em .25em .4em;
}

.archive {
    font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-size: 11px;
	width: 225px;
	background-color: #ffffff;
}

select.archive option { padding-left: .45em; }

/* POSTS */

div.post div.content p {
	padding: .25em 0 .25em 0;
}

.line {
	background-color: #fff;
	border-top: 1px dashed;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: #666;
 	display: block;
	width: 100px;
	height: 1px;
	margin: 0 auto 18px 0;
}

small.fey { color: #ccc; }

.parent {
    margin-left:245px;
    width: 605px;
}

.firstpost {
    padding: 28px 0 18px 0;
    text-align:left;
}

.post {
    border-bottom: 1px solid #ccc;
    padding: 20px 0 5px 0;
    text-align:left;
}

.aside { 
	font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.postnoline {
    padding: 20px 0 20px 0;
    text-align:left;
}

.posttopline {
    border-top: 1px solid #ccc;
    padding: 20px 0 20px 0;
    text-align:left;
}

span.previous {
	float: left;
	padding: 0 20px 0 0;
}
    
span.next {
	float: right;
}

span.edit a { 
    float:right;
    font-weight:normal; 
    font-size:11px; 
    color:#666; 
    border:1px solid #ccc; 
    padding:0 4px; 
}

.content {
    text-align:left;
}

.content a { 
	font-weight:normal;
}

.metainfo a { font-weight:normal; }

.h3 a { font-weight:bold; }

a img {border: 0;}

.metainfo {
    font-size:11px;
}

.avatar {
	float:left;
	margin: 0 10px 0 0;
}

.previously {
    text-align:left;
    padding: 20px 0 3px 0;
    border-top: 1px solid #ccc;
    font-size: 12px;
}

.previously a { font-weight:bold }

.text_area { width: 480px !important; }

.postform { width:150px; margin: 0;} 

.delicious-tags { font-size:11px; color:#666 }
.delicious-tags a { font-weight:normal; color:#333 }

.blue {
	color:#1C39BB; }
.green {
	color:#008000; }
.red {
	color:#ff0000; }
.white {
	color:#ffffff; }
.grey {
	color:#a9a9a9; }
.orange {
	color:#f28500; }
.eleven	{
	font-size: 11px; }
.ten	{
	font-size: 10px; }
.redacted {
	background-color: #000000; }
	
.omgwtfdvd {	padding-left: 10px; }
	
.bluepoll {
	color:#1C39BB;
	font-weight: bold;
	margin-right: 17px; }
.orangepoll {
	color:#F28500;
	font-size: 9px;
	font-weight: bold;
	margin-right: 9px; }
.bluepolls {
	color:#1C39BB;
	font-weight: bold;
	margin-right: 11px; }
.orangepolls {
	color:#F28500;
	font-size: 9px;
	font-weight: bold;
	margin-right: 3px; }
	
.singlepoll { margin-right: 18px; }
.doublepoll { margin-right: 12px; }

.widget_twitter {	background-color: #eee;
			border-left:1px solid #000;
			border-bottom:1px solid #000;
			border-right:1px solid #000;
			padding: 3px;
			margin-bottom: 0px;
			width: 217px;}
.widget_twitter ul {margin-bottom: 0px;}
.widget_twitter li {list-style-image: url(images/arrow.png);
				margin: 6px 7px 7px 0px;}
.widget_twitter .time-meta {display:none;}
.widget_twitter .from-meta {display:none;}
.widget_twitter .twitterwidget-title {display:none;}

/* AUTHOR */


/* FOOTER */

.copyright {
    margin:12px 0 0 0;
    padding: 18px 0 10px 0;
    border-top: 1px solid #666;
    text-align:right;
    font-size: 11px;
    color: #666;
}

ul.nav li { margin: 0 }