/*

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:3px solid #bbb;padding:0px;background:#0000; margin:0 3px 3px 3px;}

.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;

}