/*
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> Now also includes the child theme: Shades of Darkness.
Version: 1.3.2
Author: Edward Caissie
Author URL: http://buynowshop.com/
Tags: black, white, silver, red, light, two-columns, right-sidebar, fixed-width, sticky-post, threaded-comments, translation-ready
.
- Easter Egg: add class="hr" to any <hr /> (horizontal rule), or add a <div class="hr"></div> to see "Shades".
.
- Changelog: as of version 1.0.3 see changelog.txt
.	
  Inspired by the Theme: Desk Mess Mirrored
  from theme author URI: http://www.buynowshop.com/
.
	The CSS, XHTML and design are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
.
*//*-- 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;}
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 #c0c0c0; 
text-align: center;  
background: #ffffff; 
top left repeat; 
padding-top: 4px;
   /* 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; padding: 0 4px 5px;} 
   margin: 0;
/*-- End WordPress Rules --*/
/*-- Secondary WordPress Rules --*/
.gallery {clear: both;}
/*-- End Secondary WordPress Rules --*/

/*-- Basic Elements --*/
body {
 background:  url('http://i605.photobucket.com/albums/tt133/papillonabi/web/tartan_6aa7a26a6ae134eda73fdb3aacec.png') repeat top right #fff;
	font-size: 12px;
	font-family: 'Verdana', Sans-Serif;
	color:#000000;
        line-height: 19px;
}

a:link, a:visited {color: #6600cc; text-decoration:none;}
a:hover {color: #333; text-decoration:strike;}
a:active {color: #333; text-decoration:none;}

abbr {}
acronym {}
cite {
  font-weight: bold;
  font-style: none;
  padding-left: 8px;
}
em {font-style: italic;}
/*= "H" tags =*/
h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", sans-serif;
}
h1 {
	font-size:30px;
        font-weight: bold;
        text-decoration: bold;
	padding-top:0;
	padding-bottom:2px;
}
h2 {
	font-size:30px;
	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;}
tbody {}
tr {}
tr.even {
  border: none;
  border-bottom: 1px solid #b2b0a4;
  border-top: 1px solid #b2b0a4;
}
th {font-weight: bold;}
td {padding-left: 5px;}
tfoot {}
/*-- Tables: End --*/

strong {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 {
background: url('http://i605.photobucket.com/albums/tt133/papillonabi/web/nubannersparklybutt2coddpy.jpg') no-repeat center;
border: 3px solid #6600cc;
margin-left: -7px;
margin-right: auto;
margin-bottom: 0px;
 width:998px;
height: 350px;}

#header{top:-5000px;
left:-5000px;}
#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:#00000;
  text-align:center;
}

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

#header-right {float: right;}

/*= Menu =*/

.menu {
 background-color: #6600cc;
  height: 30px;
  min-height:30px;
  height: 30px;
  width:998px;
margin-top: -13px;
margin-bottom: -13px;
  margin-left: -7px;
margin-right: auto;
  padding:0;
border-top:  3px solid #6600cc;
border-bottom: 3px solid #6600cc;
border-left: 3px solid #6600cc;
border-right: 3px solid #6600cc;
}

.menu ul {
text-align: center;
	display:inline;
	line-height: 30px;
        padding:0px;
  list-style-image:none;
  list-style-position:none;
  list-style-type:none;
}

.menu ul li {
padding:0;
	display:inline;
	margin:0 20px 0 0;
}

.menu ul li {
	font-size: 20px;
        line-height: 30px;
	font-family:font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
        margin-left: 5px;
}	

#menutoppstripe {
text-align: center;
margin-left: auto;
margin-right: auto;
background: #6600cc;
height: 30px;
width: 363px;
margin-top: 0px;
}

#menutoppstripe a:link {
color: #000000;
}

#menutoppstripe a:visited {
color: #000000;
}

#menutoppstripe a:hover {
color: #000000;
text-decoration: none;
}

#maintop {background: #none;}

/*= Main Blog =*/

#wrapper {
background: none;
overflow: hidden;
  width:1004px;
      height: auto;
     border-top: 0px dotted #777777;
      border-right: 0px solid #6600cc;
      border-left:  0px solid #6600cc;
      border-bottom:  0px solid #6600cc;
     clear:both;
  margin-top:0px;
	margin-right: auto;
	margin-left: auto;
}

#content {
     width:1004px;
}

#main-blog {
      border:  3px solid #6600cc;
        background: #ffffff;
	float:left;
	width:663px;
	margin-top: 0px;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

#main-blog h1 {
	font-size:30px;
	font-family: "Trebuchet MS", Arial, sans-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:#6600cc;
	text-decoration:none;
	border-bottom:0px solid #ffffff;
}

#main-blog h1 a:hover{
	color:#444;
	text-decoration:none;
	border-bottom:0px solid #ffffff;
}

