/*
Theme Name: reddshack
Theme URI: http://bythisdesign.com/
Description: Main theme for reddshack.
Version: 1.5
Author: Brent Redd
Author URI: http://reddshack.com/
Tags: red, white, black, two columns

*/


/* Overall Styling */
body {
  padding: 0;
  margin: 0;
  background: #fff url('images/fade.gif') repeat-x top left;
  font-family: verdana, arial;
  color: #222;
}
p {
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 0;
}
ul li {
  list-style-type: none;
}
ol li {
  list-style-type: none;
}
hr {
  display: none;
}
small {
  font-size: 8pt;
}
.clear {
  clear: both;
}

/* Image Page */
#imagepage {
  width: 650px;
}
#pictitle {
  font-size: 22pt;
  font-weight: bold;
  font-family: trebuchet ms;  
}
#imagesidebar {
  float: right;
}

/*  Page and Header */
#headcontainer {
  width: 960px;
  padding: 0;
  margin: 0 auto; 
}
#header {
  height: 80px;
}
#header img {
  float: left;
  border: 0;
}
#topnav {
  float: right
}
#topnav a {
  display: block;
  float: right;
  height: 13px; 
  padding: 32px 16px;
  font-family: arial;
  text-transform: uppercase;
  font-size: 11pt;
  color: #1f1f1f;
  text-decoration: none;
  border-bottom: 3px solid #1f1f1f;
}
#topnav a:hover {
  background-color: #2f2f2f;
  text-decoration: none;
  border-bottom: 3px solid #4bfffe; 
}
.navsep {
  float: right;
  height: 80px;
  border-left: 1px solid #1f1f1f;
  border-right: 1px solid #2f2f2f;
  background-color: #1f1f1f;
}
#subscribelink {
  display: block;
  float: right;
  padding: 23px 10px 0 16px;
  color: #1f1f1f;  
}
#subscribelink a {

}

.searchform {
  text-align: center;
  margin: 15px 0;
}
#s {
  background-color: #eaeaea;
}

/* Left Column */
#pagecontainer {
  width: 960px;
  padding: 0;
  margin: 0 auto; 
}
#imagecontainer {
  width: 960px;
  padding: 0;
  margin: 0 auto;
}
#content {
  background-color: #fff;
  width: 600px;
  margin-top: 15px;
  float: left;
  padding: 22px; 
}
#widecontent {
  background-color: #fff;
  margin-top: 15px;
  padding: 10px 22px;
}
.post {
  padding-bottom: 15px;
  border-bottom: 4px double #ddd;
  margin-bottom: 22px;
}
.post .titlebar {
  width: 100%;
}
.post .date {
  /*background-color: #eaeaea;*/
  background: url('images/dateshack.png') center center no-repeat;
  text-align: center;
  width: 58px;
  height: 40px;
  padding-top: 10px;
  margin-right: 15px;
  float: left;
  font-size: 10pt;
  /*border: 1px solid #ddd;*/
  color: #333;
}
.date span {
  font-weight: bold;
  color: #b50000;
}
.titlebar h2 {
  float: left;
  width: 410px;
}
#content h2, #widecontent h2 {
  font-size: 18pt;   
}
#content h3, #widecontent h3 {
  font-size: 16pt;
}
#content h2, #content h3, #widecontent h2, #widecontent h3 {
  font-family: trebuchet ms;
  margin: 10px 0 0 0; 
}
#content h2 a, #content h3 a, #widecontent h2 a, #widecontent h3 a {
  color: #222;
  text-decoration: none;
}
#content h2 a:hover, #content h3 a:hover, #widecontent h2 a:hover, #widecontent h3 a:hover, .altcolor {
  color: #b50000;
}
.entry {
  padding-bottom: 6px;
}
.entry p {
  font-size: 9pt;
  line-height: 150%;
}
.entry img {
  display: block;
  border: 0;
  margin-left: auto;
  margin-right: auto;  
}
.entry a {
  color: #b50000;
  text-decoration: none;
}
.entry a:hover, .smalldate {
  background-color: #ddd;  
}
.postmetadata {
  font-size: 9pt;
  text-align: center;
  padding: 5px;
}
.postmetadata a, .alt a, .comment a, .pingback a, .trackback a, .cancel-comment-reply a, .cancel-comment-reply a {
  color: #b50000;
  text-decoration: none;
  font-weight: bold;
}
.postmetadata a:hover, .alt a:hover, .comment a:hover, .pingback a:hover, .trackback a:hover, .cancel-comment-reply a:hover {
  text-decoration: underline;
}
.altrow {
  background-color: #eaeaea;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}
.byuser {
  background-color: #ffcfcf;
}
.commentlist li {
  font-weight: bold;
  padding: 20px 10px;
  border-bottom: 1px solid #ddd;
  font-size: 9pt;       
}
.commentlist p {
  font-weight: normal;
}
.commentcount {
  float: right;
  font-size: 22pt;
  font-style: italic;
}
.even .commentcount {
  color: #fff;
}
.odd .commentcount {
  color: #eaeaea;
}
.commentmetadata {
  padding-left: 10px;
}
.nocomments {
  font-size: 12pt;
  font-weight: bold;
}
h2.pagetitle {
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
}
.listheight {
  line-height: 150%;
}


/* Right Column */
#sidebar {
  background: #a00000 url('images/sidebar.jpg') repeat-y top center;
  width: 255px;
  margin-left: 20px;
  margin-bottom: 50px;
  float: right;
  padding: 16px 15px;
  font-size: 9pt;
  font-family: arial;
  color: #220000;
  border-bottom: 5px solid #8a0000; 
}

