/*
Theme Name: Pound It
Theme URI: http://thescoundrels.net/
Version: 0.0.1
Author: Gibson Starkweather
Author URI: http://sixtytwofive.com/
*/

/* ATTENTION ATTENTION
 * ATTENTION ATTENTION
 * PLEASE MODIFY THIS LINE WHEN YOU SAVE THE FILE SO WE CAN
 * KEEP TRACK OF DREAMHOST'S REVERTING
 ##################################
 ## Last modified 08/27/2010 11:49 AM PST ##
 #################################
 */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}navul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

body {
  color: #000;
  background: #212121;
}

blockquote {
	font-family: serif;
	margin-left:20px;
	font-size:12px;
	font-style:italic;
}

.post h1 {
	padding-top:10px;
	padding-bottom:15px;
}

blockquote .bqsig {
	text-align:right;
}

#outside {
  background: #fff url(images/grad_menu_back.gif) repeat-x center top;  
}

#container {
  width: 911px;
  margin: 0 auto;
}

#header {
  height: 92px;
}

#header h1 {
  font-size: 34px;
  font-family: Verdana, sans-serif;
  position: relative;
  font-weight: normal;
  left: 200px;
  top: 30px;
}

#header img {
  position: relative;
  left: -35px;
  top: -21px;
}

#navigation {
  padding: 19px 0 0 210px;
  height: 61px;
  position: absolute;
  top: 92px;
}

#navigation ul li {
  display: inline;
  list-style-type: none;
}

#navigation ul li a {
  color: #fff;
  font-family: Verdana, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
}

#navigation ul li a:hover {
  text-decoration: underline;
}

#navigation ul li:before {
  content: " | ";
  color: #fff;
  font-family: Verdana, sans-serif;
  font-size: 20px;
  margin: 0 10px;
}

#navigation ul li:first-child:before {
  content: "";
  margin: 0;
}

#content {
  width: 911px;
  margin-top: 62px;
  background: url(images/content_back.png) repeat-y center top;
}

#inside {
  padding: 88px 20px 20px 20px;
  float: left;
  width: 871px;
}

#inside .post a.title {
  text-decoration: none;
  display: block;
  color: #000;
}

#inside .post a.title h3 {
  font-family: Verdana, sans-serif;
  font-size: 25px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #ccc;
}

#inside .post a.title h2 {
  font-family: Verdana, sans-serif;
  font-size: 35px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #ccc;
}

#inside .post a:hover {
  text-decoration: underline;
}

#inside .post .content img.excerpt {
  float: left;
  margin: 0 12px 0 0;
}

#inside .post .content img {
  float: left;
  margin: 12px 12px 12px 0;
}

#inside .post .content p {
  font-family: Verdana, sans-serif;
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
  padding-bottom: 15px;
}

#inside .post .content li {
	margin-left:45px;
	margin-bottom:15px;
}

#inside .post .content blockquote {
	font-style: monospace;
	margin-left:45px;
}

#inside .post .content h1 {
	font-size: 24px;
}

#inside .post .content h2 {
	padding-top:10px;
	padding-bottom:10px;
	font-size:20px;
}

#inside .post .date {
  position: relative;
  float: left;
  width: 57px;
  height: 44px;
}

.month, .day, .year {
  background: url(images/date_sprites.gif) no-repeat;
  position: absolute;
  text-indent: -1000em;
}

.month {
  width: 38px; height: 20px; bottom: 0; right: 0;
}

.day {
  width: 38px; height: 24px; top: 0; right: 0;
}

.year {
  top: 0; left: 0; width: 19px; height: 44px;
}

.post .by {
  font-size: 12px;
  font-family: Verdana, sans-serif;
  margin: 3px 0 0 0;
  text-shadow: 1px 1px 0px #ddd;
}

.post .by .who a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.post .by .tags {
  margin-left: 5px;
  color: #555;
  font-style: italic;
}

.post .by .tags a {
  color: #555;
  text-decoration: none;
}

.post hr {
  border: none;
  height: 1px;
  background: #bfbab0;
}

.post .content {
  margin-left:15px;
} 

