body{
margin-top:10px;
padding:0;
line-height: 1.5em;
background-color: black;
color: white;
font-family: Arial;
font-size: 1em;
}

/* Overall HTML Elements and Text Styles */
b{font-size: 110%;}
/*em{color: red;} */
a{color: #f7941c;text-decoration: none;}

.FREE{ 
font-size: 1.2em;
font-weight: bold;
color: black;
}


/* Site Structure */

/* This is the main container DIV for the entire page */
#maincontainer{
width: 909px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

/* Header */
/* These styles define the header of the site. It uses a background image for everything except the main nav buttons, which are overlayed in HTML. The Main FAC logo is made a link with a transparent image overlay as is the twitter link in the upper right */
#topsection{
position:relative;
background: url(../img/hdrFullbg.png) no-repeat black;
height: 100px; /*Height of top section*/
}

#topsectionadmin{
background: url(../img/hdrFullBgAdmin.png) no-repeat black;
height: 100px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

/* Overall content area - everything below the header and before the footer */
#contentwrapper{
float: left;
width: 100%;
}

/* The larger, right column of the page used to present main content */
#contentcolumn{
margin-left: 255px; /*Set left margin to LeftColumnWidth*/
}

.googlesearch{
position:absolute;
top:10px;
left:350px;
width:420px;
}

/* These classes all define how various HTML elements are treated within the main content well */
.contentcontainer{ /* this style should be used on the home page for the main well content container */
margin-top: 0px;
padding: 10px 10px 10px 10px;
background: url(../img/bgGray1.png) repeat;
font-size: .8em;
line-height: 1.4em;
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
}

/* Google AdSense Ads in the right side of the page */
.contentcontainerad{ /* this style should be used on the home page for the main well content container */
margin-top: 14px;
padding: 10px 10px 10px 10px;
background: url(../img/bgGray1.png) repeat;
font-size: .8em;
text-align: center;
line-height: 1.4em;
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;
}

.contentcontainerdetail{ /* this style should be used on subpages for the main well content container */
margin-top: 0px;
padding: 10px 10px 20px 10px;
background: url(../img/bgGray1.png) repeat;
font-size: .85em;
line-height: 1.1em;
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
}

/* Headline (h1 - h4) definitions for the content areas and content detail areas */
.contentcontainer h1{
font-size: 1.5em;
font-weight: bold;
}

.contentcontainer h2{
font-size: 1.3em;
font-weight: bold;
line-height: .3em;
}

.contentcontainer h3{
font-size: 1.1em;
font-weight: bold;
/* font-style: italic; */
color: yellow;
line-height: .3em;
}

.contentcontainer h4{
font-size: .9em;
/* font-style: italic; */
font-weight: bold;
line-height: .01em;
}

.contentcontainerdetail h1{
font-size: 1.5em;
font-weight: bold;
}

.contentcontainerdetail h2{
font-size: 1.3em;
font-weight: bold;
line-height: 1em;
}

.contentcontainerdetail h3{
font-size: 1.1em;
font-weight: bold;
font-style: italic;
color: yellow;
line-height: 1em;
}

.contentcontainerdetail h4{
font-size: .9em;
font-style: italic;
font-weight: bold;
line-height: 1em;
}

.contentcontainerhdr{ /*defines the header portion of each content area in the main well - displays the blue box for the header text */
height: 34px;
margin-top: 15px;
background: url(../img/bgMainPanelTop.png) no-repeat black;
}

.contentcontainersharehdr{ /*defines the header portion of each content area in the main well - displays the blue box for the header text */
height: 34px;
margin-top: 15px;
background: url(../img/bgPanelTopShare.png) no-repeat black;
}

.contentcontainerhdr2{ /*defines the header portion of each content area in the main well - in this instance, WITHOUT the blue box for the header text - THIS CLASS IS NO LONGER USED AT THIS TIME BUT MAY STILL BE NEEDED LATER*/
height: 10px;
margin-top: 15px;
background: url(../img/bgFeaturedTop.png) no-repeat black;
}

/* The XXXftr classes are no longer used. They are here for reference only in case one still shows up in the code somewhere. Instead of using another class with a background image to cap the bottoms of content areas, we've simply used CSS to round those bottoms out, this effectively places a nice curve on the tiled 3x3 repeated background image */
.contentcontainerftr{ /* puts the curves on the background image at the bottom of a content area  */
height: 10px;
background: url(../img/bgMainPanelBottom.png) no-repeat black;
}

/* Calendar classes */
.calendar{ /* overall class for the calendar table */
text-align: center;
}

