/* @override http://pixellex.com/2009/wp-content/themes/Pixellex2009/style.css */

/*
Theme Name: Pixellex 2009
Theme URI: http://www.pixellex.com
Description: Pixellex Studio's single column theme.
Version: 1.0
Author: Christopher Watson
Author URI: http://www.pixellex.com
*/

html {
	height: 100%;
	margin-bottom: 1px;
}

/* @group Defaults */

blockquote {
	padding: 0 10px 0 20px;
	color: #777;
	margin: 20px;
	border-left: 1px solid #006699;}

.entry ul {
	list-style-type: none;
	margin: 25px 15px;
	padding: 0;
	color: #333;}

.entry li {
	text-align: left;
	color: #FFF;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-top: 7px;
	list-style-type: disc;
}

.entry ol {
	list-style-type: none;
	margin: 10px 20px;
	padding: 0;
	color: #333;
	font-size: 11px;}

h8 {
	color: #FFF;
	font-size: 12px;
}

h7 {
	color: #cc6600;
}

h6 {
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 11px;
	letter-spacing: -1px;
}

h5 {
	font-size: 12px;
	color: #069;
	letter-spacing: -1px;
}

h4 {
	font-size: 14px;
	color: #069;
	letter-spacing: -1px;
}

h3 {
	font-size: 16px;
	color: #777;
	letter-spacing: -1px;
}

h2 {
	color: #FFF;
	font-size: 15px;
	letter-spacing: -1px;
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	padding-top: 15px;
	text-transform: uppercase;
}

h1 {
	color: #333;
	font-size: 18px;
	letter-spacing: -1px;
}

a {
	color: #cc6600;
	text-decoration: none;}

a:hover {
	color: #cc6600;
	text-decoration: underline;}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	height: auto;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	background-color: #000;
	background-image:url(http://pixellex.com/images/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;}

img {
	border-style: none;}

.clearer {
	clear: both;}

.spacer {
	height: 10px;}

.capstext {
	color: #999;
	font-size: 11px;}

#container {
	margin: 0 auto;
	width: 640px;
	height: 100%;
	position: center;
	text-align: justify;}

.divider {
	height: 3px;
	width: 640px;
	border-bottom: 1px solid #ccc;}

#anchor {
	height: 0;}

/* @end */

/* @Main Nav */

/* MENUBAR */

#menubar {width: 640px; height: 92px; margin: 0 auto; padding: 0 0 0 0; }
#menubar { position: relative; top: 0px; }
#menubar #nav {margin: 0; padding: 0; }
#menubar #nav li { display: inline; }
#menubar #nav li#home a { float:left; width: 120px; height: 0; padding-top: 46px; overflow: hidden; }
#menubar #nav li#about a { float:left; width: 59px; height: 0; padding-top: 46px; overflow: hidden; }
#menubar #nav li#reel a { float:left; width: 75px; height: 0; padding-top: 46px; overflow: hidden; }
#menubar #nav li#work a { float:left; width: 54px; height: 0; padding-top: 46px; overflow: hidden; }
#menubar #nav li#contact a { float:left; width: 79px; height: 0; padding-top: 46px; overflow: hidden; }
#menubar #nav li#mail a { float:left; width: 30px; height: 0; padding-top: 46px; overflow: hidden; }
#menubar #nav li#rss a { float:left; width: 24px; height: 0; padding-top: 46px; overflow: hidden; }

#menubar #nav li a {background-image:url(http://pixellex.com/images/mainmenu2.png); background-repeat: no-repeat; }

/* MENUBAR FILLS */
#menubar #nav li#fill1 { float:left; width: 586px; height: 46px; padding-top: 0; overflow: hidden; background-image:url(http://pixellex.com/images/mainmenu2.png); background-repeat: no-repeat; background-position: 0 0; }
#menubar #nav li#fill2 { float:left; width: 253px; height: 46px; padding-top: 0; overflow: hidden; background-image:url(http://pixellex.com/images/mainmenu2.png); background-repeat: no-repeat; background-position: -120px -46px; }

/* BUTTONS */
#menubar #nav li#home a { background-position: 0 -46px; }
#menubar #nav li#about a { background-position: -373px -46px; }
#menubar #nav li#reel a { background-position: -432px -46px; }
#menubar #nav li#work a { background-position: -507px -46px; }
#menubar #nav li#contact a { background-position: -561px -46px; }
#menubar #nav li#mail a { background-position: -586px 0; }
#menubar #nav li#rss a { background-position: -616px 0; }

/* BUTTON HOVERS */
#menubar #nav li#home a:hover { background-position: 0 -138px; }
#menubar #nav li#about a:hover { background-position: -373px -138px; }
#menubar #nav li#reel a:hover { background-position: -432px -138px; }
#menubar #nav li#work a:hover { background-position: -507px -138px; }
#menubar #nav li#contact a:hover { background-position: -561px -138px; }
#menubar #nav li#mail a:hover { background-position: -586px -92px; }
#menubar #nav li#rss a:hover { background-position: -616px -92px; }

/* BUTTONS PRESSED */
#menubar #nav li#home a:active { background-position: 0 -230px; }
#menubar #nav li#about a:active { background-position: -373px -230px; }
#menubar #nav li#reel a:active { background-position: -432px -230px; }
#menubar #nav li#work a:active { background-position: -507px -230px; }
#menubar #nav li#contact a:active { background-position: -561px -230px; }
#menubar #nav li#mail a:active { background-position: -586px -184px; }
#menubar #nav li#rss a:active { background-position: -616px -184px; }

/* BUTTONS ON */
#menubar.home #nav li#home a { background-position: 0 -322px !important; }
#menubar.about #nav li#about a { background-position: -373px -322px !important; }
#menubar.reel #nav li#reel a { background-position: -432px -322px !important; }
#menubar.work #nav li#work a { background-position: -507px -322px !important; }
#menubar.contact #nav li#contact a { background-position: -561px -322px !important; }

/* @end Main Nav */

/* ServicesButton */

#servicebutton {display: block; position: relative; width: 600px; height: 35px; margin: 0 auto; padding: 5px 0 10px 0; }
#servicebutton { position: relative; top: 0px; }
#servicebutton #button {margin: 0; padding: 0; }
#servicebutton #button li { display: inline; }
#servicebutton #button li#text { float:right; width: 200px; height: 35px; padding-top: 0; overflow: hidden; background-image:url(http://pixellex.com/images/servicestext.gif); background-repeat: no-repeat; background-position: 0 0; }
#servicebutton #button li#inquiry a { float:right; width: 171px; height: 0; padding-top: 35px; overflow: hidden; }

#servicebutton #button li a {background-image:url(http://pixellex.com/images/servicesbutton.gif); background-repeat: no-repeat; }

/* BUTTONS */
#servicebutton #button li#inquiry  a { background-position: 0 -0px; }

/* BUTTON HOVERS */
#servicebutton #button li#inquiry  a:hover { background-position: 0 -35px; }

/* BUTTONS PRESSED */
#servicebutton #button li#inquiry  a:active { background-position: 0 -70px; }

/* @end Services Button */

/* @group Header */

#header {
	width: 640px;
	margin: 0 0 0;
	height: 92px;
	color: #fff;
	text-align: right;
	padding: 0;
}

#header a {
	color: #003551;
	text-decoration: none;
	position: relative;
	top: 130px;
	right: 10px;
	font-size: 38px;
	letter-spacing: -5px;
}

