/*
Theme Name: Shades
Theme URI: http://buynowshop.com/themes/shades/
Description: A simple clean theme framework to work from, designed ideally for light colored backgrounds and easily adapted to darker layouts. Now with Threaded Comments and sticky post support!<em>Please read the included changelog.txt file for the latest change details.</em> The child theme Shades of Darkness is no longer included but is available for download at the theme homepage: http://buynowshop.com/themes/shades/.
Version: 1.5.1
Author: Edward Caissie
Author URL: http://edwardcaissie.com/
Tags: black, white, silver, red, light, two-columns, right-sidebar, fixed-width, sticky-post, threaded-comments, translation-ready
*/

/* Revision date: June 19, 2010, v1.5.1 */

/*  Copyright 2009-2010  Edward Caissie  (email : edward.caissie@gmail.com)

    This program is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License version 2,
    as published by the Free Software Foundation.

    You may NOT assume that you can use any other version of the GPL.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    The license for this software can also likely be found here:
    http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-- YUI Reset: Start --*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/*-- YUI Reset: End --*/

/*-- WordPress Rules --*/
div.aligncenter, .aligncenter, .center {margin: 0 auto;}
.alignleft, .left {float: left; text-align: left;}
.alignright, .right {float: right; text-align: right;}
img.aligncenter, img.center {display: block;}
img.alignleft, img.left {display: inline; margin:0 8px 8px 0;}
img.alignright, img.right {display: inline; margin:0 0 8px 8px;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/*-- End WordPress Rules --*/
/*-- Secondary WordPress Rules --*/
.gallery {clear: both;}
/*-- End Secondary WordPress Rules --*/

/*-- Basic Elements --*/
body {
 	color: #635537;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	line-height:21px;
}

a:link, a:visited {color: #d21600; text-decoration:none;}
a:hover {color: #635537; text-decoration:none;}
a:active {color: #d21600; text-decoration:none;}

abbr {}
acronym {}
cite {
	font-weight: bold;
	font-style: italic;
	padding-left: 8px;
}
em {font-style: italic;}
em strong {font-style: italic; font-weight:bold;}

/*= "H" tags =*/
h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
}
h1 {
	font-size:25px;
	padding-top:0;
	padding-bottom:2px;
}
h2 {
	font-size:20px;
	padding-top:15px;
	padding-bottom:11px;
}
h3 {
	font-size:17px;
	padding-top:14px;
	padding-bottom:10px;
}
h4 {
	font-size:14px;
	padding-top:12px;
	padding-bottom:8px;
}
h5 {
	font-size:12px;
	padding-top:12px;
	padding-bottom:8px;
}
h6 {
	font-size:10px;
	padding-top:12px;
	padding-bottom:8px;
}
/*= "H" tags: End =*/

hr {
	margin: 2px auto;
	width: 560px;
	height: 5px;
	background: #e3dccb;
}

.hr, .shades {
	background-image: url(images/hr-img.gif);
	height:56px;
	width:560px;
	margin:0 auto;
}

p {padding: 5px 0;}

ol {list-style: decimal inside;}
ul {list-style: disc inside;}
li {padding-left: 10px;}

/*-- Tables: Start --*/
table {margin: 0 auto; width: 90%;}
table caption {text-align: center;}
tr.even {
	border: none;
	border-bottom: 1px solid #b2b0a4;
	border-top: 1px solid #b2b0a4;
}
th {font-weight: bold;}
td {padding-left: 5px;}
/*-- Tables: End --*/

strong {font-weight: bold;}
strong em {font-style: italic; font-weight:bold;}
sub {font-size: 75%;}
sup {font-size: 75%;}

.clear {clear: both;}
/*-- End Basic Elements --*/

/*-- Start Blog --*/

#mainwrap {margin:0 auto; width:990px;}

/*= Header =*/
#header-container {margin: 0 auto; padding: 0; width: 990px;}

#header a:link,
#header a:visited,
#header a:hover,
#header a:active {color: inherit; text-decoration: none;}

#header-left {float: left;}
#header-center {margin: 0 auto;}

#header-center h2 { /* Blog Title */
	font-family:"Copperplate Gothic Bold", Arial, sans-serif;
	font-size:30px;
	color:#000000;
	text-align:center;
}

#header-center p{ /* Tagline */
	font-size: 18px;
	color:#000000;
	text-align:center;
}

#header-right {float: right;}

/*= Menu =*/
.menu {
	min-height:41px;
	height: auto !important;
	height: 41px;
	margin:0;
	padding:0;
}

.menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.menu li {
	float:left;
	margin: 0 2px;
	text-align:center;
	min-width:100px;
	white-space: nowrap;
}

.menu a, .menu a:hover {
	border:none;
	display:block;
	text-decoration:none;
}

.menu a, .menu a:visited {
	color:#84500e;
	display:block;
	font-weight:bold;
	padding:10px 4px;
}

.menu a:hover, .menu a:active {
	color:#D21600;
	text-decoration:none;
}

/*= Main Blog =*/
#wrapper {
	clear:both;
	margin: 0 auto;
}

