/*
Theme Name: Pixel
Theme URI: http://samk.ca/freebies/
Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Enjoy!
Author: Sam
Author URI: http://samk.ca/
Version: 1.9.8
Tags: black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar, sticky-post
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.

Defaults*/
*
{
	margin: 0px;
	padding: 0px;
}
H1, H2, H3, H4, H5, H6, P
{
	margin: 0;
	padding: 15px 0 10px;
}
H1, H2, H3, H4, H5, H6
{
	font-family: Verdana;
}
HR
{
	color: #333;
	border: 1px solid #121212;
}
PRE
{
	height: auto;
	overflow-x: scroll;
}
FIELDSET
{
	margin: 0;
	padding: 0;
	border: 0;
}
DD
{
	padding-left: 15px;
}
P
{
	font-size: 9pt;
}
A
{
	color: #6598B8;
	text-decoration: none;
}
A:hover
{
	color: #222;
	text-decoration: underline;
}
A IMG
{
	border: none;
}
BLOCKQUOTE
{
	background: #070707;
	border: 1px solid #060606;
	padding: 5px 15px;
	margin: 10px 10px 5px 15px;
	font-style: italic;
	color: #FFF;
}
CODE
{
	color: #3366CC;
	font-style: italic;
}
STRONG
{
	font-size: 110%;
}
BODY
{
	text-align: center;
	margin: 0;
	padding: 0 0 15px;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	background: #000 url(images/bgbody.jpg) no-repeat top center;
	/*+placement:shift;*/
	position: relative;
	left: 0;
	top: 0;
}
/*Header and wrapper*/
#wrapper
{
	margin: 0px auto 0;
	width: 956px;
	text-align: left;
	padding: 0;
}
#header
{
	padding: 0;
	margin: 0;
	height: 142px;
}
#header #topright
{
	text-align: right;
	float: right;
	width: 625px;
	margin: 84px 0 0;
	height: 0px;
}
#header #topright UL
{
	list-style: none;
	padding: 0;
	margin: 0;
	/*[disabled]border:1px solid #774747;*/
}
#header #topright LI
{
	display: inline;
}
#header #topright LI A
{
	color: #CCC;
	font-size: 10pt;
	padding: 0 0 0 25px;
	text-transform: uppercase;
	font-weight: bold;
}
#header #topright LI A:hover
{
	color: #000;
	text-decoration: none;
	font-style: normal;
}
#header #logo
{
	float: left;
	width: 350px;
	margin: 25px 0 0;
	padding: 0;
}
#header H1
{
	padding: 0;
	margin: 0;
}
#header H1 A
{
	color: #FFF;
	font-size: 28pt;
	text-decoration: none;
	margin: 0;
}
#header H1 A:hover
{
	color: #EEE;
	text-decoration: none;
}
#header SPAN
{
	padding: 0;
	color: #111;
	font-size: 11pt;
}
/*Menu*/
#catnav
{
	margin: 20px 0 0;
	padding: 0;
	clear: both;
	height: 45px;
	width: 955px;
}
#nav
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav UL
{
	margin: 0;
	padding: 0;
}
#nav LI
{
	float: left;
	margin: 0;
	padding: 0;
}
#nav A
{
	display: block;
	line-height: 43px;
	margin: 0;
	padding: 0 20px 0 15px;
	font-size: 10pt;
	color: #FFF;
	letter-spacing: 0px;
}
#nav LI A:hover
{
	color: #6598B8;
	text-decoration: none;
	display: block;
	border-top: 0px solid #CE1616;
}
#nav LI UL
{
	list-style: none;
	position: absolute;
	width: 150px;
	left: -999em;
}
#nav LI:hover UL, #nav LI.sfhover UL
{
	left: auto;
}
#nav LI LI
{
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
}
#nav LI LI A
{
	width: 150px;
	height: 24px;
	line-height: 24px;
	color: #FFF;
	border-top: 1px solid #131F27;
	background: #040404;
	margin: 0;
	padding: 5px 20px 5px 15px;
}
#nav LI LI A:hover
{
	border-top: 1px solid #131F27;
	background: #000;
	padding: 5px 20px 5px 15px;
}
#nav LI:hover, #nav LI.sfhover
{
/*prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing)*/
	position: static;
}
#toprss
{
	float: right;
	margin: 10px 15px 0 0;
	display: inline;
	width: 65px;
	line-height: 41px;
}
/*Top Content*/
#main
{
	margin: 0px 15px 0;
	clear: both;
	width: 930px;
	padding-bottom: 5px;
}
#contentwrapper
{
	float: left;
	width: 560px;
	margin: 7px 0;
	padding: 0px 0 0;
}
#contentwrapper2
{
	float: left;
	width: 900px;
	margin: 0 0 15px;
	padding: 0;
}
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle
{
	margin: 0px 0 50px;
	font-size: 14pt;
	letter-spacing: 0px;
	color: #FFF;
	font-weight: normal;
	background: #081E45;
	padding: 5px;
}
.topPost
{
	margin: 0px;
	padding: 0 0 0px;
	font-size: 9pt;
}
.topPost H2.topTitle A
{
	font-size: 14pt;
	font-weight: normal;
	color: #FFF;
	letter-spacing: -1px;
}
.topPost H2.topTitle A:hover
{
	text-decoration: none;
	color: #ABD1EA;
}
.topPost P.topMeta
{
	padding: 16px 0 0;
	margin: -10px 0 0;
	font-size: 9pt;
	color: #CDCDCD;
}
.topPost P.topMeta A
{
	text-decoration: underline;
	color: #FFF;
}
.topPost P.topMeta A:hover
{
	color: #CCC;
}
.topPost DIV.topContent
{
	font-size: 9pt;
	color: #EFEFEF;
	margin: 8px 0;
}
.topPost DIV.topContent A
{
	text-decoration: underline;
	color: #FFF;
}
.topPost DIV.topContent A:hover
{
	text-decoration: underline;
	color: #FF9933;
}
.topPost DIV.topContent UL, .topPost DIV.topContent OL
{
	padding: 0 0 0 30px;
}
.topPost DIV.topContent UL LI, .topPost DIV.topContent OL LI
{
	color: #EEE;
}
.topPost SPAN.topComments, .topPost SPAN.topMore, .topPost SPAN.topTags
{
	font-size: 9pt;
	font-style: italic;
	background: #C81C1C url(images/bg-trans.png) inherit;
	padding: 8px 10px;
	margin-right: 5px;
	line-height: 27pt;
	color: #FFF;
	border: 0px solid #111;
}
.topPost SPAN.linkpages
{
	font-size: 9pt;
	font-style: italic;
	color: #FFF;
	margin-bottom: 10px;
	display: block;
}
.topPost SPAN.linkpages A:hover
{
	color: #DDD;
}
.topPost SPAN.topComments:hover, .topPost SPAN.topMore:hover, .topPost SPAN.topTags:hover
{
	background: transparent;
}
.topPost SPAN.topComments A
{
	color: #FFF;
	background: url(images/comments.gif) no-repeat left;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
}
.topPost SPAN.topMore A
{
	color: #FFF;
	background: url(images/more.gif) no-repeat left;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
}
.topPost SPAN.topTags EM
{
	background: url(images/tags.gif) no-repeat left;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
	color: #0A0A0A;
}
.topPost SPAN.topTags A
{
	color: #FFF;
	line-height: 27pt;
	vertical-align: middle;
}
.topPost SPAN.topComments A:hover, .topPost SPAN.topMore A:hover, .topPost SPAN.topTags A:hover
{
	color: #FFF;
	text-decoration: underline;
}
#nextprevious
{
	margin: 10px 0 5px;
}
#nextprevious A
{
	color: #83ADC8;
	text-transform: lowercase;
	text-decoration: underline;
}
#nextprevious A:hover
{
	color: #FFF;
}
/*Comments*/
#comments
{
	margin-bottom: 10px;
	margin-top: 15px;
	background: #040404 inherit;
	width: 530px;
/*fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug.*/
	/*[disabled]border:1px solid #090909;*/
	padding: 0px 15px 10px;
	color: #FFF;
}
#comments H3
{
	font-size: 10pt;
	font-weight: normal;
	color: #FFF;
	margin: 15px 0;
	padding: 0;
}
#comments P A
{
	color: #6598B8;
}
#comments P A:hover
{
	color: #FFF;
}
#comments P
{
	padding: 0;
	margin: 7px 0;
}
UL.commentlist, UL.trackback
{
	list-style-type: none;
	margin: 10px 0;
	font-size: 9pt;
}
.commentlist LI, .trackback LI
{
	margin: 10px 0 15px;
	padding: 10px;
	background: #080808;
	border: 1px solid #040404;
	list-style-type: none;
}
.commentlist LI.alt
{
	background: #000;
	border: 1px solid #020202;
	border: none;
	margin-top: 10px;
}
.commentlist LI.cleared
{
	background: transparent;
	border: none;
}
.commentlist A:hover
{
	color: #EEE;
}
.commentlist A.gravatar
{
	float: left;
	margin: 0 15px 10px 0;
	width: 60px;
}
.commentlist .commentbody
{
	margin: 0;
	padding: 0;
}
.commentlist .commentbody P A
{
	text-decoration: underline;
}
.commentlist CITE
{
	font-size: 10pt;
	font-style: normal;
	color: #DDD;
}
.commentlist SMALL.commentmetadata A
{
	color: #666;
}
.commentlist P
{
	color: #DEDEDE;
}
#respond
{
	clear: both;
	margin-top: 15px;
}
TEXTAREA#comment
{
	width: 450px;
	background: #FFF;
	color: #111;
	padding: 10px;
}
#comments #submit
{
	margin: 0;
}
#extrastuff A
{
	color: #555;
	font-size: 0.8em;
}
#extrastuff A:hover
{
	color: #6598B8;
	text-decoration: none;
}
#extrastuff #rssleft
{
	float: left;
	width: 250px;
}
#extrastuff #trackright
{
	float: right;
	width: 180px;
	text-align: right;
}
/*Welcome section*/
#main #welcome
{
	margin: 0 0px 20px 0;
	padding: 0 0px 5px 0;
	background: url(images/bg-trans.png) repeat;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
#main #welcome H2
{
	font-size: 14pt;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 7px;
	margin: 0 10px;
	padding: 10px 0 3px;
}
#main #welcome P
{
	font-size: 9pt;
	color: #EEE;
	margin: 0 10px;
	padding: 6px 0;
}
#main #welcome A
{
	text-decoration: underline;
	color: #FF9933;
}
#main #welcome A:hover
{
	color: #6598B8;
}
#main #welcome FORM
{
	margin: -5px 0 0;
	background: transparent;
/*required for IE*/
}
#main #welcome #feedbox
{
	border: 1px solid #CCC;
	padding: 2px 1px;
	width: 180px;
}
.submitbutton
{
	margin: -5px 0 0 5px;
	background: #010101;
	color: #FFF;
	font-size: 8pt;
	padding: 3px 6px;
	vertical-align: middle;
	border: 1px solid #111;
}
.submitbutton:hover
{
	cursor: pointer;
	background: #050505;
}
/*Sidebars*/
#sidebars
{
	margin: 15px 0 0;
	float: right;
	width: 340px;
	color: #EEE;
}
#sidebars .sidebarbox
{
	background: url(images/bg-trans.png) repeat;
	padding: 8px 15px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
#sidebar_full
{
	padding: 0;
	margin: 0;
}
#sidebar_left
{
	float: left;
	width: 160px;
}
#sidebar_right
{
	float: right;
	width: 160px;
}
#sidebars H2
{
	margin: 0;
	padding: 0 0 8px;
	font-weight: normal;
	font-size: 11pt;
	color: #FFF;
	letter-spacing: -1px;
}
#sidebars TABLE
{
	width: 130px;
}
#sidebars UL
{
	margin: 0;
	padding: 0 0 5px;
}
#sidebars LI
{
	margin-bottom: 20px;
	list-style: none;
	font-size: 9pt;
}
#sidebars LI UL
{
	padding: 0;
}
#sidebars UL UL LI
{
	margin: 0;
	padding: 2px 2px 2px 16px;
	color: #EEE;
	background: url(images/bullet.gif) no-repeat left 8px;
	line-height: 17px;
/*Required for cross-browser consistency; cross-browser defaults vary.*/
}
#sidebars A
{
	display: inline;
	color: #EEE;
}
#sidebars A:hover
{
	color: #6598B8;
	text-decoration: underline;
}
#sidebars P
{
	padding: 2px 0;
	font-size: 9pt;
	color: #EEE;
}
#tag_cloud A
{
	display: inline;
}
#sidebars UL.children LI
{
	border-bottom: none;
}
#sidebars UL.children
{
	margin-bottom: 0;
}
/*Before footer*/
#morefoot
{
	background: #222 url(images/bggrad.jpg) repeat-x top left;
	border: 1px solid #020202;
	padding: 0px 15px 15px;
	color: #FFFFFF;
	margin: 0px 0px 0px 1px;
}
#morefoot P
{
	margin: 5px 0;
	padding: 5px 0;
}
#morefoot UL
{
	list-style-type: none;
	margin-top: 5px;
}
#morefoot UL LI, #morefoot P
{
	font-size: 9pt;
}
#morefoot A
{
	text-decoration: underline;
	color: #DDD;
}
#morefoot A:hover
{
	text-decoration: underline;
	color: #6598B8;
}
#morefoot H3
{
	font-size: 12pt;
	font-weight: normal;
	color: #DFDFDF;
	letter-spacing: -1px;
	border-bottom: 1px dotted #444;
	margin: 0;
	padding: 18px 0 2px;
}
#morefoot #searchbox
{
	padding: 1px;
	width: 180px;
}
#morefoot .col1
{
	float: left;
	width: 340px;
}
#morefoot .col2
{
	margin: 0px 24px 0 25px;
}
#morefoot .col2, #morefoot .col3
{
	float: left;
	width: 264px;
}
#morefoot LI
{
	padding-left: 20px;
	margin-bottom: 5px;
	background: url(images/more.gif) no-repeat left 2px;
	line-height: 17px;
/*Required for cross-browser consistency; cross-browser defaults vary.*/
}
/*footer*/
#footer
{
	clear: both;
	background: #000;
	border: 1px solid #070707;
	padding: 15px 15px 10px;
	margin-left: 1px;
}
#footer P
{
	font-size: 9pt;
	color: #BBB;
	padding: 0;
}
#footer A
{
	color: #BBB;
	text-decoration: underline;
}
#footer A:hover
{
	color: #FFF;
}
#footerleft
{
	float: left;
	width: 500px;
}
#footerright
{
	float: right;
	width: 300px;
	text-align: right;
}
/*Misc*/
.highlight
{
	color: #222;
	font-weight: bold;
}
.cleared
{
	margin: 0;
	padding: 0;
	clear: both;
}
.alignleft
{
	float: left;
	margin: 5px 10px 5px 0;
}
.alignright
{
	float: right;
	margin: 5px 0 5px 10px;
}
.aligncenter, DIV.aligncenter
{
	margin: 10px auto;
	text-align: center;
	display: block;
}
IMG.alignleft
{
	float: left;
	margin: 5px 10px 5px 0;
}
IMG.alignright
{
	float: right;
	margin: 5px 0 5px 10px;
}
IMG.aligncenter
{
	margin: 10px auto;
	text-align: center;
	display: block;
}
.wp-caption
{
	border: 1px solid #DDD;
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 4px;
/*optional rounded corners for browsers that support it*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
/*border-radius: 3px*/
}
.wp-caption IMG
{
	margin: 0;
	padding: 0;
	border: none;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	color: #111;
}
