/*  

Theme Name: Drunk Loser

Theme URI: http://www.jonwaraas.com

Description: Drunk Loser

Version: 1.0

Author: Jon Waraas

Author URI: http://www.jonwaraas.com

*/



/* Generic Styles */

body { background: #323232; text-align: center; margin: 0px; padding: 0px; color: #FFFFFF; font-family: arial, tahoma, verdana, helvetica, sans-serif, sans; }

a { color: #A4CB39; text-decoration: none; }



/* Wraps and Grunge */

#site_wrap { width: 998px; margin: 0px auto; background: url(images/grunge_bottom_left.gif); background-position: bottom left; background-repeat: no-repeat; }

#grunge_left { width: 98px; float: left; clear: both; }

#grunge_right { width: 98px; height: 650px; background: url(images/grunge_right.gif); background-position: top left; background-repeat: no-repeat; float: left; }

#grunge_bottom { clear: both; }

#wrap { width: 800px; background: #000; text-align: left; float: left; border-left: 2px solid #000; }

#content_wrap { float: left; width: 602px; margin-left: 2px; margin-bottom: 12px; border-right: 1px solid #323232; }



/* Banner and Menu */

#banner { position: relative; z-index: 100; height: 115px; width: 800px; background: url(images/banner.); }

#banner h1 { display: none; }

#banner img { border: 0; margin-left: 5px; }

#banner ul {list-style: none; padding: 0; margin: 0; max-height: 13px; padding-top: 28px; padding-left: 2px; }

#banner ul li { position: relative; z-index: 200;   float: left; }

.menu_divider { display: block; width: 1px; height: 79px; background: #323232; }

.menu_item { display: block; width: 140px; height: 13px; margin-top: 30px; }

.menu_item a:link, .menu_item a:visited { font-size: 14px; font-weight: bold; color: #fff; letter-spacing: -1px; }

.menu_item a:hover { color: #A4CB39; }

.menu_item a img { margin-right: 5px; }





/* --- logo image styles ---*/

.logo {

	width:800px;

	height: 115px;  

	position: absolute; 

	left: 0; 

	top: 0; 

	font-size: .1em

	z-index: -200;

}

.logo span {

	background: #fff url(images/banner.gif) top left no-repeat; 

	position: absolute; 

	left: 0; 

	top: 0; 

	display: block; 

	width: 800px;

	height: 115px;

	cursor: pointer;

}

.logo a:link, .logo a:visited, .logo a:hover  {

	color: #F4F3DB; 

	text-decoration: none;

}



/* Rotating Image */

#image { float: left; }

#image .imgspacer { margin-top: 15px; margin-bottom: 2px; }



/* Content and News Title */

#content { width: 599px; float: left; clear: left; font-size: 13px; }

#news_title { width: 599px; height: 22px; background: url(images/title_pattern.gif); margin-bottom: 5px; }



/* Navigation */

#navigation {position: relative; z-index: 200;  width: 190px; float: right; margin-right: 2px; font-weight: bold; font-size: 13px; }

#navigation ul li a {  max-height: 22px; width: 190px; padding: 4px 4px; }

#navigation ul li a span { padding-top: 5px; }

#navigation a:link, #navigation a:visited { color: #FFFFFF; }

#navigation a:hover { color: #A4CB39; background: #323232; }

#navigation a:hover img { color: #A4CB39; background: none; }

#navigation ul { list-style: none; margin: 0px 0 10px 0; padding: 0px; text-align: left; }

#navigation ul li { margin-top: 7px; }

.nav_title { width: 190px; height: 22px; background: url(images/title_pattern.gif); }



/* Footer and Copyright */

#footer { clear: both; min-height: 50px; border-top: 1px solid #323232; width: 792px; margin: 0px 4px; color: #FFFFFF; font-size: 13px; padding-top: 10px; padding-bottom: 5px; }

#copyright { height: 35px; width: 800px; background: url(images/copyright.gif); clear: both; }

#copyright h1 { display: none; }



/* Stuff From Bloggers base-weblog */



.date-header

{

	margin: 0;

	padding-top: 10px;

	color: #666;

	background: url('http://www.jonwaraas.com/images/date-header-bg.gif') repeat-x;

	font-size: 12px;

	font-weight: bold;

	text-transform: uppercase

}



.entry-header

{

	margin: 10px 0;

	padding: 0;

	color: #A4CB39;

	font-size: 18px;

	font-weight: bold;

}



.entry-content { margin: 0; }

.entry-more-link { font-weight: bold; }



.entry-footer

{

	margin: 0 0 20px 0;

	border-top: 1px solid #1a2936;

	padding-top: 2px;

	color: #666;

	font-weight: normal;

}



.content-nav { margin-top: 0; }





/* content */



.content-nav

{

	margin: 10px;

	text-align: center;

}



.date-header,

.entry-content

{

	position: static;

	clear: both;

}



.entry,

.trackbacks,

.comments,

.archive

{

	position: static;

	overflow: hidden;

	clear: both;

	width: 100%;

	margin-bottom: 20px;

}



.entry-content,

.trackbacks-info,

.trackback-content,

.comment-content,

.comments-open-content,

.comments-closed

{

	clear: both;

	margin: 5px 10px;

}



.entry-excerpt,

.entry-body,

.entry-more-link,

.entry-more

{

	clear: both;

}



.entry-footer,

.trackback-footer,

.comment-footer,

.comments-open-footer,

.archive-content

{

	clear: both;

	margin: 5px 10px 20px 10px;

}



.comments-open label { display: block; }



#comment-author, #comment-email, #comment-url, #comment-text

{

	width: 240px;

}



#comment-bake-cookie

{

	margin-left: 0;

	vertical-align: middle;

}



#comment-post

{

	font-weight: bold;

}



img.image-full { width: 100%; }



.commentform {

	margin-left: 30px;

}



.credit {

	text-align: center;

	padding: 0 0 10px 0;

}

.credit a {

	color: #fff;

	font-size: 13px;

}



#content p, #footer p { 

     padding: 0 10px 0 10px; 

} 

.date, #content h1, #content h2, #content h3 { 

     margin-left: 10px; 

} 

img, a img, img a { 

     border: none; 

}