/*
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.7  
Author: Edward Caissie
Author URI: http://edwardcaissie.com/
Tags: black, white, silver, red, light, two-columns, right-sidebar, fixed-width, sticky-post, threaded-comments, translation-ready, custom-menu, custom-background
WordPress Required Version: 3.1
Tested Up To: 3.3-aortic-dissection
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/* Last revised September 11, 2011, v1.7 */

/*  Copyright 2009-2011  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 --*/
.bypostauthor {}
.gallery {clear: both;}
.gallery-caption {}       
/*-- End Secondary WordPress Rules --*/

/*-- Basic Elements --*/
*:focus { outline: none; }
body {
 	color: #635537;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	/* font-size: 12px; */
	font-size: 100%;
	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 { cursor: help; }
acronym { cursor: help; }
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; */
	font-size: 200%;
	padding-top: 0;
	padding-bottom: 2px;
}
h2 {
	/* font-size: 20px; */
	font-size: 167%; 
	padding-top: 15px;
	padding-bottom: 11px;
}
h3 {
	/* font-size: 17px; */
	font-size: 142%;
	padding-top: 14px;
	padding-bottom: 10px;
}
h4 {
	/* font-size: 14px; */
	font-size: 117%;
	padding-top: 12px;
	padding-bottom: 8px;
}
h5 {
	/* font-size: 12px; /* default = 100% */
	padding-top: 12px;
	padding-bottom: 8px;
}
h6 {
	/* font-size: 10px; */
	font-size: 83%;
	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; }

q:before, q:after { content: '"'; }

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; */
	font-size: 250%;
	color: #000000;
	text-align: center;
}

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

#header-right { float: right; }

/* === MENU === */
div#top-navigation-menu {
  clear: both;
  width: 970px;
  position: relative;
  left: 10px;
}

.page ul.nav-menu { padding-left: 0px; }

.nav-menu {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1000; /* Raise above all other elements */
}

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

.nav-menu li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	min-width: 99px;
	position: relative;
	white-space: nowrap;
}

.nav-menu a, .nav-menu a:visited {
	display: block;
	font-weight: bold;
	padding: 8px 12px;
}
.nav-menu a:hover, .nav-menu a:active {
  background: #eee;
	color: #000;
	text-decoration: none;
}

/**
 * Strongly influenced by the "Horizontal CSS Drop-Down Menu Module"
 *
 * found @link: http://www.lwis.net/
 * @copyright 2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.nav-menu,
ul.nav-menu li,
ul.nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.nav-menu {
  position: relative;
  z-index: 1097;
  float: left;
}

ul.nav-menu li {
  float: left;
  vertical-align: middle;
  zoom: 1;
}

ul.nav-menu li.hover,
ul.nav-menu li:hover {
  position: relative;
  z-index: 1099;
  cursor: default;
}

ul.nav-menu ul {
  background: #eee;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1098;
  width: auto;
}

ul.nav-menu ul li {
  float: none;
}

ul.nav-menu ul ul {
  left: 99%;
  margin-top: -1px;
  top: 1px;
}

ul.nav-menu li:hover > ul {
background: #eee;
  visibility: visible;
}

ul.nav-menu ul.sub-menu li,
ul.nav-menu ul.children li {
  list-style: none;
}
/* End: Horizontal CSS Drop-Down Menu Module */

/* -- Rounded Corners for Menu -- */
.nav-menu a, .nav-menu a:visited, .nav-menu a:hover, .nav-menu a:active,
ul.nav-menu ul.sub-menu li, ul.nav-menu ul.children li, ul.nav-menu ul, ul.nav-menu ul ul {
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* WordPress 3.0 Navigation Menu default widget */
.widget_nav_menu ul.sub-menu li {
  background: none;
  list-style: disc inside none;  
  padding: 0 0 0 15px;
}
/* === End: Menu === */

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

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

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

#the-loop h1 {
	/* font-size: 22px; */
	font-size: 183%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: normal;
	padding-bottom: 2px;
}

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

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

