/*   
Theme Name: Pixel Blogging
Theme URI: http://www.pixelthemestudio.ca/free-themes/17-pixel-blogging-theme-for-wordpress
Description: Pixel Blogging is designed for something a bit different in style compared to most themes and is created for individuals but for business blogs, there is the Evening Shade theme which is based on the Pixel Blogging theme.
Author: Pixel Theme Studio
Author URI: http://www.pixelthemestudio.ca
Tags: one-column, two-columns, black, red, dark, right-sidebar, fixed-width
Version: 1.8
.
The CSS, XHTML and design for Pixel Blogging standard version is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
.
*/

html, body {
vertical-align: baseline;
outline: 0;
padding: 0;
margin: 0;
}
html {
height: 100%;
margin-bottom: 1px;
}
body {
background: #CC0000 url('images/page-bg.jpg') repeat-x 0 0;
line-height: 1;
font: 12px/17px Arial, Helvetica, Verdana, sans-serif;
color: #fff;
}
table {
border-collapse:collapse ;
border-spacing: 0;
}
td {
padding:0;
font-weight: normal;
text-align: justify;
}
p {
margin:0 0 12px 0;
}
hr {
border:none; background:#ADA189; height:1px; margin:5px 0; }

a {color:#CDA041;}
a:hover {color:#fff;}

h1, h2, h3, h4 {margin:0 0 4px 0; font-family:"Arial Narrow", Helvetica, sans-serif;}
h1 {font-size:22px; color:#ff9900;}
h2 {font-size: 20px; color:#ff9900;}
h3 {font-size:16px; font-weight:bold; color:#ff9900;}
h4 {font-size:14px; font-weight:bold; color:#ff9900;}

li ul, li ol {margin:0;}
ul {margin-left:20px ;}
ul li {list-style:url('images/list.png');}
ul li:hover {list-style:url('images/listhover.png');}
ol {list-style-type:decimal; margin-left:25px ;}

blockquote {width:90%; background:#948972; border:1px solid #000; padding:5px; color:#000; margin:10px 20px;}
img {border:none;}

h1.pagetitle {
font:normal 22px "Arial Narrow", Helvetica, sans-serif;
margin:0 0 7px 0;
}
/* Clearing */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
clear: both;
}
.clear {
clear: both;
}
/* End hide from IE-mac */
/* Major containers */
#wrapper {
width:1000px;
background:none;
margin:auto;
}
#logowrap { 
width:980px;
margin:10px auto;
}
#logo {
width:570px;
height:58px;
background:url('images/logo-bg.jpg') no-repeat;
float:left;
}
#blogtitle {
font:normal 36px Calibri, Arial, Helvetica, sans-serif;
color:#fff;
font-style:italic;
text-transform:uppercase;
margin:4px 0 0 68px;
line-height:36px;
}
#blogtitle a, #blogtitle a:visited, #blogtitle a:hover {
color:#fff;
text-decoration:none;
}
#slogan {
margin:0 0 0 68px;
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#B0A590;
}
#topnav {
margin-top:30px;
width:312px;
height:26px;
background:url('images/topnav-bg.jpg') no-repeat;
text-align:right;
padding:7px 10px 0 0;
float:right;
text-align:right;
}
a.home {background:url('images/sub-home.png') no-repeat; padding-left:14px;}
a.subscribe {background:url('images/sub-rss.png') no-repeat; padding-left:14px;margin-left:13px;}
a.contact {background:url('images/sub-contact.png') no-repeat; padding-left:14px;margin-left:13px;}

#topnav a {
font:normal 9px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#999;
text-decoration:none;
}
#topnav a:hover {
color:#FFAE00;
}


