/*

Theme Name: Dirty Blue 
Theme URI: http://www.blogtap.net/the-dirty-blue-theme-for-wordpress/
Description: Feast your eyes upon the fabulous Dirty Blue Theme for WordPress 2.5+. With a dazzling dark blue color theme featuring high and moderate contrast colors, cross-browser compatibility and valid HTML, this eye-catching theme is only blue in the dirty sense. The Dirty Blue Theme is the first official free theme release by Blogtap.net. 
Tags: blue, black, white, two-columns, right-sidebar, fixed-width, seasonal
Version: 1.55
Author: Christopher Scott
Author URI: http://www.blogtap.net
License: GPL
License URI: http://www.gnu.org/licenses/gpl.txt


*/







/* Wordpress Default Styles */

.aligncenter,

div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:none;
}
.alignleft {
	float:left;
	border:none;
}
.alignright {
	float:right;
	border:none;
}
.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:20px;
	-moz-border-radius:3px;
	/* optional rounded corners for browsers that support it */

	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
	.wp-caption p.wp-caption-text {
		font-size:11px;
		line-height:17px;
		padding:0 4px 5px;
		margin:0;
		color:#000000;
	}
.post .wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.sticky {}
.bypostauthor {}

/* Other defaults */

html, body, form, fieldset, div {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, address {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type:none;
}
fieldset {
	border:none;
}
table {
	margin-left:20px;
}
ol {
	margin:20px;
}
th {
	padding:5px 20px 5px 0;
}
td {
	padding:5px;
}
field {
	margin-left:20px;
}
pre {
	margin-left:20px;
}
input, select, textarea {
	font-size:100%;
}
img, label {
	margin:0;
	border:none;
}
a {
	margin:0;
	padding:0;
	text-decoration:underline;
	color:#fff;
}
	a.comment-reply-link {
		background:url(img/comment-5.png) repeat;
		display:block;
		margin:10px 0;
		width:35px;
	}
.clear {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

/* main styles */

body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#020a16 url(img/bg.jpg) center top no-repeat;
	color:#fff;
}
#wrap {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

div#header h1 a {
color: #fff !important;
}

div#header_wrap {
background: url("img/header.png") no-repeat scroll center bottom transparent;
display: block;
height: 80px; 
margin: 15px auto 0;

}



#nav {
	font-family:Arial, Helvetica, sans-serif;
	background:url(img/nav.png) left top repeat-x;
	display:block;
        float:left;
	min-width:400px;
	max-width:940px;
        margin-bottom:20px;
	overflow:hidden;
	height:50px;
}
h1#logo_text {
	margin:20px 0 13px 0;
	padding:0;
}
	h1#logo_text a {
		font-size:28px;
		line-height:.7em;
		text-decoration:none;
	}
p#tagline_text {
	line-height:.9em;
	margin:0px 0 25px 0px;
}
#content {
	background:url(img/content.png) bottom repeat-y;
        clear:both;
	padding:0 10px;
	display:block;
	width:940px;
}
#leftcolumn {
	width:620px;
	float:left;
}
#rightcolumn {
	width:300px;
	float:right;
	margin:14px 0 10px 10px;
}
	#rightcolumn h3 {
		background:url(img/h3.png) repeat-x;
		height:31px;
		font-size:20px;
		font-weight:100;
		padding:4px 0 0 10px;
		margin:20px 0 10px 0;
	}
	#rightcolumn ul {
		list-style-type:none;
		margin:0 0 0 10px;
		width:290px;
	}
		#rightcolumn ul li {
			line-height:22px;
			color:#ccccff;
			text-decoration:none;
		}
			#rightcolumn ul li a {
				line-height:22px;
				color:#ccccff;
				text-decoration:none;
			}
				#rightcolumn ul li a:hover {
					line-height:22px;
					color:#e5e5ff;
					text-decoration:none;
					border-bottom:2px #e5e5ff solid;
				}
#footer {
	background:url(img/footer.png) top no-repeat;
	display:block;
	height:30px;
	font-size:10px;
	text-align:center;
	padding:20px 0 0 0;
	color:#cdcdcd;
}

/* nav */

.navi {
	height:50px;
	width:10px;
	float:left;
}
.nav-left {
	background:url(img/nav-left.png) top left repeat-x;
}
.nav-right {
	float:left;
	background:url(img/nav-right.png) top right repeat-x;
}

/* page */

#page ul {
	list-style-type:none;
	margin:9px 0 0 0;
}
#page ul li {
	color:#b0b0b0;
	text-align:center;
	font-size:14px;
	display:inline;
	text-decoration:none;
}
	#page ul li a:hover, #page ul li a:active {
		color:#cecfff;
		background:url(img/nav-hover.png) top repeat;
		border-bottom:2px #fff solid;
	}
	#page ul li a, #page ul li a:visited {
		color:#fff;
		text-decoration:none;
		padding:6px 9.3px 0 9.4px;
		height:26px;
		float:left;
	}

/* search */

#search {
	height:30px;
	margin:9px 0 0;
}
#search #textfield {
  background-color: #FFFFFF;
  border: 1px solid #303A45;
  color: #000000;
  float: left;
  font-size: 11px;
  height: 15px;
  margin: 5px 0 0 5px;
  width: 60px;
}
#search #searchbutton {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  float: left;
  height: 20px;
  margin: 5px 5px 0 10px;
  width: 80px;
}

