/*
Theme Name: Shades
Theme URI: http://buynowshop.com/
Description: A simple clean theme framework to work from, designed ideally for light colored backgrounds and easily adapted to darker layouts. Please read the included changelog.txt file for the details of the latest changes.
Version: 1.0.3.2
Author: Edward "Cais" Caissie
Author URL: http://buynowshop.com/
Tags: black, white, silver, red, light, two-columns, right-sidebar, fixed-width
.
- JB:Theme Notes
-- Add class="hr" to any <hr /> (horizontal rule), or add a <div class="hr"></div> to see Shades.
-- In comments.php -> Review the $comment->user_id code and make changes as appropriate if more than one default user/admininstrator (on or near line 30).
-- As a suggestion, use the <PRE></PRE> tags to style "code" text.
.
- 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 is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
.
*/

/*= Benchmarks =*/
* {margin:0;padding:0;}

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	line-height:21px;
	color: #635537;
}

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

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

.aligncenter {
	text-align: center;
}

.clear {
	clear: both;
}

/*= "H" tags =*/

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	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;
}

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

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

/*= Header =*/

#header-container {
	width: 990px;
	margin: 0 auto;
	padding: 0;
}

  #header{}

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

  #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 {
    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 a, .menu a:hover {
    border:none;
    display:block;
    text-decoration:none;
  }

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

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

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

  #maintop {}

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

.post {
	margin-bottom:60px;
}

.post p {
	margin:0;
	padding: 10px 0 0 0;
}

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

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

.post dl {
	margin-left:5px;
	margin-bottom:10px;
	border-right: 1px inset;
	border-bottom: 1px inset;
}

.post dl dt {
	font-weight: bold;
}

.post dl dd {
	margin-left:10px;
	margin-right:5px;
}

.post code {
	margin: 0;
	/* border: 1px inset; */
	font-style: italic;
}

.post pre code {
	margin: 0px;
	padding: 1px;
	/* border: 1px inset; */
	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 */
	/* width: 99%; */
	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 */
	font-style: italic;
	font-size: 14px;
	width: 570px;
	text-align: left;
}

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

.post-social {}

.rss {}

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 cite {
  padding-left: 10px;
	font-weight: bold;
}

pre { /* Use for "Code" 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 */
  /* width: 99%; */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

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

#search-inputs {}

#calendar_wrap{
	margin-left:55px;
}

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

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

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

.widget-title {}

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

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

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

.widget ul li {
	padding: 5px;
	margin:0;
}

.widget ol li {
	padding: 5px;
	margin:0px;
}

.widget ul li#linkcat {}
.widget ol li#linkcat {}

.widget ul li a{
	color: #d21600;
	text-decoration:none;
}

.widget ol li a{
	color: #d21600;
	text-decoration:none;
}

.widget ul li a img {
  border: none;
}

.widget ol li a img {
  border: none;
}

.widget ul li a:hover{
	color: #635537;
	text-decoration:none;
}

.widget ol li a:hover{
	color: #635537;
	text-decoration:none;
}

.textwidget{
	padding:0 8px 0 8px;
}

.widget #wp-calendar {
	empty-cells:show;
	font-size:12px;
	font-weight:bold;
	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%;
}

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

img.alignright {
  margin: 0 0 13px 13px;
	display: inline;
}

img.alignleft {
	margin: 0 13px 13px 0;
	display: inline;
}

.left {
  float: left;
  padding-right: 5px;
}

.alignleft {
	float: left;
}

.right {
  float: right;
  padding-left: 5px; 
}

.alignright {
	float: right;
}

.wp-caption {
  clear: both;
	border: 1px solid #59350b;
	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;
}

/*= Footer =*/

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

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

/*= Comments =*/

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

.commentlist p {
	margin: 0 15px 10px 2px;
	clear:both;
}

#commentform p {
	margin: 5px 0;
}

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

.alt{
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
}

.alt2{
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background: #ffffff;
	border: 1px solid #b2b0a4;
}

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

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

.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, .comment-author a:active {
	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-date {
	margin-left:2px;
	margin-top:3px;
	font-size: .75em;
	color: #888;
}

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

#comments-main p code {
	margin: 0;
	padding: 5px;
	background-color: Silver;
	border: 1px inset;
	font-style: italic;
	font-size: 14px;
	width: 540px;
	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:#271b03;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#response {
	clear: both;
	width:580px;
	padding: 0 0 5px 10px;
	margin-top:35px;
	color:#271b03;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#commentform {
	margin: 10px 10px 30px 0px;
	font: 110% Arial, Helvetica, sans-serif;
}

#commentform p {
	padding: 6px 0px;
	margin: 0px;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}

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

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

#commentform #submit{
	cursor:pointer;
}

/*= 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-bottom:30px;
}

textarea {
  width:570px;
	max-width: 570px;
	min-height: 84px;
	margin-bottom:10px;
}

/*= Calendar =*/

#wp-calendar {
	empty-cells:show;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:200px;
}

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

#akismetstats {margin: 0 auto;}