/*  
Theme Name: The Warheads
Theme URI: http://www.thewarheads.com/
Description: WordPress theme
Version: 1.0
Author: Reese Studios
Author URI: http://www.reesestudios.com/
*/


/*	BASIC
-------------------------------------------------*/
body {
	margin: 0 auto;
	padding: 0;
	background: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	color:#bbbbbb;
	line-height:150%;
	text-align:center;
}

#page {
	margin: 0 auto;
	padding: 0;
}

img { border: none; }

a:link		{ color: #fff; text-decoration:none; text-decoration:none; }
a:visited	{ color: #fff; text-decoration:none; text-decoration:none;}
a:hover		{ color: #669999; text-decoration:none; text-decoration:none;}
a:active	{ color: #669999; text-decoration:none; text-decoration:none;}


hr { display: none; }

#clearfloats {
clear: both;
}


/*	HEADER
-------------------------------------------------*/

#header {
	height: 100px;
	background: #000000 url(./images/header_bg.gif) ;
}


/* logo */

#logo {
	width: 900px;
	margin: 0 auto;
	padding: 42px 0 0 0;
	text-align:left;
	}
	
#logo span, #logo a {
	display: block;
	width: 441px;
	height: 27px;
	padding: 0;
	border-style: none;
	background: url(./images/logo.gif) no-repeat;
}

/* nav */

#nav-area {
	border-top: solid 1px #000;
	background: url(./images/nav_bg.gif) repeat-x top;
	height: 34px;
}

#nav {
    height: 34px;
    width: 900px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 80%;
    text-align: left;
}

#nav ul#menu    {
    position: relative;
    width: 900px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav ul#menu li {
    height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}   

ul#menu li, ul#menu a {
    height: 34px;
    /*\*/overflow: hidden;/**/
    display: block;
}   
#nav ul#menu li a {
    text-indent: -9999px;
    text-decoration: none;
}

#homemenu    {left: 0px; width: 103px; height: 34px; background: transparent url(./images/nav/home_off.gif) top left no-repeat;}
#updatemenu    {left: 103px; width: 124px; height: 34px; background: transparent url(./images/nav/update_off.gif) top left no-repeat;}
#projectsmenu    {left: 227px; width: 138px; height: 34px; background: transparent url(images/nav/projects_off.gif) top left no-repeat;}
#mediamenu    {left: 365px; width: 113px; height: 34px; background: transparent url(images/nav/media_off.gif) top left no-repeat;}
#recordingmenu    {left: 478px; width: 202px; height: 34px; background: transparent url(images/nav/recording_off.gif) top left no-repeat;}
#aboutmenu    {left: 680px; width: 110px; height: 34px; background: transparent url(images/nav/about_off.gif) top left no-repeat;}
#contactmenu    {left: 790px; width: 110px; height: 34px; background: transparent url(images/nav/contact_off.gif) top left no-repeat;}

#homemenu a:hover   {left: 0px; width: 103px; height: 35px; background: transparent url(./images/nav/home_on.gif) top left no-repeat;}
#updatemenu  a:hover  {left: 103px; width: 124px; height: 35px; background: transparent url(./images/nav/update_on.gif) top left no-repeat;}
#projectsmenu  a:hover  {left: 227px; width: 138px; height: 35px; background: transparent url(images/nav/projects_on.gif) top left no-repeat;}
#mediamenu a:hover   {left: 365px; width: 113px; height: 35px; background: transparent url(images/nav/media_on.gif) top left no-repeat;}
#recordingmenu a:hover  {left: 478px; width: 202px; height: 35px; background: transparent url(images/nav/recording_on.gif) top left no-repeat;}
#aboutmenu   a:hover {left: 680px; width: 110px; height: 35px; background: transparent url(images/nav/about_on.gif) top left no-repeat;}
#contactmenu  a:hover  {left: 790px; width: 110px; height: 35px; background: transparent url(images/nav/contact_on.gif) top left no-repeat;}


/*	FONTS
-------------------------------------------------*/

h1, h2, h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}

#nav-content {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
}

/*	CONTENT
-------------------------------------------------*/

#main {
	width: 100%;
	padding: 0;
}

#main-content {
	text-align: left;
	width: 880px;
	margin: 0 auto;
	padding: 36px 0 10px 0;
}


.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.post {
	margin: 0 0 40px 0;
}

h2.pagetitle {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 120%;
	letter-spacing: 1px;
}

.post h2 {
	margin: 0;
	padding: 0 0 4px 36px;
	font-size: 1.4em;
	line-height: 100%;
	color:#c9e8f2;
	text-transform:uppercase;
	background: url(./images/arrow.gif) no-repeat;
}

.post h1 {
	margin: 0;
	font-size: 1.4em;
	line-height: 120%;
}

.post h3 {
	line-height: 120%;
	color: #ffffff;
	padding: 0 0 4px 28px;
	display: inline;
	font-size: 1.1em;
	background: url(./images/arrow_s.gif) no-repeat;
}

