/*
  style8.css
  =============
  An alternative style for petew_rtw site.
  This one's based on Eric Meyer's CSS menus, with colour scheme from his CSS popups:
  - http://meyerweb.com/eric/css/edge/menus/demo.html
  - http://meyerweb.com/eric/css/edge/popups/demo.html
  N.B. Only things that are DIFFERENT from the base stylesheet are included here

  Validation on 12th July 2006 by file upload had these results:
  ERROR:
    * Line: 29 : File not foundimport file://localhost/base.css: Operation not permitted
  WARNINGS:
    * Line : 30 (Level : 1) You have no color with your background-color : body
    * Line : 36 (Level : 1) You have no background-color with your color : pre
    * Line : 36 (Level : 1) You have no background-color with your color : pre
    * Line : 40 (Level : 1) You have no background-color with your color : a:link
    * Line : 43 (Level : 1) You have no background-color with your color : a:visited
    * Line : 46 (Level : 1) You have no background-color with your color : a:link:hover
    * Line : 49 (Level : 1) You have no background-color with your color : a:visited:hover
    * Line : 55 (Level : 1) You have no color with your background-color : div#pagewrapper
    * Line : 89 (Level : 2) Redefinition of border-right-width : div#navigation li
*/
@import url("base.css");

/** GENERAL TAGS **/

/* (All except 'body' are defined in the common 'base.css' file) */
body {position: relative; background: black; margin: 0; padding: 0;}

/* From Eric Meyer's stuff */
h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
code, pre {color: #EDC; font: 110% monospace;}

/*Links*/
a:link {
 color: white;
}
a:visited {
 color: #BBC;
}
a:link:hover {
 color: #FF0;
}
a:visited:hover {
 color: #CC0;
}

/** MAIN STRUCTURAL BLOCKS **/

/*Pagewrapper*/
div#pagewrapper {float:none;clear:both;position: relative; background: black; margin: 0; padding: 0;}

/*Navigation*/
div#navigation {
 position: absolute;
 top: 81px;
 left: 0;
 width: 166px;
 font: 16px Verdana, sans-serif;
 z-index: 100;
 border-width:0;
 background-color:#000;
 color:#fff;
}
div#navigation ul {
 padding: 0;
 margin: 0;
 background: #000;
 color: #FFC;
}
div#navigation ul ul {
 display: none;
}
div#navigation li {
 display: block;
 text-align: center;
 font: bold 1em sans-serif;
 padding: 5px 10px;
 margin: 0 0 1px;
 border-width: 0;
 text-decoration: none;
 color: #FFC;
 background: #444;
 border-right: 5px solid #505050;
 list-style-type: none;
 position: relative;
}
div#navigation li:hover {
 color: #411;
 background: #AAA;
 border-right: 5px double white;
}
div#navigation li:hover > ul {
 display: block;
 position: absolute;
 top: -1px;
 left: 100%;
 width:200px;
}/*
div#navigation li a {
 padding:0;
}*/


/*Head,Ads, Content and Foot*/
div#head, div#ads, div#content, div#foot {
 margin:0 25px 0 161px;
 color: #BAA;
 background: #22232F;
 font: 13px Verdana, sans-serif;
 padding: 10px;
 border: solid 5px #444;
}
div#head p, div#ads p, div#content p, div#foot p {
 margin: 0 1em 1em;
}
div#head h3, div#ads h3, div#content h3, div#foot h3 {
 margin-bottom: 0.25em;
}
div#content:before{background-color:#0c0;color:#fff;font-weight:bold;content:"style8.css - combines Eric Meyer's Pure CSS Popups/Menus pages"}



/** CLASSES FOR TEST PURPOSES **/

/* (These are defined in the common 'base.css' file) */