/* CSS Document */

a:link, a:visited {
text-decoration: none;
color: #660000
}

a:hover, a:active {
text-decoration: blink;
color: #BB0000
}

#menu ul {
display: inline;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
list-style:none;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
}


#menu li {
display: inline;
font-family:Veranda, Arial, Helvetica, sans-serif;
font-size: 14px;
}

#menu li:after {
content: " | ";
}

#menu li.last:after{
content: "  ";
}

hr {
width: 75%;
height: 3px;
margin-left: auto;
margin-right: auto;
background-color: black
}

h1 {
font-size: 35px;
}

body {
	background-image: url(fcbg2_small2.jpg);
	
	background-color:#333;
	font-family: Veranda, Arial, Helvetica, sans-serif;
	background-repeat: repeat;
}

.datetext {
font-size: .8em
}

.mainlink {
color: #000000
}

#rapper {
position:absolute;
top:0px;
left:0px;
}

#leftcol {
position:absolute;
top:0px;
left:0px;
width: 650px;
}

#rightcol {
position:absolute;
top: 100px;
left: 674px;
width: 350px;
}

#title {
left:0px;
width: 500px;
height: 100px;
}

#in_header {
position: relative;
width: 500px;
height:100px;
}

#menu {
border: 2px solid #000;
width:500px;
top: 10px;
margin-left: 10px;
display: inline;
background-color: #EFE;
}

#topads {
margin-top: 10px;
margin-left: 10px;
width: 500px;
height: 96px;
background-image: url(adframe.gif);
border: 1px solid #000;
z-index: 10;
}

#in_ads {
position: relative;
left: 16px;
top: 18px;
width: 468px;
height: 60px;
z-index: 1;
}

#mainbar {
margin-top: 25px;
width:650px;
height: 1000px;
margin-bottom: 25px;
}

#in_main {
margin-left: 25px;
height: 1000px;
margin-right: 25px;
}

#indexsite {
position: relative;
font-family: Veranda, Arial, Helvetica, sans-serif;
background-color:#99DDDA;
border: 2px solid black;
padding: 1em;
top:1em;
}

.toparticle {
padding: 1em;
margin:.5em;
position:relative;
width:30%;
background-color:#116663
}

.article {
position:relative;
font-family: Garamond, Book Antiqua, Georgia, Cambria, Times, serif;
margin-top: 3em;
}

.articletext {
background-color: #EEEEFE;
padding: 2em 4em 2em 4em;
}

.orangetext {
background-color: #FDEEDD;
padding: 2em 4em 2em 4em;
}

.purpletext {
background-color: #EDDDDD;
padding: 2em 4em 2em 4em;
}

.articlebartext {
background-color: #EEEEFE;
padding: .5em;
}

.sidebartext {
background-color: #EDDDDD;
padding: .5em;
}

.showsbartext {
background-color: #FDEEDD;
padding: .5em;
}

.articleheader {
position: relative;
padding: 1em;
background-color: #DDDDDD;
margin-bottom: 25px;
clear: both;
}

.storyheader {
position: relative;
padding: 1em;
background-color: #CBBBBB;
margin-bottom: 25px;
}

.headline {
left: 125px;
font-size: 25px;
font-weight: bolder;
}

.byline {
left: 125px;
font-size: 18px;
font-weight: bolder;
}

.articleheader img {
float:left;
}

.extraarticle {
padding: .2em;
font-size: 1.2em;
border: 2px hidden;
margin: 0 0 .5em 0;
}

.storyimagefloater {
float: left;
clear: both;
margin-right: 10px;
}

#mainsite {
position: absolute;
left:5%;
width:60%;
top:150px;
border: 10px black;
border-top-style: hidden;
border-bottom-style: hidden;
border-left-style: hidden;
border-right-style: hidden;
padding: 1em;
}

#storybar {
position:relative;
font-family: Garamond, Book Antiqua, Georgia, Cambria, Times, serif;
top: 1em;
width: 350px;
margin-top: 25px;
}

#articlebar {
position:relative;
font-family: Garamond, Book Antiqua, Georgia, Cambria, Times, serif;
top: 1em;
width: 350px;
margin-top: 25px;
}

