/* 
Copy from "style.css" into this file and make the changes HERE!
This makes it possible to upgrade the core system and theme without destroying your style changes.
*/

body {background: #111111 url(http://www.randrambles.com/wp-content/uploads/2010/04/bg4.jpg) top center no-repeat fixed; font: 14px Arial, Helvetica, Sans-serif; line-height: 1.5; color: #000000;}


/* ********************************************** */
/* Navigation, Drop-Down Menus */
/* ********************************************** */


#navigation {text-transform: uppercase; font-size: 11px; background-color: #000; }
.nav, .nav ul {z-index: 100; margin: 0; padding-top: 5px; list-style: none; line-height: 1;}
.nav li {float: left; width: auto;}


#catnavigation {font-weight: bold; text-transform: lowercase; font-size: 16px; background-color: #000; border:1px solid #000000;}
.nav, .nav ul {z-index: 100; margin: 0; padding-top: 5px; list-style: none; line-height: 1;}
.nav li {float: left; width: auto;}


/* Drop-Down Menus */
.nav li ul {position: absolute; left: -999em; width: 160px;}
.nav li ul li {border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px;}
.nav li ul li a {width: 148px; line-height: 25px!important; font-size: 11px; color: #555!important; padding: 10px 0 0 10px;}
.nav li ul ul {margin: -30px 0 0 158px!important;}
.nav li ul ul li a {}
.nav li ul li ul li a {}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul {left: -999em;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {left: auto;}
.nav li:hover,.nav li.hover {position:static;}


/* Top Page Navigation */
#top_navigation {width: 450px;}
#top_navigation a:link, #top_navigation a:visited {display: block; z-index: 100; padding: 12px 20px 0 0; line-height: 20px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
#top_navigation a:hover {text-decoration: underline;}
#top_navigation li ul {margin-top: 0px; border-top: 0px solid #d8d8d8;}
#top_navigation li ul a:link, #top_navigation li ul a:visited {padding: 0 0 0 10px;}
#top_navigation li ul a:hover {color: #000!important; background: #d8d8d8;}




/* Bottom Page Navigation */
#bottom_navigation {width: 600px;}
#bottom_navigation a:link, #bottom_navigation a:visited {vertical-align: middle; display: block; z-index: 100; padding: 5px 20px 5px 0; line-height: 30px; font-family: Helvetica, Arial,  sans-serif; font-weight: bold; text-decoration: none; color: #FFF;}
#bottom_navigation a:hover {text-decoration: underline;}
#bottom_navigation li ul {margin-top: 0px; border-top: 0px solid #d8d8d8;}
#bottom_navigation li ul a:link, #bottom_navigation li ul a:visited {padding: 0 0 0 10px;}
#bottom_navigation li ul a:hover {color: #000!important;  background: #d8d8d8;}