.post h2 a:link,
.post h2 a:visited { color: #cccccc; text-decoration: none; }
.post h2 a:hover,
.post h2 a:active { color: #669999; }

.entry {
	margin: 1.5em 0;
}

.entry * {
	line-height: 160%;
}

/*	PROJECTS
-------------------------------------------------*/

#projects {
	float: left;
	width: 388px;
}

#projects img {
	float: left;
	margin-bottom: 30px;
	border: 8px #333 solid;
}

#projects h1 {
	line-height: 120%;
	background: #ffffff;
	color: #cccccc;
	padding: 3px 5px;
	display: inline;
	font-size: 1.2em;
}

#projects_note { 
	font-size: 1em;	
	margin-left: 405px;	
	}

#songlist table  {
	margin: 20px 0;
	width: 380px;
}

#songlist th {
	border-top: 1px #666666 dotted; 
	font-size: 0.9em;
	font-weight:bold;
	color: #ffffff;
	padding: 2px 6px;
}

#songlist td {
	padding: 2px 6px;
	font-size: 0.9em;
	border-top: 1px #666666 dotted; 
}

#songlist tr.even {
	
}

#bottom-projects {
	width: 800px;
	height: 100px;
	column-width: 250px;
	column-count: 3;
	column-gap:10px; 
}	
	


/*	HOME
-------------------------------------------------*/
#home-content {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	float: left;
}

div.float {
  float: left;
  padding: 10px 30px 10px 30px;
  }

#latest {
  background: #000000 url(./images/latest.gif) no-repeat;
  display: block;
  width: 270px;
	height: 23px;
	padding: 0 0 20px 0;
	border-style: none;
}

#allprojects {
  background: #000000 url(./images/allprojects.gif) no-repeat;
  display: block;
  width: 270px;
	height: 23px;
	padding: 0 0 20px 0;
	border-style: none;
}

div.float h2 {
  text-align: center;
  font-size:0.88em;
  width: 240px;
  line-height: 110%;
}

div.float h2 a:link, h2 a:visited { color: #c9e8f2; text-decoration: none; }
div.float h2 a:hover, h2 a:active { color: #669999; text-decoration: none; }
  

div.float a:link img , div.float a:visited img {
	border: 8px #333 solid;
}

div.float a:hover img , div.float a:active img  {
	border: 8px #666 solid;
}



/*	BOTTOM PROJECTS LIST
-------------------------------------------------*/
.ddop {
	width: 880px;
	padding-top: 10px;
}

.ddop ul {
	display: inline;
	margin: 0;
	}

.ddop li {
	float: left;
	list-style-type:none;
	width: 220px;
	font-size: 1em;
	line-height: 260%;
}

.ddop li a:link, .ddop li a:visited {
	background:url(images/arrow_s.gif) no-repeat;
	padding: 0 0 0 28px;
	}


/*	BOTTOM
-------------------------------------------------*/

#bottom {
	width: 100%;
	background: #000000 url(./images/bottom_bg.jpg) repeat-x;	
	text-align: center;
	clear: both;
	border-top: 5px #181818 solid;
	}


#bottom-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 30px;
	}
	
#bottom-left {
	float: left;
	text-align: left;
	width: 420px;
	margin: 0px;
	padding: 0 10px;
}

#bottom-right {
	text-align: left;
	width: 410px;
	float: right;
	padding: 0 10px 0 30px;
	border-left: #666666 dotted 1px;
	}

h2.bottom {
	font-size: 1.4em;
	color: #c9e8f2;
	margin: 0;
	line-height:110%;
}

h2.bottom-update {
	font-size: 1.4em;
	color: #c9e8f2;
	margin: 0;
	line-height:110%;
}

h2.bottom a:link,
h2.bottom a:visited { color: #c9e8f2; text-decoration: none; }
h2.bottom a:hover,
h2.bottom a:active { color: #fff; }


/*	FOOTER
-------------------------------------------------*/

#footer {
	margin: 0;
	padding: 0;
	background: #000;
	clear: both;
}
	
#footer-content {
	width: 900px;
	margin: 30px auto;
	padding: 30px 0 10px;
	text-align:center;
	border-top: 1px #222222 solid;
}
	
#footer a:link		{ color: #666; text-decoration:underline; border: none;}
#footer a:visited	{ color: #666; text-decoration:underline; border: none;}
#footer a:hover		{ color: #333; text-decoration:underline; border: none;}
#footer a:active	{ color: #333; text-decoration:underline; border: none;}

/*	RADIO
-------------------------------------------------*/
#radio {
	background-image: url(http://thewarheads.com/wp/wp-content/uploads/2010/05/radio_bg.gif);
	background-repeat: no-repeat;
	width: 420px;
	height: 82px;
	padding-top: 46px;
	padding-left: 20px;
}