#showsbar {
position:relative;
font-family: Garamond, Book Antiqua, Georgia, Cambria, Times, serif;
top: 1em;
width: 350px;
margin-top: 25px;

}

#sidebar {
float:right;
width: 350px;
margin-top: 25px;
}

#ads {
background-color: #FFF;
border: 2px solid #000;
margin-top: 25px;
width: 125px;
}

#credits {
border: 1px solid #000;
width: 150px;
padding: .5em;
margin-top: 25px;
background-color: #EFE;
font-size: 10px;
}


.splashdark_blue {
position:absolute;
background-color: #225554;
top: -1em;
right: 1em;
bottom: 1em;
left: -1em;
z-index: -2;
}

.splashmid_blue {
position:absolute;
background-color: #447776;
top:.5em;
left: -.5em;
right: -1em;
bottom: -1em;
z-index: -4;
}

.splashaccent_blue {
position:absolute;
background-color: #6600aa;
top: -.2em;
left: -.2em;
bottom: .5em;
right: .8em;
z-index: -1;

}

.splashlite_blue {
position:absolute;
background-color: #AADDDC;
top:-.5em;
right: -.5em;
left:.5em;
bottom: -.5em;
z-index: -3;
}

.splashdark_purple {
position:absolute;
background-color: #550077;
top: -1em;
right: 1em;
bottom: 1em;
left: -1em;
z-index: -2;
}

.splashmid_purple {
position:absolute;
background-color: #661188;
top:.5em;
left: -.5em;
right: -1em;
bottom: -1em;
z-index: -4;
}

.splashaccent_purple {
position:absolute;
background-color: #99FFDD;
top: -.2em;
left: -.2em;
bottom: .5em;
right: .8em;
z-index: -1;
}


.splashlite_purple {
position:absolute;
background-color: #DD99FF;
top:-.5em;
right: -.5em;
left:.5em;
bottom: -.5em;
z-index: -3;
}

.splashdark_orange {
position:absolute;
background-color: #501100;
top: -1em;
right: 1em;
bottom: 1em;
left: -1em;
z-index: -2;
}

.splashmid_orange {
position:absolute;
background-color: #612211;
top:.5em;
left: -.5em;
right: -1em;
bottom: -1em;
z-index: -4;
}

.splashlite_orange {
position:absolute;
background-color: #E9AA33;
top:-.5em;
right: -.5em;
left:.5em;
bottom: -.5em;
z-index: -3;
}

.minisplashdark_blue {
position:absolute;
background-color: #225554;
top: -4px;
right: 4px;
bottom: 4px;
left: -4px;
z-index: -2;
}

.minisplashmid_blue {
position:absolute;
background-color: #447776;
top:2px;
left: -2px;
right: -4px;
bottom: -4px;
z-index: -4;
}

.minisplashaccent_blue {
position:absolute;
background-color: #aa0066;
top: -.2em;
left: -.2em;
bottom: .5em;
right: .8em;
z-index: -1;

}

.minisplashlite_blue {
position:absolute;
background-color: #AADDDC;
top:-2px;
right: -4px;
left:2px;
bottom: -2px;
z-index: -3;
}

.minisplashdark_purple {
position:absolute;
background-color: #550077;
top: -4px;
right: 4px;
bottom: 4px;
left: -4px;
z-index: -2;
}

.minisplashmid_purple {
position:absolute;
background-color: #661188;
top:2px;
left: -2px;right: -4px;
bottom: -4px;
z-index: -4;
}

.minisplashlite_purple {
position:absolute;
background-color: #DD99FF;
top:-2px;
right: -4px;
left:2px;
bottom: -2px;
z-index: -3;
}

.minisplashdark_orange {
position:absolute;
background-color: #501100;
top: -4px;
right: 4px;
bottom: 4px;
left: -4px;
z-index: -2;
}

.minisplashmid_orange {
position:absolute;
background-color: #612211;
top:2px;
left: -2px;
right: -4px;
bottom: -4px;
z-index: -4;
}

.minisplashlite_orange {
position:absolute;
background-color: #E9AA33;
top:-2px;
right: -4px;
left:2px;
bottom: -2px;
z-index: -3;
}