/*
Theme Name:DOODS
Theme URI:http://doodism.com
Description:exclusively developed for the comic strip "Doods"
Author:Steve
Author URI:http://missilefoot.com/
Version:1.0
*/

/* STANDARD TAGS */

body {
 position:relative;
	margin:75px 0 0 0;
 background-color:#070909;
	color:#333333;
	font-size:12px;
	font-family:'Arial', sans-serif;
	text-shadow:#000000 0 0 0; /* Lighten Safari's heavy fonts */
	}

a {
	color:#ffffff;
 text-decoration:underline; }
a:hover {
	color:#ffffdd; }
a:focus {
	outline:none; }
a img {
	border:none;	}
  
div#page {
 position:relative;
	width:710px;
	margin:0 auto;
 padding:0 60px; }

div#nav {
 position:absolute;
 top:-75px;
 padding:0 3px 0 0;
 width:707px;
 height:30px;
 background:#dddddd;
 cursor:default;
 text-align:right; }

div#nav span a {
 color:#000000;
 text-decoration:none; }
 
div#nav span a:hover {
 color:#000000; }
 
div#nav span {
 font-size:10px;
 font-weight:bold;
 color:#000000;
 display:inline-block;
 padding:8px 10px;
 cursor:pointer;
 text-transform:lowercase; }

div#nav span:hover {
 background:#ffffff; }


h1 {
 display:inline;
 margin:0 0 5px 0;
 padding:0;
 color:#ffffff;
	text-align:left;
 width:300px;
 line-height:21px; }
h2.description {
 margin:0;
	padding:0 0 0 7px;
 color:#999999;
	font-size:12px;
 letter-spacing:2px;
	text-align:left;
 cursor:default;	}
p.footer {
	padding:0 0 10px 7px;
 color:#999999;
	font-size:10px;	}

p {
	margin:12px 0 0 0;	}

img {
	max-width:100%;
	padding:0;	}
 
span.arrow {
 display:block;
 margin:0;
 padding:0;
 width:60px;
 height:60px;
 position:absolute;
 top:0; left:0;
 cursor:pointer; }
 
span#arrow-prev {
 background-image:url(images/arrow-prev-off.gif); }
span#arrow-prev:hover {
 background-image:url(images/arrow-prev-on.gif); }
span#arrow-next {
 left:296px;
 background-image:url(images/arrow-next-off.gif); }
span#arrow-next:hover {
 background-image:url(images/arrow-next-on.gif); }

div.viewer {
 position:relative;
 width:710px;
 background:#333333;
 margin:10px 0 0 0; }
 
div.viewer img {
 position:relative;
 z-index:10; }

div.viewer img.loader {
 z-index:9;
 position:absolute;
 top:270px; left:340px; }

div#story { font-size:18px; font-family:Georgia; background:#ffffff; color:#333333; padding:0 24px 24px 24px; }

div#story p {
 padding-top:24px; margin-top:0;
}
 
div#comments {
 position:relative;
 display:block;
 background:#dddddd;
 width:610px;
 margin:3px 0 0 0;
 padding:20px 50px 70px 50px;
}

div#comments:hover {
 background:#ffffff; }

h3 {
 position:relative;
 margin:3px 0 0 0;
 padding:6px 12px;
 font-size:10px;
 color:#000000;
 background:#dddddd;
 font-weight:normal; }
 
h3 a, h4 a, div#mf-comments a {
 color:#006699;
 text-decoration:none; }
h3 a:hover, h4 a:hover, div#mf-comments a:hover {
 color:#3399CC; }
 
h3 span.comments {
 position:absolute;
 right:10px; }

h4 {
 position:relative;
 margin:3px 0 0 0;
 padding:6px 12px;
 font-size:10px;
 color:#000000;
 font-weight:normal; }
 
div.notes { display:none;
 background:#dddddd; padding:6px 12px; }
 
p.date { }

div.credit {
 position:absolute;
 top:-75px;
 left:0;
 width:30px;
 height:36px;
 background-image:url(graphics/mfc-mark-tag-off.png);
 background-repeat:no-repeat;
 background-position:right bottom; }

div.credit:hover {
 width:60px;
 height:90px;
 background-image:url(graphics/mfc-mark-tag.png); }
 
 #sidebar { display:none; }
 
#wp-calendar {
 position:absolute;
 top:-34px; right:70px;
 font-size:10px;
 line-height:10px;
 color:#999999; }
 
#wp-calendar caption {
 font-size:12px;
 font-weight:bold;
 text-transform:uppercase;
 margin:0 0 4px 0;
 color:#dddddd; }
 
div#mf-comments {
 background:#ffffff; }
 
.commentlist {
 margin:3px 0 0 0;
 padding:6px 12px;
 list-style:none; }
.commentlist li {
 position:relative;
 padding:20px 6px 6px 6px; }
.commentlist li p {
 margin:6px 0 0 0; padding:0; }
 
li.odd {
 background:#eeeeee; }

.comment-author { font-size:12px; font-weight:bold; margin:4px 0 0 0; padding:0 0 3px 0;
 border-bottom:1px dashed #cccccc; }
 
.comment-meta {
 position:absolute; 
 top:17px; left:17px; font-size:10px; }
 
.comment-body {
  padding:6px 0 0 9px;
  margin:0 0 12px 0;
  border-left:solid 2px #cccccc;
}

.comment-body p {
  padding:2px 0 0 9px;
}
 
h4.headro {
 font-size:18px; margin:0 0 0 12px; padding-top:24px; }
 
div#mf-comments form {
 width:500px; padding:0 24px 36px 24px; }
 
.addtoany_subscribe {
 position:absolute;
 top:4px; right:129px; margin:0;
}

.addtoany_share_save {
 position:absolute;
 top:4px; right:90px; margin:0;
}