@charset "utf-8";
/* CSS Document */

/*   
Theme Name: Dexlight
Theme URI: http://www.3qwe.com/dexlight/
Description: A simple Wordpress theme 
Author: Nikolai Bird
Author URI: http://www.3qwe.com/
Version: 1.0
Tags: blue, two-columns, fixed-width, dark
.
 Licensed under the GPL 2.0
 http://www.gnu.org/licenses/gpl-2.0.html
 Dexlight is a Wordpress theme created by Nikolai Bird. The theme is a rather conservative blue theme aimed at both casual and business bloggers.
 The two main templates are blog and homepage.
 The homepage requires the use of widgets to populate.
 The template should run fine on all modern browsers. It does not work with IE6 or earlier.
.
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear:both;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

a img { border: none; }

/* End default reset */


/* Wordpress mandatory styles */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;

}

.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;
}

/* --- */


body{
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	background-color:#9db1c7;
	background-image:url(images/background2.jpg);
	background-repeat:repeat-x;
	line-height:1.3;
	font-size:0.8em;
}

a {
	color:#333;
	text-decoration:none;
}
p a{
	border-bottom:#333 dotted 1px;
}


h1{
	font-size: 30px;
	font-weight:bold;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}

h2{
	font-size: 26px;
	font-weight:bold;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
h3{
	font-size: 22px;
	font-weight:bold;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
h4{
	font-size: 18px;
	font-weight:bold;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
h5{
	font-size: 16px;
	font-weight:bold;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
h6{
	font-size: 14px;
	font-weight:bold;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

h2 a {
	color:#666;
	text-decoration:none;
	font-size:0.8em;
}

p {
	margin-bottom: 10px;
	margin-top:10px;
}

blockquote, pre{
	padding: 5px;
	padding-left:10px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
	border-left:#CCC solid 5px;
	background-color:#eee;
}



hr{
	border:#1b334c solid 1px;
	margin: 0px 0px 10px 0px;
}

th{
	padding:5px;
	background-color:#1f3852;
	color:#FFF;
	text-align:left;
}

th a{
	color:#FFF;
	border-bottom:#fff dotted 1px;
	text-decoration:none;
}

td{
	padding:5px;
	background-color:#eeeeee;
	border-top:#FFF solid 2px;
}

input, textarea{
	border:#999 solid 1px;
	color:#666;
	background:#eee;
}

#searchbutton{
	background:none;
	border:none;
}


.contentheading{
	width:540px;
	float:right;
	padding:5px;
	border-bottom:#213e5d dotted 1px;
}

#sidebar h2{
	color:#fff;
	background-color:#8ba4c0;
	margin-top:0px;
	margin-bottom:6px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 10px 10px 40px;
	background-image:url(images/whitebullet.png);
	background-repeat:no-repeat;
	background-position:10px 13px;
}

#sidebar a{
	color:#1f3852;
	text-decoration:none;
}

#sidebar{
	width:290px;
	float:right;
	color:#1f3852;
	background-color:#EEE;
	padding:0px;
	margin:0px;
}

#sidebar li{
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	padding:5px;
	margin-right:15px;
}

#sidebar p, #sidebar p{
	margin-left:15px;
	margin-right:15px;
}



#sidebar .pagenav, #sidebar .categories, #sidebar .linkcat, #sidebar .archives, #sidebar .meta{
	margin:0px;
	padding:0px;
}

#sidebar .page_item{
	font-size:1.2em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#dce0e9;
	margin-bottom:3px;
	margin-left:10px;
	margin-right:10px;
	padding-left:15px;
}


#sidebar .page_item:hover{
	background-color:#d0d4de;
}

#sidebar .children .page_item {
	margin:5px;
	padding:0px;
	background-color:#dce0e9;
	font-size:0.8em;
}

#sidebar .children .page_item:hover{
	background-color:#d0d4de;
}

#sidebar ul{
	margin-bottom:0px;
}

.more-link {
	font-size:14px;
}

#header {
	margin-top:0px;
	width:100%;
	overflow:auto;
	height:158px;
}

#header h1 {
	font-size: 3em;
	font-weight:bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#header h1 a{
	color:#fff;
	text-decoration:none;
}

#wrapper{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

.bodybox{
	padding:0px;
	margin:0px;
	border: #1f3852 solid 20px;
	overflow:auto;
	background-image:url(images/contentback.jpg);
	background-repeat:repeat-y;
}

.content{
	background-color:#FFF;
	padding:20px;
	width:590px;
	float:left;
	overflow:hidden;
}

