/*  

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

Author URI: http://samk.ca/

Version: 1.7

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, h4, h5, p {

  margin: 0;

  padding: 10px;

  }



h3 {

  margin: 0;

  padding: 10px 0 10px;

  }



h2 {

  margin: 0;

  padding: 30px 10px 5px 10px;

color: #008;

  }



h6 {

margin: 0;  

padding: 25px 5px 5px 8px;

  font-size: 12pt;

font-style: italic;

   color: #000099;

  }





a {

  color: #AA0000;

  text-decoration: none;

  }



a:hover {

  color: #EE0000;

  text-decoration: underline;

  }



code {

  color: #555;

  }



body {

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

  margin: 10px auto;

  width: 980px;

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

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

  background: #2a2a2a;

  }



#bodyblack {

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

  margin: 10px auto;

  width: 980px;

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

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

  background: #000;

  }





/* Header and wrapper */

#wrapper {

  width: 980px;

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

  background: url(images/topcurve.jpg) 40px 0 no-repeat;

  }



#headerwrapper {

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

  }



#wrapperblack {

  width: 980px;

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

  background: #000;

  }



#headerwrapperblack {

  }



#header {

  margin: 0 40px;

  padding-top: 55px;

  height: 140px;

  background: url(images/bgheader.jpg) left 55px repeat-x;

  }



#headerblack {

  margin: 0 40px;

  padding-top: 0;

  height: 1px;

  background: #000;

  }



#header h1 {

  padding: 0;

  font-size: 15pt;

  }

#header h1 a {

  color: #FF0000;

  font-size: 16pt;

  text-decoration: none;

  }

#header h1 a:hover {

  color: #FF9999;

  text-decoration: none;

  }

#header h3 {

  padding: 0;

  color: #eeeeee;

  font-size: 11pt;

  }

#headerblack h1 {

  padding: 0;

  font-size: 15pt;

  }

#headerblack h1 a {

  color: #FF0000;

  font-size: 16pt;

  text-decoration: none;

  }

#headerblack h1 a:hover {

  color: #FF9999;

  text-decoration: none;

  }



#headerblack h3 {

  padding: 0;

  color: #eeeeee;

  font-size: 11pt;

  }



#title {

  float: left;

  margin-left: 15px;

  width: 360px;

font-size: 55px;

  display:inline;

  }



#title a {

background-image: url(images/fusdbl.png);

}



#title a:hover {

   background-position: -256px 0;

   }



#topright {

  color: #fff;

  font-size: 10pt;

  float: right;

  margin-bottom: 24px;

  margin-right: 15px;

  width: 468px;

  height: 60px;

  display:inline;

  }

#topright a {

  color: #B4B472;

  }





/* Menu and search */



#nav {

  clear: both;

  height: 32px;

  }



#header #searchform {

  float: right;

  margin-left: 0;

  }



#searchform {

  margin-left: 10px;

  width: 228px;

  padding-top: 7px;

  height: 28px;

  background: #ccc;

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

  }



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

  padding: 5px 0;

  }



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

  padding: 5px 0;

  }



#searchbox {

  margin-left: 8px;

  margin-bottom: 3px;

  width: 145px;

  background: none;

  border: none;

  }



#searchbutton {

  width: 50px;

  background: none;

  border: none;

  }



#searchbutton:hover {

  cursor: pointer;

  }



#nav ul {

  list-style: none;

  width: 600px;

  }



#nav li {

  float: left;

  }



#nav li a {

  padding: 0 12px;

  height: 32px;

  line-height: 32px;

  font-weight: bold;

  font-size: 11pt;

  color: #dddddd;

  text-transform: lowercase;

  }



#nav li a:hover {

  color: #ffffff;

  text-decoration: none;

  }



#nav li.rssmenu a {

  color: #dddddd;

  }



#nav li.rssmenu a:hover {

  color: #ffffff;

  }







/* Content */



#main {

  clear: both;

  margin: 0 40px;

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

  background: #fbfbfb;

  }



#mainblack {

  clear: both;

  margin: 0 40px;

text-align:center;

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

  background: #000;

  }



#contentwrapper {

  width: 505px;

  float: left;

  padding-left: 5px;

  padding-right: 20px;

  }

#contentwrapper_fullwidth {

  width: 880px;

  float: left;

  padding-left: 5px;

  padding-right: 20px;

  }



#content {

  }



#content .pageTitle {

  font-size: 12pt;

  font-style:italic;

  color: #000060;

  }



.post {

  margin-top: 0px;

  margin-bottom: 15px;

  }



h2.postTitle {

padding: 2px 10px 2px 10px;

font-size: 12pt;

background: #990000;

  }



