/*
Theme Name: v1
Description: The first theme for Drunken Violence comics.
Author: Diana
Version: 1

*/

/* Begin reset */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
font-size:1em;
font-weight:normal;
font-style:normal;
}

ul, ol {
list-style:none;
}

fieldset, img, hr {
border:0;
}

caption, th {
text-align:left;
}

table {
border-collapse:collapse; 
border-spacing:0;
}

td {
vertical-align:top;
}

/* ---------------------- */

span.disappear {
position:absolute;
margin:-9999px;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

body {
background:#fff url('images/bg.jpg') fixed;
color:#333;
font:0.75em helvetica, arial, sans-serif;
line-height:1.5;
text-align:center;
}

div#container {
margin:0 auto;
overflow:hidden;
width:930px;
}

ul#pages {
margin:25px 0 0 auto;
padding:5px 0 0;
overflow:hidden;
width:575px;
}

ul#pages li {
display:block;
float:left;
}

ul#pages a {
padding:5px 15px;
}

div.entry p a, div.entry li a, div.entry blockquote a, h3 a, h4 a, h5 a, h6 a {
color:inherit;
font-weight:700;
}

ul#pages li.about {
margin:7px 0 0 5px;
}

ul#pages li.merch {
margin:7px 5px 0 -10px;
}

ul#pages li.archives {
margin:10px 10px 0 -15px;
}

ul#pages li.comic {
margin:5px 10px 0 0;
}

ul#pages li.home {
margin:15px 15px 0 -20px;
}

h1 {
background:url('images/banner.png') no-repeat;
height:265px;
margin:-80px 0 0;
}

div#content {
border:#333 1px solid;
float:left;
margin:15px 0 0;
text-align:left;
width:600px;
}

div.entry {
background:#fff;
padding:15px;
}

div.postdata {
float:left;
width:140px;
}

div.date {
background:url('images/date.png');
color:#fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
font-size:1.5em;
line-height:1;
overflow:hidden;
margin:-30px 0 0;
padding:10px 15px 5px;
text-shadow:#222 1px 1px 0;
text-transform:uppercase;
width:110px;
}

span.day {
display:block;
float:left;
font-size:2.25em;
margin:-2px 0 0;
width:55px;
}

p.thumbnail {
margin:15px 0 5px;
text-align:center;
}

p.thumbnail img {
border:#222 1px solid;
}

p.author {
color:#333;
font-weight:700;
text-align:center;
}

div.post {
float:right;
width:410px;
}

h2 {
font-size:1.5em;
font-weight:700;
text-transform:uppercase;
}

h2 a {
color:inherit;
}

div.post p {
margin:5px 0 10px;
}

div#sidebar {
background:#fff;
border:#333 1px solid;
float:right;
padding:15px;
width:250px;
}

h3.donate {
text-transform:none;
}

h3 {
font-size:1.25em;
font-weight:700;
text-transform:uppercase;
}

div#sidebar p {
margin:10px 0;
}

div.ad {
background:#000;
height:300px;
margin:15px 0 10px;
}

div#footer {
background:#fff;
border:#333 1px solid;
font-weight:700;
margin:25px auto 15px;
padding:5px;
width:920px;
}

div#footer a {
color:inherit;
}

div#comic {
background:#fff;
border:#333 1px solid;
margin:25px 0;
padding:15px;
}

ul#comicnav {
margin:15px 0 5px;
}

ul#comicnav li {
display:inline;
}

ul#comicnav a {
background:#333;
border:#000 1px solid;
color:#eee;
font-weight:700;
display:inline-block;
padding:5px 15px;
}

ul#comicnav a:hover {
background:#c00;
text-decoration:none;
}

strong {
font-weight:700;
}

em {
font-style:italic;
}

strong em, em strong {
font-style:italic;
font-weight:700;
}

h2, h3, h4, h5, h6 {
margin:7px 0 -3px;
}

h3 {
font-size:1.75em;
}

h4 {
font-size:1.5em;
}

h5 {
font-size:1.25em;
}

h6 {
font-size:1em;
}

blockquote {
border-left:#888 3px dotted;
margin:10px 0;
padding:0 0 0 10px;
}

div.entry ul, div.entry ol {
margin:5px 5px 10px;
}

div.entry ul {
list-style:disc;
padding:0 0 0 10px;
}

div.entry ol {
list-style:decimal;
padding:0 0 0 15px;
}

div.comments {
margin:10px 0 0;
}

div.entry ol.commentlist {
list-style:none;
margin:10px 0 0;
padding:0;
}

ol.commentlist li {
border-bottom:#333 1px solid;
margin:10px 0 0;
padding:10px;
}

ol.commentlist p {
margin:5px 0 10px;
}

ol.commentlist div.comment-author {
font-size:1.5em;
font-weight:700;
margin:0 0 5px;
}

ol.commentlist cite {
font-weight:700;
}

ol.commentlist img {
margin:0 5px 0 0;
vertical-align:middle;
}

div#respond {
margin:10px 0 0;
}