/* 
Theme Name: Black Splat
.
.
.
*/

/* Defaults */
/*Set all margins and padding-cross browser compatible*/
*
{PADDING: 0; MARGIN:  0;}
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 14px;}
a {color: #003366; text-decoration: none;}
a:hover {color: #003366; text-decoration: underline;}
blockquote {background: #333333; left top no-repeat; padding-left: 35px; margin: 10px 0 0 10px; font-style: italic;}
code {color: #000;}
body {position: relative; /* Fixes browser resizing bug in IE6 */
  margin:  22px auto; margin-top:  -23px; font-size: 12px width: 980px; font-family: 'arial', verdana, sans-serif; letter-spacing: .23px; color: #300000; text-align: center; /* IE Centering Technique */
  background: #000000; none repeat scroll 0 0;}

/* Header and wrapper */
#wrapper {width: 980px; margin: 0px auto; text-align: left; /* IE Centering Technique */
  background: url(images/topcurve1.png) 40px 0 no-repeat;}
#header {margin: 0 40px; padding-top: 84px; height: 119px;} /* background: url(images/bgheader1.png) left 55px no-repeat; */

#title {float: left; margin-left: 34px; margin-top: 0px; width: 300px; display:inline;}
#header h1 {padding: 0; font-size: 9pt;}
#header h1 a {color: #708090; font-size: 36pt; font-family: 'verdana', arial, sans-serif; font-weight: bold; text-decoration: none;}
#header h1 a:hover {color: #708090; font-family: 'verdana', arial, sans-serif; font-weight: bold; text-decoration: none;}
#header h3 {padding: 0; color: #708090; font-size: 11pt; font-family: 'arial', trebuchet ms, sans-serif; font-weight: bold;}
#topright {color: #eeeeee; font-size: 10pt; font-family: 'sans-serif', arial, trebuchet ms; float: right; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 490px; height: 82px; display: inline;}

/* Menu and search */
#nav {clear: both; height: 38px; margin-left: 17px;}
#header
#nav ul {list-style: none; width: 900px;}
#nav li {float: left;}
#nav li a {padding: 0 22px; height: 38px; line-height: 38px; font-size: 9pt; font-weight: bold; color: #cccccc;}
#nav li a:hover {color: #FF6600; text-decoration: none;}
#nav li.rssmenu a {color: #999999;}
#nav li.rssmenu a:hover {color: #fff;}

/* Content */
#main {clear: both; margin: 0 40px; width: 900px; /* Prevents IE6 miscalculation */
  background: #FFFAF0;}
#contentwrapper {width: 620px; float: left; padding-left: 4px; padding-right: 20px;}
#contentwrapper_fullwidth {width: 885px; float: left; padding-left: 4px; padding-right: 20px;}
.post {margin-top: 22px; margin-bottom: 23px;}
h2.postTitle {padding: 0 10px; letter-spacing: -1px;}
h2.postTitle a {font-size: 15pt; margin-top: 19px; font-weight: bold; color: #333333;}
h2.pageTitle {padding: 0 10px; letter-spacing: -1px;}
h2.pageTitle a {font-size: 15pt; margin-top: 19px; font-weight: bold; color: #333333;}
#content p.postMeta {padding: 0 10px; font-size: 10pt; color: #7b7b7b;}
.post img {margin: 10px;}
#content p, .postContent p {font-size: 11pt; color: #333;}
.postContent ul, ol {padding: 0 0 0 35px;}
.postContent ul li, ol li {font-size: 11pt; color: #333;}
.comment {border-top: 1px solid #ebebeb;}
#commentslinks {float: right; text-align: right; padding: 5px 10px; width: 160px; color: #727248; font-size: 9pt;}
#commentslinks a {text-decoration: underline;}
#comments {margin: 0 10px; padding: 5px 10px; padding-left: 25px; font-size: 9pt; color: #727248;
  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: none;}
p.comments a:hover {text-decoration: underline;}
.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: #333;}
.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;}
textarea {width: 620px;}
.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;}
.commentbody {float:right; width: 320px; margin: 10px 0 15px 0; padding-bottom: 10px;}
textarea#comment {width: 420px;}
a.gravatar {float:left; margin:10px 15px 20px 0; width:69px;}
#nextprevious {margin: 8px;}
/* Sidebars */
#sidebars {float: right; margin-top: 0px; margin-left: 15px; padding-top: 5px; width: 240px;}
#sidebar0 {padding: 0 15px 0 0;}
#sidebar2 {padding: 0 15px 0 0;}
#sidebars h2 {padding: 0 0 2px 0; font-size: 12pt; color: #333; letter-spacing: -1px; border-bottom: 1px solid #e4e4e4;}
#sidebars table {width: 200px;}
#sidebars ul {margin: 0; padding: 0 0 5px 0;}
#sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 9pt;
  }
#sidebars li ul {
  padding: 0;
  }
#sidebars ul ul li {
  margin: 0;
  padding: 3px 2px 2px 16px;
  color: #333;
  background: url(images/bullet.gif) left 7px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }
#sidebars a {
  display: inline;
  color: #003366;
  text-decoration: none;
  }
#sidebars a.showit {
  color: #003366;
  }
#sidebars a:hover {
  color: #003366;
  text-decoration: underline;
  }
#sidebars p {
  padding: 2px 0;
  font-size: 9pt;
  color: #333;
  }
#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:-5px;}

/* footer*/
#footerwrapper {clear: both; height: 180px;}
#footerleft {float: left; margin-top: 10px; margin-left: -13px; width: 900px; padding-top: 0px; display: inline;}
#footerleft p a {color: #f3f3f3;}
#footerleft p {padding: 0; padding-top: 2px; line-height: 17px;}
#footer p {font-family: 'trebuchet ms', arial, sans-serif; font-size: 9pt; color: #f3f3f3; text-align: center; valign: bottom;}
#footer {margin: 0 40px; background: #000 url(images/bottomcurve2.png) left top repeat-x;}
#footer a:hover {color: #FF6600; text-decoration: none;}
a img {border: none;}
#bottomcurve {clear: both; width: 900px; height: 55px;}
#bottomcurve span{float: right; width: 125px; height: 56px;}
#bottomcurve span:hover{cursor: pointer;}
.highlight {color: #D9D688; font-weight: bold;}

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