/* CSS Document */

/* General
---------------------------------------*/
body, ul, li, h1, h2, h3, p { margin:0px; padding:0px; }
body, input, td, th { font-family: Arial, Helvetica, sans-serif; }

/* Font sizes */
body { font-size:12px; height:100%; }
#footer { font-size:11px; }

a { text-decoration:none; color:#fff; }
a:hover { text-decoration:none; }

ul, li { list-style-type:none }
img { border:0px; }
td, th { vertical-align:top; text-align:left }
p { margin-bottom:16px; }
p, dt, dd, li { line-height:16px }

h1 { font-size:12px; line-height:12px; text-transform:uppercase; margin-bottom:16px;  }
h1, h1 a { color:#ccff66; text-decoration:none }

a.plain { text-decoration:none }
a.plain:hover { text-decoration:underline }

.warning { text-transform:uppercase; color:#999; }



/* Structure
---------------------------------------*/
body { background:#000; color:#fff; text-align:center; }

#page { background:#000; width:920px; margin:0 auto; }

#container { margin:0 20px; padding:100px 0; text-align:left; width:920px; background:#000; }

#content { float:left; width:100%; }
#content, #navigation, #flash, #text, #extras { float:left; display:inline; }

#navigation { width:130px; height:376px; background:#000 url(../images/small-bottle.jpg) bottom left no-repeat; }
#flash { width:565px; }
#text { width:209px; height:376px; margin-left:16px; position:relative; }

ul#nav, #nav li { list-style-type:none; margin:0; padding:0; }
ul#nav { margin-top:2px; font-size:13px; }
#nav li { line-height:28px; clear:both; }
#nav li a { color:#fff; display:block; float:left; text-decoration:none; padding-left:17px; }
#nav li a:hover, #nav li.highlight a { background:#000 url(../images/link-bullet.gif) center left no-repeat; }

#footer { clear:both; margin-left:130px; color:#999;  } 
#footer #warning { padding-top:14px; width:310px;  float:left; display:inline; text-transform:uppercase; }
#footer #musicplayer { padding-top:11px;width:190px; float:left; display:inline; margin-left:72px;}
#footer #extras { padding-top:14px;width:200px; float:right; } 

#extras ul.nav, #extras ul.nav li { margin:0px; padding:0px; list-style-type:none; }
#extras ul.nav { float:right; margin-right:1px;  }
#extras ul.nav li { display:inline; font-size:12px; }
#extras ul.nav li a { float:left; display:block; margin:0 8px; color:#999; }
#extras ul.nav li a:hover { color:#fff; }



/* Entrance Page
---------------------------------------*/

#entrance #container { width:640px; height:440px; margin-left:125px; padding:0; background:url(../images/entrance-logo.jpg) top left no-repeat; }
#entrance #text { margin:115px 0 0 175px; width:auto; height:auto; position:inherit; }

#checker { height:154px; margin-top:40px; }
#checker p.question { margin-bottom:25px; }
#checker p.error { padding-top:20px; width:400px; float:left; color:red; }
#yesno { width:122px; float:left; display:inline; height:33px; background:url(../images/option-divider.gif) center center no-repeat; border:1px solid #3B3B3B; margin:0; }
#yesno span { display:none; }
#yesno a { display:block; float:left; line-height:33px; width:59px; text-align:center; }
#yesno a:hover { text-decoration:underline; }



/* Scroller
---------------------------------------*/
#Scroller-1 { position: absolute; overflow: hidden; width: 191px; height: 370px; margin-top:5px; color: #848383;}
.Scroller-Container { position: absolute; top: 0px; left: 0px; padding:10px 10px 10px 0; }
.Scrollbar-Track { width: 7px; height: 356px; position: absolute; top: 16px; right: 5px;
   background:#000 url(../images/scroll-bg.gif) top center repeat-y; }
.Scrollbar-Container { visibility: visible; padding-top:40px; }
.Scrollbar-Handle { position: absolute; cursor:pointer; top: 0px; left: 0px; visibility: visible;
  width: 3px; height: 61px; background-color:#000; border: 2px solid #616161; }

/* Hiding scroll bars and background track for short pages */
#home .Scrollbar-Track, #mixology .Scrollbar-Track { background:none }
#home .Scrollbar-Handle, #mixology .Scrollbar-Handle { display:none }


/* Hacks
---------------------------------------*/
.clear { clear:both; height:0; }