#sidebar {
  background: url(images/sidebar_back_slide.png);
  margin-left: 3px;
  width: 292px;
  float: right;
  /* height: 438px; */
  position: relative;
  top: -75px;
  padding: 33px 0 0 0px;
  z-index:100;
}

#sidebar .inside {
  background: url(images/sidebar_back_bottom.png) no-repeat bottom left;
  display: inline-block;
  width: 266px;
  margin-bottom: -49px;
  padding-bottom: 53px;
  padding-left: 26px;
}

#sidebar ul.categories, ul.links {
  margin-left: 20px;
}

#sidebar ul.categories li {
  font-family: Verdana, sans-serif;
  margin-top: 12px;
  background: url(images/sidebar_list_back.png) no-repeat 0 5px;
  padding-left: 14px;
  font-size: 12px;
  list-style-type: none;
}

#sidebar ul.links li {
  font-family: Verdana, sans-serif;
  margin-top: 12px;
  background: url(images/sidebar_list_back.png) no-repeat 0 5px;
  padding-left: 10px;
  font-size: 13px;
  list-style-type: none;
}

#sidebar ul.categories li a {
  color: #000;
  text-decoration: none;
}

#sidebar ul.links li a {
  color: #000;
  text-decoration: none;
}

#sidebar ul.categories li a:hover {
  text-decoration: underline;
}

#sidebar ul.links li a:hover {
  text-decoration: underline;
}

#sidebar h2.categories {
  text-indent: -1000em;
  width: 237px;
  height: 37px;
  margin-bottom: 3px;
}

#sidebar h2.links {
  text-indent: -1000em;
  width: 237px;
  height: 37px;
  margin-bottom: 3px;
}

#sidebar h2.categories {
	background: url(images/sidebar_categories_head.png) no-repeat;
}

#sidebar h2.links {
	background: url(images/sidebar_links_head.png) no-repeat;
}

#footer {
  height: 295px;
  width: 911px;
  margin: 0 auto;
  background: url(images/footer_back.gif) no-repeat;
  color: #666;
  text-shadow: 1px 1px 0px #000;
}

#footer .center {
  margin-top:3px;
  text-align:center;
}

#footer a {
  color: #8c8c8c;
  text-decoration: none;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

#contact, #tweetfeed {
  margin-top: 58px;
  height: 210px;
}

#blurb {
  margin-top:15px;
  float: left;
  width: 273px;
  padding: 0 15px 0 15px;
}

#blurb p {
  font-size: 11px;
  line-height: 13px;
  text-align: justify;
}

#contact {
  float: left;
  width: 268px;
  padding: 0 0 0 35px;
  font-size: 12px;
}

#contact li {
  list-style-type: none;
}

#tweetfeed {
  float: right;
  width: 268px;
  padding: 0 0 0 35px;
  text-align: right;
}

#tweetfeed h2 {
  font-weight: normal;
}

#tweetfeed .tweet {
  font-size: 12px;
  margin-top: 12px;
  line-height: 13px;
}

#contact h2 {
  font-style: italic;
  font-size: 16px;
  font-weight: normal;
}

#contact ul {
  margin-left: 20px;
}

#contact ul li {
  margin-top: 7px;
  padding-left: 25px;
  line-height: 20px;
}

/*#contact ul li a {
  color: #fff;
  text-decoration: none;
}*/

li.address { background: url(images/contact_address.gif) no-repeat; }
li.phone { background: url(images/contact_phone.gif) no-repeat; }
li.email { background: url(images/contact_email.gif) no-repeat; }
li.skype { background: url(images/contact_skype.gif) no-repeat; }

#extra {
  clear: both;
  float: right;
  font-size: 13px;
  font-style: italic;
}

#extra li {
  display: inline;
}

#extra li:before {
  content: " | ";
}

#extra li:first-child:before {
  content: "";
}

#copyright {
  float: left;
  font-size: 13px;
  font-style: italic;
}

a.read {
  background: url(images/read_arrow.gif) right 4px no-repeat;
  padding-right: 22px;
  float: left;
  font-size: 12px;
  font-family: Verdana, sans-serif;
  color: #000;
  text-decoration: none;
  padding-top: 2px;
}

