/*
Theme Name: Under The Raedar
Theme URI: http://www.raemag.com
Description: A WordPress theme for http://raedar.raemag.com.
Version: 1.1
Author: Eric Alli
Author URI: http://www.trilabmedia.com
Tags: fluid width, two columns, widgets

	Under The Raedar v1.1
	http://raedar.raemag.com/

	This theme was designed and built by Eric Alli,
	whose blog you will find at http://from.two2twelve.com/


RAE Magazine Online - Under The Raedar
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
*/
* { padding: 0; margin: 0; }
/*--------------------------------------------
Global Styles
---------------------------------------------*/
body {
	background: #0f0f0f;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans;
	color: #999;
}
div#header {
	background: #060606;
	height: 229px;
}
	div#header div.inner {
		width: 800px;
		margin: 0 auto;
		position: relative;
	}
		div#header div.logo {
			float: left;
			position: absolute;
			z-index: 1;
		}
		div#header span.launch_update {
			position: absolute;
			width: 250px;
			font-style: italic;
			text-align: right;
			color: #363636;
			line-height: 18px;
			top: 50px;	
			right: 0px;
		}
		  div#header span.launch_update a{ color: #363636; text-decoration: none; } 
		  div#header span.launch_update a:hover{ color: #fff; } 
div#content_wrap {
	width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	top: -30px;
}	
/*--------------------------------------------
Main Nav
---------------------------------------------*/
div#nav {
	width: 250px;
	float: right;
	margin-top: 85px;
}
	div#nav ul {
		margin-top: 15px;
		list-style: none;
		float: right;
	}
		div#nav ul li{
			background:transparent url('http://raemag.com/images/nav_right.png') no-repeat scroll right top;
			display:block;
			float:left;
			height:22px;
			margin:1px 0px 25px 5px;
			padding:0 0px 0 12px;
		}
			div#nav ul li a{
				color: #fff;
				text-decoration: none;
				background: #0F0F0F;
				display:block;
				font-size:11px;
				height:17px;
				line-height:100%;
				padding:5px 12px 0 12px;
				-moz-border-radius: 12px; 
				-webkit-border-radius: 12px;
			}
				div#nav ul li a:hover{ background: #121212; }
/*--------------------------------------------
Sidebar
---------------------------------------------*/
div#sidebar {
	width: 210px;
	float: left;
	position: relative;
	top: 60px;
}		
	div#sidebar ul {
		list-style: none;
	}
	div#sidebar ul li {
		margin-bottom: 25px;
		padding-left: 25px;
	}
	div.facebook,
	div.virb,
	div.twitter,
	div.commercial {
		position: relative;
		width: 159px;
		height: 91px;
	}
		div.facebook img.facebook_off,
		div.virb img.virb_off,
		div.twitter img.twitter_off,
		div.commercial img.commercial_off {
			position: absolute;
			top: 0;
			left: 0;
		}
		div.facebook img.facebook_on,
		div.virb img.virb_on,
		div.twitter img.twitter_on,
		div.commercial img.commercial_on {
			position: absolute;
			top: 0;
			left: 0;
		}
/*--------------------------------------------
Content
---------------------------------------------*/
div#content {
	float: right;
	width: 590px;
	background: url('images/content.gif') no-repeat left top;
	min-height: 563px;
}
	div#content div.inner{
		padding: 20px;
	}	
	div.rss {
		float: right;
		margin-right: 35px;
		margin-top: -32px;
	}
/*--------------------------------------------
Entries
---------------------------------------------*/
div.entry {
	margin-bottom: 30px;
}	
	div.entry span.date {
		color: #333;
		text-transform: lowercase;
	}
	div.entry h1,
	div.entry h1 a{
		font-size: 19px;
		color: #fff;
		font-weight: normal;
		margin-bottom: 10px;
		text-decoration: none;
	}
		div.entry h1 a:hover { border-bottom: 1px solid #fff; }
	div.entry p {
		line-height: 17px;
	}
	div.entry div.meta {
		margin-top: 14px;
		text-align: right;
		color: #222;
	}
		div.entry div.meta a{
			color: #444;
			text-decoration: none;
			border-bottom: 1px solid #444;
			font-style: italic;
		}
		div.entry div.meta a:hover{
			border: none;
		}
   div.entry a { color: #59b873; }
   div.entry a:hover { text-decoration: none; }
/*--------------------------------------------
Comments
---------------------------------------------*/
div#comments {
	padding: 0px;
}
div#comments a,
div.comments_meta a,
div.navigation a{
	color: #444;
	text-decoration: none;
	border-bottom: 1px solid #444;
	font-style: italic;
}
div#comments a:hover,
div.comments_meta a:hover,
div.navigation a:hover{
	border: none;
}
h2{
	font-weight: normal;
	color: #fff;
	border: 0;
	margin-bottom: 10px;
	font-size: 14px;
}
div#comments ol.comment_list {
	padding: 0;
	margin: 0;
	line-height: 18px;
}
div#comments ol.comment_list li {
	list-style: none;
	padding: 10px 10px;
	margin-bottom: 10px;
}
	div#comments .commenter {
		float: left;
		padding-top: 1px;
		width: 90px;
	}
	div#comments .commenter p {
		margin-bottom: 0px;
		margin-top: 10px;
		line-height: 17px;
		color: #5f6565;
		font-size: 11px;
	}
	div#comments .single_comment {
		width: 410px;
		float: right;
		margin-bottom: 0px;
		font-size: 11px;
		background: #090909;

		padding: 0px 13px 8px 13px;
		color: #777;
	}
div#comments .single_comment p {
	line-height: 18px;;
	margin-bottom: 10px;
}
div#comments .commenter span {
	font-size: 10px;
	display: block;
}
div#comments label {
	float: left;
	display: block;
	width: 120px;	
}		
div#comments textarea,
div#comments input[type=text] { background: #111; border: 1px solid #1f1f1f; color: #CCC; }
/*--------------------------------------------
Misc
---------------------------------------------*/
hr {
	border: 0;
	height: 1px;
	background: #111;
	width: 70px;
	margin: 0 auto;
	margin-bottom: 20px;	
}
.clear { clear: both; }
img { border: 0; }
a { outline: 0; }