#menuwrap {
width:980px;
height:42px;
margin:auto;
background:url('images/menu-bg.jpg') no-repeat;
}
#menu {
width:795px;
padding:0 0 0 20px;
float:left;
font:normal 12px Arial, Helvetica, sans-serif;
font-style:italic;
overflow:hidden;
}
#searchwrap {
width:161px;
float:right;
padding-top:6px;
}
#searchwrap form {
margin:0;
padding:0;
}
#searchwrap input {
border: none;
width: 118px;
background:none;
font:normal 11px Arial, Helvetica, sans-serif;
color:#9C9C9C;
font-style:italic;
}
.rounded {
background:  url('images/search-field.png') no-repeat left top;
height:21px;
padding: 3px 0 0 10px;
}
#contenttop, #contentbottom {
height:10px;
background:url('images/top.jpg') no-repeat;
margin:0;
padding:0;
}
#contentleft {
background:url('images/repeat980left.png') repeat-y left;
padding:0 0 0 10px;
}
#contentright {
background:url('images/repeat980right.png') repeat-y right;
padding:0 10px 0 0;
}
#content {
background:#948972;
min-height:250px;
padding:0 10px 10px;
}
#contentbottom {
background:url('images/bottom.png') no-repeat;
height:33px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#917769;
text-align:center;
padding-top:7px;
}
#contentbottom a {
color:#FFF;
text-decoration:none;
}
#contentbottom a:hover{
text-decoration:underline;
}
#headerimage {
}
#headerimagemask {
}
#breadcrumbleft {
height:21px;
background:url('images/breadleft.jpg') no-repeat left;
margin-bottom:10px;
padding-left:10px;
}
#breadcrumbright {
height:18px;
background:#000000 url('images/breadRight.jpg') no-repeat right;
padding:3px 0 0px;
font:11px normal Arial, Helvetica, sans-serif;
font-style:italic;
color:#E3D8D8;
}
/**** Content Table Columns - Table for 100% height columns - Using the 16 Grid system ****/
td#mainbodytop, td#mainbodybottom, td#sidebartop, td#sidebarbottom {
background:#333333 url('images/mainbody-top.jpg') no-repeat top left;
height:10px!important;
padding:0;
}
td#mainbodybottom {
background:#333333 url('images/mainbody-bottom.jpg') no-repeat bottom left;
}
td#sidebartop {
background:#35383A url('images/sidebar-top.jpg') no-repeat top right;
}
td#sidebarbottom {
background:#35383A url('images/sidebar-bottom.jpg') no-repeat bottom right;
}
td#mainbody, td#sidebar {
background:#333333;
padding:0 10px;
vertical-align:top;
width:640px!important;
}
td#sidebar {
background:#35383A;
width:280px!important;
font:normal 11px Arial, Helvetica, sans-serif;
}
td.spacer {
width:10px!important;
}
/* Full width content page */
td#mainbodyfulltop {
background:#333333 url('images/full-top.jpg') no-repeat top left; 
width:100%;
}
td#mainbodyfullbottom {
background:url('images/full-bottom.jpg') no-repeat top right;
}
td#mainbodyfull {
background:#333333;
padding:0 10px;
vertical-align:top;
width:960px!important;
}
/* Suckerfish menu for Wordpress */
#suckerfishnav, #suckerfishnav ul {
width : 795px;
height : 42px;
list-style : none !important;
list-style-type:none!important;
font-weight : bold;
padding : 0;
margin : 0;
border-width : 0;
}
#suckerfishnav a {
display : block;
height:30px;
color : #FFF;
text-decoration : none;
padding-top:12px;
border : none;
}
#suckerfishnav li {
float : left;
padding : 0 10px;
list-style : none !important;
list-style-type:none!important;
}
#suckerfishnav li ul {
position : absolute;
left : -999em;
height : auto;
width : 170px;
font-weight : normal;
margin : 0 0 0 -10px;
}
#suckerfishnav li li {
width : 160px;
background:#211312;
border-bottom:1px solid #4D3334;
}
#suckerfishnav li ul a {
height:20px;
padding-top:4px;
color:#948972;
display:block;
margin-top:0;
}
#suckerfishnav li ul a:hover {
color:#fff;

}
#suckerfishnav li ul ul {
margin : -1.7em 0 0 14em;
background: #211312;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
left : -999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {
left : auto;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background :none;
}
#suckerfishnav li:hover, #suckerfishnav .current_page_item {
background:url('images/menu-hover.jpg') repeat-x;
}

#suckerfishnav li ul li:hover {
background-image:none; 
background:#4D3334;
}
/*** WordPress Core Styling ****/