.postdata {
	font-size: 12px;
	font-weight: normal;
	font-style:normal;
	color: #555;
	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 ul, .post ol {
	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;
	color:#fff;
}

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

#author h2 {padding: 0;}

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

.post-comments2 {
	text-align: left;
	font-size:18px;
	font-family:font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight:normal;
        margin-bottom: -20px;
        border-bottom: 0px dotted #777;
}

.post-comments {
	text-align: left;
	font-size:18px;
	font-family:font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight:normal;
        line-height: 30px;
        margin-bottom: -10px;
        border-bottom: 3px solid #c0c0c0;
}

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

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

blockquote {
        background: #c0c0c0;
	clear: both;
        padding-left: 5px;
        padding-right: 10px;
        margin-left: 28px;
	font-family: "Verdana", sans-serif;
	font-style: none;
	font-size: 11px;
	color: #555;
}

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 */
#nav-global{}
.navigation{
margin-left: 20px;
margin-bottom: 20px;
font-size: 18px;
line-height:40px;
font-family: 'Trebuchet MS', Arial, sans-serif;
}

#bordernavvvy {
border-top: 3px solid #c0c0c0;
}
  
/* === SIDEBAR == */
/* Organized by general layout of sidebar template */

#sidebar {
  background: #ffffff;
  text-align: center;
	width:270px;
	float:right;	
       margin-top:0px;
	margin-left:0px;
       	margin-right: 0px;
       	margin-bottom: -5px;
	padding-right: 10px;
	padding-left: 10px;
      border:  3px solid #6600cc;
}

#sidebar-top {
margin: 0 auto;
}

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

#subcolumn{
	width:253px;}

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

#twittrar {
margin-left: 5px;
margin-right: auto;
}


#search {
width: 250px;
 background: #none;
	margin-right: 0px;
	padding: 0px 0;
	margin-top: 0px;
     }   

#searchform {
  background: none;
	height:20px;
margin-left: 0px;
color: #333;
     }   

#s { 
 background: none;
width: 250px;
border: 3px solid #c0c0c0;
font-size: 12px;
font-family: 'Trebuchet MS', sans-serif;
color: #333;
}

#searchsubmit {
width: 40px;
background: none;
border: 3px solid #c0c0c0;
font-size: 12px;
font-family: 'Trebuchet MS', sans-serif;
color: #c0c0c0;
}


#search-inputs {background: none;
color: #c0c0c0;
width: 250px;
}

.widget {
	border-bottom:0px solid #e3dccb;
	padding-bottom:10px;
        text-align: center;
}

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

.widget h2 {
  text-align: center;
	font-size: 20px;
font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	color: #6600cc;
	margin: 0;
}

.widget-title {}

.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: #444444; 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: #000000; 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;}

#sidebar-bottom {}

/*= Images =*/
img {}

p img {
	padding: 0;
	max-width: 100%;
}

/*= Footer =*/

#bottom{
   height: 60px;
       clear:both;
      background: #6600cc;
        text-align: center;
	width:689px;
        border-top: 3px solid #000000;
        height: 50px;
        padding-top: -5px;     
        padding-bottom: 10px;  
}

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


#whitebgbunn 
{
font-family: 'Trebuchet MS', Sans-Serif;
font-size: 11px;
color:#000000;
text-align: center;
margin-left: auto;
margin-right: auto;
    background: #6600cc;
height: 50px;
width: 370px;
margin-top: 0px;
}

#whitebgbunn  a {
color: #000000;
}

#whitebgbunn  a:link {
color: #000000;
}

#whitebgbunn  a:visited {
color: #000000;
}

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


/*= Threaded Comments =*/

#comments {}
h4#comments {font-weight: bold;}

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

.depth-1 {}

#singlecomments {}

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

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

ul.children li {}

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

.comment-author a {}

.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:#6600cc;
}
#respond h3 {font-weight: bold;}

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

#commentform input{
	width: 200px;
	background: #ffffff;
	border: 3px solid #c0c0c0;
	padding: 5px;
	margin-top: 3px;
	font: 100% Verdana, Sans-Serif;
        color: #000000;
}

#commentform label{}

#commentform textarea{
	background: #fffffff;
	border: 3px solid #c0c0c0;
	padding: 5px;
	margin-top: 3px;
	font: 100% Verdana, Sans-Serif;
        color: #000000;
	overflow-x: hidden;
	overflow-y: auto;
}

#commentform #submit {cursor:pointer;}

#cancel-comment-reply {}

textarea#comment {
  width: 98%;
}

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

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

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

.alt {}

.administrator, .user-id-1 { /* also styles author page user block */
	background-color: #ffffff;
	border: 3px solid #c0c0c0;
	margin-top: 5px;
}

.jellybeen, .user-id-2 { /* sample User_ID == 2 styling */
	background-color: #ffffff;
	border: 3px solid #c0c0c0;
	margin-top: 5px;
}

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

.comment-reply-link {}

.byuser{}

.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: #444;
        text-decoration: none;
	margin-top: 5px;
}

.comment-author a:link,
.comment-author a:visited {
	color: #6600cc;
	border-bottom: 0px solid #d21600 ;
	text-decoration: none;
}
.comment-author a:hover {
	color: #444444;
	border-bottom:1px solid #b2b0a4;
	text-decoration: none;
}
.comment-author a:active {
	color: #000;
	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 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#comment-header {
	margin-bottom:10px;
	color:#c0c0c0;
	font-size:20px;
	font-family: Verdana, sans-serif;
	font-weight:normal;
}

/*= Forms =*/

fieldset {
	padding: 15px;
	border: 3px solid #c0c0c0;
	width:570px;
	margin: 0 auto;
}

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

label {
	padding-top: 4px;
	color: #000;
	font-weight: normal;
	line-height: normal;
	font-size:12px;
	font-family: Trebuchet MS, Verdana, sans-serif;
}

input, textarea {border: 0px 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;}

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