/*--------------------------
Kennedy Center American College Theatre Festival
VALID CSS 2.0
COPYRIGHT 2007 WILDFIREWEB
AUTHOR: Ryan McLaughlin - ryan@wildfireweb.com
CREATED: 12/6/07
---------------------------*/

@import url(/css/wildfirecommon.css);
@import url(/templates/kcactf8/css/slatesblogs.css);

body{
font-size: 62.5%;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
background: #fff url(/templates/kcactf8/images/bg.jpg) repeat top left;
}

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #ea892b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}


.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}

#wrapper{
display: block;
position: relative;
overflow: hidden;
margin:0 auto;
padding: 0 35px;
background: #fff url(/templates/kcactf8/images/wrapbg.jpg) repeat-y top left;
width: 738px;
}

span.clearboth{
clear: both;
margin: 0;
height: 0;
padding: 0;
display: block;
}

#container{
display: block;
position: relative;
width: 738px;
margin: 0;
padding: 0;
}


/* HEADER */

#header{
display: block;
position: relative;
overflow: hidden;
width: 740px;
height: 75px;
float: left;
padding: 0;
margin: 0;
background: #fff url(/templates/kcactf8/images/slogan.gif) no-repeat top left;
}

html>body #header{
width: 740px;
}

#subheader {
display: block;
position: relative;
overflow: hidden;
clear: both;
width: 740px;
height: 120px;
margin-bottom: 4px;
}

#subsubheader{
display: block;
position: absolute;
width: 740px;
top: -6px;
font-size: 36px;
font-weight: 550;
color: #FA7000;
background: #FA933E;
line-height: 0.75;
text-transform: uppercase;
/* letter-spacing: -0.1em; */
word-spacing: -0.45em;
text-align: justify;
}

#subheaderbox {
display: block;
position: absolute;
right: 0;
top: 6px;
width: 171px;
height: 85px;
padding: 35px 0 0 20px;
background: #fff;
border: 1px solid #407879;
font-size: 16px;
font-weight: bold;
color: #234242;
text-align: left;
word-spacing: normal;
text-transform: none;
line-height: 1.1;
opacity:0.70;
filter:alpha(opacity=70);
}

#topmenu {
display: block;
position: relative;
width: 760px;
overflow: hidden;
left: -18px;
padding: 0;
border: 0;
clear: both;
float: left;
background: #fff;
}

#tagline{
display: block;
position: relative;
width: 744px;
height: 25px;
clear: both;
margin: 0;
padding: 18px 0 0 0;
text-align: center;
color: #333;
font-size: 12px;
font-weight: bold;
background: #fff url(/templates/kcactf8/images/tagline.gif) no-repeat top center;
}

/* NAVIGATION */

#nav{
float: right;
margin: 0;
padding: 0;
width: 189px;
list-style: none;
background: transparent;
}

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

ul#tabs li{
display: block;
position: relative;
width: 176px;
height: 29px;
overflow: hidden;
font-size: 12px;
margin: 0;
padding: 0 7px 0 7px;
border: 0;
background: #407879 url(/templates/kcactf8/images/menubg.gif) no-repeat top center;
}

ul#tabs li.tab_heading {
background: transparent;
font-size: 14px;
font-weight: bold;
color: #fff;
height: 21px;
border-top: 5px solid #fff;
padding-top: 7px;
margin-top: 8px;
}

ul#tabs li a{
text-decoration: none;
color: #fff;
display: block;
margin: 0;
padding-top: 7px;
font-weight: 700;
white-space:nowrap;
}

ul#tabs li span.editable{
color: #fff;
display: block;
margin: 0;
padding: 0;
font-weight: 700;
}

ul#tabs li.tab_heading span{
color: #fff;
display: block;
margin: 0;
padding: 0;
}

ul#tabs li a:hover{
color: #FF7300;
}

ul#tabs li.tab_2 a{
padding-top: 5px;
padding-left: 5px;
font-weight: normal;
font-size: 14px;
}

ul#tabs li.tab_2 span.editable{
padding-top: 5px;
padding-left: 5px;
font-weight: normal;
font-size: 14px;
}

/* CONTENT */

#content{
display: block;
position: relative;
float: left;
margin: 0;
padding: 20px 0;
position: relative;
width: 540px;
font-size: 12px;
overflow: hidden;
}

#content h2{
font-size: 14px;
color: #777;
font-weight: bold;
}

#content h3{
color: #777;
position: relative;
top: -13px;
margin: 0 10px;
padding: 0;
}


/* FOOTER */

#footer{
display: block;
position: relative;
padding: 0;
color: #333;
font-size: 10px;
text-align: center;
width: 540px;
}

#footer a{
color: #333;
text-decoration: none;
}

#footer a:hover{
color: #FF7300;
}