/*  
Theme Name: Rockin Chrome
Author URI: http://corymiller.com
Version: 1
Author: Cory Miller
Description: Rockin Chrome is a ultra-dark and sleek three column theme, ready for super-customization.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
Photo by Ville Miettinen used with permission.
*/

body {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif; 
	background: #000000;
	color: #ffffff;
	margin: 0;
	}
a, a:visited{
	color: #AA5303;
	text-decoration: none;
	}
a:hover{
	color: #AA5303;
	text-decoration: underline;
	}

#container { 
	width: 960px; 
	background: #000000;
	text-align: left; 
	margin: 10px auto; 
        border: 0 solid #cccccc;
	}

#header { 
	background: #000000;
	padding: 0 0 20px 0;
	}
#header h3 {
	font: bold 40px Helvetica, Arial, Verdana, Sans-Serif; 
	color: #cccccc;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	}
#header h3 a {
	color: #cccccc;
	text-decoration: none;
	}
#header h3 a:hover {
	color: #ffffff;
	text-decoration: none;
	}

#menu2 {
        font: bold 12px Helvetica, Arial, Verdana, Sans-Serif; 
	width: 960px;
        height: 30px;
	background: #000000;
	color: #FFFFFF;
	padding: 0px 2px 2px 2px;
	margin: 0 auto 0px;
	text-align: center;
	}
#menu {
	font: bold 15px Helvetica, Arial, Verdana, Sans-Serif; 
	width: 960px;
	background: #000000 url(images/menuback.gif) top center no-repeat;
	color: #666666;
	padding: 14px 25px 28px 25px;
	margin: 0 auto 10px;
	text-align: center;
	}
#menu h2 {
	margin: 0;
	padding: 5px 25px 12px 25px;
	}
#menu li {
	list-style: none; 
	display: inline;
	margin: 0;
	padding: 0;
	}
#menu ul {
	margin: 0;
	padding: 0;
	}
#menu ul li a {
	color: #666666;
	padding: 14px 25px 15px 25px;
	margin: 0;
	text-decoration: none;
	}
#menu ul li a:hover, #menu ul li.current_page_item a {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
	}

#content { 
	width: 440px; 
	background: #ffffff url(images/contentback.gif) top center repeat-x;
	color: #000000;
        font: 12px Helvetica, Arial, Verdana, Sans-Serif; 
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 233px;
	margin-right: 0;
	position:relative;
	padding: 10px 25px 15px 25px;
	border: 10px solid #333333;
	min-height: 660px;
	}
* html #content { height: 660px; word-wrap: break-word; }
#content p{
	margin: 0;
	line-height: 18px;
	padding: 0 0 10px 0;
        font: normal 14px Helvica, Arial, Verdana, Sans-Serif;
	}
#content p img{
	border: none;
	margin-right: 5px;
	margin-bottom: 3px;
	}
#content h1 {
	font: normal 14px Helvetica Bold, Arial Bold, Verdana, Sans-Serif; 
	color: #666666;
	padding: 0px 10px 0px 0px;
	line-height: 150%;
	margin: 0;
	}
#content h1 a  {
	color: #666666;
	font-weight: bold;
	}

#content h1 a:hover {
	color: red;
	text-decoration: none;
	}
#content h2 {
	font: bold 22px Helvetica, Arial, Verdana, Sans-Serif; 
	color: #666666;
	margin: 0 0 8px 0;
	line-height: 120%;
	}
#content h2 a  {
	color: #666666;
	text-decoration: none;
	}
#content h2 a:hover {
	color: #000000;
	text-decoration: none;
	}
#content h3 {
	font: bold 12px Helvetica, Arial, Verdana, Sans-Serif; 
	color: #000000;
	margin-bottom: 10px;
	line-height: 120%;
	border-bottom: 1px solid #cccccc;
	}
#content h3 a  {
	color: #ff3333;
	text-decoration: none;
	}
#content h3 a:hover {
	color: #000000;
	text-decoration: none;
	}
#content ol {
	list-style: decimal; 
	line-height: 14px;
	margin: 0;
	padding: 0 0 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
	}
#content li {
	margin: 0;
	padding: 0;
	}