#pageheader {width: 640px; height: 75px; margin: 0 auto; padding: 0 0 0 0;}
#pageheader #fill {margin: 0; padding: 0; }
#pageheader #fill li#fill3 { float:left; width: 640px; height: 75px; padding: 0 0 0 0; overflow: hidden; background-image:url(http://pixellex.com/images/pageheader.png); background-repeat: no-repeat;}

/* @group Menu */

#menuholder {
	font-size: 13px;
	color: #333;
	z-index: 2;
	position: relative;
	width: 640px;
	border-bottom: 1px solid #ccc;
	margin: 15px 0;
	padding: 0 0 13px;
	float: left;}

#menuholder ul {
	margin: 0;
	padding: 0;}

#menuholder li {
	display: inline;
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;}

#menuholder li img {
	position: relative;
	top: 1px;}

#menuholder a {
	text-decoration: none;
	color: #333;
	line-height: 18px;
	font-size: 13px;}

#menuholder a:hover {
	color: #006699;
	line-height: 18px;
	font-size: 13px;}

.rss {
	position: relative;
	float: right;}

.rss img {
	position: relative;
	top: 1px;}

/* @end */

/* @end */

/* @group Header single */

#header_single {
	margin-top: 25px;
	border-bottom: 1px solid #ccc;
	width: 552px;
	height: 61px;
	background: url(images/header_single.jpg) no-repeat left top;}

#single_tagline {
	width: 122px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #003896;
	padding-left: 15px;
	font: 14px/14px Helvetica, Arial, Geneva, sans-serif;
	letter-spacing: -1px;
	text-align: left;
	margin-bottom: 10px;
}

#sing_title {
	color: #0070aa;
	text-decoration: none;
	position: relative;
	right: 0;
	font-size: 27px;
	letter-spacing: -3px;
	left: 215px;
	top: 5px;
}