/* Post article styling */
.postwrap {
margin-bottom:25px;
}
h1 a.title, h2 a.title {
background:url('images/title-icon.png') no-repeat left;
font:bold 20px "Arial Narrow", Helvetica, sans-serif !important;
color:#FFF;
padding-left:20px;
margin:0 0 3px 0;
text-decoration:none;
}
h1 a.title:hover, h2 a.title:hover {
color:#4A2C2C;
}
.date {
font:normal 11px Arial, Helvetica, sans-serif;
color:#423617;
background:url('images/date-bg.jpg') no-repeat;
height:16px;
margin-bottom:8px;
padding:1px 0 0 4px;
}
.post {
font:normal 12px Arial, Helvetica, sans-serif;
color:#F0DDB6;
text-align:justify;
padding:0;
clear:both;
}
.post a.more-link {
background:url('images/readmore.jpg') no-repeat;
display:block;
width:60px;
height:17px;
padding:3px 0 0 15px;
margin:8px 0 20px 0;
font:normal 11px Arial, Helvetica, sans-serif;
color:#E8D5AD;
text-decoration:none;
}
.post a.more-link:hover {
color:#FFF;
text-decoration:none;
background:url('images/readmore-o.jpg') no-repeat;
}
/* Page Navigation */
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a {
background:url('./images/page-nav.jpg') no-repeat 0 0 !important;
display:block;
float:left;
height:22px;
padding:0 0 0 6px !important;
margin:0 5px 0 0 !important;
border:none !important;
color:#000 !important;
}
.wp-pagenavi span.inner {
background: url('./images/page-nav.jpg') no-repeat 100% 0 !important;
display:block;
float:left;
font-size:10px;
height:22px;
line-height:22px;
padding-left:0 !important;
padding-right:6px;
text-transform:uppercase;
}
.wp-pagenavi a:active { color:#fff; }
.wp-pagenavi a:hover { color:#FFF!important; }
#post-nav div.alignleft {
margin:0 0 65px 4px;
border:1px #2B2B2B solid;
background:#35383A;
color:#C7BA9F;
padding:2px 5px;}
#post-nav div.alignleft a, #post-nav div.alignright a { color:#C7BA9F; text-decoration:none;}
#post-nav div.alignleft a:hover, #post-nav div.alignright a:hover {color:#fff;}

/* FORMS comment and respond */
#respond {
margin:25px auto 15px;
}
#comments, #respond h3 {
font-size:14px;
color:#fff;
padding-bottom:5px;
}
.commentlist { padding-left:25px;}
.commentlist li {
margin-bottom:5px;
list-style:decimal;
}
.commentlist li .avatar { 
float: left;
border: 1px solid #64522C;
padding: 2px;
background: #fff;
margin-right:5px;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
clear:both;
line-height: 1.5em;
}
#commentform input, #commentform textarea {
border:1px solid #64522C;
padding:3px;
}
#commentform p {
margin-bottom:10px;
}
#commentform #submit {
background-color:#9E8961;
color:#FFFFFF;
border:1px solid #64522C;
cursor:pointer;
}
#commentform textarea { width:95%; background:#E8E8E8; 
}
div.comment-meta a {
color:#CDA041;
}

/* Sidebar imported */
h3.sidebar {
font:bold 20px "Arial Narrow", Helvetica, sans-serif !important;
margin:0 0 5px 0;
color:#fff!important;
}
#sidebar {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#AEAEAE;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
#sidebar ul a, #sidebar ul ol a {
color:#AEAEAE;
text-decoration:none;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
#sidebar ul ul {
margin-left:18px;
list-style-position:outside;
list-style: none;
}
#sidebar ul ul li {
list-style-image:url('images/list.png');
line-height:13px;
padding-left:15px;
}
#sidebar ul ul li:hover, #sidebar ul ul li a:hover {
list-style-image:url('images/listhover.png');
color:#FFAE00;
}
#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}
#sidebar ul ol {
	margin: 5px 0 0 10px;
	}
#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}
ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}
#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
div.widget-content {
border-bottom:1px dotted #aeaeae;
padding-bottom:10px;
clear:both;
}
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px 0;
	width: 99%;
	float:left;
	background:#333;
	border:1px solid #000;
	}
#wp-calendar th {
background:#000;
text-align:center;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
color:#FFAE00 !important;
}
#wp-calendar a:hover {
color:#FFF !important;
}
#wp-calendar caption {
text-align: left; 
margin-top:10px;
width: 100%;
padding:4px 0 4px 0;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
/* WP Cumulus */
div#wpcumuluswidgetcontent {
border:1px solid #000;
background:#333;
}
/* Misc Required */
/* Images alignment */
.aligncenter {margin: 4px auto 8px auto;display: block;}
.alignleft {margin: 4px 20px 8px 0;float: left;}
.alignright {margin: 4px 0px 8px 20px;float: right;}
.col-left {float: left;}
.col-right {float: right;}

/* Image and Captions */
img.centered{display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background-color:#C9C6C1;border:1px solid #616161;padding:3px 0 0;text-align:center;}
.wp-caption-text {padding:0; margin-bottom:0px;font-size:10px; text-transform:uppercase; color:#333;}

/* Forms */
form {width:90%;}
fieldset {border:1px solid #241D0F; padding:7px; margin-bottom:15px;}
legend {font:bold 14px Arial, Helvetica, sans-serif; color:#241D0F;}
input, textarea, select {color:#000; border:1px solid #000;}
label {color:#fff;}
.button, input.file, #searchsubmit {background:#948972; color:#000; border:1px solid #000; margin:2px 0;}