/*   
Theme Name: Evening Shade
Theme URI: http://www.pixelthemestudio.ca/themes/9-pixel-media-blogger
Description: Evening Shade offers individual and business bloggers something new and unique in a style that is not common with most themes. This is definitely not a cookie cutter design but one that will help you stand out without looking like a WordPress blog and offers you a few built-in features that others do not. If you purchased the download option and not a membership but need support, you will need to sign up for a membership and the Premium option gives you the actual Photoshop files.
Author: Pixel Theme Studio
Author URI: http://www.pixelthemestudio.ca
Tags: one-column, two-columns, black, red, dark, right-column, fixed-width
Version: 2.0
License: GPL (The core CSS, XHTML and PHP code named and required for Joomla for the Evening Shade template is released under GPL: http://www.opensource.org/licenses/gpl-license.php The Original Design graphics and Photoshop source files are copyrighted by Pixel Theme Studio (the Photoshop files are not released under GPL).
*/


html,body,div,span,caption,em,small,strike,strong,sub,sup,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}

/* define html styles! */
:focus {outline: 0;}
ol,ul {list-style: none;}

html {height:100%;	margin-bottom:1px;}
body {line-height: 1;color:#424242; background:#8F5E5D url('images/page-bg.png') repeat-x top; font:normal 11px/18px verdana, Arial, Helvetica;}

/* tables still need cellspacing="0" in the markup */
table{border-collapse: collapse; border-spacing: 0;}

/* set of clearing floats */	
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}
/* End hide from IE-mac */

/* primary wrappers */
#wrapper {margin:0 auto; width:976px;}
#top {width:960px; margin:0 auto;}
#logo {margin:15px 0 10px 18px; width:55px; height:57px; background:url('images/logo.png') no-repeat; float:left;}
#title {width:400px; margin:15px 0 12px 15px; float:left;}
#title h1 {color:#fff; font:normal 32px 'Trebuchet MS',Verdana, Arial, Helvetica; font-style:oblique; }
#description {width:400px; float:left;}
#description h2 {margin:0; font:normal 14px Arial, Helvetica, sans-serif; font-style:oblique; color:#B0A590; }
#topmenu {width:315px; height:27px; float:right; margin:23px 8px 0 0; padding:11px 8px 0 0; text-align:right; background:url('images/topmenu-bg.png') no-repeat; color:#969897;}

#menuwrapper {width:960px; height:42px; background:url('images/menu-bg.png') no-repeat; margin:0 auto;}
#menu {width:740px; float:left; padding:0 0 0 20px; font:normal 14px 'Trebuchet MS', Arial, Helvetica; color:#fff;}
#menu a {color:#fff; text-decoration:none;}
#menu a:hover {color:#D4D1C7;}

#searchwrapper {width:162px; float:right; margin-top:6px;}
#searchwrap form {width:162px; margin:0; padding:0;}
#searchwrap input {border: none; width: 118px; background-color:none!important; font:normal 11px Arial, Helvetica, sans-serif; color:#9C9C9C; font-style:italic;}
.rounded {background:  url('images/search-bg.png') no-repeat left top; height:21px; padding: 3px 0 0 10px; }
#mod_search_searchword {background:none; border:none;color:#969897;}

#left {width:968px; margin:0 auto; background:url('images/left-glow.png') repeat-y left; padding-left:8px;}
#right {background:url('images/right-glow.png') repeat-y right; padding-right:8px;}
#contentwrapper {width:960px; background:#948972 url('images/inner-top.png') no-repeat top;  padding:9px 0;}
/* header placeholder */
#header {width:940px; height:300px; background:url('images/frontpage-banner.jpg') no-repeat; margin:0 auto 10px;}

#breadcrumbs {background:url('images/breadcrumb-bg.png') no-repeat; width:915px; height:16px; margin:0 auto 10px; color:#B0A590; padding:3px 0 0 25px; font:normal 10px Verdana, Arial, Helvetica, sans-serif; font-style:oblique;}
#breadcrumbs a {color:#B5B5B5; text-decoration:none;}
#breadcrumbs a:hover {color:#B0A590;}
#footer {background:#000 url('images/footertop.png') no-repeat top; width:960px; min-height:20px; text-align:center; color:#948972; padding-top:7px; line-height:14px;}
#footer a {color:#B5B5B5; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#bottom {background:url('images/footerbottom.png') no-repeat; height:18px; width:976px; margin:0 auto;}

/* one column */
#column0 {padding:10px; background:#DBD6CC url('images/content-top.png') no-repeat top; position:relative;}