.clearfix {
  clear: both;
}

#four {
	background: transparent url(images/404.png) top center no-repeat;
}

#oops {
	font-family: Verdana, sans-serif;
	text-align:center;
}

#comments {
	padding-top:15px;
}

#comments, .commentlist, .comment li {
	padding-left:30px;
	padding-top:5px;
	font-size:14px;
	font-family: Verdana, sans-serif;
}

.commentlist ol li {
	width:600px;
	list-style-type:none;
}

#respond {
	padding-top:15px;
	padding-left:30px;
}

#respond textarea {
	font-size:14px;
	font-family: Verdana, sans-serif;
	background: #f2e9d8;
	border: 1px dashed #363636;
	width:610px;
	padding-top:10px;
}

.comment-author img {
	float:right;
}

.comment-meta {
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
}

.comment {
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	width:600px;
	border-bottom: 1px solid #DADADA;
}

.even {

}

.odd {
	background:#f8efdf;
}

#oops h1 {
	font-size: 3em;
}

#oops p {
	font-family: Verdana, sans-serif;
	font-size: 2em;
}

#spaceme {
	text-align:center;
	padding:30px;
}


/* Date sprites */

.y2020 { background-position: 0 0; }
.y2019 { background-position: 0 -50px; }
.y2018 { background-position: 0 -101px; }
.y2017 { background-position: 0 -152px; }
.y2016 { background-position: 0 -206px; }
.y2015 { background-position: 0 -256px; }
.y2014 { background-position: 0 -306px; }
.y2013 { background-position: 0 -357px; }
.y2012 { background-position: 0 -408px; }
.y2011 { background-position: 0 -458px; }
.y2010 { background-position: 0 -508px; }
.y2009 { background-position: 0 -557px; }
.y2008 { background-position: 0 -608px; }
.y2007 { background-position: 0px -658px; }
.y2006 { background-position: 0px -708px; }

.m01 { background-position: -54px 0; }
.m02 { background-position: -54px -25px; }
.m03 { background-position: -54px -48px; }
.m04 { background-position: -54px -71px; }
.m05 { background-position: -54px -94px; }
.m06 { background-position: -54px -117px; }
.m07 { background-position: -54px -140px; }
.m08 { background-position: -54px -163px; }
.m09 { background-position: -54px -186px; }
.m10 { background-position: -54px -209px; }
.m11 { background-position: -54px -232px; }
.m12 { background-position: -54px -255px; }

.d01 { background-position: -18px 0; }
.d02 { background-position: -18px -23px; }
.d03 { background-position: -18px -46px; }
.d04 { background-position: -18px -69px; }
.d05 { background-position: -18px -92px; }
.d06 { background-position: -18px -115px; }
.d07 { background-position: -18px -138px; }
.d08 { background-position: -18px -161px; }
.d09 { background-position: -18px -184px; }
.d10 { background-position: -18px -207px; }
.d11 { background-position: -18px -230px; }
.d12 { background-position: -18px -253px; }
.d13 { background-position: -18px -276px; }
.d14 { background-position: -18px -299px; }
.d15 { background-position: -18px -322px; }
.d16 { background-position: -18px -345px; }
.d17 { background-position: -18px -369px; }
.d18 { background-position: -18px -391px; }
.d19 { background-position: -18px -414px; }
.d20 { background-position: -18px -438px; }
.d21 { background-position: -18px -460px; }
.d22 { background-position: -18px -483px; }
.d23 { background-position: -18px -507px; }
.d24 { background-position: -18px -529px; }
.d25 { background-position: -18px -553px; }
.d26 { background-position: -18px -575px; }
.d27 { background-position: -18px -598px; }
.d28 { background-position: -18px -621px; }
.d29 { background-position: -18px -644px; }
.d30 { background-position: -18px -667px; }
.d31 { background-position: -18px -690px; }

.steampunk tr {
	border-bottom: 1px dashed gray;
}
.steampunk td {
	font-size:80%;
	padding-top: 6px;
	padding-bottom: 7px;
}
.stleft {
	border-right: 1px dashed gray;
}
.stright {
	padding-left:9px; 
}