/*
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.6
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
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/* Revision date: Sept 9, 2010, v1.6 */

/*  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;
	margin-top: 15px;
}

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 --*/
*:focus { outline: none; }

body
{
	color: #000;
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 12px;
	line-height: normal;
	background-color: #fff;
}

a:link, a:visited
{
	color: #008080;
	text-decoration: none;
}

a:hover
{
	color: #008080;
	text-decoration: underline;
}

a:active
{
	color: #008080;
	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: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
color: #008080;
}

h1
{
	font-size: 18px;
	padding-top: 0;
	padding-bottom: 2px;
	font-weight: bold;
	color: #008080;
}

h2
{
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

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;

}

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

#sidenav
{
	width: 220px;
	background-image: url(images/left_background.jpg);
	background-repeat: repeat-y;
	float: left;
	padding-bottom: 100px;
	margin-top: 10px;
	

}

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

#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 =*/
/* ---- */
/* Main menu settings */
#centeredmenu
{
	float: left;
	margin: 0;
	padding: 0;

	/* black line below menu */
	/* Menu font */
	
	/* Menu text size */
	z-index: 1000;
	/* This makes the dropdown menus appear above the page content below */
	position: relative;
	/*background-image: url(images/menu_background.jpg);*/
	background-repeat: repeat-x;
	height: 35px;
	width: 670px;
}

/* Top menu items */
#centeredmenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	padding-left: 20px;
	
}

#centeredmenu ul li
{
	margin: 0 0 0 1px;
	padding: 0;
	float: left;
	position: relative;
	padding-left: 10px;
	/* top:1px; */
	background-image: url(images/menu_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 6px;
}

#centeredmenu ul li a
{
	display: block;
	margin: 0;
	padding: .6em 3em .4em .6em;
	font-size: 10px;
	line-height: 1em;
	text-decoration: none;
	color: #008080;
	font-weight: bold;
}

#centeredmenu ul li.active a
{
	color: #fff;
	background: #000;
}

#centeredmenu ul li a:hover
{
	/* background:#36f; /* Top menu items background colour */

	color: #000;
	/* border-bottom:1px solid #03f; */

}

#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a
{
	/* This line is required for IE 6 and below */
	/* background:#36f; /* Top menu items background colour */

	color: #000;
	/* border-bottom:1px solid #03f; */

}

/* Submenu items */
#centeredmenu ul ul
{
	display: none;
	/* Sub menus are hiden by default */
	position: absolute;
	top: 2em;
	left: 0;
	right: auto;
	/*resets the right:50% on the parent ul */
	width: 10em;
	/* width of the drop-down menus */
}

#centeredmenu ul ul li
{
	left: auto;
	/*resets the left:50% on the parent li */
	margin: 0;
	/* Reset the 1px margin from the top menu */
	clear: left;
	width: 100%;
}

#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a
{
	/* This line is required for IE 6 and below */

}

#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover
{
	/* This line is required for IE 6 and below */
	/* background:#36f; /* Sub menu items background colour */

	color: #000;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last
{
	left: auto;
	/* reset left:0; value */
	right: 0;
	/* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul
{
	/* This line is required for IE 6 and below */
	display: block;
	/* Show the sub menus */
	z-index: 1500;
	/* Required for multi-line menus */
}

/* -- Extra Window Dressings -- */
#centeredmenu ul li a
{
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#centeredmenu ul li:first-child a
{
	/* First parent menu item */
	/* optional rounded corners for browsers that support it */

}

#centeredmenu ul li:last-child a
{
	/* Last parent menu item */
	/* optional rounded corners for browsers that support it */

}

#centeredmenu ul ul li:last-child a
{
	/* remove rounded corners from sub-menu items */
	/* optional rounded corners for browsers that support it */

}

#centeredmenu ul ul ul li a
{
	/* "grandchild" sub-menu items */
	padding-left: 10px;
}

/* ---- */
/*= Main Blog =*/
#wrapper
{

	margin: 0 auto;
}



#main-blog
{
	float: left;
	width: 610px;
	padding: 20px 10px 10px 20px;
}

#main-blog img, #main-blog td, #swfobj_0,#swfobj_1,#swfobj_2,#swfobj_3	{
padding: 3px;

}


#main-blog h1
{

}

#main-blog h1 a:link, #main-blog h1 a:visited, #main-blog h1 a:active
{
	color: #008080;
	text-decoration: none;
}

#main-blog h1 a:hover
{
	color: #008080;
	text-decoration: underline;
}

#main-blog img, .alignnone	{
text-align: center;
margin: 0 auto;

}

.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 */
	/* css-3 */
	white-space: -moz-pre-wrap !important;
	/* Mozilla, since 1999 */
}

.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: #008080;
	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 */
	/* 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: 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: #008080;
	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: #008080;
	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;
	overflow: hidden;
	background-image: url(images/greenbox.jpg);
	background-repeat: repeat-y;
	padding-left: 220px;
	color: #008080;
	font-size: 8px;
	background-position: 0px 0px; 
}

#bottom-container	
{
	border-top: 2px solid #008080;
	width: 670px;
	margin-left: -4px;
}

#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: #008080;
	border-bottom: 1px solid #008080;
	text-decoration: none;
}

.comment-author a:hover
{
	color: #008080;
	border-bottom: 1px solid #b2b0a4;
	text-decoration: none;
}

.comment-author a:active
{
	color: #008080;
	border-bottom: 1px solid #008080;
	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 */
	/* css-3 */
	white-space: -moz-pre-wrap !important;
	/* Mozilla, since 1999 */
}

#comment-header
{
	margin-bottom: 10px;
	color: #271b03;
	font-size: 20px;
	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-weight: normal;
	color: #008080;
}

label
{
	padding-top: 4px;
	color: #008080;
	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%; }

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