/* @end */

/* @group Main */

.post {
	width: 640px;
	font-size: 11px;
	color: #888;
	padding-top: 15px;
	padding-bottom: 5px;
	line-height: 16px;
	background-color: #1a1a1a;}
	
.postfeatured {
	width: 640px;
	font-size: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
	color: #d5d5d5;
	background-color: #1a1a1a;}

.entry {

	line-height: 17px;
	margin-left: 20px;
	margin-right: 20px;}
	
.entryfeatured {
	line-height: 0px;}
	
.entry img {
	border: 1px solid #2a2a2a; background-color: #222; padding: 4px;
	}

.entry a img {
	border: 1px solid #484848; background-color: #3a3a3a; padding: 4px;
	}
	
.entry a img:hover {
	border: 1px solid #484848; background-color: #666; padding: 4px;
	}
	
.alignright {
	float: right; margin-left: 10px;
	}

.alignleft {
	float: left; margin-right: 10px;
	}
	
.alignrightborderless {
	float: right; margin-left: 10px;
	border: 0px!important; background-color: #1a1a1a!important; padding: 0px!important;
	}

.alignleftborderless {
	float: left; margin-right: 10px;
	border: 0px!important; background-color: #1a1a1a!important; padding: 0px!important;
	}
	
.borderless {
	border: 0px!important; background-color: #1a1a1a!important; padding: 0px!important;
	}

.posttop {
	color: #999;
	font-size: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;}

.title {
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;}

a.h2 {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 22px;
}

a.h2:hover {
	color: #cc6600;}

.entry a {
	color: #cc6600;
	text-decoration: none;}

.entry a:hover {
	color: #ff6600;}

.postmeta {
	font-size: 11px;
	color: #999;
	margin-left: 15px;
	margin-right: 15px;
	text-align: right;
	text-transform: capitalize;
	padding: 0;}

.postmeta a {
	color: #cc6600;
	text-decoration: none;}

.postmeta a:hover {
	color: #cc6600;}

.postmeta img {
	position: relative;
	top: 4px;
	margin-left: 0;
	margin-right: 3px;}

/* @end */

/* @group Single */

.singlepost {
	width: 640px;
	min-height: 400px;
	font-size: 11px;
	color: #888;
	padding-top: 25px;
	padding-bottom: 15px;
	line-height: 16px;
	background-position: 0;
	background-color: #1a1a1a;}

.postmetasingle {
	width: 640px;
	margin-top: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
	position: relative;
	margin-left: 2px;}

.metaleft {
	display: inline;
	position: relative;
	float: left;
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px;}

.metaleft img {
	position: relative;
	top: 4px;
	margin-right: 3px;}

.metaright {
	float: right;
	width: 125px;
	display: inline;
	text-align: right;
	margin-top: 2px;
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px;}

.metaright img {
	position: relative;
	top: 2px;
	margin-right: 4px;}

.navigation_single {
	width: 640px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #2a2a2a;
	background: url(http://pixellex.com/images/panelshadow.jpg);}

.navigation_single a {
	font-size: 12px;}

/* @group Post Meta Blocks */

#postmetablock {
	font-size: 10px;
	color: #333;
	width: 640px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	padding-top: 0;}

/* @group Block 1 */

#pmblock1 {
	width: 380px;
	float: left;
	padding-right: 40px;
	text-align: left;
	line-height: 14px;}

#pmblock1 ul {
	list-style-type: none;
	margin: 0;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;}

#pmblock1 li {
	margin-top: 5px;}

/* @end */

/* @group Block 2 */

#pmblock2 {
	width: 130px;
	float: right;
	padding: 0;
	margin: 0;
	text-align: left;
	bottom: 3px;
	position: relative;
}

#pmblock2 ul {
	list-style-type: none;
	margin: 0;
	display: block;
	padding: 0;
	position: relative;
	right: 3px;
}

#pmblock2 li {
	display: inline;}

#pmblock2 img {
	margin: 0 6px 10px;}

/* @end */

/* @end */

/* @end */

/* @group Pages */

.pagepost {
	width: 640px;
	font-size: 11px;
	color: #666;
	padding-bottom: 10px;
	padding-top: 20px;
	line-height: 16px;
	background-color: #1a1a1a;}
	
.pagetitle {
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;}


/* @group Archives */

#cloud {
	line-height: 26px;
	margin-top: 50px;
	padding-left: 5px;
	padding-right: 5px;}

#cloud a {
	color: #696969;
	padding: 3px;}

#cloud a:hover {
	background-color: #e7efec;
	color: #069;
	padding: 1px;
	border: 2px solid #dcdcdc;
	text-decoration: none;}