h2.postTitle a {

  font-size: 12pt;

  font-weight: bold;

  color: #fff;

  }



#content p.postMeta {

  padding: 0 10px;

font-style: italic;

  font-size: 8pt;

  color: #7b7b7b;

  }



.post img {

  margin: 10px;

  }



#content p, .postContent p {

font-size: 0.9em;

  color: #202020;

  }



.postContent ul, ol {

  padding: 0 0 8px 35px;

  }



.postContent ul li, ol li {

  font-size: 10pt;

  }



.comment {

  border-top: 2px solid #990000;

  }





#commentslinks {

  float: right;

  text-align: right;

  padding: 5px 10px;

  width: 200px;

  color: #727248;

  font-size: 8pt;

  }



#commentslinks a {

  text-decoration: underline;

  }



#comments {

  margin: 0 0 0 0;

  padding: 0 0 0 5px;

  font-size: 9pt;

  color: #727248;

  background: url(images/fuseye.png) 5px 8px no-repeat;

  }

#comments1 {
color: #FF00FF;
}

p.comments1 {
color: #FF00FF;
}

#comments h3 {

margin: 0 0 0 0;

padding: 4px 0 0 25px; 

font-size: 11pt;

color: #008;

}





p.comments {

  clear: both;

  padding: 5px 10px;

  }



p.comment {

  padding: 0 10px;

  }



p.comments a {

  padding-left: 25px;

  background: url(images/fuseye.png) left 2px no-repeat;

  font-size: 10pt;

  text-decoration: none;

  }



p.comments a:hover {

  text-decoration: underline;

  }



zz.commentlist {

  margin: 10px 25px;

  padding: 0 10px;

  font-size: 10pt;

  list-style: none;

  }



zz.commentlist li {

  margin: 0 0 5px -25px;

  padding-bottom: 5px;

  }



zz.commentlist cite {

  font-size: 10pt;

  font-style: normal;

  }



zz.commentlist cite a {

  }



.comment .commentmetadata a {

font-style: italic;

padding: 0 0 0 0;

color: #555;

  }



zz.commentlist p {

  padding: 10px 0;

  }



.comment 

 {

  font-size: 10pt;

  font-weight: normal;

  text-decoration: none;

  color: #008;

  }



p.comment a {

  padding-left: 20px;

  background: url(images/fuseye.png) left top no-repeat;

  font-size: 10pt;

  }



zztextarea {

  width: 480px;

  }



zz.comment #submit {

  width: 118px;

  height: 30px;

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

  border: none;

  font-size: 9pt;

  color: #fff;

  }



.comment #submit:hover {

  cursor: pointer;

  }



z.commentbody {

  float:right;

  width: 370px;

  margin: 10px 0 15px 0;

  padding-bottom: 10px;

  }



/* Comments Fluid Blue*/



#comments {

	font-size:1.2em;

font-weight: normal;

color: #0F0;

}



.commentlist {

	margin:15px 0;

	padding:0;

	border-width:0 0.1em 0.1em 0;

	border-color:#eee;

	border-style:solid;

}



.commentlist li {

	list-style:none;

	margin:0;

	padding:0;

	border-width:0.1em 0 0 0.1em;

	border-color:#eee;

	border-style:solid;

}



li.comment div, li.pingback div {

	padding: 10px;

	overflow:auto;

}



li.comment div div, li.pingback div div {

	padding:0;

	overflow:visible;

}



.commentlist li.even {

	background-color:#fafafa;

}



.commentlist li.odd {

	background-color:#f6f6f6;

}



ul.children li {

margin-left: 20px;

	list-style:none;

}



img.avatar {

	float:right;

	border:none;

	padding:none;

	margin:0;

}



.comment-meta, .reply {

	margin:0 60px 0 30px;

	padding:0 0 0 0px;

	font-size:0.8em;

font-style:italic;

}



.comment-author cite {

	font-style:normal;

	font-weight:bold;

	font-size:1.2em;

}





textarea#comment {

	width:100%;



}



#comments div.navigation {

	font-size:0.9em;

}



/* Comment FluidBlue ends */



.altNG {

float:right;

  width: 370px;

  margin: 10px 0 15px 0;

  padding-bottom: 10px;

background: #ddd;

  }



a.gravatar {

  float:left;

  margin:10px 15px 20px 0;

  width:69px;

  }







#nextprevious {

  margin: 10px;

  }







/* Sidebars */

#sidebars {

  float: right;

  margin-top: 0px;

  margin-left: 15px;

  padding-top: 5px;

  width: 350px;

  }



#sidebar0 {

  padding: 0 15px 0 0;

  }



#sidebar1 {

  float: left;

  width: 160px;

  }