.contentcontainercal{ /* overall container DIV for the calendar */
text-align: center;
background: url(../img/bgGray1.png) repeat; /* #313133; */
width: 634px;
padding-left: 0px;
padding-bottom: 20px;
font-size: .9em;
vertical-align: text-top;
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
}


.cell{
/* border: 1px solid white; */
background: black;
font-size: .8em;
width: 80px;
text-align: center;
vertical-align: top;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.celloff{
/* border: 1px solid white; */
background: #242424;
font-size: .8em;
width: 80px;
text-align: center;
vertical-align: top;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.cellFree{
background: #050474;
color: black;
font-weight: bold;
font-size: .8em;
width: 80px;
text-align: center;
vertical-align: top;
border: 1px solid black;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.dateOn{
background: #4550ad; 
-moz-border-radius: 5px 5px 0 0; 
-webkit-border-radius: 5px 5px 0 0;
border-bottom: 1px solid gray;
/* width: 100px; */
}

.dateOff{
background: #050474; 
-moz-border-radius: 5px 5px 0 0; 
-webkit-border-radius: 5px 5px 0 0;
border-bottom: 1px solid black;
/* width: 100px; */
}

.dateFree{
background: green;
color: white;
font-weight: bold;
font-size: 1.1em;
-moz-border-radius: 5px 5px 0 0; 
-webkit-border-radius: 5px 5px 0 0;
border-bottom: 1px solid gray;
/* width: 100px; */
}


/* Vote classes */
.contentcontainervote{ /* overall container DIV for the voting table */
padding: 15px 0 20px 0;
margin-left: 1px;
text-align: center;
background: url(../img/bgGray1.png) repeat; /* #313133; */
display: table;
width: 633px;
/* border: solid 1px black; */
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
}

.votecell{ /* defines the lines around the calendar cells of the CURRENT MONTH, with no line on the left border */
background: black;
font-size: .8em;
width: 80px;
text-align: center;
vertical-align: top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.votecellleft{ /* defines the lines around the left column calendar cells of the CURRENT MONTH, including the line on the left border */
float: left;
background: black;
width: 85px;
padding: 15px 0 10px 0;
font-size: .75em;
margin-top: -2px;
}


/* These classes define the left column of the page. This column contains ads and news items  */

#leftcolumn{ /*sets the overall structure of the left colum*/
float: left;
width: 255px; /*Width of left column*/
margin-left: -909px; /*Set left margin to -(MainContainerWidth)*/
line-height: 1.1em;
/* background: #262628; */
background: url(../img/bgGray2.png) repeat; /* #313133; */
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
}

.leftcontainer{ /* provides the background stripes for the left column areas. the top and bottom caps for these areas are in the HTML. this is used simply to provide a column that grows to accomodate the size of it's content */
margin-top: 15px;
width: 238px;
background: url(../img/bgSidebarPanelMain.png) repeat-y #262628;
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
}

.leftcontainerad{ /* provides the background stripes for the left column areas. the top and bottom caps for these areas are in the HTML. this is used simply to provide a column that grows to accomodate the size of it's content */
margin-top: 15px;
width: 238px;
text-align:center;
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;
}

.leftcontainerhdr{
height: 34px;
background: url(../img/bgSidebarPanelTop.png) no-repeat;
text-align: center;
}

.leftcontainercontent{
padding: 5px;
font-size: 0.9em;
padding-bottom: 10px;
}

.leftcontainercontent li{
list-style: none;
margin-left: -40px;
}

.leftcontainercontent td{ /* formatting for the ads table in the left column */
text-align: left;
vertical-align: top;
padding: 0 0 5px 5px;
font-size: .8em;
line-height: 1.0em;
}

/* The XXXftr classes are no longer used. They are here for reference only in case one still shows up in the code somewhere. Instead of using another class with a background image to cap the bottoms of content areas, we've simply used CSS to round those bottoms out, this effectively places a nice curve on the tiled 3x3 repeated background image */
.leftcontainerftr{ /* caps the bottom of the gray background for the sidebar area */
height: 12px;
width: 238px;
margin-top: -1px;
background: url(../img/bgSidebarBottom.png) no-repeat;
} 

/*.leftcontainercontentspecial{
padding: 5px;
font-size: 0.75em;
line-height: 1.0em;
padding-bottom: 10px;
}*/


#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
font-size: 0.8em;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #f7941c;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.faq ul{
list-style: none;
font-style: italic;
}
.faq li{
list-style: none;
margin-left: -25px;
}

.voteappname{
font-size: .85em;
font-weight: bold;
line-height: 1.2em;
}

.otherfeaturetext{
font-size: 1.0em;
font-weight: bold;
line-height: 1.0em;
}