/*  

Theme Name: Black Splat WR

Theme URI: http://samk.ca/freebies/free-wordpress-theme-blacksplat/

Description: A simple, 3-column widget-ready WordPress theme designed to incorporate common ad formats.

Author: Sam Karathanos

Author URI: http://samk.ca/

Version: 1.3

Tags: black, gold, simple, grunge, right sidebar, 3 columns, fixed width, valid xhtml, valid css, widgets, adsense ready, rounded, 1024.

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.

*/





  

/* DEFAULTS */



* {

  margin: 0;

  padding: 0;

  }



h1, h2, h3, h4, h5, h6, p, p1 {

  font-family: 'Trebuchet MS', Verdana, Sans-Serif;

  }



p

{

margin-top: 20px;

}



p1

{

text-align: center;

font-size: 8pt;

font-weight: bold;

background-color: #ffffff;

color: #000000;

}





h1

{

color: #000;

font-size:26px; 

margin: 0px 0 0 0; 

font-weight: normal;

}



h2

{

color: #000;

font-size:24px; 

margin: 0px 0 0 0; 

font-weight: normal;

}



h3

{

color: #000;

font-size:22px; 

margin: 0px 0 0 0; 

font-weight: normal;

}



h4

{

color: #000;

font-size:16px; 

margin: 0;

text-align: justify;

}



h5

{

color: #000;

font-size:14px; 

margin: 0;

text-align: justify;

}



h6

{

color: #000;

font-size:12px;

margin: 0;

text-align: justify;

}



a {

  color: #000;

  text-decoration: underline;

  }



a:hover {

  color: #f27700;

  text-decoration: underline;

  }



blockquote {

  padding: 0;

  margin: 20px 0 20px 0;

  }



code {

  color: #555;

  }



body {

  position: relative; /* Fixes browser resizing bug in IE6 */

  margin: 0 auto;

  width: 975px;

  font-family: 'trebuchet ms', arial, sans-serif;

  text-align: center; /* IE Centering Technique */

  background-image: url(images/fan_page_bg_tile.jpg);

  background-repeat: repeat;

  }





/* HEADER AND WRAPPER */



#wrapper {

  width: 975px;

  text-align: left; /* IE Centering Technique */

  border: none;

  }



#headerwrapper {

  width: 975px;

  border: none;

  }



#header {

  margin: 0;

  padding: 0;

  width: 975px;

  height: 200px;

  background-image:  url(images/fan_header_fabric.jpg);

  background-color: #000;

  repeat: no;

  

}



#headernav {

  margin: 0;

  padding: 0;

  width: 975px;

  height: 65px;

  background-color: #000;

  }



#headernav ul {

  list-style-type: none;

  }



#headernav li {

  float: left;

  }



#headernav ul li a {

  text-decoration: none;

  }



#headernav ul li a:hover {

  text-decoration: none;

  }





/* MENU AND SEARCH */



#searchform {

  margin: 0;

  border: none;

  width: 195px;

  padding: 0;

  height: 25px;

  background-color: #000;

  background: url(images/bgsearch.jpg) left 0px no-repeat;

  }



*:first-child+html #searchform { /* Filter for IE7 */

  padding: 5px 0;

  }



* html #searchform { /* Filter for IE6 */

  padding: 5px 0;

  }



#searchbox {

  margin: 4px 0 0 2px;

  padding: 0;

  width: 130px;

  background: none;

  border: none;

  }



#searchbutton {

  margin: 0px;

  padding: 0px;

  width: 60px;

  background: none;

  border: none;

  }



#searchbutton:hover {

  cursor: pointer;

  }











/* CONTENT */



#main /* Outer boundaries of all between Header and Footer */ 

  {

  clear: both;

  margin: 0;

  border: none;

  width: 975px; /* Prevents IE6 miscalculation */

  background: #fff;

  background-image: url(images/fan_main_bg.gif);

  background-repeat: repeat-y;

  }



#contentwrapper /* White content well boundaries */

  {

  float: left;

  border: none;

  padding-left: 20px;

  padding-right: 20px;

  width: 530px;

  }



#content /* Content boundaries inside white content well */ 

  {

  width: 530px;

  padding-left: 5px;

  }



#content .pageTitle {

  font-size: 15pt;

  letter-spacing: 1px;

  color: #000;

  text-decoration: none;

  }





a img {

  border: none;  

  }



.post {

  margin-top: 0px;

  margin-bottom: 15px;

  padding-left: 0px;

  border-bottom: 1px solid #999;

  }



h2.postTitle {

  padding: 0;

  letter-spacing: 1px;

  }



h2.postTitle a {

  font-size: 18pt;

  font-weight: bold;

  color: #000;

  text-decoration: none;

  }



h2.postTitle a:hover {

  font-size: 18pt;

  font-weight: bold;

  color: #000;

  text-decoration: none;

  }



#content p.postMeta {

  padding: 0;



  font-size: 10pt;

  color: #000;

  }



.post img {

  margin: 10px;

  }



#content p, .postContent p {

  font-size: 10pt;

  color: #000;



  }





.postContent ul, ol {

  padding: 0;

  }



.postContent ul li, ol li {

  font-size: 10pt;

  color: #000;

  }



.comment {

  border-top: 0px solid #ebebeb;

  }



#commentslinks /* RSS and URI in comments */

  {

  float: right;

  text-align: right;

  padding: 0;

  width: 160px;

  color: #000;

  font-size: 9pt;

  }



#commentslinks a {

  text-decoration: underline;

  color: #000;

  }



#commentslinks a:hover {

  text-decoration: underline;

  color: #f27700;

  }



