/*   

Theme Name: Pixel Blogging

Theme URI: http://www.pixelwebmedia.ca/wordpress/30-pixel-blogging-theme.html

Description: Pixel Blogging is designed for professionals who run more than just a typical blog, but manage more within their website. Although this theme presents a high-end style, you may want to also check out the Pixel Blogging Pro version.

Author: Pixel WebMedia

Author URI: http://www.pixelwebmedia.ca

Tags: one-column, two-columns, black, red, dark, right-sidebar, fixed-width

Version: 1.7

.

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: #000000 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:#003300; 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:#fff;}

h2 {font-size: 20px; color:#141414;}

h3 {font-size:16px; font-weight:bold; color:#1B1B18;}

h4 {font-size:14px; font-weight:bold; color:#DEAA49;}



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:#003300;

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:#917769 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:#786335 url('images/mainbody-top.jpg') no-repeat top left;

height:10px!important;

padding:0;

}

td#mainbodybottom {

background:#786335 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:#786335;

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:#786335 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:#786335;

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;

}

.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 */

.aligncenter, .alignnone {

display: block;

margin:0 auto 10px;

margin-right: auto;

border:1px solid #000;

}

.alignnone {

margin-bottom:0;

}

.alignleft {

border:1px solid #000;

margin:0 10px 1px 0;

float:left;

}

.alignright {

border:1px solid #000;

margin:0 0 1px 10px;

float:right;

}

p.wp-caption-text {

text-align:center;

background:#000;

padding:2px;

margin-bottom:0!important;

}

.wp-caption .alignnone {

margin:auto;

}

/* 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;}