@charset "UTF-8";
/* CSS Document */

/***General***/

*{
padding:0;
margin:0;
text-decoration:none;
border:none;
}

img, div{ 
behavior: url(../includes/iepngfix.htc);
}

html{
height:100%;
}

/***Layout***/

body{
background: url(../images/bokeh_bg2.jpg) no-repeat top center;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
height:100%;
background-color:#802c0e;
}

#wrapper{
background:url(../images/wrapper_bg.jpg) top center no-repeat;
}

#mast_head{
height:47px;
position:relative;
}

#header{
height:220px;
}

#content{
background: url(../images/content_bg.png) repeat-y;
border-top:4px solid #1b0601;
border-bottom:4px solid #1b0601;
padding:0px 0px 20px 0px;
}

#col1{
}

#col2{
}

#col3{
}

#footer{
height:250px;
}


/***Text***/

p{
font-size: 1.4em; /* 14px */ 
line-height: 1.2857em; /* 18px */ 
margin-bottom: 1.2857em; 
margin-top: 0em;
margin-left:20px;
margin-right:20px;
font-style:normal;
letter-spacing:normal;
color:#ffaa46;
}

p.smalltext{
font-size:1.2em;
margin:0px 0px 5px 0px;
color:#fff;
background-color:#57200b;
padding:5pt;
}

.enl{
font-size:1.6em;
}

h1{
margin-left:20px;
margin-right:10px;
color:#fa6a01;  
letter-spacing:-2px;
font-weight:bold;
font-size: 2.4em; /* 24px */ 
line-height: 1.5em; /* 36px */ 
margin-top: 0.75em; 
margin-bottom: 0em; 
font-family: "Trebuchet MS", Georgia; 
}

h2{
font-size: 1.8em; /* 18px */ 
line-height: 1em; /* 18px */ 
margin-bottom: 0.5em; 
margin-top: 0.5em; 
margin-left:20px;
margin-right:20px;  
font-weight:normal;
font-family: "Trebuchet MS", Georgia; 
color:#f6e9bd;
}

h2.bg{
background-color:#f76919;
padding:4px;
}

h3{
font-size: 1.6em; /* 16px */ 
line-height: 1.125em; /* 18px */ 
margin-top: 0; 
margin-bottom: 1.125em;  
color:#bf6c10;
margin-left:20px;
}

h1#tagl{
padding: 174px 0 0 0 !important; /*set top padding to height of image*/
overflow: hidden;
background-image: url("../images/tagline.png"); 
background-repeat: no-repeat;
height: 0px !important; /* for most browsers */
height /**/:174px; /* for IE5.5's bad box model */
width:566px;
margin-top:30px;
}

h2#lucky{
padding: 32px 0 0 0 !important; /*set top padding to height of image*/
overflow: hidden;
background-image: url("../images/lucky_heading.png"); 
background-repeat: no-repeat;
height: 0px !important; /* for most browsers */
height /**/:32px; /* for IE5.5's bad box model */
margin-left:0px;
}

h3{

}

ul{
list-style:disc inside;
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#ffaa46;
margin:0px 0px 10px 20px;
}

li a{
text-decoration:none;
color:#ffaa46;
}

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

ul.tealist{
list-style:outside;
}

ul.tealist li{
margin:4px 0px;
}



/***Links***/
a{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

/***Misc***/

#logo{
width:201px;
height:140px;
position:absolute;
top:0;
left:50px;
}

.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.rgt{
float:right;
}

.lft{
float:left;
}
.clr{
clear:both;
}
.clrn{
clear:none;
}

label{
font-size: 1.4em; /* 14px */ 
line-height: 1.2857em; /* 18px */ 
margin-bottom: 1.2857em; 
margin-top: 0em;
margin-left:20px;
margin-right:20px;
font-style:normal;
letter-spacing:normal;
color:#fff;
}

label.bld{
font-weight:bold;
}

fieldset{
margin:5px 0px;
border-bottom:2px solid #efefef;
border-left:0px;
border-right:0px;
padding:5px 0px;
}

/*fieldset alt bg*/
.alt{
background-color:#eeeeee;
}

.mr20{
margin-right:20px;
}

.mr10{
margin-right:10px;
}

.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}

.mt50{
margin-top:50px;
}

.mt100{
margin-top:100px;
}

.ml0{
margin-left:0;
}
.ml20{
margin-left:20px;
}
.ml50{
margin-left:50px;
}
.ml60{
margin-left:60px;
}
.ml70{
margin-left:70px;
}

.mb5{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}



/*box that appears
to confirm the message has been 
sent successfully*/
.confirm_message{
position:absolute;
display:block;
top:-5px;
right:0px;
background-color:#17181d;
color:#bcbcbc;
width:300px;
height:285px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #000;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
z-index:1000;
padding:30px 0px;
}

.confirm_message p{
font-size:14px;
}

.sugg_confirm_message{
position:absolute;
display:block;
top:-5px;
left:-10px;
background-color:#17181d;
color:#bcbcbc;
width:300px;
height:260px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #000;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
z-index:1000;
padding:30px 0px;
}


.error_message{
position:absolute;
top:-30px;
right:0px;
display:block;
background-color:#17181d;
color:#fff;
width:200px;
font-family:tahoma, arial, helvetica;
font-size:12px;
border:1px solid #000;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
padding:4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
z-index:1000;
}

#sugg_song_form{
background: url(../images/sugg-song-form.png) no-repeat;
width:255px;
height:303px;
margin:10px 0px 0px 20px;
float:left;
}

#feedbackformdiv{
background: url(../images/feedback_bg_large.png) top center no-repeat;
height:722px;
}

#sugg_song_form label, #feedback_form label{
color:#333333;
}