/*
WAOX colors
black #000
white #FFF
dark gray #333
gray #EBEBEB
yellow #FFFF00
blue #0000FF
purple #8000FF
green #80FF00
*/ 

* {
MARGIN: 0px; 
PADDING: 0px; 		
}

@media print {

#container, #content {
PADDING: 0; 
MARGIN: 0; 
WIDTH: 100%; 
FONT-FAMILY: Georgia, serif; 
color: black;
BACKGROUND: none; 
float: none;
}

#rightcolumn, #syndicatebox {
display: none;
}
	
}

HTML {
BACKGROUND: #333 url("http://waox.com/images/html-back-tiretread-waox.jpg") repeat 0 0; 
MARGIN: 0; 
PADDING: 0; 	
}

BODY {
BACKGROUND: #0000FF url("http://waox.com/images/content-back100percent-grid-waox.jpg") repeat 0 0; 
border-left: 2px solid black;
border-right: 2px solid black;
WIDTH: 980px; 
PADDING: 0 0 10px 0;  
MARGIN: 0px auto; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
TEXT-ALIGN: center;
FONT-SIZE: 12px;
}

#headbox {
width: 960px;
margin: 0 auto;
padding: 0;
display: block;
background: #FFFF00;
min-height: 146px;
}

#headbox img {
border:0;
}

#nav {
padding: 0 0 0 50px;
margin: 0;
list-style: none;
border-top: 1px solid #8000FF;
}

#nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav a {
display: block;
width: 150px;
text-decoration: none;
}

#nav li {
float: left;
width: 150px;
}

#nav li a {
color: #8000FF;
}

#nav li a:hover {
text-decoration: underline;
}

#nav li ul {
position: absolute;
width: 150px;
left: -999em;
z-index: 1000;
}

#nav li ul a {
color: #FFF;
font-weight: normal;
}

#nav li ul a:hover {
text-decoration: underline;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
background-position: 0 0;
}

#nav li.sfhover ul {
margin-left: -75px;	
}

.mainbutton {
background: #FFFF00 url("http://waox.com/images/button2.gif") center center no-repeat;
cursor:pointer;
text-align: center;
font-weight: bold;
vertical-align: middle;
line-height: 30px;
margin: 0 10px;	
}

.subbutton {
background: #8000FF;
cursor:pointer;
margin: 0;
height: 25px;
vertical-align: middle;
line-height: 25px;
text-align: center;
color: #FFF;
font-weight: bold;
border-bottom: 1px solid white;
}

#container{
background-color: transparent;
overflow: hidden;
width: 960px;
margin: 10px auto;
padding: 0;
}

#content{
background-color: transparent;
width: 660px;
border-right: 300px transparent; »
/* The width and color of the rail */
margin-right: -300px; /* Hat tip to Ryan Brill */
float: left;
}

#rail{
background: transparent;
width: 300px;
float: left;
padding: 0;
}

#rail img {
width: 300px;
border: 0;
display: block;
margin: 0 0 10px 0;
}

#footbox {
border-top: 2px groove #000;
border-bottom: 2px groove #000;
width: 960px;
margin: 0 auto;
padding: 0;
display: block;
background: #CCC;
min-height: 50px;
clear: left;
}

#topleft {
width: 650px;
background: #FFF;
border: 0;
margin: 0 0 10px 0;
padding: 0;
float: left;
}

#lefttwo {
width: 650px;
background: #FFF;
border: 0;
margin: 0 0 10px 0;
padding: 0;
clear: left;
float: left;
}

#leftthree {
width: 650px;
background: #FFF;
border: 0;
margin: 0 0 10px 0;
padding: 0;
clear: left;
float: left;
}

#leftfoursmall {
width: 320px;
background: #FFF;
border: 0;
margin: 0 10px 10px 0;
padding: 0;
clear: left;
float: left;
}

#middlefivesmall {
width: 300px;
background: #FFF;
border: 0;
margin: 0 0 10px 0;
padding: 0;
float: left;
}

#leftsixsmall {
width: 320px;
background: #FFF;
border: 0;
margin: 0 10px 10px 0;
padding: 0;
clear: left;
float: left;
}

#middlesevensmall {
width: 320px;
background: #FFF;
border: 0;
margin: 0 0 10px 0;
padding: 0;
float: left;
}

#lefteightsmall {
width: 320px;
background: #FFF;
border: 0;
margin: 0 10px 10px 0;
padding: 0;
clear: left;
float: left;
}

