/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* ---------------------------------------- */
/* END RESET */


/* TYPO */
/* ----------------------------------------- */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 { font-weight:bold } 



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t

Baskerville, 'Times New Roman', Times, serif - p
Baskerville, 'Times, Times New Roman', serif - t

Cambria, Georgia, Times, 'Times New Roman', serif - p, t
'Century Gothic', 'Apple Gothic', sans-serif - p, t

Consolas, 'Lucida Console', Monaco, monospace - p, t

'Copperplate Light', 'Copperplate Gothic Light', serif - p, t

'Courier New', Courier, monospace - p, t

'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif - p, t

Futura, 'Century Gothic', 'Apple Gothic', sans-serif - p, t

Garamond, 'Hoefler Text', 'Times New Roman', Times, serif - p
Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif - t

Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif - p
Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - t

Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif - p
Georgia, Times, 'Times New Roman', serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

'Helvetica Neue', Arial, Helvetica, sans-serif - p
Helvetica, 'Helvetica Neue', Arial, sans-serif - t

Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif - p, t

'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - p, t

Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif - p
Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, 'Times New Roman', Georgia, serif - p, t

Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

.term {
	background-color:#44484f;
	border-top: 2px solid #575D69;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	color:#FFFFFF;
	font-family:monospace;
	font-size: 1.2em;
	list-style-type:none;
	margin:20px 20px 20px;
	width: 550px;
	overflow:auto;
	padding:0.5em;
	white-space:pre;
}

span.postTitle {
	color: black;
	font-size: 2.4em;
	font-weight: normal;
}

p.postMeta {
	color: #888;
	font-style: italic;
	font-family: "Nimbus Roman No9 L", Georgia,"Times New Roman",Times,serif;
}

span.author {
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

div.post p {
	margin-bottom: 12px;
	font-size: .9em;
	margin-left: 20px;
	line-height: 25px;
}

div.post p.tabbed {
	margin-left: 20px;
}

div.post h1 {
	margin-bottom: 15px;
	letter-spacing: -0.04em;
}

div.post h2 {
	color: #942222;
	/* color: #27221F; */
	font-size: 1.6em;
	/* used to be 2.3 */
	margin-top: 35px;
	margin-bottom: 35px;
	letter-spacing: -0.04em;
}

div.articleTeaser h2.teaserTitle {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	color: black !important;
}

div.articleTeaser h2.teaserTitle a:visited {
	color: black !important;
}

div.articleTeaser h2.teaserTitle a:hover {
	text-decoration: none !important;
	color: #44484f !important;
}

div.post h3 {
	color: #27221F;
	font-size: 1.7em;
	margin-bottom: 10px;
	letter-spacing: -0.04em;
}

div.post h3.small {
	font-size: 1.3em;
	margin-left: 20px;
}

div.post ul {
	margin-bottom: 10px;
	margin-left: 35px;
}

div.post ul li {
	list-style-type: disc;
}

div.post ol {
	margin-bottom: 10px;
	margin-left: 35px;
}

div.post ol li {
	list-style-type: decimal;
}

div.page h2 {
	color:#27221F;
	font-size:2em;
	letter-spacing:-0.04em;
	margin-bottom:20px;
	margin-top:10px;
}

div.page h3 {
	color:#27221F;
	font-size:1.7em;
	letter-spacing:-0.04em;
	margin-bottom:10px;
	margin-top:10px;
}

h3#comments {
	margin-top: 10px;
	margin-bottom: 10px;
}


#footer p { 
	text-align: right;
	color: #acacac;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	height: 50px;
}

div#main h1.fourohfour {
	font-size: 2.2em;
}

/* ---------------------------------------- */
/* END TYPO */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

div.clear {
	clear: both;
}


body { 
	background: url(style/images/bg.gif) repeat-x;
	background-color: #44484f;
	font-family: FreeSans, helvetica, sans-serif;
}		

#header { background: url(style/images/header3.jpg); 
		margin: 0 auto;
		width: 960px;
		height: 143px;
		padding-top: 0;
		background-color: #000;
}

#mainNav {
	position: absolute;
	top: 105px;
	font-size: .9em;
	background-color: #d4e4f3;
	height: 38px;
	width: 659px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
}

#mainNav ul {
	margin: 0;
	padding: 4px 0px 0px 15px;
	list-style: none;
}