span.no-title { font-weight: bold; }

.postdata {
	/* font-size: 12px; /* Default = 100% */
	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: 110%;
	padding: 5px;
}

.sticky .postdata,
.sticky p strong,
.sticky p strong + a,
.sticky p a + a {
  font-size: 90%;
}

.post { margin-bottom: 30px; }

.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;
	margin-right: -1px; /* counter border-right size */
}

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

.sticky p.tags {
  border: none;
}

.tags {
  border-bottom: 1px solid #E3DCCB;
  border-right: 1px solid #E3DCCB;  
	/* font-size: 11px; */
	font-size: 92%;
	margin-right: -3px;
  padding: 0 3px 0 0;	
	text-align: right;
}

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

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

#author h2 { padding: 0; }

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

.post-comments {
	border-right: 2px inset;
	border-top: 2px inset;
	float: right;
	font-size: 65%; /* Size is relevant to the H1 tag */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 2px 0;	
	padding: 0 2px 2px 2px;
	position: relative;
	top: 0px;
}

.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;
}

#the-loop h1 .post-comments a {
  border: 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; */
	font-size: 117%;
	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; */
	font-size: 117%; 
	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 */
}

/* 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: 0 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;
	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-size: 167%;
	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; /* Default = 100% */
	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 =*/
.wp-caption img.size-full {
  height: auto;
  max-width: 620px; /* =$content_width - borders - wp-caption padding */
}

.wp-caption {
  max-width: 628px; /* =$content_width - borders */
}

.gallery-caption {
  font-size: 11px; /* = wp-caption size */
}

/* Gallery columns up to four (4) are handled by default in the theme.
 * Five (5) or more columns requires a maximum width be set for the image
 * thumbnail; also note the height is set to 'auto' to maintain a square shape. 
 **/
.gallery-columns-5 img { height: auto; max-width: 116px; }
.gallery-columns-6 img { height: auto; max-width: 95px; }
.gallery-columns-7 img { height: auto; max-width: 80px; }
.gallery-columns-8 img { height: auto; max-width: 68.75px; }
.gallery-columns-9 img { height: auto; max-width: 60px; }
.gallery-columns-10 img { height: auto; max-width: 53px; }

p img {
  height: auto;
	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: 0 12px 0 0;
}

.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; */
	font-size: 75%;
	color: #888;
}

#comments-main {
	padding: 0 0 5px;
	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 */
}

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

span.required {
  padding: 0 5px;
}

p.comment-form-email label {
  padding: 0 3px 0 0;
}

p.comment-form-url label {
  padding: 0 9px 0 0;
}

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

legend {
	/* font-size: 1.1em; */
	font-size: 110%;
	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 {
  padding: 1px;
  width: 70%;
}

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

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

/* --- Post Formats --- */
.format-aside { margin: 0 0 0 60px; padding: 0 0 30px; }
.format-aside .glyph { float: left; margin: 50px 0 0 -60px; }
.format-aside h1, .format-aside .postdata { text-align: right; }

.format-quote { margin: 0 0 0 60px; padding: 0 0 30px; }
.format-quote .glyph { float: left; margin: 50px 0 0 -60px; }
.format-quote h1, .format-quote .postdata { text-align: right; }

.format-status { margin: 0 0 0 60px; padding: 0 0 30px; }
.format-status .glyph { float: left; margin: 50px 0 0 -60px; }
.format-status h1, .format-status .postdata { text-align: right; }

.transparent {
  zoom: 1;
  filter: alpha(opacity=25);
  opacity: 0.25;
}
/* --- End: Post Formats --- */

/* WordPress specific plugins and other miscellaneous items */
img#wpstats { display:none; }
#akismetstats { margin: 0 auto; }
img.wp-smiley { background: transparent; border: none; margin: 0; padding: 0; }

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