#comments {

  margin: 0 10px;

  padding: 5px 10px;

  padding-left: 25px;

  font-size: 9pt;

  color: #333;

  background: url(images/comment.jpg) left 5px no-repeat;

  }



p.comments {

  clear: both;

  padding: 5px 10px;

  }



p.comment {

  padding: 0 10px;

  }



p.comments a {

  padding-left: 20px;

  background: url(images/comment.jpg) left top no-repeat;

  font-size: 10pt;

  text-decoration: underline;

  }



p.comments a:hover {

  text-decoration: underline;

  color: #f27700;

  }



.commentlist {

  margin: 10px 25px;

  padding: 0 10px;

  font-size: 10pt;

  list-style: none;

  }



.commentlist li {

  margin: 0 0 5px -25px;

  padding-bottom: 5px;

  }



.commentlist cite {

  font-size: 10pt;

  font-style: normal;

  }



.commentlist cite a {

  }



.comment .commentmetadata a {

  color: #000;

  text-decoration: underline;

  }



.comment .commentmetadata a:hover {

  color: #f27700;

  text-decoration: underline;

  }



.commentlist p {

  padding: 10px 0;

  }



.comment h3 {

  font-size: 10pt;

  font-weight: bold;

  text-decoration: none;

  color: #333;

  }



p.comment a {

  padding-left: 20px;

  background: url(images/comment.jpg) left top no-repeat;

  font-size: 10pt;

  }



p.comment a:hover {

  padding-left: 20px;

  background: url(images/comment.jpg) left top no-repeat;

  font-size: 10pt;

  }



textarea {

  width: 480px;

  

  }



.comment #submit {

  width: 118px;

  height: 30px;

  padding-left: 10px;

  background: url(images/commentbutton.jpg) left top no-repeat;

  border: none;

  font-size: 9pt;

  color: #fff;

  }



.comment #submit:hover {

  cursor: pointer;

  }



.commentbody {

  float:right;

  width: 400px;

  margin: 10px 0 15px 10px;

  padding-bottom: 10px;

  border-bottom: 1px solid #999;

  }











/* SIDEBARS */



#sidebars {

  float: right;

  border: none;

  margin: 0;

  padding: 0;

  width: 400px;

  background-color: #000;

  }



#sidebar0 {

  margin: 0;

  padding: 0;

  border: none;

  height: 240px;

  width: 400px;

  background-image: url('images/fan_bg_sidebar0.jpg'); 

  background-position: top; 

  background-repeat: no-repeat;

  float: right;

  }



#sidebar1 {

  float: left;

  border: none;

  width: 200px;

  background-image: url('images/fan_bg_sidebar1.jpg'); 

  background-position: top; 

  background-repeat: no-repeat;

  background-color: #000;

  margin: 0 auto;

  padding: 20px 0 0 0;

  }



#sidebar2 {

  float: right;

  border: none;

  width: 200px;

  background-image: url('images/fan_bg_sidebar2.jpg'); 

  background-position: top; 

  background-repeat: no-repeat;

  background-color: #000;

  margin: 0 auto;

  padding: 20px 0 0 0;  

  }



#sidebars h2 {

  padding: 10px 0 0 0;

  font-size: 10pt;

  font-weight: bold;

  color: #f27700;

  letter-spacing: 0;

  }



#sidebars table.sidebar0 {

  

  height: 220px;

  padding: 0;

  border: 0;

  spacing: 0;

  margin-left: auto;

  margin-right: auto;

  margin-top: 10px;

  margin-bottom: auto;

  text-align: center;

  }



#sidebars ul {

  margin: 0;

  padding: 0 10px 10px 10px;

  color: #fff;

  }



#sidebars li {

  margin-bottom: 10px;

  list-style: none;

  font-size: 8pt;

  color: #fff;

  }



#sidebars li ul {

  padding: 0 0 20px 0;

  border-bottom: 1px solid #fff

  }



#sidebars ul ul li {

  margin: 0;

  padding: 1px 1px 1px 1px;

  color: #fff;

  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */

  }



#sidebars a {

  display: inline;

  color: #fff;

  text-decoration: none;

  }

#sidebars a.showit {

  color: #f27700;

  }

#sidebars a:hover {

  color: #f27700;

  text-decoration: underline;

  }



#sidebars p {

  padding: 2px 0;

  font-size: 9pt;

  color: #fff;

  }



#tag_cloud a {

  display: inline;

  color: #fff;

  }



#sidebars ul.children li {

  border-bottom:none;

  color: #fff;

}



#sidebars ul.children {

  margin-bottom:-5px;





  color: #fff;

}









/* FOOTER */



#footerwrapper {

  clear: both;

  width: 975px;

  background-color: #b22a04;

  }



#footer {

  text-align:center; 

  background: #b22a04; 

  border: none; 

  padding: 15px 0 0 0; 

  color: #000; 

  width: 975px;

  height: 60px; 

  background-image: url('images/fan_bg_footer.gif'); 

  background-position: top; 

  background-repeat: repeat-x;

  }



a.valid

{

background:transparent url('images/tick.jpg') no-repeat scroll 0pt 50%;

padding:0pt 4pt 0pt 17px;

}



#footer a

{

text-decoration: underline; 

color:#000; 

}



#footer a:hover

{ 

text-decoration: underline; 

color:#fff;

}



#footer .copyright

{

clear: left;

font-size: 8pt; 

padding: 0; 

display: block; 

line-height: 25px; 

margin: 0px; 

color: #000; 

}



















/*

/* MISC */



.cleared {

  clear: both;

  }



.aligncenter,

div.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

  }



.alignleft {

  float: left;

  }



.alignright {

  float: right;

  }



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

  }

*/