/* CSS Document */

/* front page */

#popup
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1300px;
	background-color: #000;
	z-index: 1001;
	-moz-opacity: 0.75;
	opacity: .75;
	filter: alpha(opacity=75);
}

#popcontent{

position:absolute;
width:100%;
height:100%;
z-index:1002;
overflow:auto;
font-size:80%;
text-align: center;
margin-top: -560px;
#margin-top: -1230px;
_margin-top: -1230px;
}
#popcontent #ad{
margin-top: 30px;
border: 4px solid #FFF;
}




/*  splash */
#splash {
background: none;
width: 960px;
height: 300px;
margin: -7px 0px 4px 0px;
border-top: opx solid #524b41;
z-index: 0;
}

/* special message */
#special_message{
background: url(../images/background/frontpage_alert.jpg);
width: 902px; /* 928 */
margin: 12px 0px -300px 16px;
_margin: 16px 0px -150px 8px;
padding: 12px;
_padding-bottom: 0px;
float: left;
position: relative;
text-align: center;
font-size: 140%;
border: 1px solid #bb673b;
}
#special_message strong{
font-size: 110%;
}
#special_message_shadow{
background: black;
width: 930px;
height: 2px;
margin: 15px -13px -15px -13px;
filter:alpha(opacity=75); /* causes active x warning in ie */
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
/* ie 6 remove */
_width: 0px;
_height: 0px;
_margin: 0px;
}


/* fix Moz image push down */
#splash img{
z-index: 0;
vertical-align:top;
margin-top: -7px;
#margin: 0px;
_margin: 0px;
}

/* fade out splash image to help higlight message */
#splash img.special-message{
filter:alpha(opacity=22); /* causes active x warning in ie */
-moz-opacity:0.22;
-khtml-opacity: 0.22;
opacity: 0.22;
}


/*  events display */
#eventsdisplay{
height: 35px;
width: 936px;
margin: -51px 0px 16px 0px;
position: relative;
filter:alpha(opacity=75); /* causes active x warning in ie */
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
#eventsdisplay:hover{
filter:alpha(opacity=100); /* causes active x warning in ie */
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
#eventsdisplay img{
float: left;
position: relative;
}
#eventpointer{
background: #1f1811;
width: 114px;
height: 35px;
float: left;
}
.eventpointer{ /* button */
background: url(../images/buttons/events.png);
width: 114px;
height: 35px;
display: block;
}
a.eventpointer:hover, a.eventpointer:visited:hover{
background-position: 0px -35px;
}
.eventtext{ /* actual event text */
background: #1f1811; /*  2b271f */
padding: 0px 24px 0px 24px;
margin: 0px 0px 0px 0px;
height: 35px;
text-align: left;
font-size: 140%;
line-height: 150%;
color: #fff;
float: left;
position: relative;
display: block;
}
.eventtext strong{
color: #80c460; /* bb673b  */
}
.eventtext em{
color: #978163;
font-style: normal;
margin: 0px 12px 0px 12px;
}
.eventtext a, #eventtext a:visited{
text-decoration: none;
color: #fff;
}
.eventtext a:hover, #eventtext a:visited:hover{
border-bottom: 1px dotted #978163;
}


/*  photo reel */
#photoreel{
background: #000;
width: 960px;
height: 82px; /* 78 */
margin-bottom: 0px;
margin-top: 3px;

}
#photoreel:hover{

}
#photoreel #photo{
width: 75px;
height: 75px;
float: left;
border: 2px solid #4b3c29;
margin-right: 4px;
filter:alpha(opacity=65); /* causes active x warning in ie */
-moz-opacity:0.65;
-khtml-opacity: 0.65;
opacity: 0.65;/**/
}
#photoreel #photo img{
float: left;
margin: 0px 0px 0px 0px;

}
#photoreel #photo:hover{
border: 2px solid #fff;
filter:alpha(opacity=100); /* causes active x warning in ie */
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;/**/

}
#photoreel #photo.right{
margin-right: 0px;
margin-left: 0px;
}

#photoreel #photo_button{
width: 61px; /* 88 */
height: 75px;
float: right;
position: relative;
margin-left: -50px;
}
#photoreel #photo_button a:link, #photoreel #photo_button a:visited{
width: 61px;
height: 79px;
float: right;
display: block;
background:url(../images/buttons/more_photos.png) top left;
}
#photoreel #photo_button a:hover, #photoreel #photo_button a:visited:hover{
display: block;
background:url(../images/buttons/more_photos.png) bottom left;
}

/*  premier spots */

#content.frontpage #set{
width: 960px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#content.frontpage #set #left{
width: 342px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
_float: left;
}

#content.frontpage{
background-image: none;
margin-bottom: 0px;
padding-bottom: 0px;
_padding-left: 0px;
_padding-right: 0px;
_padding-top: 0px;
}