#cloud ul {
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;}

#cloud li {
	list-style-type: none;
	display: inline;
	padding: 0;
	border-style: none;
}

#cloud sub {
	display: none;}

/* @end */

/* @end */

/* @group Comments */

.avatar {
	padding: 2px;
	border: 1px solid #ccc;
	width: 32px;
	height: 32px;
	margin-left: 15px;
	margin-right: 5px;
	float: right;
	display: inline;
	margin-top: 15px;}

.avatar:hover {
	border: 1px solid #069;}

#loading {
	font: 10px "Lucida Grande", Arial, Lucida, Verdana, sans-serif;
	position: relative;
	color: #069;
	z-index: 2;
	background-color: #fff;
	padding-bottom: 10px;
	float: left;
	bottom: 50px;
	left: 0;
	padding-left: 5px;}

#loading img {
	top: 5px;
	height: 18px;
	width: 18px;
	right: 4px;
	position: relative;}

#preview {
	margin-top: 30px;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;}

p.logged {
	float: left;}

#skipper {
	float: right;
	position: relative;
	top: 13px;
	right: 5px;}

h3.closed {
	font-size: 14px;
	color: #999;
	text-align: center;
	padding-bottom: 20px;}

#comment_wrapper {
	font-size: 11px;
	color: #333;
	width: 640px;
	margin-left: 2px;}

ol.commentlist {
	padding: 0;
	margin: 0;
	color: #ccc;
	font-size: 11px;
	position: relative;
	list-style-type: none;}

.comwrap {
	margin-top: 0;
	margin-bottom: 0;
	width: 545px;
	height: auto;}

.comtop {
	width: 548px;
	background: url(images/comtop.png) no-repeat left top;
	height: 15px;
	margin: 35px 0 0;
	padding: 0;}

.comdater {
	text-align: right;
	font-size: 10px;
	color: #ccc;
	margin-top: -15px;
	margin-right: 18px;}

.combody {
	width: 510px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 12px;
	color: #333;
	height: auto;
	padding: 1px 15px 20px 20px;
	margin: 0;
	background-color: #fafafa;
	line-height: 17px;}

.cominfo {
	border-top: 1px solid #ccc;
	width: 510px;
	padding-top: 8px;
	font-size: 11px;
	padding-left: 0;
	margin-left: 20px;}

.cominfo img {
	margin-right: 2px;
	margin-top: 0;
	margin-bottom: -4px;}

.combottom {
	width: 548px;
	background-image: url(images/combottom.png);
	height: 36px;
	color: #069;
	padding: 0;
	margin: 0;}

textarea {
	width: 640px;
	background-color: #ececec;
	border-top: 2px solid #999;
	z-index: 2;
	font: 11px/15px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	height: 210px;}

#textinputwrap {
	margin-top: 75px;}

#comment_wrapper blockquote {
	font-size: 11px;}

#plusminus {
	float: right;
	position: relative;
	right: 5px;}

#plusminus a {
	font-weight: bold;
	font-size: 12px;}

#plusminus a:hover {
	color: #00a0f0;
	text-decoration: none;}

.boxresize {
	border: 1px solid #999;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;}

.boxresize:hover {
	border: 1px solid #00a0f0;}

.boxresizeminus:hover {
	border: 1px solid #00a0f0;}

.boxresizeminus {
	border: 1px solid #999;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 1px;}

/* @end */

/* @group Search Page */

#searchresults {
	font-size: 11px;
	color: #d5d5d5;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 16px;
	background-color: #1a1a1a;
	text-transform: uppercase;}

/* @end */

/* @group Footer */

#footer img {
	position: relative;
	top: 2px;
}

#searchbar {
	padding: 0 0 10px;
	text-align: center;
}

#searchbar input {
	width: 210px;
	background: url(images/search.png) no-repeat left top;
	font-size: 11px;
	border-style: none;
	color: #666;
	vertical-align: middle;
	height: 18px;
	padding: 5px 35px 5px 25px;
}

.navigation {
	width: 640px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #2a2a2a;
	background: url(http://pixellex.com/images/panelshadow.jpg);}

.navigation a {
	font-size: 11px;
	text-decoration: none;
	color: #cc6600;
	font-weight: bold;}

.alignleftprev {
	position: relative;
	top: 3px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;}

.alignrightnext {
	position: relative;
	float: right;
	top: 3px;
	margin-left: 20px;
	margin-right: 20px;}

#footer {
	font-size: 10px;
	color: #2a2a2a;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 15px;
	line-height: 18px;
}

#footer a {
	color: #666;}

#footer a:hover {
	color: #006699;}

/* @end */