/*
Theme Name: NetworkAtHome
Theme URI: http://www.themecircus.com/wordpress-themes/network-at-home-wordpress-theme-for-tech-and-computers-blog.html
Description: A Theme for Tech and Compters related blogs.
Version: 1.0
Author: Theme Circus
Author URI: http://www.themecircus.com/
Tags: blue, fixed width, two columns, widgets

	Note: To remove tag cloud from the sidebar, remove lines 23-25 from the sidebar.php

*/

body {
	color: #000;
	background:  #42434b url("images/page-bg.gif") repeat-y center top;
	font-family: Arial, Helvetica, "DejaVu Sans", Sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	text-align: center;
}

#wrapper {
	background: transparent;
	text-align: left;
	width: 980px;
	margin: 18px auto;
	padding: 0;
}


/* Header and its Styles */
#header {
	background: transparent;
}

#header .list-pages {
	background: #9eacf6 url('images/band-bg.gif') scroll repeat-x left center;
	border: 1px solid #1f20a0;
	color: #5f6aa4;
	font-weight: normal;
	overflow: hidden;
	padding: 0 0 0 0.8em;
}
#header .list-pages li {
	font-size: 1.3em;
	line-height: 1.6em;
	vertical-align: middle;
	padding: 0 1.5em 0 0;
}
#header .list-pages li a {
	color: #0023d2;
	font-weight: bold;
}

#blogtitle {
	background: url( 'images/blogtitle-bg.jpg' ) no-repeat center center;
	border: 1px solid #000000;
	color: #000;
	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
	margin-top: 10px;
	height: 214px;
	padding: 30px 0 0 50px;
}
#blogtitle h1 { 
	font-family: inherit;
	font-size: 3.6em;
	font-weight: normal;
}
#blogtitle h1 a {
	color: #000;
}
#blogtitle .description {
	font-size: 2.0em;
	font-style: italic;
}

#header .list-categories {
	background: #9eacf6 url('images/band-bg.gif') scroll repeat-x left center;
	border: 1px solid #1f20a0;
	margin-top: 10px;
	line-height: 1.6em;
}
#header .list-categories a {
	font-weight: bold;
}
/* #0023d2 */


/* Content and its Styles */
#content {
	background: #ffffff;
	border: 1px solid #808080;
	padding: 15px;
	float: left; 
	width: 665px;
	overflow: hidden;
}
body.home #content {
	width: 695px;
	padding: 0;
	background: none;
	border: none;
}
#content a { color: #0059f0; }
#content a:hover { text-decoration: underline; }
#content h2, #content h3, #content h4, #content h5, #content h6 { 
	font-family: Arial, Helvetica, Sans-Serif;
}
#content h2.pagetitle {
	margin-top: 0.5em;
}
#content h2.title {
	font-size: 1.5em;
}

#content .featured a {  }
#content .featured .post {
	background: #ffffff;
	border: 1px solid #808080;
	float: left;
	width: 320px;
	margin-left: 10px;
	padding: 10px;
	font-size: 1.1em;
}
#content .featured .featured-0 { margin-left: 0; }
#content .featured .post p.content {
	margin-top: 0.5em;
}
#content .featured .post p.content img {
	margin: 0 0.5em 0.5em 0;
}

#content .query-posts {
	background: #ffffff;
	border: 1px solid #808080;
	padding: 15px;
	margin-top: 10px;
}
#content .query-posts .post {
	margin-top: 1.0em;
	padding-bottom: 0.5em;
	border-bottom: #808080 1px dotted !important;
	border-bottom: solid;
}
#content .query-posts .post .content {
	padding: 0.5em 0;
}

body.archive #content .post h3.posttitle,
body.search #content .post h3.posttitle {
	display: inline;
	vertical-align: baseline;
}

#content .navigation { 
	font-size: 1.1em;
	margin: 0.5em 0;
}

/* Sidebar and its Styles */

#sidebar {
	margin-left: 705px;
	width: 275px;
	color: #7c848a;
}
* html #sidebar { margin-left: 702px; }
#sidebar a:hover { text-decoration: underline; }

#advertisement-board  { 
	text-align: center; 
	padding: 9px 9px 4px 4px; 
	background: #d4d9dd;
	border: 1px solid #b0bcc4;
}
#advertisement-board  table.ad {
	width: 255px;
	margin: auto;
}
#advertisement-board  table.ad td { padding: 0 0 5px 5px;; }
#advertisement-board  table.ad div.ad { text-align: center; background: #fff; width: 125px; height: 125px; }

#sidebar .widgets {
	background: #d4d9dd;
	border: 1px solid #b0bcc4;
	line-height: 1.5; 
	margin: 10px 0 0; 
	padding: 10px;
}
#sidebar .dynamic-sidebars { width: 100%; padding-top: 1.0em; }
#sidebar .dynamic-sidebars td.l { width: 48%; border-right: 1px solid #b0bcc4;}
#sidebar .dynamic-sidebars td.r { padding-left: 1.0em; }
#sidebar .widgets a { color: #798d9b; }
#sidebar .widgets a:hover { color: #5b6c79; text-decoration: none; }
#sidebar .widgets h2 { font-size: 1.1em; }
#sidebar .widgets ul, #sidebar .widgets ol { list-style: none; margin: 0; padding: 0; }
#sidebar .widgets li.widget { margin: 0 0 1.0em; padding: 0; }
#sidebar .widgets ul ul li { padding: 0 0 0 0.5em; margin: 0; }
#sidebar .widgets ul ul li:before { content: "\00BB"; margin-right: 0.3em; font-size: 0.8em; vertical-align: top; line-height: 1.4em; }