.wGallery img {
  border-top: 6px solid #9c0000;
  border-bottom: 6px solid #9c0000;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
}
.wGallery a {
  text-decoration: none;
}
li.wGallery {
  text-align: center;
}
#sidebar h2 {
  font-size: 11pt;
  font-family: 'century gothic', arial;
  text-align: left;
  border-top: 1px solid #8a0000;
  border-bottom: 1px solid #8a0000;
  background-color: #a00000;
  text-transform: uppercase;
  line-height: 200%;
  padding-left: 5px;
}
#sidebar a {
  color: #efefef;
  text-decoration: none;
}
#sidebar a:hover {
  text-decoration: underline;
}
#sidebar ul {
  padding: 0;
  margin: 0;
}
.widget_categories li, .widget_recent_entries li, .widget_recent_comments li, .widget_links li {
  line-height: 150%;
  padding-left: 20px;  
}

/* Footer */
#footer {
  clear: both;
  width: 100%;
  padding: 10px 0;
  background-color: #ddd;
  border-top: 2px solid #bbb;
}
#footcenter {
  width: 400px;
  margin: 0 auto;
}
#footer a {
  color: #b50000;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer p {
  font-size: 8pt;
  text-align: center;
}

/* Alignment */
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}
.center, .aligncenter {
  text-align: center;
}
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
} 

/* Other */
.navigation, form {
  font-size: 12pt;
  padding: 5px;
}
.navigation a, form a {
  font-weight: bold;
  color: #b50000;
  text-decoration: none;
}
.navigation a:hover, form a:hover {
  color: #222;
}
.nada {
  height: 400px;
}
.space {
  margin-top: 35px;
}
li.widget {
  list-style-type: none;
}

/* Gallery */
.gallery {
  margin: auto;
  text-align: center;
}
.gallery-item {
  float: left;
  margin: 5px 0;
  text-align: center;
  width: 33.3%;
}
.gallery img {
  border: 1px solid #ddd;
  padding: 5px;
}
.gallery-caption {
  margin: 0;
  text-align: center;
  font-size: 7pt;
}
.wp-caption {
  margin-top: 10px;
}
p.wp-caption-text, .attachment p {
  font-size: 8pt;
  padding: 5px;
  margin: 0;
  border-bottom: 1px solid #ddd;
  text-align: center;
  background-color: #eaeaea;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;   
}
