/*   

Theme Name: Pixel Blogging

Theme URI: http://wp.pixelwebmedia.ca

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.2

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  { color: #fff; font: 12px/17px Arial, Helvetica, Verdana, sans-serif; background-color: #8f5e5d; background-image: url("images/page-bg.jpg"); background-repeat: repeat-x; background-position: 0 0 }







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  { font-family: Georgia, "Times New Roman", Times, serif; margin-right: 0; margin-bottom: 10px; margin-left: 0 }







h1 {font-size:22px; color:#fff;}







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







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  { background-color: transparent; background-image: none; background-repeat: repeat; background-position: 0 0; margin: auto; width: 1000px }







#logowrap { 



width:980px;

margin:0px auto;



}







#logo {



width:570px;

height:5px;

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:10px;







width:312px;







height:26px;







background:url('images/topnav-bg.jpg') no-repeat;







text-align:right;







padding:0 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;







}







#form { margin: 0 15px 5px 0; float: left }







.rounded {







background:  url('images/search-field.png') no-repeat left top;







height:21px;







padding: 3px 0 0 10px;







}







#contenttop, #contentbottom  { background-color: transparent; background-image: url("images/top.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; height: 10px }







#contentleft  { background-color: transparent; background-image: url("images/repeat980left.png"); background-repeat: repeat-y; background-position: left 50%; padding: 0 0 0 10px }







#contentright  { background-color: transparent; background-image: url("images/repeat980right.png"); background-repeat: repeat-y; background-position: right 50%; padding: 0 10px 0 0 }







#content   { background-color: #948972; background-image: none; background-position: 0 0; padding: 0 10px 10px }







#contentbottom  { color: #917769; font: 11px Arial, Helvetica, sans-serif; background-color: transparent; background-image: url("images/bottom.png"); background-repeat: no-repeat; background-position: 0 0; text-align: center; padding-top: 7px; height: 33px }







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







}















/* Columns */







#left1   { background-color: #786335; background-image: url("images/mainbody-tl.jpg"); background-repeat: no-repeat; background-position: left top; width: 690px; float: left }







#left2  { background-color: transparent; background-image: url("images/mainbody-bl.jpg"); background-repeat: no-repeat; background-position: left bottom; padding: 10px }







#right1  { background-color: #35383a; background-image: url("images/sidebar-tr.jpg"); background-repeat: no-repeat; background-position: right top; width: 255px; float: right }







#right2  { background-color: transparent; background-image: url("images/sidebar-br.jpg"); background-repeat: no-repeat; background-position: right bottom; padding: 10px }







/* Full width content page */







#full1 {







background:#786335 url('images/mainbody-tl.jpg') no-repeat top left; 







width:100%;







}







#full2 {







background:url('images/mainbody-tr.jpg') no-repeat top right;







}







#full3 {







background:url('images/mainbody-bl.jpg') no-repeat bottom left;







}







#full4 {







background:url('images/mainbody-br.jpg') no-repeat bottom right;







padding:10px;







}















/* Post article styling */







.postwrap {







margin-bottom:25px;







}







h1 a.title, h2 a.title {







background:url('images/title-icon.png') no-repeat left;







font:bold 28px  !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 14px Arial, Helvetica, sans-serif;







color:#F0DDB6;







text-align:left;







padding:0 10px 0 10px;







}

.post h3 { padding-top: 10px; 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 0 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 {







	margin:0 0 65px 4px;







}























/* Suckerfish menu for Wordpress */







#suckerfishnav, #suckerfishnav ul {







width : 795px;







height : 42px;







list-style : 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;







}







#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   {







background:url('images/menu-hover.jpg') repeat-x;







}



#suckerfishnav .current_page_item   {







background:url('images/menu-active.jpg') repeat-x;







}



#suckerfishnav .current_page_parent  {







background:url('images/menu-parent.jpg') repeat-x;







}

















#suckerfishnav li ul li:hover {







background-image:none; 







background:#4D3334;







}















/* FORMS comment and respond */







#comments, #respond { padding-left:20px;}















#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:#fffadb; }















div.comment-meta a {







color:#CDA041;







}























/* Sidebar imported */







h3.sidebar {







font:bold 20px Georgia,"Times New Roman",Times,serif !important;







margin:5px 0 5px 0;







color:#fff!important;







}







#sidebar {







	font:normal 14px 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  { line-height: 14px; list-style-image: url("images/list.png"); 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: 98%;







	float:left;







	background:#333;







	border:1px solid #000;







	}







#wp-calendar th {







background:#000;







}







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







	width: 100%;







	padding:4px 0 4px 0;







	}















#wp-calendar td {







	padding: 3px 0;







	text-align: center;







	}







/* End Calendar */







/* WP Cumulus */







div#wpcumuluswidgetcontent {







border:1px solid #000;







background:#333;







}















/* Image Styling for Content */







.imageleft  { margin: 0 15px 5px 0; float: left }







.imageright {







border:1px solid #000;







margin:0 0 1px 10px;







float:right;







}







.imagenormal {







border:1px solid #000;







}







/* Misc Required */







.aligncenter {







	display: block;







	margin-left: auto;







	margin-right: auto;







}















.alignleft {







	float: left;







}















.alignright {







	float: right;







}







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



.wpcf7

 { background-image: url("images/bbf-logo.gif"); background-repeat: no-repeat; background-position: 400px 10px }