#mainNav li {
	float: left;
	margin: 0;
}

#mainNav a {
	display: block;
	color: #14385a;
	text-decoration: none;
	padding: 8px 10px 10px 10px;
}

#mainNav a.selected {
	background-color: #fff;
}

#mainNav a.selected:hover {
	background-color: #fff;
}

#mainNav a:hover {
	display: block;
	background-color: #e1ecf7;
	padding: 8px 10px 10px 10px;
}

#searchBox { 
	position: absolute;
	left: 670px;
	height: 35px;
	padding-top: 10px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #44484f;
	color: #fff;
	-moz-border-radius: 0 0 8px 8px;
}

#searchtext {
	background:#FFFFFF none repeat scroll 0 0;
	border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #FFFFFF;
	border-style:none none none solid;
	border-width:0 0 0 4px;
	color:#5F6E7C;
	height:19px;
	margin-left:3px;
	padding:3px 4px 0;
	width:200px;	
}

#searchsubmit {
	position: absolute;
	padding: 7px 4px 4px 10px;
	top: 0;
	right: 0;
}

#content { background-color: #ffffff;
	-moz-border-radius: 0 7px 7px 7px;
	-webkit-border-radius: 0 7px 7px 7px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
}

#inside { padding: 8px; }

#footer { width: 960px;
		margin: 0 auto;
		padding-top: 4px;
}


#main { width: 630px;
		float: left;
}

#sidebar { width: 290px;
		padding-left: 10px;
		padding-right: 10px;
		float: left;
}

#adverts {
	margin-top: 10px;
	margin-bottom: 10px;	
	margin-left: 25px;
}

#adverts img {	
	float: left;
	border: 0;
}

div.adHolder {
	width: 125px;
	height: 125px;
	background-color: #44484f;
	float: left;
	color: #fff;
}

#imageHolder {
	width: 184px;
	height: 163px;
	background-color: #eee;
	float: left;
}

div.sidebarHeader {
	background-color: #d4e4f3;
	width: 110px;
	color:#44484f;
	font-size:1.1em;
	font-weight:400;
	letter-spacing:0;
	line-height:12px;
	margin:0;
	padding:6px;
	text-transform:capitalize;	
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
}

li.categories {
	margin-left: 20px;
}

img.rss {
	margin-left: 160px;
}

.post h2 a {
	color: #44484f;
	font-weight: normal;
	font-size: 2em;
	text-decoration: none;
	text-align: left;
	display: block;
	margin-bottom: 3px;
}

.post h2 a:hover {
	text-decoration: underline;
	color: #44484f;
}

div.post {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.post a {
	color: #9C2B27;
	/* color: #8B2427; */
}

div.post a:hover {
	color: #BF777A;
}

div.post a:visited {
	color: #3F0000;
}

div.single {
	margin-bottom: 40px;
}

div.line {
	width: 600px;
	border-bottom: 1px solid #eee;
	padding-top: 20px;
}

p.date {
	text-align: right;
}

.postExcerpt {
	font-style: italic;
	margin-top: 7px;
	color: #44484f;
}


.excerptImage img {
	float: left;
	width: 184px;
	height: 163px;
}

div.articleTeaser {
	font-family: FreeSans,Helvetica,Arial,sans-serif;
	font-size: .8em;
	width: 415px;
	padding-right: 6px;
	float:right;
	margin-left: 20px;
}

div.articleTeaser h2 {
	font-size: 1.2em;
	letter-spacing: -.04em;
}

div.articleTeaser a {
	color: #14385a;
}

#feedbackWrapper {
	width: 600px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

img.avatar {
	float:  left;
	margin-right: 15px;
}

ol.commentList li {
	margin-bottom: 20px;
}

div.commentAuthor {
	float: left;
	width: 100px;
}

div.commentAuthor cite a {
	text-decoration: none;
	letter-spacing: -.03em;
	color: #741B13;
	font-size: .9em;
}

div.commentAuthor cite a:hover {
	color: #AC2622;
}

div.commentAuthor p {
	color: #92a2a4;
	font-size: .7em;
}

div.commentAuthor a {
	color: #14385A;
}

div.commentContent {
	border: 1px solid #cdcfcf;
	background-color: #eee;
	float: right;
	margin: 5px;
	margin-right: 30px;
	padding: 20px 20px 20px;
	position: relative;
	width: 420px;
	font-size: .9em;
	-moz-border-radius: 0 7px;
}

div.commentContent p {
	color: #44484f;
	line-height: 20px;
	margin-bottom: 10px;
}

img.commentArrow {
	left: -32px;
	position: absolute;
	top: 20px;
}

div#commentForm {
	margin-top: 20px;
}