#sidebar .widgets .widget_tag_cloud {
	margin: 10px 0 0; 
	padding-bottom: 10px; 
	border-top: #b0bcc4 solid 1px; 
	border-bottom: #b0bcc4 solid 1px; 
}
#sidebar .widgets .widget_tag_cloud div { padding: 0 0 0 1.0em; }


/* Footer and its Styles */
#footer { 
	background: #c8ceeb;
	border: 1px solid #1f20a0;
	color: #5f6aa4; 
	text-align: center; 
	padding: 0.5em 0; 
	margin-bottom: 15px;
}
#footer a { color: #0023d2; font-weight: bold; }
#footer a:hover { text-decoration: underline; }
#footer .custom-footer { line-height: 1.4em; font-size: 1.2em; }


/* Searchform Style */
#searchform { 
	background: #ffffff;
	border: 1px solid #c2c3c6;
	text-align: right;
	font-size: 1.2em;
}
#searchform input, #searchform button {
	background: transparent;
	font-size: 1.0em; 
	line-height: 1.0em; 
	margin: 0;
	border: none; 
}
#searchform input#s {
	width: 87%; color: #666; }
#searchform input#s:focus {
	border: none;
}
#searchform button.submit { background: url('images/search-icon.gif') scroll no-repeat center center; 
	border-left: 1px solid #c2c3c6; 
	width: 22px; 
	height: 20px;
	vertical-align: top;
}
#searchform input#s.dummy { font-style: italic; color: #838383; }


/* No Results Page */

div.no-result #searchform input#s { width: 93%; font-size: 1.5em; height: 1.8em; line-height: 1.0em;}
div.no-result #searchform button.submit {
	height: 30px; width: 30px;
}



/**
 * Comments and Replies
 *
 */
#respond, .comment-reply {
	margin: 25px 0 0;
	}

#content .comment-reply .navigation {
	padding: 2px 15px;
	margin: 10px 0 0;
}

.commentlist li {
	}
.commentlist li ul li {
	font-size: 1em;
}
.comment, .pingback {
	padding-top: 1.5em;
	border-bottom: 1px solid #899696;
	}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
.commentmetadata {
	font-weight: normal;
	}
#commentform p {
	}
#commentform input, #commentform textarea {
	margin: 0.5em 0 0;
	padding: 0.3em;
	}
#commentform textarea { width: 95%; }
#commentform input#submit { padding: 0.3em 1.0em; }


/**
 * General Tags
 *
 */
 
a { text-decoration: none; }
address, code, del, kbd, ins, var, tt {
	font-family: Lucida Console, Monospace;
	font-size: 0.9em; /* better scale down mono text wrt serif, change to 1.0em in case body is sans-serif. */
	line-height: 1.2em;
	}
abbr {
	font-weight: bold;
	font-size: 0.9em;
	}
acronym, del, p, q, s {
	/* These tags have a general behaviour that is not reset and will continue to work unless otherwise defined furnther in the document. */
	}
b, strong {
	font-weight: bold;
	}
big {
	font-size: 1.2em;
	}
blockquote {
	margin: 0.4em;
	padding-right: 1em;
	margin-right: 3em;
	border-right: 1px solid #045;
	text-align: right;
	}
del {
	text-decoration: line-through;
	}
em, i, cite {
	font-style: italic;
	}
h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
	line-height: 1.3;
}
h1 {	font-size: 3.0em; }
h2 {	font-size: 2.0em; }
h3 {	font-size: 1.5em; }
h4 {	font-size: 1.2em; }
h5 {	font-size: 1.1em; }
input, textarea {

	border: solid 1px #000;
	}
:focus {
	border: solid 1px #9cf;
}
p { 
	font-size: 1.0em; 
	line-height: 1.5em; 
	}
pre {
	line-height: 1.2em;
	}
small {
	font-size: 0.9em;
	}
sub {
	vertical-align: bottom;
	font-size: 0.7em;
	}
sup {
	vertical-align: top;
	font-size: 0.7em;
	}
u, ins  {
	text-decoration: underline;
	}
	
	
/* ************** General body list and table structure ************ */
ul, ol {
	margin-left: 2.0em;
	list-style: disc outside;
	padding-left: 0em;
	}
ul ul, ol ol {	
	margin-left: 1.0em;
	list-style: circle;	
	}
ul ul ul {	list-style: square; }
ol {		list-style: decimal; }
ol ol {	list-style: upper-alpha; }
ol ol ol {	list-style: lower-alpha; }
dt {	
	padding-top: 0.5em;
	line-height: 1.2em;
	font-weight: bold;
	}
	

/**
 * Other General Body Classes
 *
 */

ul.inline-list { list-style: none; margin: 0; }
ul.inline-list li { display: inline;}

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.alignleft { float: left; }
.alignright { float: right; }
.pad.alignleft { padding: 0 10px 5px 0; }
.pad.alignright { padding: 0 0 5px 10px; }

.spc10 { padding: 0 5px;}
.spc20 { padding: 0 10px; }

.gap { width: 15px; }
br.gap-v { line-height: 1.0em; }