/*

Theme Name: Decayed

Theme URI: 

Version: 1.0

Description: A dark trash style two-column Wordpress theme. 

Author: Viktor Persson

Author URI: 

*/



/* standard elements */

html {min-height: 100%;}



* {

	margin: 0;

	padding: 0;

}



a {color: #CC3;}

a:hover {color: #FF3;}



body {

	background: #000 url('img/body.gif') no-repeat; /*  url(img/bg.jpg) repeat-x; */

	color: #DDD;

	font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;

	padding-left: 90px;

}



p,code,ul,ol {padding-bottom: 1.2em;}



h1 {

	color: #CCC;

	font: normal 2em Impact,sans-serif;

}

h1 a {

	color: #000;

	text-decoration: none;

}

h1 a:hover {

	color: #F00;

}



h2 {font: normal 1.8em Tahoma,sans-serif;}



h1,h2 {padding-top: 6px;}



blockquote {

	color: #CCA;

	display: block;

	font-weight: bold;

	padding-left: 28px;

}



img {border: none;}



img.right {margin: 5px 0 5px 12px;}

img.left {margin: 5px 12px 5px 0;}

img.border {

	background: #555;

	display: block;

	padding: 3px;

}



/* misc */

.clearer {

	clear: both;

	font-size: 0;

}



.left {float: left;}

.right {float: right;}



.decay {

	background: url('img/decay.gif') no-repeat left center;

	color: #000;

	font: normal 2em Impact,sans-serif;

	letter-spacing: 1px;

	padding: 0 0 12px 22px;

}

h2.decay {

	background: url('img/decay-small.gif') no-repeat left center;

	padding-top: 6px;

}



p.postinfo {

	border-top: 1px dashed #333;

	color: #666;

	font: bold 0.9em sans-serif;

	margin-bottom: 24px;

	padding: 8px;

}

p.postinfo a {color: #888;}

p.postinfo a:hover {color: #CCC;}



.descr {

	color: #8DC63F;

	margin-bottom: 6px;

}



/* structure */

#container {

	font-size: 1.3em;

}



/* title */

#site-title {font: normal 3em Tahoma,sans-serif;}

#site-title a {

	color: #DDD;

	text-decoration: line-through;

}

#site-title a:hover {

	color: #FFF;

	text-decoration: none;

}

#site-description {color: #CCC;}



/* content */

#content {

	left: 360px;

	position: absolute;

	top: 90px;

	width: 610px;

}

#content li {margin-left: 18px;}



/* navigation */

#navigation {

	left: 120px;

	position: absolute;

	top: 290px;

	width: 210px;

}

#navigation h2 {

	color: #000;

	font-size: 1.5em;

	letter-spacing: 0;

	line-height: 30px;

	margin: 0;

}

#navigation ul {margin: 0 0 0 1em;}

#navigation li {list-style: none;}

#navigation li a {

	color: #777;

	font-size: 1.1em;

	line-height: 1.5em;

	text-decoration: none;

}

#navigation li a:hover {color: #8DCA3F;}



/* archives */

.post h1 a {color: #A00;}

.post h1 a:hover {color: #F00;}

.post .descr {color: #AAA;}

.post .descr a {color: #CCC;}

.post .descr a:hover {color: #FFF;}



/* footer */

#footer {

	border-top: 1px dashed #333;

	color: #666;

	font: normal 0.9em sans-serif;

	position: absolute;

	top: 100%;

	width: 100%;

}

#footer a {

	color: #999;

	text-decoration: none;

}

#footer a:hover {

	color: #CCC;

	text-decoration: underline;

}

#footer .left, #footer .right {padding: 10px 0;}

#footer .right a {color: #777;}



/* comments */

.content ol li {

	background: none;

}



.commentlist {margin: 0; padding: 0;}

.commentlist li {

	margin-bottom: 1.2em;

	list-style: decimal;

}

#commentform {

	margin: 1em 0;

	background: #000;

	width: 360px;

}

.commentmetadata {

	color: #6DA61F;

	padding: 2px 0 4px;

}

.commentmetadata a {

	color: #8DC63F;

	text-decoration: none;

}

.commentmetadata a:hover {text-decoration: underline;}



/* forms */

textarea.styled {width: 280px;}



.styled {

	background: #DDD;

	border: 1px solid #F60;

	font: normal 1em Verdana,sans-serif;

	padding: 2px;

}

.styled:hover {background: #EEE;}

.styled:focus {background: #FFF;}



#commentform input {margin-bottom: 3px;}



/* calendar */

#wp-calendar {color:#A0A0A0;}



#navigation table caption {border-bottom-color:#000;}



#navigation table thead tr {

  border-bottom-color:#000;

  color:#A53512;

}



#navigation table th {border-bottom-color:#000;}



#navigation table td#today {

  border-color:#000;

  color:#A53512;

}



#navigation table td a {

  border-bottom-color:#000;

  background-color:#EDF3DE;

}



#navigation table tfoot {border-top-color:#000;}

#navigation table tfoot a {background:none;}



#wp-calendar {

  /* display: inline-table; */

  border-collapse:collapse;

  width:185px;

  margin:0px 10px 0 10px;

  text-align:center;

}



#navigation table caption {

  margin: -5px 10px 0 10px;

  padding-bottom: 5px;

  border-bottom: 1px solid;

  letter-spacing: 0.1em;

}



#navigation table thead tr {border-bottom:1px solid;}



#navigation table th {border-bottom:1px solid;}



#navigation table td {

  width: 225px; /* maximaize width; honestly, I don't know much about tables... */

  padding: 1px;

  font-size: 0.9em;

}



#navigation table td#today {

  padding: 0;

  border: 1px solid;

  font-size: 1em;

  font-weight: bold;

}



#navigation table td a {

  display: block;

  border-bottom: 1px solid;

  font-weight: bold;

  font-size: 1.15em;

}



#navigation table tfoot {border-top:1px solid;}

#navigation table tfoot a {

  border: none;

  font-weight: bold;

}

#navigation table tfoot #prev a {text-align:left;}

#navigation table tfoot #next a {text-align:center;}



/* search form */

#searchform {padding: 0 10px;}

#searchform input.sfield {

	border: 1px solid #F60;

	padding: 2px;

	width: 120px;

}