div#commentForm a {
	color: #14385a;
}

div#commentForm img {
	float: left;
	margin-right: 50px;
}

div#commentForm input#author {
	color: #555;
	background:#FBFBFB none repeat scroll 0 0;
	border:1px solid #E5E5E5;
	font-size: 1em;
	margin-bottom: 10px;
}

div#commentForm input#email {
	color: #555;
	background:#FBFBFB none repeat scroll 0 0;
	border:1px solid #E5E5E5;
	font-size: 1em;
	margin-bottom: 10px;
}

div#commentForm input#url {
	color: #555;
	background:#FBFBFB none repeat scroll 0 0;
	border:1px solid #E5E5E5;
	font-size: 1em;
	margin-bottom: 10px;
}

div#commentForm textarea#comment {
	color: #555;
	background:#FBFBFB none repeat scroll 0 0;
	border:1px solid #E5E5E5;
	font-size: 1em;
	margin-bottom: 10px;
}

div#commentForm input#submit {
	margin-left: 300px;
}

ol.related {
	margin-bottom: 15px;
}

ol.related li {
	font-size: .9em;
	margin-bottom: 5px;
}

ol.related li a {
	color: #14385a;
}

ol.related li a:hover {
	color: #53728F;
}

div.related {
	float: right;
	background-color: #eee;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	width: 300px;
	padding: 5px;
	margin-bottom: 10px;
}

div.related p {
	font-size: 1.4em;
	margin-bottom: 10px;
	letter-spacing: -0.04em;
}

div.socialBubble {
	background-color: #eee;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	width: 300px;
	padding: 5px;
	margin-bottom: 10px;
}

div.subscribeEmail {
	float: left;
	background-color: #eee;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	width: 300px;
	padding: 5px;
	margin-bottom: 10px;
}

ul#social li {
	font-size: .9em;
	margin-bottom: 5px;
}

ul.#social li a {
	color: #14385a;
}

ul#social li a:visited {
	color: #14385a;
}

ul#social li a:hover {
	color: #53728F;
}

a.digg {
	background: transparent url(http://www.nixtutor.com/wp-content/themes/NixTutor/style/images/digg.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	color: #14385a;
}

a.delicious {
	background: transparent url(http://www.nixtutor.com/wp-content/themes/NixTutor/style/images/delicious.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	color: #14385a;
}

a.subscribemini {
	background: transparent url(http://www.nixtutor.com/wp-content/themes/NixTutor/style/images/feed_mini.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	color: #14385a;
}

a.randomLink {
	background: transparent url(http://www.nixtutor.com/wp-content/themes/NixTutor/style/images/QuestionMark.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	color: #14385a;
}

div.socialBubble p {
	font-size: 1.4em;
	margin-bottom: 10px;
	letter-spacing: -0.04em;
}

div.socialBubble form p {
	font-size: 1em;
	margin-bottom: 5px;
}

ul#pageNav li {
	background-color: #d4e4f3;
	width: 150px;
	padding: 10px 8px 0px 10px;
}

ul#pageNav li:hover {
	background-color: #e1ecf7;
}

div#globalAlert {
	margin: 0 auto;
	width: 950px;
	border: 1px solid #DDDB54;
	background-color: #FFFFCC;
	height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.post h3.red {
	color: #942222;
}

h4 {
	color: #27221F;
	font-size: 1.2em;
	margin-bottom: 10px;
	letter-spacing: -0.04em;
}

/* ---------------------------------------- */
/* END LAYOUT */

div.postVideo {
	margin-left: 20px;
	margin-bottom: 20px;
}

div.postVideo p {
	color: #eee;
	padding-top: 5px;
	font-weight: bold;
	background-color: #44484f;
	margin: 0;
	text-align: center;
}

div.post h2.smaller {
	font-size: 1.8em;
}

pre {
	margin-left: 20px;
	margin-bottom: 15px;
}