.content ul{
	list-style:square;
	margin-left:30px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.content ol{
	list-style:decimal;
	margin-left:30px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.content li{
	margin-bottom:5px;
}

.content img{
	background-color:#eee;
	padding:4px;
	border: #ccc 1px solid;
}

/* --------- Dark Background Styling --------- */
.darkback{
	color:#a8b7c7;
}

.darkback a{
	color:#a8b7c7;
	text-decoration:underline;
}


.darkback blockquote, .darkback pre, .darkback td{
	background-color:#2c527a;
	border:none;
}

.darkback h2, .darkback h2 a{
	color:#FFF;
	background-color:#2c527a;
	padding:5px;
	font-size:22px;
	margin-bottom:10px;
	background-image:url(images/hback.jpg);
	text-decoration:none;
}



.darkback h1, .darkback h1 a{
	font-size:18px;
	border:none;
	color:#a8b7c7;
	text-decoration:none;
}

.darkback h3, .darkback h3 a{
	font-size:16px;
	color:#a8b7c7;
	text-decoration:none;
}

.darkback h4, .darkback h4 a{
	font-size:14px;
	color:#a8b7c7;
	text-decoration:none;
}

.darkback h5, .darkback h5 a{
	font-size:12px;
	color:#a8b7c7;
	text-decoration:none;
}
.darkback h6, .darkback h6 a{
	font-size:10px;
	color:#a8b7c7;
	text-decoration:none;
}

/* --------- Homepage Styling ----------- */

.bodybox.homepage{
	background-image:none;
	background-image:url(images/slideback2.png);
	background-repeat:no-repeat;
	background-position:-0px 5px;
	border:none;
}
#content.homepage{
	padding:0px;
	background:none;
	width:100%;
	float:none;
	min-height:358px;
}
.bodybox.homepage img{
	border: none;
	padding:0px;
	margin:0px;
}
.homepagesection{
	overflow:auto;
	float:left;
	padding:20px;
}

.homepagenotop{
	border-top: none;
	clear:both;
}

.homepagesection img{
	background:none;
}



.homepagethin{
	width:280px;
}

.bluebox{
	background-color:#1c2936;
	background-image:url(images/darkback.png);
	background-repeat:repeat-x;
	overflow:hidden;
}
.homepage .bluebox{
	margin-top:40px;
}

.darkbox{
	padding:10px;
}



/* top navigation */

#topbar{
	height:50px;
}

#topbarsearchbox{
	width:275px;
	height:40px;
	margin-top:5px;
	background-image:url(images/searchboxbackground.jpg);
	float:right;
}

#topbarcontent{
	margin-top:5px;
	width:575px;
	float:right;
	color:#a8b7c7;
	text-align:right;
	margin-right:10px;
	height:50px;
}
#topbarcontent img {
	vertical-align:middle;
}
#bottombarcontent{
	margin:20px;
	height:20px;
}
#bottombarcontent a{
	color:#a8b7c7;
}
#bottombarcontent img {
	vertical-align:middle;
}


#searchbutton{
	margin:0px;
	padding:0px;
	position:absolute;
	padding-top:5px;
}

#logo{
	margin-top:20px;
	height:78px;
}

#access{
	margin-top:42px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	width:600px;
	float: right;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:1px;
}

#blog_title_description{
	float: left;
	
}
#blog_title_description h1{
	margin:0px;
	padding:0px;
}

#blog_description{
	color:#a8b7c7;
}

#access a{
	text-decoration:none;

	
	padding:9px;
	padding-left:8px;
	padding-right:8px;
	color:#a8b7c7;
}

#access a:hover{
	background-color:#1b3148;
	color:#FFF;
} 

#access .menu-item{
	display: inline;
}
#access .page_item{
	display: inline;
}
#access .menu{
	display: inline;
}

#footer{
	clear:both;
	margin-top:20px;;
	font-size:10px;
	background-color:#1f3852;
}

#s {
	margin:0px;
	padding:0px;
	margin-left:8px;
	margin-right:5px;
	margin-top:8px;
	height:24px;
	border:none;
	font-size:18px;
	color:#a8b7c7;
	width:225px;
	background-color:#1b3148;
}
#searchsubmit{
	margin:0px;
}

.datetimecomments{
	text-align:right;
	font-size:0.8em;
	clear:both;
}
.commentlist{
	
	
	margin-top:20px;
	
}
.commentlist li{
	list-style: none;
	margin-bottom:5px;
	background-color:#eee;
	padding:5px;
}
.comment-meta{
	text-align:right;
}

#respond{
	margin-top:20px;
}

/* Change the Read More button */
.moretext{
	background-color:#1f3852;
	padding:5px;
	
}

a .moretext {
	color:#FFF;
	text-decoration:none;
}

/* Change look of comments textarea */
textarea#comment { width: 400px; padding: 5px; }
.commentmetadata { font-size: 10px; }

#footer-widget {
	overflow: hidden;
	margin:0px;
	padding:0px;
}

#footer-widget a {
	text-decoration:none;
}

#footer-widget h2{
	color:#a8b7c7;
	margin:0px;
	padding:5px;
	margin-bottom:5px;
	font-size:18px;
	background-color:#1b334c;
}

#footer-widget ul{
	background-color:#1b334c;
	padding:10px;
	color:#a8b7c7;
	font-size:13px;
	list-style:url(images/squarebullet.png);
	padding-left:30px;
}
#footer-widget a{
	color:#a8b7c7;
}
#footer-widget ul ul{
	padding:0px;
}
#footer-widget ul ul ul{
	padding:0px;
}

#footer-widget1 {
	float: left;
	width: 280px;
	margin:20px;
}

#footer-widget2 {
	float: left;
	width: 280px;
	margin:20px;
}

#footer-widget3 {
	float: left;
	width: 280px;
	margin:20px;
}



#bigintro{
	margin-top:10px;
	margin-left:5px;
	height:300px;
	width:950px;
	overflow:hidden;
	/*overflow:auto;*/ /* Un-rem this to make the big intro box on the homepage scrollable*/
}

#bigintro p{
	padding:0px;
	margin:0px;
	border:none;
}

.datebox{
	width:40px; 
	color:#FFF; 
	height:40px; 
	float:left; 
	background-color:#1f3852;
	padding:5px; 
	text-align:center; 
	font-size:1.2em; 
	margin-left:-20px;
}

.dextags{
	padding:10px;
	margin:20px;
	background-color:#eee;
}

.breadcontent{
	margin-bottom:40px;
}
