/*      
--------------------------------------------------------------------------------
FUNKIN' WITH CSS : CONTEST -----------------------------------------------------
CSS Document Author: Terry Evans - VIBE9 DESIGN --------------------------------
WWW.VIBE9DESIGN.COM ------------------------------------------------------------
CREDIT ALSO GOES OUT TO: http://www.magurno.com/ ---- FUNKY DUDE "MAGURNO" BRUSH
THE FUNKY DUDE IS THE "GANGSTA" ILLUSTRATION, IN CASE YOU'RE WONDERING.
--------------------------------------------------------------------------------
NOTE: THIS DESIGN MAY CHANGE CONSTANTLY! ---------------------------------------
*/

/* Globals
---------------------------------------------------------------------------------- */
 * { padding:0; margin:0; }

html {
	margin: 0 auto; padding: 0; border:0;
	text-align: left;
}
body {
	margin: 0; padding:0; color:#fff; text-align: left;
	font: 12px/1.4em Tahoma, Arial, Helvetica,  Sans-Serif;
     background:#242424 url(http://www.vibe9design.com/zoobai/bg.gif) repeat-y; 
}
h1 {
     display: block; text-indent:-9999px; 
     height:235px; width:776px;
     background: url(http://www.vibe9design.com/zoobai/head.gif) no-repeat 0 0;
}
h2 {
     font-size:22px; margin:0; padding:0; font-weight:normal;
     text-shadow: -3px -3px 5px black, 3px 3px 5px black; text-transform:lowercase;}
h2:hover {
     text-shadow: 3px 3px 5px black, -3px -3px 5px black;
}
ul {list-style-type:none;}

p {
     display: block; color:#999; margin:30px 0; padding:20px; border-top:10px solid #999; line-height:1.6em;
     background: #ffffff url(http://www.vibe9design.com/zoobai/corners.gif) no-repeat bottom right;
}

p:hover {border-top:10px solid #5E0A08; color:#242424;}

strong, em {background:#FAF1DC; padding:2px 4px;}

/* Navigation
---------------------------------------------------------------------------------- */
#navigation {
     margin:0 0 0 720px; width:220px; 
     position:fixed;
}
#navigation h2 {display:none;}

#navigation ul li {
     display: block;
}
#navigation a { 
     color:#fff; display:block; font-weight:bold;
     height:100%; text-decoration: none;
     padding:2px 8px; margin:4px 0; 
     border-bottom:1px solid #fff;
}
#navigation a:active, a:visited {
     color:#D32D0D;
}
#navigation a:hover {
     color:#5E0A08; border-bottom:1px solid #242424;
     background: #ffffff url(http://www.vibe9design.com/zoobai/corners.gif) no-repeat bottom right;
}
#navigation a:hover:before {content:" \20D7  ";}

/* Primary & Secondary DIVs
---------------------------------------------------------------------------------- */
#primary-content, #secondary-content {
     width:300px; float: left; margin:0 0 0 20px; padding:20px 0 0 0;
}
#primary-content blockquote {text-align:right;}
#primary-content blockquote:after {content:" -- some latin dude";}

blockquote p {margin:15px 20px; padding:15px; border:none; text-align:left;}
blockquote p:hover {margin:15px 20px; padding:15px; border:none;}

/* Primary
---------------------------------------------------------------------------------- */
#primary-content h2 {background:#333; -moz-border-radius:10px; padding:14px;}
#primary-content h2:before {content:"YES, IT'S ";}

#primary-content a {background:#D32D0D; color:#fff; text-decoration:none; padding:2px 4px;}
#primary-content a:hover {color:#fff; background: #5E0A08;}

#primary-content p {
     background-position: bottom left;
}

#primary-content:hover p {
     background-position: bottom right;
}

/* Secondary
---------------------------------------------------------------------------------- */
#secondary-content ul {
     display: block; color:#5E0A08; margin:30px 60px; padding:20px; border-top:10px solid #5E0A08;
     background: #ffffff url(http://www.vibe9design.com/zoobai/corners.gif) no-repeat bottom left;
}
#secondary-content ul li {
     display:block; padding:3px 0; border-bottom:1px solid #242424; 
}
#secondary-content h2 {font-size:20px;}
#secondary-content h2:before {content:"...AND ";}
#secondary-content h2:after {content:" TO SEE";}

#secondary-content p {
     background-position: bottom left;
}

#secondary-content:hover p, ul {
     background-position: bottom right;
}

#secondary-content:hover ul {
     background-position: bottom right;
}

/* Copyright
---------------------------------------------------------------------------------- */
#copyright-info {width:650px; clear:both; font-size: 11px;}
#copyright-info p {color:#5E0A08; border-top:10px solid #5E0A08; text-align:center;}
#copyright-info p:hover {color:#333; border-top:10px solid #333333;}
#copyright-info p:after {content:"-Rated Disco Stars | Design + CSS by Vibe9 Design";}