/*
Theme Name: WordPress Classic
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

/*---GLOBAL---*/

body {
	margin: 0;
	background: #000000;
	text-align: center;
	color: #ccc;
	font-family: "Lucida Grande", Arial, "San-serif";
	font-size: 11px;
        /*background-image:url(http://www.johnnyforeignerband.com/wp-content/themes/johnnyforeigner/images/ghost_bg.jpg) no-repeat 284px center;*/
	}

a:link,
a:visited {
	color: #b2e05a;
	text-decoration: none;
	/*--border-bottom: 1px solid #797668;--*/
	}
	
a:hover,
a:visited:hover {
	text-decoration: underline;
	}
	
a img {
	border: 0;
	}

/*---HEADER---*/

#header_wrap {
	height: 284px;
	background: #ffffff /*url(images/header_bg.jpg) repeat-x center top*/;			
	}

#header_container {
	margin: 0 auto;
	width: 615px;
	height: 284px;
	background: url(images/header.jpg) no-repeat center top;
	}
	
a#header_logo {
	width: 259px;
	height: 186px;
	margin: 45px 0 0 0;
	display: block;
	overflow: hidden;
	float: left;
	text-indent: -500px;
	}
		
/*---BODY---*/

#body_wrap {
	min-height: 300px;
	background: url(images/ghost_bg.jpg) repeat-y top center scroll;
	overflow: hidden;
	}
	/*problem*/
#body_container {
	width: 825px;
	overflow: hidden;
	margin: 0 auto 35px auto;
	text-align: left;

}
	/*problem*/
#col_left {
	width: 535px;
	overflow: hidden;
	float: left;
	margin: 25px 0 0 0;
	}
	
#col_right {
	width: 250px;
	overflow: hidden;
	float: right;
	margin: 35px 0 0 25px;
	}
	
.next {
	float: right;
	font-size: 11px;
	}
	
.prev {
	float: left;
	font-size: 11px;
	}
	
.next_prev a {
	background: #0f0b09;
	padding: 5px 7px 6px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #39322c;
	overflow: hidden;
	display: block;
	}

/*---SIDEBAR---*/
	
#search {
	background: #0f0b09;
	padding: 8px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 20px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #39322c;
	overflow: hidden;
	}
		
#search form {	
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#search_input {
	width: 200px;
	background: #0f0b09;
	border: 0;
	color: #fff;
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
#search_button {
	margin: 0;
	padding: 0;
	float: right;
	display: block;
	}
	
#nav_sidebar {
	margin: 5px; 0 5px 0;
        margin-bottom: 20px;
	}

#nav_sidebar a {
	background: #071a2c;
	padding: 5px 4px 6px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #000;
	/*border-bottom: 1px solid #39322c;*/
	overflow: hidden;
	display: inline;
        margin-right: 0px;
        margin-bottom: 10px;
	}

#nav_sidebar a:hover {
	background: #ffffff;
        text-decoration: none;
        color: #000000;
	}


#status_widget {
	margin: 0 0 20px 0;
	}
	
#status_widget p {
	margin: 0;
	line-height: 18px;
	background: #071a2c;
	padding: 8px 10px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #000;
	/*border-bottom: 1px solid #255f92;*/
	}
	
#status_widget a.via {
	width: 80px;
	height: 21px;
	overflow: hidden;
	display: block;
	background: url(images/via_twitter.png) no-repeat;
	margin: 0 0 0 35px;
	text-indent: -500px;
	position: relative;
	top: 0px;
	}
	
#status_widget li#status-press ul {
	margin: 0;
	}
	
h2.widgettitle {
	display: none;
	}

#flickr_widget {
	overflow: hidden;
	margin: 0 0 20px 0;
	}
	
#flickr_badge_uber_wrapper { 
	background: #071a2c; 
	display:block; 
	overflow:hidden; 
	padding:10px 0 0 10px; 
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #000;
	/*border-bottom: 1px solid #2d2723;*/
	}
	
.flickr_badge_image { 
	border: 0; 
	display:block;
	margin:0;
	}
	
.flickr_badge_image img {
	width:70px; 
	height:70px;  
	border: 0; 
	display:block;
	float:left; 
	margin:0 10px 10px 0;
	}
	
.flickr_badge_image a {
	display: block;
	}
	
#flickr_badge_wrapper {
	margin:0;
	}
	
#sidebar ul {
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#sidebar ul h2 {
	font-size: 12px;
	margin: 0 0 5px 0;
	clear: both;
	}
	
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#sidebar ul li h2 {
	font-size: 11px;
	background: #0f0b09;
	padding: 7px 10px 9px 10px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #39322c;
	margin: 0;
	font-weight: normal;
	clear: both;
	display: block;
	text-align: center;
	}
	