#content {
	width: 990px;
	border-top:solid 1px #e3dccb;
}

#main-blog {
	float:left;
	width:630px;
	padding:0px 10px 10px 10px;
	border-right: solid 1px #e3dccb;
}

#main-blog h1 {
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:2px;
}

#main-blog h1 a:link, #main-blog h1 a:visited, #main-blog h1 a:active{
	color:#4a4131;
	text-decoration:none;
	border-bottom:1px solid #b2b0a4;
}

#main-blog h1 a:hover{
	color:#d21600;
	text-decoration:none;
	border-bottom:1px solid #d21600;
}

.postdata {
	font-size: 12px;
	font-weight: normal;
	font-style:italic;
	color: #4a4131;
	padding-bottom: 10px;
}

.sticky { /* added at version 1.2 */
	border: medium double Black;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 125%;
	padding: 5px;
}

.post {margin-bottom:60px;}

.post p, .page p {margin:0;}

.page ol, .page ul {
	list-style-image:none;
	list-style-position:inside;
}

.page li, .post li {padding-left: 10px;}

.post ol, .post ul {
	margin-left:35px;
	margin-bottom:15px;
}

.post dl {
	border-right: 1px inset;
	border-bottom: 1px inset;
}
.post dl dt {font-weight: bold;}
.post dl dd {margin: 0 5px 0 10px;}

.post code {
	margin: 0;
	font-style: italic;
}

.post pre code {
	margin: 0px;
	padding: 1px;
	font-style: italic;
	text-align: left;
	overflow: auto;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.tags {
	float:right;
	margin-top:5px;
	margin-right:10px;
	font-size:11px;
}

#author_link {
	padding-left: 10px;
	font-weight: bold;
	font-style: italic;
}

#author { /* add additional styling to the author's taste */
	border: 1px solid #000;
	font-style: italic;
	font-size: 14px;
	padding: 5px;
	text-align: left;
}

#author h2 {padding: 0;}

#author ul {
	list-style-image:none;
	list-style-type:none;
}

.post-comments {
	border-left: 2px inset;
	border-top: 2px inset;
	float: right;
	margin: 2px 5px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding: 0 2px 2px 2px;
}

.post-comments a:link, .post-comments a:visited, .post-comments a:active{
	color:#4a4131;
	text-decoration:none;
}

.post-comments a:hover {
	color:#d21600;
	text-decoration:none;
}

blockquote {
	clear: both;
	background-image: url(images/small-quotes.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 28px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	color: #606060;
}

blockquote p {padding: 8px 0;}

blockquote cite {
	padding-left: 10px;
	font-weight: bold;
}

pre { /* Use for formatted text styling */
        margin: 0px;
	padding: 5px;
	border: 1px inset;
	font-style: italic;
	font-size: 14px;
	width: auto;
	text-align: left;
	overflow: auto;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* Navigation */
.navigation{margin: 0 20px;}
  
/* === SIDEBAR == */
/* Organized by general layout of sidebar template */
#sidebar {
	width:330px;
	float:left;
}

#sidebar-top {margin: 0 auto;}

#sidebar-content {
	padding:0px 10px 10px 10px;
	margin: 0 auto;	
}

#subcolumn{width: 310px;}

#subcolumn ul {
	list-style-image:none;
	list-style-type:none;
}

#search{
	width: 270px;
	padding: 20px 0;
	margin: 0 auto;
}

.form-input {
	margin: 10px 35px 10px 35px;
	width: 200px;
	padding: 2px 2px;
	background: #faf6f6;
	border: 1px solid #e3dccb;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}

.form-input:focus {
	background:#f2f0f0;
	border: 1px solid #b5b4b2;
}

.search-submit {
	margin:0 0 0 156px;
	width: 85px;
	background: #faf6f6;
	border: 1px solid #e3dccb;
	color: #666;
}

.widget {
	border-bottom:1px solid #e3dccb;
	padding-bottom:10px;
}

.widget p {padding-left:5px;}

.widget h2 {
	text-align: center;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: normal;
	color: #4a4131;
	margin: 0;
}

.widget ul, .widget ol {
	margin: 0;
	padding:5px 0;
	border:none ;
	list-style:none;
}

.widget li {list-style-image:none;}

.widget ul li, .widget ol li {margin:0;}
.widget ul li a, .widget ol li a {color: #d21600; text-decoration:none;}
.widget ul li a img, .widget ol li a img {border: none;}
.widget ul li a:hover, .widget ol li a:hover {color: #635537; text-decoration:none;}

.textwidget{padding:0 8px 0 8px;}
.textwidget form { text-align: center; }

/*= Calendar =*/
#calendar_wrap{margin-left:55px;}

#wp-calendar, .widget #wp-calendar {
	empty-cells:show;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:200px;
}
.widget table#wp-calendar {margin: 0 auto 0 auto;}
.widget #calendar_wrap{margin: 0 auto 0 auto;}

/*= Images =*/
p img {
	padding: 0;
	max-width: 100%;
}

/*= Footer =*/
#bottom{
	clear: both;
	border-top:solid 1px #e3dccb;
	overflow:hidden;
}

#bottom p{
	text-align:center;
	clear:both;
}