/* two columns with equal height */
#columnwrapper {width:940px; background:#948972; padding:0 10px 0;}
#container2 {float:left; background:#484848; overflow:hidden; position:relative;}
#container1 {float:left; background:#DBD6CC; position:relative; right:270px; /* main content margin from right side */}
#column1 { /* Main column */ float:left; width:650px; position:relative; left:270px; overflow:hidden; padding:10px; background:#DBD6CC url('images/content-tl.png') no-repeat top left;}
#column2 { /* right column */ float:left; width:250px; position:relative; left:270px; overflow:hidden;	padding:10px; background: url('images/right-tr.png') no-repeat top right; color:#B5B5B5; }

/* bottom widget group */
#bottomwrapper {background:#333 url('images/bottom-bg.png') repeat-x top; padding:10px; color:#B5B5B5;}
#bottomleft, #bottomcenter, #bottomright {width:302px; float:left; margin-right:17px; text-align:justify; font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; color:#AEAEAE;}
#bottomright {margin-right:0;}
div#bottomwrapper img {border:1px solid #857A6A; margin:0 auto 6px;}

/*** Typography ***/
p {margin:0 auto 10px;}
blockquote {color:#484848; background:#BFBBB4; padding:8px 10px; width:90%; margin:auto; border-left:5px solid #484848; margin-bottom:8px;}
h1, h2, h3, h4, h5, h2 a.posttitle {font:normal 20px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; }
h2, h2 a.posttitle {font:bold 16px Arial, Helvetica, sans-serif;color:#6E4703;}
h2 a.posttitle:hover {color:#9C6722;}
h3, h4, h5 {font-size:14px; color:#6E4703; font-weight:bold;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/* list style default */
ol li {list-style:decimal;}
ul, ul.liststyle2, ul.liststyle3, ol { margin:10px 35px 15px; line-height:20px;}
ul li {list-style:url('images/liststyle1.png');}
ul.liststyle2 li {list-style:url('images/liststyle2.png');}
ul.liststyle3 li {list-style:url('images/liststyle3.png');}

/* Side column lists */
#column2 ol, #column2 ul {margin-left:10px;}
#column2 ul {list-style:none; margin:10px 0 15px 0; padding-left: 0;}
#column2 li, #column2 li a {list-style:none; font:normal 11px verdana, Arial, Helvetica, sans-serif; border-bottom:1px dotted #aeaeae; padding:3px 0;}
#column2 a, #column2 li a {color:#aeaeae; text-decoration:underline; border:none!important;}
#column2 li a {text-decoration:none!important;}
#column2 a:hover {color:#FFAE00; text-decoration:none;}
#column2 ul.menu {margin-top:0px; padding-top:0px;}
#column2 ul.liststyle1 li, #column2 ul.liststyle2 li, #column2 ul.liststyle3 li {margin-left:18px; border:none;}
#column2 ul.liststyle1 li {list-style:url('images/liststyle1.png');}
#column2 ul.liststyle2 li {list-style:url('images/liststyle2.png');}
#column2 ul.liststyle3 li {list-style:url('images/liststyle3.png');}

/** links **/
a, a:visited {color:#9C6722; text-decoration:none;}
a:active {outline: none;}
a:focus {outline:none;}
a:hover {color:#000;}

#column2 a {color:#B5B5B5;}
#column2 a:hover {color:#FFAE00!important;}

/* Quote blocks*/
.light, .dark {display:block; border-top:1px solid #4C3333; border-bottom:1px solid #4C3333; font-style:italic; padding:6px 10px; width:90%;margin:12px auto;
font:normal 1em Arial, Helvetica, sans-serif;}
.light {background:#C6BFB1;color:#4C3333;}
.dark {background:#948972;color:#fff;}
pre {display:block; border:1px solid #4C3333; border-left:4px solid #4C3333; background:#CCC; color:#000; padding:10px; width:90%; margin:12px auto;}

/*** WordPress Styling ***/
/* article custom styling */
.postmetadata, .tags, .comments {margin:3px 0 10px 0; font:normal 10px Arial, Helvetica, sans-serif; color:#000; background:#C9C6C1; border-top:1px solid #B2B0AB;
border-bottom:1px solid #B2B0AB; padding-left:2px; text-transform:uppercase; }
.tags, .comments {margin-bottom:30px; background:none; border:none; }
.tags {margin-bottom:4px;}/* Post article styling */
.postwrap {margin-bottom:25px;}
.date {font:normal 11px Arial, Helvetica, sans-serif; color:#423617; height:16px; margin-bottom:8px; padding:1px 0 0 4px;}
.post {text-align:justify; padding:0;}
.post a.more-link, a.more-link {background:url('images/readmore.png') no-repeat; display:block; width:69px; height:16px; padding:2px 0 0 15px; margin:8px 0 20px 0;
font:normal 11px Arial, Helvetica, sans-serif; color:#7C5253!important; text-decoration:none; clear:both; font-style:oblique;}
.post a.more-link:hover, a.more-link:hover {color:#000!important; text-decoration:none; background-position: 100% 100%;}

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

/* Widget Styles */
div.widget {margin-bottom:25px;}
div.widget h3, #bottomwrapper div.widget h3 {font:bold 12px Aria, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 8px 0; padding:2px 0 2px 10px; background:#363636; border-top:1px solid #5C5C5C; border-bottom:1px solid #5C5C5C; color:#fff; letter-spacing:1px;}
#logo h1, #topmenu h2, #header h2, #footer h3 {display:none;}

/* Footer Widgets */
div#bottomwrapper h3.bwtitle {font:bold 12px Aria, Helvetica, sans-serif !important; text-transform:uppercase; margin:0 0 8px 0; padding:2px 0 2px 10px;
background:#948972; border-top:1px solid #000; border-bottom:1px solid #000; color:#000!important;}

/*** Menus ***/
/* Suckerfish menu */
#menu ul {height: 42px; list-style: none !important; list-style-type:none!important; font-weight: bold; margin:0; z-index:999; }
#menu a { display: block; height:33px; color: #fff; text-decoration: none; border: none; font-weight:normal;padding-top:9px;}
#menu li {float: left; padding: 0 10px; list-style: none !important; list-style-type:none!important; }
#menu li ul {position: absolute; left: -999em; height: auto; width: 170px; font-weight: normal; margin: 0 0 0 -10px; }
#menu li li {width: 160px; background:#211312; border-bottom:1px solid #4D3334; }
#menu li ul a {height:22px; padding-top:3px; color:#948972; display:block; margin-top:0; }
#menu li ul a:hover {color:#fff;}
#menu li ul ul {margin: -1.7em 0 0 14em;background: #211312;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto;}
#menu li:hover, #menu li.sfhover {background:none;}
#menu li:hover, #menu li.current_page_item {background:url('images/menu-hover.jpg') repeat-x;}
#menu li ul li:hover {background-image:none; background:#4D3334;}

/*** Top Menu ***/
#topmenu ul.menu {float:right; margin:0;}
#topmenu li, #topmenu li a {display: inline; list-style-type: none; padding-left:10px; float:left; font:normal 9px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999!important; text-decoration:none; }
#topmenu li img {margin-right:5px; border:none!important; }
#topmenu li a:hover {color:#D1AC6D!important; }

/** wp-pagenavi plugin - add this group to the pagenavi plugin styles in the dashboard **/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {-moz-border-radius:0.4em; -khtml-border-radius:0.4em; border:1px solid #ADADAD; background:#CAC6BF url('images/page-nav.png') repeat-x;
padding: 2px 4px 2px 4px;  margin: 2px;}
.wp-pagenavi a, .wp-pagenavi a:link {text-decoration: none;	color: #575757;	}
.wp-pagenavi a:visited {text-decoration: none;	color: #575757;	}
.wp-pagenavi a:hover, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {color: #000000;}
.wp-pagenavi a:hover {	border: 1px solid #787878;}
.wp-pagenavi a:active {text-decoration: none;color: #575757;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; 	margin: 2px 2px 2px 2px;}
.wp-pagenavi span.current {font-weight: bold;}

/** Form Styling ***/
fieldset {border: 1px solid #948972; padding: 5px; margin:3px 0 2px;}
fieldset a {font-weight: bold; }
input, select, .button {font: normal 11px Tahoma, Arial, Verdana, sans-serif;}
.button {margin: 0;border: 1px solid #837C72;background:#E0DEDA;cursor: pointer;height: 19px;padding: 0px 5px 3px;color: #7C5253;}
.button:hover {color:#000;}
#respond {margin:25px auto 15px;}
#comments, #respond h3 {font-size:14px;color:#333;padding-bottom:5px; font-weight:bold;}
.commentlist { padding-left:0px;}
.commentlist li {margin-bottom:5px;list-style:none;background:#C9C6C1;padding:6px;border:1px solid #B2B0AB;}
.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:#fff;}
div.comment-meta {width:250px; float:left; margin-left:0;}
img.avatar {margin-right:10px!important;}
div.post-nav {clear:both;}

/* Begin Calendar */
#calendar_wrap {width:100%;}
#wp-calendar {empty-cells: show; margin: 10px 0; width: 100%; background:#333; border-bottom:1px solid #000; border-top: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: center; width: 100%;padding:0 2px 0 0;font-weight:bold;}
#wp-calendar td {padding: 3px 0;text-align: center;}