#sidebar ul li ul {
	margin: 0 0 20px 0;
	position: relative;
	top: -1px;
	}

#sidebar ul li ul li {
	margin: 0;
	padding: 5px 5px 7px 5px;
	display: block;
	overflow: hidden;
	}	
	
	
/*---ENTRY---*/	
	
.title-container {
	display:block;
	padding:8px 0;
	overflow:hidden;
	}


.post {
	clear:both;
	margin:0 0 20px 0;
	background:url(images/post_divider.gif) repeat-x bottom;
	padding:0 0 20px 0;
	overflow:hidden;
	}
	
.post img {
	margin:5px 10px 10px 0;
	float:none!important;
	background:#0f0b09;
	padding:10px;
	}
	
.post a:link img,
.post a:visited img {
	background:#0f0b09;
	padding:5px;
        float:none!important;
	}
	
.post a:hover img,
.post a:visited:hover img {
	background:#231d1a;
	padding:5px;
	float:none!important;
	}
	
.post p {
	margin:10px 0;
	}
	
.storycontent {
	font-size:11px;
	line-height:18px;
	color:#ccc;
	font-family:"Lucida Grande", "Arial", "san-serif";
	}
		
.storycontent img {
        float: none!important;
        padding:10px;
}

h6.date {
	clear:both;
	font-weight:normal;
	font-size:11px;
	font-family:"Lucida Grande", "Arial", "san-serif";
	color:#666;
	margin:0;
	}
			
.comments {
	background:url(images/comments.png) no-repeat top;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	position:relative;
	top:-4px;
	right:-7px;
	display:block;
	padding:9px 13px 10px 13px;
	float:left;
	text-decoration:none;
	font-family:"Lucida Grande", Arial, "Sans-serif";
	}

.comments a {
        color: #000000!important;
}

h3.storytitle {
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	font-size:26px;
	text-transform: lowercase;
	font-weight:normal;
	font-style:bold;
	display:block;
	float:left;
        border-bottom: 2px dotted #ffffff;
	max-width:500px;
	font-family: Georgia, serif;
	color: #fff;
	}
	
h3.pagetitle {
	margin: 0;
	padding: 0 0 2px 0;
	font-size:26px;
	text-transform: lowercase;
	font-weight:normal;
	font-style:italic;
	display:block;
	float:left;
	max-width:500px;
	font-family: Georgia, serif;
	color: #fff;
	}	

h3.storytitle a:link,
h3.storytitle a:visited {
	text-decoration:none;
	color:#fff;
	}
	
h3.storytitle a:hover,
h3.storytitle a:visited:hover {
	color:#b2e05a;
	}
	
	
/*---FOOTER---*/

#footer_wrap {
	padding: 20px 0 15px 0;
	background: #000000;
	}
	
#footer_container {
	width: 835px; 
	overflow: hidden;
	text-align: left;
	color: #fff;
	margin: 0 auto;
	}
	
#footer_left {
	float: left;
	margin: 8px 0 0 0;
	}
	
#footer_right {
	float: right;
	}
	
/*---COMMENT FORM---*/

input#author, input#email, input#url {
	background: #000000;
	padding: 8px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 7px 0px 0;
	border-top: 1px solid #000;
	border-left: 0;
	border-right: 0;
	color: #fff;
	font-size: 11px;
	}

textarea#comment {
	background: #0f0b09;
	padding: 8px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 7px 0px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #39322c;
	border-left: 0;
	border-right: 0;
	color: #fff;
	font-size: 11px;
	width: 530px;
	}
	
ol.commentlist {
	margin: 0 0 50px 0;
	padding: 0;
	list-style: none;
	}
	
li.comment-item {
	margin: 0 0 20px 0;
	list-style: none;
	display: block;
	overflow: hidden;
	}
	
.comment-bubble {
	background: #0f0b09;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #39322c;
	border-left: 0;
	border-right: 0;
	padding: 10px 10px 0 10px;
	font-size: 11px;
	margin: 0;
	overflow: hidden;
	}
	
	
.comment-bubble p {
	margin: 0 0 10px 0;
	line-height: 16px;
	}
	
.comment-arrow {
	background: url(images/arrow.gif) no-repeat 5px 0;
	padding: 8px 0 0 20px;
	margin: -1px 0 0 30px;
	display: block;
	position: relative;
	z-index: 2;
	}