/*
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.43
Author: Blogtap.net
Author URI: http://www.blogtap.net

This theme is released under the GPL:
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: 10px;
	-moz-border-radius: 3px; /* optional rounded corners for browsers that support it */
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }
 
.post .wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none; }
 
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
                color: #000000; }
 

/* End WP Default Styles */

/* hello world */
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;}
input, select, textarea {font-size:100%;}
img, label {margin:0;border:none;}
a {margin:0; padding:0;text-decoration:underline;color:#fff;}
.clear {clear:both;display:block;visibility:hidden;height:0;}



/*main style*/
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:0 auto;
}
#header {
	height:80px;
	margin:15px auto 0 auto;
	background: url(img/header.png) bottom no-repeat;
	display:block;
}
#header div {float:left;}
#nav {
	font-family:Arial, Helvetica, sans-serif;
	background: url(img/nav.png) left top repeat-x;
	display:block;
	min-width:200px;
        max-width:940px;
        overflow:hidden;
	height:50px;

}

h1#logo_text {
        margin:35px 0 10px 160px;
}

h1#logo_text a {
        font-size:28px;
        line-height: .7em;
        text-decoration: none;
}

p#tagline_text {
line-height:.9em; 
margin:0px 0 25px 160px;
}


#content {
	background: url(img/content.png) bottom repeat-y;
	padding:0 10px;
	display:block;
	width:940px;
}
#leftcolumn {
	width:620px;
	float:left;
}
#rightcolumn {
	width:300px;
	float:right;
	margin:10px 0 10px 10px;
}
#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, #page ul li a:visited {
	color:#fff;
	text-decoration:none;
	padding:6px 9.3px 0 9.4px;
	height:26px;
	float:left;
}
#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;
}
/* search */
#search {
	height:30px;
	margin:9px 0 0;
}
#search #textfield {
	margin:7px 0 0 5px;
	width:60px;
	float:left;
	color:#000;
        background-color:#CECFFF;
	font-size:11px;
	border:none;
        height:16px;
}
#search #searchbutton {
	width:80px;
	height:26px;
	float:left;
	background:transparent;
	border:none;
	margin:3px 3px 0 10px;
}
/* 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 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:0 0 0 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 p a {color:#eaeaff;background:url(img/post-10.png) repeat;}
.post p a:hover {color:#eaeaff;border-bottom:1px dotted #eaeaff;}
.post-header {
	width:620px;
	
	background:url(img/post-3.png) repeat-x bottom;
}


.post-header h2{
	font-size:24px;
        padding:0 10px 10px 0;
        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:8px 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;
        line-height: 1.6em;
}
.author1 {background:url(img/pen.png) no-repeat;}
.date1 {background:url(img/clock.png) no-repeat;}
.navigation a {padding:0 10px 0 0;}

/* comment */

#comment-form {
	width:620px;
	margin:0;
	padding:0;
	color:#fff;
}
#comment-form input, #comment-form textarea {
	padding:4px;
	width: 184px;
	height:16px;
	margin: 0 0 10px 10px;
	border:0;
	border-bottom: 3px solid #323840;
	background:#1e252e;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#comment-form label {
	font-family:Arial, Helvetica, sans-serif;
	width:100px;
	text-align:left;
}
#comment-form textarea {
	height: 120px;
	width:450px;
}
#comment-form textarea:focus, #comment-form input:focus {
	border:0;
	border-bottom: 3px solid #56606e;
}
#comment-form input#submit {
	width: 100px;
	height:36px;
}
#comment-form, #comment-form ul {
	padding:0;
	margin:0;
}
#comment-form ul li {
	background:url(img/comment-5.png) repeat;
	float:left;
}
#comment-form .alt {
	background:url(img/comment-10.png) repeat;
	padding:0px;
}
#comment-form ul li p {
	margin:20px;
}
.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;
}


div.comment-body blockquote {font-style: italic; margin:0 0 0 40px;border-left:2px solid #ccccff; width: 540px;}

div.comment-body blockquote p {
margin: 5px;
}

div.comment-body blockquote blockquote {
width: 500px;
}

div.comment-body blockquote blockquote blockquote {
width: 460px;
}

/* right column */
#rss-right {
	height:43px;
	width:300px;
	display:block;
	background:url(img/rss-right.png);
}
#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;
}
#ads-right{
	margin:20px 0 0 20px;
	width:280px;
}
#ads-right img{
	margin:0 10px 10px 0;
}


/* Threaded Comments */

li.depth-2 {
margin-left: 20px;
}

li.depth-3 {
margin-left: 20px;
}

li.depth-2 div.commentmetadata {
width:545px;
}

li.depth-3 div.commentmetadata {
width:525px;
}

img.avatar {
vertical-align: middle;
padding-right: 5px;
}

div.comment-body {
margin: 30px 0;
}

div.comment-body p {
margin: 10px 0;
}

a.comment-reply-link {
background:url(img/comment-5.png) repeat;
display:block;
margin: 10px 0;
width: 35px;
}