/*
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:#000000;
	color:#333333;
	font-size:12px;
	font-family:'Arial', sans-serif;
	text-shadow:#000000 0 0 0; /* Lighten Safari's heavy fonts */
	}
 
div#page {
 position:relative;
	width:710px;
	margin:0 auto;
 padding:0; }

a {
	color:#ffffff;
 text-decoration:underline; }
a:hover {
	color:#ffffdd; }
a:focus {
	outline:none; }
a img {
	border:none;	}
 
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; }

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:20px; }
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;	}
 
img.arrow {
 position:absolute;
 top:0; left:0;
 cursor:pointer; }
 
img#arrow-next {
 left:296px; }

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

img.loader {
 z-index:9;
 position:absolute;
 top:82px; left:340px; }
 
div#news {
 position:relative;
 display:block;
 background:#ffffff;
 width:610px;
 margin:3px 0 0 0;
 padding:20px 50px 70px 50px;
}

div#news a {
 color:#0066cc; }

div#news a:hover {
 color:#003399; }

h3 {
 text-transform:uppercase;
 margin:28px 0 0 0;
 padding:0 0 8px 0;
 font-size:18px;
 color:#000000;
 border-bottom:3px dotted #cccccc; }
 
h3 a {
 font-size:10px;
 font-weight:normal;
 text-transform:lowercase;
 position:relative;
 top:-4px; left:8px; }
 
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); }