#footer{text-align:center;}

/*= Threaded Comments =*/
h4#comments {font-weight: bold;}

.commentlist {
	padding: 0;
	text-align: justify;
}

ul#singlecomments.commentlist, ul.children {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

ul#singlecomments.commentlist li {
	margin-top: 0;
	padding-top: 10px;
	padding-left: 10px;
}

.comment-body {padding-right: 10px;}

.avatar {
	display: inline;
	float:left;
	margin:0 10px 10px 0;
}

.comment-meta, commentmetadata {
	font-size: 75%;
	padding-top: 2px;
}

#respond {
	clear: both;
	width: 98%;
	padding: 0 0 5px 10px;
	color:#271b03;
}
#respond h3 {font-weight: bold;}

#commentform p {
	padding: 6px 0px;
	width: 98%;
}

#commentform input{
	width: 200px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
}

#commentform textarea{
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
	overflow-x: hidden;
	overflow-y: auto;
}

#commentform #submit {cursor:pointer;}

textarea#comment {width: 98%;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.odd, comment-text-1 {
	margin-top: 1px;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
}

.even, comment-text-2 {
	margin-top: 1px;
	background: #ffffff;
	border: 1px solid #b2b0a4;
}

.administrator, .user-id-1 { /* also styles author page user block */
	background-color: #dedede;
	margin-top: 1px;
	border: 1px solid #7e7d75;
}

.user-id-2 { /* sample User_ID == 2 styling */
	background-color: #dedeed;
	margin-top: 1px;
	border: 1px solid #7e7d75;
}

.reply {
	padding-bottom: 5px;
	font-size: 85%;
}

.cgravatar {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 12px 0px 0px;
}

.comment-author {
	font-size: 120%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #2b2d2f;
}

.comment-author a:link,
.comment-author a:visited {
	color: #d21600;
	border-bottom: 1px solid #d21600 ;
	text-decoration: none;
}
.comment-author a:hover {
	color: #635537;
	border-bottom:1px solid #b2b0a4;
	text-decoration: none;
}
.comment-author a:active {
	color: #d21600;
	border-bottom: 1px solid #d21600 ;
	text-decoration: none;
}

.comment-date {
	margin-left:2px;
	margin-top:3px;
	font-size: .75em;
	color: #888;
}

#comments-main {
	padding: 0 0 5px 0px;
	clear: both;
}

#comments-main code {
	margin: 0;
	padding: 0 5px;
	background-color: Silver;
	border: 1px inset;
	font-style: italic;
	font-size: 14px;
	text-align: left;
	overflow: auto;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#comment-header {
	margin-bottom:10px;
	color:#271b03;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/*= Forms =*/
fieldset {
	padding: 15px;
	border: 1px solid #b2b0a4;
	width:570px;
	margin: 0 auto;
}

legend {
	font-size: 1.1em;
	font-weight: normal;
	color: #635537;
}

label {
	padding-top: 4px;
	color: #635537;
	font-weight: normal;
	line-height: normal;
}

input, textarea {border: 1px solid #b2b0a4;}
input:focus, textarea:focus {
	border: 1px solid #000;
	padding: 1px 0;
}
input#s {width: 70%;}

textarea {
	width: 98%;
	min-height: 84px;
	margin-bottom:10px;
}

textarea#text_area {width:98%;}
#text_field {width:98%;}

/* Hide WP-Stats plugin smiley at bottom of screen */
img#wpstats{display:none;}
#akismetstats {margin: 0 auto;}

/* WordPress 3.0 Navigation Menu core widget */
.widget_nav_menu .menu {margin: 0;}
.widget_nav_menu .menu li {display: block; float: none;}

/* BNS Plugins */
/* bns-login plugin */
.bns-login {text-align: center; font-style: italic;}
#bns-logged-in {font-weight: bold;}
#bns-logged-out {font-weight: lighter;}
/* bns-featured-category */
/* bns-featured-tag */
.widget .post {margin-bottom: 10px;}