#middleninesmall {
width: 320px;
background: #FFF;
border: 0;
margin: 0 0 10px 0;
padding: 0;
float: left;
}

#leftten {
width: 650px;
background: #FFF;
border: 0;
margin: 0 0 10px 0;
padding: 0;
float: left;
clear: left;
}

#content h1 {
background: url('http://waox.com/images/h3back.jpg') repeat-x;
color: #000;
font-weight: bold;
margin: 0 0 10px 0;
width: 100%;
padding: 0;
height: 30px;
vertical-align: middle;
line-height: 30px;
display: block;
letter-spacing: 0.15em;
text-transform: uppercase;
font-size: 19px;
clear: both;
text-align: left;
}

#content h2 {
color: #696969;
text-align: left;
font-size: 13px;
font-weight: bold;
display: block;
margin: 0 0 5px 0;
}

#content h3 {
color: #000;
font-size: 17px;
margin: 0 0 10px 0;
text-align: left;
margin: 0 10px;
}

#content p {
background: transparent;
text-align: left;
font-size: 12px;
line-height: 1.2em;
display: block;
margin: 10px;
}

#content a {
color: #0000FF;
font-weight: bold;
}

#content a:hover {
text-decoration: underline;
}

#nowplaying {
background: url('http://waox.com/images/nowplaying-back.jpg') no-repeat 0 0;
padding: 0 10px 0 10px;
margin: 0 0 10px 0;
overflow: hidden;
}

#nowplaying h3 {
color: #FFF;
font-size: 25px;
font-weight: bold;
text-align: left;
line-height: 50px;
vertical-align: middle;
display: inline;
margin: 0;
padding: 0;
}

#nowplaying html {
display: none;	
}

#nowplaying body {
display: none;	
}

#nowplaying p {
color: #FFF;
font-size: 25px;
display: inline;
font-weight: bold;
text-align: left;
line-height: 50px;
vertical-align: middle;
margin: 0;
padding: 0;
}

#nowplayinglefttwo {
width: 650px;
background: url('http://waox.com/images/nowplaying-backb.jpg') repeat-y;
border: 0;
margin: 0 0 10px 0;
padding: 0;
clear: left;
float: left;
}

#nowplayinglefttwo h1 {
background: #000;
color: #FFF;
font-weight: bold;
margin: 0 0 10px 0;
width: 100%;
padding: 0;
height: 30px;
vertical-align: middle;
line-height: 30px;
display: block;
letter-spacing: 0.15em;
text-transform: uppercase;
font-size: 19px;
clear: both;
text-align: left;
}

#nowplayinglefttwo html {
display: none;	
}

#nowplayinglefttwo head {
display: none;	
}

#nowplayinglefttwo body {
display: none;	
}

#nowplayinglefttwo table {
background: transparent;
color: #FFF;
margin: 0 10px 10px 10px;
}

#footbox p {
color: #000;
text-decoration: none;
text-align: center;
font-weight: normal;
font-size: .90em;
padding: 10px;
}

#footbox a {
color: #000;
font-weight: bold;
font-size: .90em;
}

#footbox a:hover {
text-decoration: underline;
}

#linkbar {
background: url('http://waox.com/images/linkbar.jpg') repeat-x;
color: #000;
font-weight: bold;
margin: 10px 0 10px 0;
width: 100%;
padding: 0 0 0 5px;
height: 20px;
vertical-align: middle;
line-height: 20px;
display: block;
font-size: 13px;
}

.datetime2 {
font-style: italic;
color: #696969;
font-size: 0.95em;
}

div.biz {
width: 650px;
height: 55px;
margin: 0 0 5px 0;
background: #CCC;
border: 0;
text-align: left;
color: black;
clear: left;
}

div.account {
width: 260px;
padding: 5px 5px 5px 10px;
vertical-align: bottom;
font-weight: normal;
float: left;
overflow: hidden;
}

div.contact {
width: 220px;
padding: 5px;
vertical-align: bottom;
font-weight: normal;
float: left;
overflow: hidden;
}

div.website {
width: 75px;
padding: 5px;
vertical-align: bottom;
font-weight: normal;
float: left;
}

div.website img{
border: 0;
}

div.coupon {
width: 75px;
padding: 5px;
vertical-align: bottom;
font-weight: normal;
float: left;
}

div.coupon img {
border: 0;
}