/*   

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 {

background: #3cb13f url(images/page-bg.jpg) repeat-x;

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

a:hover {color:#35383a;}



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 ;}
.wp-caption { font-size: 10px; background-image: none; background-attachment: scroll; background-position: 0 0; text-align: center; margin-right: 8px; margin-bottom: 5px; margin-left: 8px; padding-top: 5px; padding-right: 5px; padding-left: 5px; border:solid 1px #ccc; }
blockquote {width:90%; background:#948972; border:1px solid #000; padding:5px; color:#000; margin:10px 20px;}

.wp-caption img { margin-bottom: 5px; border: solid 1px #666; }



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

padding:0 10px 10px;

}

#contentbottom {

background:url(images/bottom.png) no-repeat;

height:33px;

font:11px Arial, Helvetica, sans-serif;

color:#948972;

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 50%; margin-bottom:10px; padding-left:10px; }

#breadcrumbright {

height:18px;

background:#528b53 url(images/breadRight.jpg) no-repeat right 50%;

padding:3px 0 0;

font:italic 11px "normal Arial", Helvetica, sans-serif;

color:#e3d8d8;

}
#breadcrumbright a { color: #a9c5a9; font: italic 11px "normal Arial", Helvetica, sans-serif; text-decoration: none; }
#breadcrumbright a:link { color: #a9c5a9; font: italic 11px "normal Arial", Helvetica, sans-serif; text-decoration: none; }
#breadcrumbright a:active { color: #a9c5a9; font: italic 11px "normal Arial", Helvetica, sans-serif; text-decoration: none; }
#breadcrumbright a:hover { color: #a9c5a9; font: italic 11px "normal Arial", Helvetica, sans-serif; text-decoration: underline; }
/* Columns */
#left1bg { background: #fff url(images/main-body-bg.jpg) repeat-x left top; width: 690px; float: left; }
#left1bg2 { background-image: url(images/main-body-bg2.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; width: 690px; float: left; }
#left1  { background-image: url(images/mainbody-tl.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width:690px; float:left; }
#left2 { background-image: url(images/mainbody-bl.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; padding:10px; }

#right1 {

background:#35383A url('images/sidebar-tr.jpg') no-repeat top right; 

width:255px; 

float:right;

}

#right2 {

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

padding:10px;

}

/* Full width content page */
#full1 { background-image: url(images/mainbody-tl.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 100%; }
#full2 { background-image: url(images/mainbody-tr.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; }

#full3 { background-image: url(images/mainbody-bl.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; }

#full4 { background-image: url(images/mainbody-br.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; padding:10px; }



/* Post article styling */

.postwrap {

margin-bottom:25px;

}

h1 a.title, h2 a.title {

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

font:bold 20px "Arial Narrow", Helvetica, sans-serif !important;

color:#fff;

padding-left:62px;

margin:0 0 3px;

text-decoration:none;

}
h2 a.title { color: #35383a; font: bold 20px "Arial Narrow", Helvetica, sans-serif !important; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left 50%; text-decoration: none; margin: 0 0 3px; padding-left: 62px; }
h1 a.title:hover, h2 a.title:hover {

color:#4A2C2C;

}
h2 a.title:hover { color: #528b53; }
.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:12px Arial, Helvetica, sans-serif;

color:#35383a;

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 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, #suckerfishnav .current_page_item {

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

}



#suckerfishnav li ul li:hover {

background-image:none; 

background:#4D3334;

}



/* FORMS comment and respond */

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

border:1px solid #000;

margin:0 10px 1px 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 {}