/*
Theme Name: foobar (based on Contaminated)
Version: 1.0
Description:  A trash style website template based on template from Arcsin.se
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com
*/


/*#############################################################
Name: Foobar
Date: 2007-01-04
Description: A trash style website template
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
html {min-height: 100%;}

* {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

a {
    color: hsl(100, 60%, 50%);
}

a:hover {
    color: hsl(100, 12%, 50%);
}

body {
    background: hsl(0, 0%, 7%) url(img/bg.jpg) repeat-x;
    color: hsl(0, 0%, 87%);
    font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
}

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

h1 {
    font: normal 1.8em Tahoma,sans-serif;
    margin-bottom: 4px;
}

h2 {
    background: url(img/stripes.gif) repeat-x left bottom;
    color: hsl(0, 0%, 87%);
    font: normal 2em Impact,sans-serif;
    margin-bottom: 8px;
    padding-bottom: 11px;
    letter-spacing: 1px;
}

.post h2 a, post h2 a:visited {
    text-decoration:none;
    color: hsl(0, 0%, 87%);
}

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

blockquote {
    color: hsl(210, 60%, 90%);
    background: hsl(210, 60%, 10%);
    font-weight: bold;
    padding: 0.2em 1em;
    margin-left: 2em;
    margin-right: 2em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid hsl(210, 12%, 50%);
    margin-bottom: 1em;
}

blockquote p {
    padding: 0;
}

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

/* misc */
.clearer {
    clear: both;
    font-size: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* structure */
.wrapper {
    font-size: 1.3em;
    margin: 0 auto;
    width: 780px;
}

.container {
    background: url(img/header.gif) no-repeat center top;
}

/* title */
.title {
    font: normal 3em Tahoma,sans-serif;
}

.olive {
    color: hsl(100, 60%, 50%);
}

/* sub navigation */
.sidenav {
    background: url(img/sidenav.gif) no-repeat right top;
    padding-top: 126px;
    float: right;
    width: 210px;
}

.sidenav h2 {
    color: hsl(100, 60%, 50%);
    font-size: 1.4em;
    line-height: 30px;
    margin: 0;
}

.sidenav ul {
    padding: 0.5em 0 0 0.5em;
}

.sidenav li {
    list-style: none;
}

.sidenav li a {
    font-size: 1.1em;
    line-height: 1.5em;
    color: hsl(210, 12%, 50%);
    text-decoration: none;
}

.sidenav li a:hover {
    color: hsl(210, 60%, 60%);
}

/* content */
.content {
    float: left;
    margin: 10px 0;
    padding-top: 32px;
    width: 531px;
}

.content .descr {
    margin-bottom: 6px;
}

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

/* footer */
.footer {
    background: url(img/bgfooter.gif) repeat-x;
    border-top: 1px dashed #333;
    color: hsl(0, 0%, 52%);
    font: normal 0.9em sans-serif;
    padding: 10px 0 16px;
    clear: both;
}

.footer a {
    color: hsl(100, 60%, 30%);
    text-decoration: none;
}

.post {
    margin:0 0 25px 0;
}

.post .info {
    padding:2px 3px 3px 8px;
    font-size:0.9em;
    color: hsl(100, 60%, 50%);
}

.post .info a, .post .info a:hover , .post .info a:visited {
    text-decoration:none;
}

#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
}

#commentform {
    margin: 1em 0;
    background: #000;
    width: 280px;
}

#commentform textarea {
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
}

#commentform textarea:hover {
    background: #FFFFFF;
    border: 1px solid #d6d3d3;
}

#commentform textarea:focus {
    background: #ffffff;
    border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #d6d3d3;
    width: 280px;
}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #939793;
    width: 280px;
}

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

P.admonition, DIV.admonition {
   margin-left: 5em;
   margin-right: 5em;
   padding: 0.5em 0.8em;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   margin-bottom: 1em;
}

P.note, DIV.note {
   border: 1px solid hsl(210, 60%, 40%);
   background-color: hsl(210, 60%, 10%);
}

P.warning, DIV.warning {
   border: 1px solid hsl(100, 60%, 40%);
   background-color: hsl(100, 60%, 10%);
}

TT {
   border: 1px solid hsl(0, 0%, 17%);
   background: 1px solid hsl(0, 0%, 11%);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 0 0.5em;
}

DEL {
   color: hsl(0, 0%, 34%);
}

.author_gravatar {
   float: right;
   -moz-box-shadow:    3px 3px 3px #000;
   -webkit-box-shadow: 3px 3px 3px #000;
   box-shadow:         3px 3px 3px #000;
}

.index_gravatar {
   float: right;
   -moz-box-shadow:    3px 3px 3px #000;
   -webkit-box-shadow: 3px 3px 3px #000;
   box-shadow:         3px 3px 3px #000;
}

.index_gravatar IMG {
   vertical-align: top;
}

DL {
  margin-bottom: 2em;
}

DT {
  font-weight: bold;
  font-style: italic;
  border-bottom: 1px solid #555;
  margin-top: 0.5em;
}

DD {
  margin-left: 1em;
  border-left: 1px solid #555;
  padding-left: 0.5em;
}