/* Body */
body {color: #ffff00; background-color:black; font: 8pt arial, verdana, helvetica, sans-serif;background: #3f3f3f ;margin: 0px;padding: 0px;  background: url(images/backgroundshirock.jpg) fixed top center;}
#main {color: #ffff00; margin: 0px auto;width: 1000px;background: #000000;}

/* Header */

#header, header a{color: #ffff00; background: #000000 url(images/header.gif) no-repeat;height: 345px; width: 1000px; position: relative;}
#logo a{color: #111111; font-size: 30pt;  font-family: "Century Gothic", Arial; font-variant: normal; letter-spacing: -1px; text-transform: uppercase; position: relative; top:10; left:10; height:60px; padding: 10px 0px 0px 20px;}
#logo .description{word-spacing: 2px; letter-spacing: 0px; text-transform: uppercase; font-family: "century gothic", Arial; position: absolute;	left: 25px;bottom:3px;color: black;font-size: 12px;}
#welcome {display: block;margin: 4px;padding:0px 0px 4px 10px;font-weight: normal;color: #111111; width:297px; position: absolute; top:110px; left:5px; font: 8pt arial, verdana, helvetica, sans-serif; text-align: left; line-height: 12px;}
#tweet {display: block; margin: 4px;padding:0px 0px 4px 10px;font-weight: normal;color: #111111; width:300px; height: 192px;position: absolute; top:105px; right:8px; font: 8pt arial, verdana, helvetica, sans-serif; text-align: left; background-color: transparent; padding:5px;  -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#tweet a{color:#666;}
#tweet a:hover{color:#333; text-decoration: underline;}
a .headerlink{color:#000; text-decoration: none;}
a:hover .headerlink{text-decoration:underline; color:#000;}

/* Menu */

#menu {list-style: none;margin: 0px;position: absolute;right: 10px;top: 10px;}
#menu li {float: left;margin-left: 10px;}
#menu .current_page_item a, #menu .current_page_item a:visited{color: #000000;text-decoration: none;}
#menu .page_item a{color: #000000;text-decoration: none;padding: 3px 10px;font:8pt Arial, verdana,Century gothic, Helvetica, sans-serif;display: block;}
#menu .page_item a:hover {color: #555555;}

/* Links */
a:hover {color: #ffff00;text-decoration: underline;}
h1 {margin:0px;height: 40px;font: bold 10pt "Arial";color: #000000;}
h1 a, h1 a:visited{color: #000000;text-decoration: none;}
h1 a:hover{text-decoration: none;}
h2 {color: #ffff00; margin: 3px 3px 3px;border-bottom:none;font:12pt arial;padding:0px 0px 0px 10px;  display:block; background-color: 181818;  -moz-border-radius: 3px; -webkit-border-radius: 3px;font-weight: normal;}
h2 a{color: #ffff00; text-decoration: none; background-color: #202020;  -moz-border-radius: 3px;
        -webkit-border-radius: 3px; width: auto; padding: 3px 7px 3px 7px;}
h2 a:visited {text-decoration: none;}
h2 a:hover {color: #000000; text-decoration: none; background-color: #181818;}
h3 {color: #555555;margin: 0px 0px 2px;letter-spacing: -1px;font:10pt "Arial", century gothic,Lucida Sans, arial;padding-bottom: 3px;}
h4 {color: #777777;margin: 0px 0px 2px;letter-spacing: -1px;font:10pt "Arial",Lucida Sans, century gothic;padding-bottom: 3px;}
a{color: #ffff00;text-decoration: none;}
.logoa {color:black; text-decoration:none}
.logoa:hover {color:black; text-decoration:none}
a.tweetlink{color:#333;}
a:hover.tweetlink{color:#000;}
/* Content */ 

#content {padding: 0px 0px 30px 20px;float: left;width: 720px;overflow: hidden;line-height: 18px;text-align: justify;font: 8pt Arial, verdana, helvetica, sans-serif;color: #d1d1d1;}
.post {clear:both;padding-top: 15px;}
.title {float: left;margin-left: 0px;width: 630px;}
.post-date {padding-left: 0px; font-size: 14px;width: 48px;height: 48px;float:left; background-color:#181818; -moz-border-radius: 3px;
        -webkit-border-radius: 3px;}
.post-month {padding-left: 2px;font-size: 14px;text-transform: uppercase;color: #ffff00;text-align: center;display:block;line-height: 11px;padding-top: 5px;margin-left: -3px;}
.post-day {padding-left: 2px;font-size: 29px;font-weight:bold;text-transform: uppercase;color: #ffffff;text-align: center;display:block;line-height: 16px;padding-top: 10px;margin-left: -3px;}
.entry {clear: both;padding-top: 5px;padding-left: 61px;}
.comments{display: block;font:10px;float: right;margin-bottom: 10px;padding-left: 10px;padding: 4px 0px 4px 5px; color: #979797;background:#202020;border:1px  solid#202020; width:100%;  -moz-border-radius: 3px;
        -webkit-border-radius: 3px;}
.comments a{color:#ffff00;}
.comments a:hover{color:#ffff00;}
.author {display: block;margin: 0;padding:0px 0px 4px 10px;font-weight: normal;color: #dee9ee;}
.navigation {clear: both;padding: 10px 0px;}
.navigation a, .navigation a:visited {color: #ffff00;}
.previous-entries a {float: left;padding-left: 1pt;}
.next-entries a {float: right;padding-right: 1pt;}


/* Sidebar */

#sidebar {float: right;padding: 0px 10px 20px 0px;width: 200px;color: #666666;overflow: hidden; -moz-border-radius: 3px;
        -webkit-border-radius: 3px;}
#sidebar h2, #sidebar .sidebartitle{text-transform: uppercase;font: 8pt  arial, helvetica, sans-serif;color: white;background:#202020 ;margin: 20px 0px 0px 0px;padding:5px 0px 3px 10px;margin-bottom:0px;letter-spacing: 0px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
#sidebar a, #sidebar a:visited{display: block;padding: 7px 0;width: 200px;font: 8pt "arial", verdana, helvetica, sans-serif;text-decoration: none;text-indent: 10px;color: #ffff00;background:#171717; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
#sidebar a:hover{text-decoration: none;padding: 7px 0px;background:#202020;color: #ffff00; }
#sidebar ul {margin: 0;padding: 0; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
#sidebar ul li {list-style: none;margin: 0;padding: 0; }
#sidebar ul li ul {padding: 0;margin: 0;background:#000000; }
#sidebar ul li ul li{padding: 0px 0 0px 0px;background:#000000;}
#sidebar ul li ul li ul li{ -moz-border-radius: 3px;-webkit-border-radius: 3px;
padding: 1px 0 1px 10px;border: none;}
ul.sidecol li{padding-left: 0px !important; padding-top: 1px; margin: 1px;}
ul.sidecol li,{padding-left: 0px ;}
li.widget_calendar td {padding: 1px 7px;}
.textwidget {padding-top: 5px;}

/* Comments */

#comments, #respond {padding: 10px 0 5px 0;clear: both;}
.cleft { float:left; width:60px; border:3px double #dadada;margin:0px 10px 10px 0px; }
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist cite {font-size: 10px;color: #ffffff;}
.commentlist cite a, .commentlist cite a:visited {color: #ffffff;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;font: 10px;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{color: #888888;font-size: 77%;}
#commentform input{width: 200px;background:#ffffff;border: 1px solid #97a9ae;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 570px;height: 115px;background:#ffffff;border: 1px solid #97a9ae;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit, submit{ font-family: sans-serif; background-color: #202020;font: 11px; color: #888888; border:0px ;float:left;width: 147px;height: 30px;cursor: pointer;}

/* Search */

#searchform {margin: 15px 0 0;}
#searchform br {display: none;}
#searchform #s {border:0px solid #202020;width: 145px;height: 20px;padding: 4px 5px 0px 5px;border: 1px solid #ffffff;background: #ffffff;margin-right: 0px;margin-left: 1px;color: #000000;font-weight: normal;}
#searchform input { border-color: #ffffff; border-width: 0px; border-style: solid; background-color: #202020;width: 37px;height: 28px;font:22px ;color: #888888;vertical-align: middle; -moz-border-radius: 3px;-webkit-border-radius: 3px;}

/* Footer */

#footer {text-transform: uppercase; clear: both;border-top: 4px solid #202020;background: #000000;padding:10px 10px 0px 10px;height: 20px;font-size: 8pt;color: #ffffff;}
#footer a {text-decoration: none;font-size: 8pt;color: #ffffff;}
#footer a:hover {color: #ffff00;}
.center {text-align: center;}

/* Fix floats */

img {border: none; align:center;}
form {margin:0px;padding:0px;}
p {padding: 0px 0px 15px;margin: 0px;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* image caption */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* scroll pane */

.scroll-pane {

		overflow: hidden;
		float: left; }	  
		
#pane1 {
 width:300px; height: 120px;
		font-family: Arial;
		font-size: 8pt;
		letter-spacing: normal; }	
.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;	}

.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: #999;	}
		
.jScrollPaneDrag {
		position: absolute;
		background: #bbb;
		cursor: pointer;
		overflow: hidden;}
		
.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;}
		
.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden; }

a.jScrollArrowUp {
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		background-color: #666;
		height: 9px; }
		
a.jScrollArrowUp:hover {
		background-color: #000; }
	
a.jScrollArrowDown {
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		background-color: #666;
		height: 9px; }
		
a.jScrollArrowDown:hover {
		background-color: #000;	}
		
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
		background-color: #000; }