#sidebar2 {

  float: right;

  padding-right: 15px;

  width: 160px;

  }



#sidebars h2 {

  padding: 0 0 2px 0;

  font-size: 10pt;

  color: #000060;

  border-bottom: 1px solid #000080;

  }



#sidebars table {

  width: 160px;

  }



#sidebars ul {

  margin: 0;

  padding: 0 0 5px 0;

  }



#sidebars li {

  margin-bottom: 15px;

  list-style: none;

  font-size: 8pt;

  }



#sidebars li ul {

  padding: 0;

  }



#sidebars ul ul li {

  margin: 0;

  padding: 3px 2px 2px 16px;

  color: #202020;

  background: url(images/bullet.gif) left 8px no-repeat;

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

  }



#sidebars a {

  display: inline;

  color: #990000;

  text-decoration: none;

  }

#sidebars a.showit {

  color: #990000;

  }

#sidebars a:hover {

  color: #FF0000;

  text-decoration: underline;

  }



#sidebars p {

  padding: 3px 0;

  font-size: 8pt;

  color: #202020;

  }



#tag_cloud a {

  display: inline;

  }



#sidebars ul.children li {border-bottom:none;}

#sidebars ul.children {margin-bottom:-5px;}









/* footer*/



#footerwrapper {

  clear: both;

  height: 158px;

  background: url(images/bottomsplatright.jpg) right bottom no-repeat;

  }



#footer {

  margin: 0 40px;

  background: #fff url(images/bgfooter.jpg) left top repeat-x;

  }



#footerleft {

  float: left;

  margin-top: 70px;

  margin-left: 15px;

  width: 400px;

  display: inline;

  }



#footerleft p a {

  color: #eee;

  }



#footerleft p {

  padding: 0;

  line-height: 16px;

  }



#footer p {

  font-size: 8pt;

  color: #bbb;

  }



a img {

border: none;

   margin: none;

}



#bottomcurve {

  clear: both;

  width: 900px;

  height: 55px;

  background: url(images/bottomcurve.jpg) left bottom no-repeat;

  }

#bottomcurve span{

  float: right;

  width: 125px;

  height: 15px;

  }

#bottomcurve span:hover{

  cursor: pointer;

  }



.highlight {

  color: #D9D688;

  font-weight: bold;

  }





/* Misc */

.cleared {

  clear: both;

  }



.backbutton {

float:right;

margin: 0 25px 0 0;

}



.eyebullet  {

  margin: 0 0 0 10px;

  padding: 0 0 0 30px;

  background: url(images/fuseye.png) left 6px no-repeat;

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

  }

.eyebullet2  {

  margin: 0 0 0 40px;

  padding: 0 0 0 60px;

  background: url(images/bullet.png) left 8px no-repeat;

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

  }



.aligncenter,

div.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

  }



.alignleft {

  float: left;

  }



.alignright {

  float: right;

  }



img.alignnone {

  margin: 0 8px 0 0;

  padding: 5px;

   background: #e0e0e0;

   border: 1px solid #008;

}

img.aligncenter {

   display: block;

   margin: 5px auto;

   padding: 5px;

   background: #eee;

   border: 1px solid #008;

}



img.alignleft {

   float: left;

   padding: 5px;

   margin: 0 8px 0 0;

   background: #eee;

   border: 1px solid #008;

}



img.alignrightnb {

   float: right;

padding: none;

   margin: none;

border: none;

}



img.alignright {

   float: right;

   padding: 5px;

   margin: 0 0 0 8px;

   background: #eee;

   border: 1px solid #008;

}



.spacer {

display: block;

height: 100px;

}

.spacer2 {

display: block;

height: 30px;

}
.viewerl {

display: inline;

color: #800;

  margin: 50px 200px 0 0;  

}

.viewerr {

display: inline;

color: #800;

   margin: 50px 0 0 200px;

}

.viewert {

display: inline;

color: #800;

 }


.viewerls {

display: inline;

color: #800;

  margin: 150px 75px 0 0;

 }

.viewerrs {

display: inline;

color: #800;

   margin: 150px 0 0 75px;

}



.kickl {

float: left;

margin: none;

border: none;

background-color: #fff;

padding: 4px 0 4px 4px;

}



.kickr {

float: right;

margin: none;

border: none;

background-color: #fff;

padding: 4px 4px 4px 0;

}



blockquote {

  background-color: #eee;

 background: #eee url(images/bquotes.gif) 6px 6px no-repeat;

padding-left: 34px;

font-size: 0.85em;

font-style: italic;

  margin: 10px 20px 10px 60px;

border: 1px solid #aaa;

  }



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

  }