#special_box{
width: 342px;
height: 113px;
float: left;
margin: 0px 0px 4px 0px;
position: relative;
}
#special_box.bottom{
margin-bottom: 0px;
}
#special_box img{
float: left;
position: relative;
}
#special_box #cafe_text{ /* manual text insert for cafe */
width: 342px;
font-size: 100%;
margin: -24px 0px 0px 0px;
float: left;
position: relative;
display: block;
color: #eadac3;
}
#special_box #cafe_text strong{
color: #eadac3;
}


/* right */
#set #right{
width: 614px;
float: right;
margin: -24px 0px 0px 4px;
_margin: -24px 0px 0px 0px;
}

#right #recent_messages{
background: url(../images/frontpage/messages.jpg) top left;
width: 614px;
height: 112px;
float: left;
_float: right;
position: relative;
}

#right #recent_messages #left{
width: 10px;
height: 112px;
float: left;
margin: 6px 0px -224px 0px;
position: relative;
}

#right #recent_messages #bar{
width: 312px;
height: 38px;
float: left;
margin: 6px 0px 1px 260px;
padding-top: 8px;
padding-bottom: 1px;
font-size: 90%;
position: relative;
_margin: 6px 0px 1px 130px;
}

/* audio icon */
#right #recent_messages #bar img{
float: right;
position: relative;
margin: -2px 0px 0px 0px;
}


#right #recent_messages #bar a:link, #right #recent_messages #bar a:visited{
color: #FFF;
border-bottom: 0px;
margin-bottom: 0px;
font-weight: bold;
}

#right #recent_messages #bar a:link strong, #right #recent_messages #bar a:visited strong{
color: #978163;
margin-right: 8px;
border-bottom: 0px;
margin-bottom: 0px;
font-weight: normal;
}

#right #recent_messages #bar a:hover{
border-bottom: 1px dotted #978163;
margin-bottom: -1px;
}


#right #recent_messages #more_messages{
width: 24px;
height: 112px;
float: right;
position: relative;
margin: -54px 0px 0px 0px;
_margin: -54px 0px 0px 0px;
}

#right #recent_messages #more_messages a{
background:url(../images/buttons/more_messages.png) top left;
display: block;
border: 0px;
width: 24px;
height: 112px;
}

#right #recent_messages #more_messages a:hover{
background-position: top right;
}

/* frontpage blog */

#frontpage_blog{
background:url(../images/frontpage/blog_bg.png) top left no-repeat;
width: 607px;
height: 340px;
float: left;
position: relative;
margin: 6px 0px 0px 2px;
padding: 0px 0px 0px 0px;
}

#frontpage_blog #titlebar{
width: 558px;
height: 107px;
float: left;
margin: 0px 0px 0px 25px;
}

#frontpage_blog #entry{
width: 557px;
height: 90px;
float: left;
margin: 0px 0px 24px 25px;
_margin-left: 12px;
}

/* day */
#frontpage_blog #entry #date_bubble{
background:url(../images/blog/date_box.png) top left no-repeat;
width: 72px;
height: 90px;
float: left;
position: relative;
text-align: center;
}
#frontpage_blog #entry #date_bubble h1{
color: #FFF;
margin: -1px 0px -13px 0px;
font-size: 300%;
}
#frontpage_blog #entry #date_bubble h2{
color: #213519;     /* 223b4b */
margin: -13px 0px 0px 0px;
font-size: 100%;
}
/* title */
#frontpage_blog #entry #title_box{
width: 461px;
height: 90px;
float: left;
margin: 0px 0px 0px 24px;
}
#frontpage_blog #entry #title_box h1{
margin-top: 8px;
font-size: 200%;
margin: 6px 0px -14px 0px;
}
#frontpage_blog #entry #title_box h1.twoline{
margin: 0px 0px -14px 0px;
background: RED;
}
#frontpage_blog #entry #title_box h1 a:link,#frontpage_blog #entry #title_box h1  a:visited{
color: #fff;
border-bottom: 0px;
}
#frontpage_blog #entry #title_box h1 a:link:hover,#frontpage_blog #entry #title_box h1  a:visited:hover{
border-bottom: 1px dotted #FFF;
}
#frontpage_blog #entry #title_box h2{
font-size: 80%;
font-weight: normal;
color: #978163;
margin: 0px 0px -2px 3px;
}

#frontpage_blog #entry #title_box h3{
font-size: 80%;
font-weight: normal;
margin: -12px 0px 0px 3px;
color: #363331;
}
#frontpage_blog #entry #title_box h3 a:link, #frontpage_blog #entry #title_box h3 a:visited{
color: #bb673b;
border-bottom: 1px dotted #bb673b;
}
#frontpage_blog #entry #title_box h3 a:link:hover, #frontpage_blog #entry #title_box h3 a:visited:hover{
color: #fff;
border-bottom: 1px dotted #978163;
}

/* *************    COLORS    *************

light blue  638497
dark blue   223b4b
tan  		978163
brown		4b3c29
rust		bb673b

content bg 0d0a07
content line  363331

*/