/*
	Theme Name: Pixel06
	Theme URI:  http://www.flashmotus.it/
	Description: This is a port of the open-source template by Pat Heard ( FullAhead.org ) of the same name.
	Author: Paolo Di Paolo
	Author URI: http://www.flashmotus.it
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/*-----------Block Level Elements--------------*/
body { margin: 0; border: 0; text-align: center; font: 0.68em verdana, arial, sans-serif; line-height: 140%; color: #EEE; background: #585858 url(images/bg_bodyprod.jpg) repeat-y top center;}
#page { position:relative;}
#header { width: 100%; margin: 0 auto; border: 0; height: 3em; background: #585858 url(images/bg_headerprod.jpg) repeat-y top center; }
#headerimg {}
.description {display:none;}
#wrapper { position:relative; display:block; width: 767px; height: auto; margin: 0 auto; padding: 0; text-align: left;}
#content { float:left; position:absolute; display:block; width: 430px; padding: 10px 5px 20px 10px; }
#content ul {list-style-image: url(images/li_bullet.gif);}
#sidebar {  float:right; display:block; position:relative;  width: 185px; padding: 10px 10px 10px 140px; background: url(images/pixel06prod.jpg) no-repeat top left;}
#footer { float:right; display:block; margin: 0 auto; text-align: center; padding: 10px; width:135px; color: #888; font-size:0.9em;}
#menu { width: 766px; margin: 0 auto; padding: 0; text-align: left; }
#menu ul { margin: 0; padding: 0; line-height: normal; }
#menu ul li { width: 8em; display: inline; float: left; padding-top: 0.8em; list-style: none; text-align: center;}
#menu ul li a { display: block; text-decoration: none; text-transform: uppercase; padding-bottom: 1.0em; color: #222;}
#menu ul li a:hover, #menu ul li a:active, .active { font-weight: bold; color: #111; background: url(images/menu_tab-prod.gif) no-repeat bottom center;}
.sideMenu { padding: 10px 0;}
.sideMenu a { display: block; text-align: right; text-decoration: none; margin-bottom: 1px; }
.sideMenu a span { display: block; padding: 1px;}
.sideMenu a:hover { background: #686868 url(images/rounded_tl.gif) no-repeat top left;}
.sideMenu a:hover span { background: url(images/rounded_bl.gif) no-repeat bottom left;}
#title { padding: 0.6em 55px 0.6em 0; margin-right: 0.5em; float: right; background: url(images/logo_pixel06_p.gif) no-repeat top right;}
#title h1 { display: inline; color:  #222; background-color: #cdcdcd; background-image: none;}
/*-------------Headings-------------*/
h1 { display: inline; color:  #222; background-color: #ffc90d; background-image: none; clear: both; margin: 10px 0; font: 700 1em verdana, sans-serif; text-transform: uppercase; color: #F3B701;}
h1 a { clear: both; margin: 10px 0; font: 700 1em verdana, sans-serif; text-transform: uppercase; color: #000; text-decoration:none;}
h2 { /*clear: both;*/ margin: 10px 0; font: 700 1em verdana, sans-serif; text-transform: uppercase; color: #F3B701; background: #686868 url(images/rounded_tr.gif) no-repeat top right;}
h2 span { display: block; padding: 2px; background: url(images/rounded_br.gif) no-repeat bottom right;}
h3 { clear: both; margin: 10px 0; font: 700 1em verdana, sans-serif; text-transform: uppercase; color: #F3B701;}
h4 {}
h5 {}
/*-------------The Post-------------*/
#wrapper ol li { color: #9BE4FF;}
#wrapper ol li span { color: #EEE; padding: 2px;}
#wrapper ul { padding-bottom: 6px;}
#wrapper ul li { margin-left: 2px; padding-left: 2px;}
p { padding-top: 5px !important; padding-top: 3px; padding-bottom: 5px !important; padding-bottom: 3px;}
a { color: #ffc90d;}
a:visited {}
a:hover { color: #FFF;}
textarea { width: 98%;}
input { width: 70%;}
input, textarea { padding: 1px 3px; margin: 5px 0; font: 1em verdana, arial, sans-serif; color: #EEE; background-color: #777; border: 1px solid #999;}
input:hover, input:focus, textarea:hover, textarea:focus { color: #FFF; background-color: #999; border: 1px solid #EEE; }
h2 a:hover, h2 a:visited, h2 a { text-decoration: none;}
.post { clear:both; }
.post p {}
.post a {}
.post ul {}
.post li {}
.entry {}
.entrytext .postmetadata { color: #666;}
.postmetadata alt { color: #666;}
.postmetadata a { color: #999;}
.postmetadata a:hover { color: #fff;}
.navigation {}
.alignleft { float:left;}
.alignright { float:right;}
.center {}
.pagetitle {}
blockquote { margin:0; padding: 0 15px; border: #ffc90d 1px solid; background: #686868;} 
cite {}
code { display: block; padding: 5px 5px 5px 10px; background: #555; font-size:8pt; }
acronym, abbr { cursor: help; border-bottom: 1px solid #777; letter-spacing:1px;}
/*--------------Sidebar------------*/
#sidebar ul { list-style: none;}
#sidebar ul h2 {  text-align: right; background: #686868 url(images/rounded_tl.gif) no-repeat top left;}
#sidebar ul h2 span { display: block; padding: 2px; background: url(images/rounded_bl.gif) no-repeat bottom left;}
#sidebar ul li {}
#sidebar ul ul {list-style:disc;}
#sidebar ul ul li {}
#sidebar ul ul ul {list-style:square;}
#sidebar p {}
#sidebar a {}
#sidebar a:hover {}
#sidebar a:visited {}
ol.commentlist {}
ol.commentlist li { padding: 5px; margin-top: 5px; font-weight: 700; border: #555 1px solid; background: #343;}
ol.commentlist li.alt { background: #444;}
ol.commentlist a { color: #F3B701;}
small.commentmetadata {}
/*--------------Search Form-------------*/
#searchform {text-align:center;}
#searchform input {width:110px;}
#searchform #s {}
/*-------------Calendar-----------------*/
#wp-calendar {}
#wp-calendar th {}
#wp-calendar a {}
#prev a, #next a {}
#wp-calendar caption {}
#footer p { padding-top: 0 !important; padding-top: 10px;}
#footer a { color: #888; }
#footer a:hover { color: #EEE;}
a.fullAhead { text-align:center; display: block; width: 30px; height: 34px; margin: 3px; background: url(images/logo_fullahead.gif) no-repeat 0 0;}
a:hover.fullAhead  { background-position: -30px 0;}
/***************************************************
 Generic Display Classes
 ***************************************************/
.center { text-align: center;}
.noPad { padding: 0; margin: 0; }
.left { float: left; }
.right { float: right;}
img.left { padding: 5px 5px 5px 0;}
img.right { padding: 5px 0 5px 5px; }
.button { width: auto; cursor: pointer;}
.date { display: block; font-weight: 700;}
a img {border: none; background: none;}
img.left {display: block; padding:1px; float:left; margin:3px 12px 3px 0;}
img.right {display: block; padding:1px; float:right; margin:3px 0 3px 12px;}
img.center {display: block; padding:1px; margin:3px auto;}