#content ul li {
	list-style: square inside;
	margin: 0 0 0 10px;
	padding: 5px 0 0 0;
	}
#content ul li a {
	color: #FFFFFF;
	text-decoration: none;
	}
#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
#content .F_Mid {
        font: 14px;
        color: #000000;
        }
blockquote{
	margin: 0 0 0 25px;
	padding: 0 25px 0 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
#content blockquote p{
	margin: 0 0 20px 0;
	padding: 0;
	}
.postspace {
	width: 440px;
        font: 14px;
	height: 32px;
	margin: 0;
	padding: 0;
	}
.postspace2 {
	width: 440px;
        font: 12px;
        color: #000000;
	height: 0;
	margin: 0;
	padding: 0;
	}
.postspace3 {
	width: 440px;
        font: 14px;
	height: 15px;
	margin: 0;
	padding: 0;
	}

#l_sidebar { 
	background: #000000;
	color: #ffffff;
	width: 175px;
	float: left; 
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 35px 15px 25px; 
	min-height: 660px;
	text-align: right;
	}
* html #l_sidebar { height: 660px; }
#l_sidebar a {
	color: #ffffff;
	text-decoration: none;
	}
#l_sidebar a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
#l_sidebar p{
	margin: 0;
	line-height: 16px;
	padding: 5px 0 10px 0;
	}
#l_sidebar h2, #r_sidebar h2 {
	font: 14px Helvetica, Arial, Verdana, Sans-Serif; 
	color: #cccccc;
	list-style: none;
	padding: 10px 0 10px 0;
	margin: 0;
	font-weight: bold;
	}
#l_sidebar ul, #l_sidebar li, #l_sidebar ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	}
#l_sidebar ul.children {
	margin-right: 15px;
	}
#l_sidebar ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 0 5px 0;
	}
#l_sidebar ul li a:hover {
	color: #ffffff;
	}

#r_sidebar { 
	background: #000000;
	color: #ffffff;
	width: 175px;
	float: right; 
	position:relative;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 15px 15px 15px; 
	min-height: 660px;
	}
* html #r_sidebar { height: 660px; }
#r_sidebar a {
	color: #ffffff;
	text-decoration: none;
	}
#r_sidebar a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
#r_sidebar p{
        color:#AA5303;
	margin: 0;
	line-height: 16px;
	padding: 5px 0 10px 0;
	}
#r_sidebar ul.children {
	margin-left: 15px;
        color: #EE9A49;
	}
#r_sidebar ul,#r_sidebar li,#r_sidebar ul li  {
	list-style: none;
        color: #EE9A49;
	margin: 0;
	padding: 0;
	}
#r_sidebar ul li a {
	display: block;
	color: #EE9A49;
	text-decoration: none;
	padding: 5px 0 5px 0;
	}
#r_sidebar ul li a:hover { color: #ffffff; text-decoration: underline;}

#footer {
	color: #ffffff; 
	background: #000000;
	padding: 20px 0 20px 0;
	text-align: center;
	clear: both;
	}
#footer a {
	color: #ffffff;
	text-decoration: none;
	}
#footer a:hover {
	color: #ff3333;
	text-decoration: underline;
	}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:960px; height:30px; font-size:12px; position:relative; border-right:0px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:960px; w\idth:960px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0 10px 0 0;margin:0;list-style-type:none;}
.menu ul ul {width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:130px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#FFFFFF; width:130px; height:30px; border:0px solid #000; border-width:0px 0 0px 0px; background:#000000; padding-left:10px; line-height:20px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:128px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFFFFF url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#FFFFFF url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#FFFFFF url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFFFFF;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#FFFFFF; text-decoration: underline;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:130px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:21px;}

/* position the third level flyout menu */
.menu ul ul ul{left:130px; top:-1px; width:130px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-120px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#FFFFFF; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 0px 0px 0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;w\idth:118px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000000; background:#FFFFFF; text-decoration: underline;}
.menu :hover > a, .menu ul ul :hover > a {color:#000000;background:#FFFFFF; text-decoration: underline;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: transparent;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: transparent;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: transparent;
}

.menu ul .current_page_item ul a:hover {
  background: #000000;
}

.menu .current_page_item a:hover {
  background: #FFFFFF;
}