/* rss */

#rss {
	font-size:16px;
	color:#fff;
	margin:15px 8px 0 8px;
	height:30px;
}
#rss span {
	font-weight:bold;
}
#rss a {
	color:#fff;
}
	#rss a:hover {
		color:#fff;
		border-bottom:2px solid #fff;
	}

/* post */

.post {
	width:620px;
	float:left;
	margin:0 0 30px 0;
}
.post p {
	margin:20px;
	line-height:18px;
	color:#ccccff;
}
	.post p a {
		color:#eaeaff;
		background:url(img/post-10.png) repeat;
	}
		.post p a:hover {
			color:#eaeaff;
			border-bottom:1px dotted #eaeaff;
		}
.post h1, h2,h3,h4,h5,h6,h7,h8 {
	margin:20px;
}
.post ul {
	margin:0 0 20px 40px;
	list-style-type:disc;
}
	.post ul li {
		margin:5px 0 5px 25px;
		line-height:18px;
		color:#ccccff;
		list-style-type:disc;
	}
.post ol {
	margin:0;
	list-style-type:upper-roman;
}
	.post ol li {
		list-style-type:upper-roman;
		margin:5px 0 5px 25px;
		line-height:18px;
		color:#ccccff;
	}
.post blockquote {
	font-style:italic;
	margin:30px 40px;
	border-left:2px solid #ccccff;
	width:540px;
}
	.post blockquote p {
		margin:10px;
	}
.post img {
	border:1px solid #bbb;
	padding:5px;
	background:#888;
	margin:0 15px 5px 15px;
}
.post-header {
	width:620px;
        border-bottom: 3px solid #222d3d;
}
	.post-header h2 {
		font-size:24px;
		padding:0 10px 5px 0;
                width:480px;
                float:left;
		margin:10px;
	}
		.post-header h2 a {
			color:#fff;
			text-decoration:none;
		}
	.post-header span {
		float:right;
		background:url(img/post-10.png) repeat;
		height:20px;
		padding:4px 10px 0px 10px;
		margin:15px 0 0 5px;
	}
.post-meta {
	background:url(img/post-10.png) repeat;
	width:600px;
	min-height:20px;
	padding:4px 0 0 20px;
	font-size:11px;
}
	.post-meta span {
		padding:0 19px;
		min-height:17px;
		display:block;
		float:left;
	}
		.post-meta span.category1 {
			padding:0 19px;
			min-height:17px;
			display:block;
			float:none;
		}
.author1 {
	background:url(img/pen.png) no-repeat;
}
.date1 {
	background:url(img/clock.png) no-repeat;
}
.navigation a {
	display:block;
	margin:10px 200px 20px 20px;        
        float:left;
}


/* right column */

#rss-right {
	height:43px;
	width:300px;
	display:block;
	background:url(img/rss-right.png);
}
#ads-right {
	margin:20px 0 0 20px;
	width:280px;
}
	#ads-right img {
		margin:0 10px 10px 0;
	}



/* comment */

ol.commentlist {
margin-left:0px;
}

#commentform {
margin-left: 20px;
}

#commentform input {
margin: 5px 5px;
}

textarea#comment {
clear: both; 
display: block; 
margin-left:50px;
}

p.form-allowed-tags {
margin: 10px 0;
}




.commentmetadata {
	float:left;
	background:url(img/comment-5.png) repeat;
	width:565px;
	height:16px;
	display:block;
	font-size:10px;
	padding:0 0 0 15px;
}
	.commentmetadata span.category1 {
		background:url(img/comment-5.png) repeat;
	}
h3#respond {
	padding:20px 0;
}
h3#comments {
	padding:0 0 20px 0;
}
	h3#comments a {
		float:right;
	}
#comment-toggle {
	font-size:18px;
}


img.avatar {
	vertical-align:middle;
	padding-right:5px;
}
div.comment-body {
	margin:30px 0;
}
	div.comment-body blockquote {
		font-style:italic;
		margin:0 0 0 40px;
		border-left:2px solid #ccccff;
		width:540px;
	}
		div.comment-body blockquote blockquote {
			width:500px;
		}
			div.comment-body blockquote blockquote blockquote {
				width:460px;
			}
		div.comment-body blockquote p {
			margin:5px;
		}
	div.comment-body p {
		margin:10px 0;
	}





/* Threaded Comments */



li.depth-2 {
	margin-left:20px;
}

li.depth-2 div.commentmetadata {
	width:545px;
}

li.depth-3 {
	margin-left:20px;
}
	li.depth-3 div.commentmetadata {
		width:525px !important;
	}

li.depth-4 {
	margin-left:20px;
}
	li.depth-4 div.commentmetadata {
		width:505px !important;
	}

li.depth-5 {
	margin-left:20px;
}
	li.depth-5 div.commentmetadata {
		width:485px !important;
	}

li.depth-6 {
	margin-left:20px;
}
	li.depth-6 div.commentmetadata {
		width:465px !important;
	}


li.depth-7 {
	margin-left:20px;
}
	li.depth-7 div.commentmetadata {
		width:445px !important;
	}

