/* MAIN DOCUMENT STYLE TEMPLATE */

body, html {
	background-color: #660909;
	background-image: url('images/headerbg.jpg');
	background-repeat: repeat-x;
	padding: 0px;
 	margin: auto;
	text-align: center;
	height: 100%;
	color: #000;
}





/********* FONT STYLES ********************/


body, div, td, p, span, form, font { 
	font-size: 9pt;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	letter-spacing: normal;
}

a:link, a:visited, a:active { color: red; text-decoration: none;}	
a:hover {color: #fff; text-decoration: underline;}

ol { margin: auto; }

strong { font-size: 9pt; font-weight: bold; color: #FAB71E; }

.comment_text {
	font-size: 8pt;
	color: #808080;
	padding: 2px;
}

h2 {
	padding: 0px;
	margin: 0px;
	font-size: 12pt;
	font-weight: bold;
	font-family: verdana, tahoma, arial;
	color: #320307;
}

h3 {
	border: 1px solid #660909;
	padding: 1px;
	margin: 1px;
	font-size: 8pt;
	font-weight: bold;
	width: 100%;
}

h3.name {
	background-color: #660909;
	color: #fff;
}


h4 {
	font-weight: bold;
	color: #551d1d;
	margin: 0px;
	padding: 0px;
}

h5 {
	font-weight: bold;
	color: red;
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	text-transform: uppercase;
}

.url {
	font-size: 8pt;
	color: #000;
	padding: 1px;
}





/**********************************************/

#header {
	margin: auto;
	text-align: center;
	height: 229px;
	color: #000;
}

#body {
	text-align: center;
	width: 100%;
	background-color: #FAB71E;
	background:#FAB71E url(images/bodytopbg.gif) repeat-x top;
}








/**********************************************/

td#navigation {
	text-align: right;
	padding-right: 1px;
}

div#nav_bar{
	text-align: right;
	padding: 0px;
	padding-top: 5px;
}


td#navigation a { 
	font-size: 8pt;
	color: #660909; 
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #A38239;
	text-decoration: none;
	border-right: 2px solid #FB0F0C;
}


td#navigation a:hover { 
 	color: #fff; 
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #917027;
	text-decoration: none;
	border-right: 2px solid #FB0F0C;
}


div#describe {
	font-size: 8pt;
	padding-top:5px;
	float: right;
	color:#000;
	font-size: 8pt;
	height: 15px;
	text-align: right;
}

div#describe a { font-size: 7pt; color: #fff; background-color: #917027; text-decoration: none; padding: 0px; border: 0px; }
div#describe a:hover { font-size: 7pt; color: #fff; background-color: #917027; text-decoration: underline; padding: 0px; border: 0px;}







/**********************************************/


#content {
	margin: auto;
	width: 784px;
	text-align: left;
	background:#FAB71E url(images/contentbg.jpg) no-repeat bottom left;
}


#sidecomm {
	height: 475px;
	width: 275px;
	background-image: url('images/right_side_comm.gif');
	background-repeat: no-repeat;
	margin-right: 10px;
}


div#features {
	background-color: #320307;
	border: 8px solid #FF9900;
	width: 380px;
	padding: 8px;
	color: #fff;
}

div#billboard {
	background-color: #320307;
	border: 8px solid #FF9900;
	width: 450px;
	height: 280px;
	padding: 8px;
	color: #fff;
	margin-left: 10px;
}

div#titles {
	height: 55px;
	padding: 0px; 
	margin: 0px; 
	background-image: url('images/titlebg.jpg'); 
	background-repeat: repeat-x;
	font-size: 7pt;
	width: 510px;
}

#sidecontent {
	height: 475px;
	width: 275px;
	padding: 0px;
}




/**********************************************/


#loginbox {
	float: right;
	width: 186px;
	padding: 10px;
	padding-top: 3px;
	text-align: left;
	margin: 6px;
}

#loginbox a { color: #F71510; text-decoration: underline; padding: 0px;}
#loginbox a:hover { color: #FFF; text-decoration: underline; padding: 0px;}



form.login {
	text-align: left;
	padding: 0px; 
	margin: 0px; 
	font-size: 8pt;
	font-family: verdana, tahoma, arial;
	line-height: 1.2;
	color: #A1791F;
}

form.login td {	color: #A1791F; }

form.registers  { margin: 1px; padding: 1px; }

input.small { margin:0px; padding:1px; font-size:7pt; }



/**********************************************/


div#footer {
	width: 100%;
	color: #441515;
	font-size: 8pt;
	padding-top: 10px;
	height: 50px;
	background-color: #FCD988;
	line-height: 1.7;
}

div#footer a { color:red; text-decoration: none; }
div#footer a:hover { color:red; text-decoration: underline; }






/********************************************/

.register_notes {
	border-top: 1px solid #808080; 
	color: #666666;
	font-size: 7pt;
}









/************************************************
	*** COMMUNITY CONTENT AND USER OPTIONS ***
*************************************************/


#com_left_panel {
	background-color: transparent;
	padding: 0px;
	width: 220px;
	text-align: center;
	border-right: 2px solid #660909;
	background-image: url(images/com_left_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#com_left_sub {
	width: 150px;
	padding: 2px;
	padding-left: 50px;
	height: auto;
}


#profile_left_panel {
	background-color: #660909;
	width: 220px;
	padding: 3px;
	padding-bottom: 15px;
	text-align: center;
	border-right: 2px solid #660909;
}

#reg_left_panel {
	background-color: #FFF;
	background-image: url(images/reg_left_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	width: 220px;
	padding: 1px;
	padding-bottom: 15px;
	text-align: center;
	border-right: 2px solid #660909;
}





#com_right_panel {
	background-color: #FFF;
	width: 580px;
	padding: 3px;
	padding-bottom: 15px;
	text-align: left;
}

#com_right_panel a { color: red; text-decoration: none; }
#com_right_panel a:hover { color: red; text-decoration: underline; }





div#welcome { 
    margin: 0px; 
	padding: 2px;
	width: 98%;
	background-color: #660909;
	font-size: 7pt;
	text-align: left;
	color: #FAB71E;
	height: auto;
}

div#welcome img { float: left; margin: 2px; }
div#welcome a { color: #FAB71E; text-decoration: none; }
div#welcome a:hover { color: #FAB71E; text-decoration: underline; }





div#profile_tools ul { padding: 0px; margin: 0px; text-align: left; }
div#profile_tools li {
    margin: 2px; 
	padding: 2px;
	padding-left: 16px;
	width: 89%;
	background-color: #FAB71E; 
	list-style-type: none;
}
div#profile_tools li a { color: #660909; text-decoration: none; }
div#profile_tools li a:hover { color: #660909; text-decoration: underline; }





div#profile_tools2 ul { padding: 0px; margin: 0px; text-align: left; }
div#profile_tools2 li {
    margin: 2px; 
	padding: 2px;
	padding-left: 16px;
	width: 89%;
	background-color: #660909; 
	list-style-type: none;
	color: #fff;
}
div#profile_tools2 li a { color: #FAB71E; text-decoration: none; }
div#profile_tools2 li a:hover { color: #FAB71E; text-decoration: underline; }





div#profile_tools3 ul { padding: 0px; margin: 0px; text-align: left; }
div#profile_tools3 li {
    margin: 1px; 
	padding: 1px;
	padding-left: 16px;
	width: auto;
	background-color: #fff; 
	list-style-type: none;
}
div#profile_tools3 li a { color: #660909; text-decoration: none; }
div#profile_tools3 li a:hover { color: #660909; text-decoration: underline; }
div#profile_tools3 li#sub_header { background-color: #660909; color: #FAB71E; }
div#profile_tools3 li#sub_header a { color: #ffffff; text-decoration: none; }








div.cc_header {
	width: 100%;
	height: 25px;
	background-image: url('images/ctbg.gif');
	text-align: right;
	padding: 0px;
	margin: 0px;
	font-size: 7pt;
}

div.cc_header img { 
	padding: 0px; 
	margin: 0px; 
}

div.cc_header a { 
	color: #ffffff;
	text-decoration: none
}

div.cc_content {
	border-left:1px solid #c2c2c2; 
	border-bottom:2px solid #c2c2c2; 
	padding: 2px;
	font-size: 7pt;
	text-align: left;
}

div.cc_content table td, div.cc_content font, div.cc_header font { font-size: 7pt; }
div.cc_content p { font-size: 7pt; margin: 2px; }
div.cc_content form { font-size: 7pt; margin: 0px; }

div.cc_content a { color: red; text-decoration: none; }
div.cc_content a:hover { color: red; text-decoration: underline; }

div.cc_header a { color: red; text-decoration: underline; padding: 0px;}
div.cc_header a:hover { color: #FFF; text-decoration: underline; padding: 0px;}







div#invite_friends {
	border-left: 1px solid #c2c2c2; 
	border-bottom: 2px solid #c2c2c2; 
	padding: 3px;
	font-size: 8pt;
	background-color: #fff;
	color: #000;
}

table#profile_details {
	border: 1px solid #660909;
	padding: 3px;
}

table#profile_details td { 	
	text-align: left; 
	font-size: 7pt;
}

td#profile_info table td {
	text-align: left; 
	font-size: 7pt;
}

table#featured_members td {
	text-align: center; 
	font-size: 7pt;
	color: red;
}






.tabcontent {
	display: none;
	background-color: #fff;
	font-size: 7pt;
	color: #000;
	text-align: center;
	width: 210px;
}

.tabcontent2 {
	display: none;
	background-color: #fff;
	font-size: 7pt;
	color: #000;
	text-align: left;
	width: 100%;
	border:0px;
}


#tablist{
	padding: 3px;
	margin:0px;
	background-color: #660909;
}

#tablist li{
	list-style: none;
	display: inline;
	margin: 0px;
	background-color: #660909;
	font-size: 7pt;
}

#tablist li a{
	padding: 0px;
	margin: 0px;
}

#tablist li a:link, #tablist li a:visited, #tablist li a:active {
	color: #fff;
}

#tablist li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

#tabcontentcontainer {
	padding: 1px;
	width: 215px;
	text-align:center;
}

#tabcontentcontainer2 {
	padding: 0px;
	width: 100%;
	background-color:#fff;
	border:0px;
}

#tabcontentcontainer a {
	color: #ffffff;
}






#com_left_panel #com_left_sub p a.feedback { color: #663909; font-weight: bold; }
#com_left_panel #com_left_sub p a.feedback:hover { color: red; font-weight: bold; }





/**************** GAMES PAGE ********************/


#games_left_panel{
	background-color: #650A09;
	width: 220px;
	padding: 2px;
	padding-bottom: 15px;
	text-align: center;
}

#games_right_panel{
	background-color: #fff;
	background-image: url('images/games_right_bg.gif');
	background-repeat: repeat-y;
	width: 560px;
	padding: 3px;
	padding-left: 34px;
	padding-bottom: 15px;
	text-align: left;
}

div.cc2_header {
	width: 93%;
	height: 20px;
	background-image: url('images/ct2bg.gif');
	background-repeat: no-repeat;
	background-position: top left;
	text-align: left;
	padding: 0px;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

div.cc2_content {
	background-color: #FCD988;
	padding: 2px;
	padding-bottom: 4px;
	width: 96%;
	font-size: 7pt;
	text-align: center;
}

div.cc2_content a { color: #650A09; text-decoration: none; }
div.cc2_content a:hover { color: red; text-decoration: underline; }



div.cc2_content ul { 
	width: 99%; 
	padding: 0px; 
	margin: 0px; 
}

div.cc2_content ul li { 
	list-style-type:none; 
	text-align: left;
	padding: 3px;
	margin: 0px;
	font-size: 7pt;
	border-bottom:1px solid #A28239;
}

div.cc2_content li a { color: #650A09; text-decoration: none; }
div.cc2_content li a:hover { color: red; text-decoration: underline; }








/**************** NEWSCAST *******************/

.news {
	font-size: 7pt;
}

.news option, .news button, .news select {
	font-size: 7pt;
}

div.news_header {
	width: 99%;
	height: 16px;
	background-image: url('images/newsheaderbg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #FC0E0C;
	text-align: left;
	padding: 3px;
	margin: 0px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

table.news_content {
	background-color: #fff;
	border: 3px solid red;
	border-top: 0px;
	padding: 2px;
	width: 100%;
	text-align: left;
}


td.news_votes {
	background-color: #FAB71E;
	color: red;
	text-align: center;
	margin: 0px;
	padding: 1px;
	width: 55px;
}

td.news_content {
	font-size: 6pt;
}


font.votes { font-weight: bold; font-size:xx-large;}

div.cc2_content a { color: #650A09; text-decoration: none; }
div.cc2_content a:hover { color: red; text-decoration: underline; }

div.news_footer {
	width: 98%;
	height: 30px;
	background-image: url('images/newsfooterbg.gif');
	background-repeat: no-repeat;
	background-position: right top ;
	text-align: right;
	padding: 0px;
	padding-right: 10px;
	padding-top: 5px;
	margin: 0px;
	margin-bottom: 15px;
	color: #000;
	font-size: 8pt;
}



//**************** PHOTO PAGE ********************/


#photo_left_panel{
	background-color: #650A09;
	width: 190px;
	padding: 2px;
	padding-bottom: 15px;
	text-align: center;
}

#photo_right_panel{
	background-color: #fff;
	background-image: url('images/photo_right_bg.jpg');
	background-repeat: repeat-y;
	width: 585px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: left;
}

div.photo_header {
	width: 100%;
	height: 18px;
	background-image: url('images/photo_header_bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #F8B818;
	text-align: left;
	padding: 3px;
	padding-left: 7px;
	margin: 0px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

div.photo_content {
	background-color: #fff;
	border: 3px solid #F8B818;
	border-top: 0px;
	padding: 2px;
	width: 100%;
	text-align: left;
	font-size:7pt;
}

div.photo_content p { font-size: 7pt; }
div.photo_content div table td { font-size:7pt; color: #ffffff;}

div#photo_options {
	width: 338px;
	height: 68px;
	background-image:url('images/photo_options_bg.gif');
}

div#photo_options table td, div#photo_options table td form, div#photo_options table td form input {
	padding: 0px;
	margin: 0px;
	font-size:7pt;
}







/****************** TV PAGE ***********************/

#tv_page{
	background-color: #ffffff;
	width: 785px;
	padding: 0px;
	padding-bottom: 30px;
	text-align: center;
	vertical-align: top;
}

#tv_users_watching {
	float: left; 
	margin: 2px; 
	padding: 5px; 
	width: 400px;
	color: #650A09;
	text-align:left; 
	padding-left:10px;
	background: #FFDD00;
}

#tv_users_watched {
	float: left; 
	margin: 2px; 
	padding: 5px; 
	width: 400px;
	color: #650A09;
	background: #FFFFFF;
	text-align:left; 
	padding-left:10px;
}

#tv_sponsors {
	float: right; 
	margin: 2px; 
	padding: 5px; 
	width: 300px; 
	border:1px solid #c2c2c2; 
	text-align:left; 
}




/**************** VIDEO PAGES ********************/


#video_left_panel{
	background-color: #650A09;
	width: 200px;
	padding: 2px;
	padding-bottom: 15px;
	text-align: center;
}

#video_right_panel{
	background-color: #fff;
	background-image: url('images/video_right_bg.gif');
	background-repeat: repeat-y;
	width: 520px;
	padding: 2px;
	padding-left: 85px;
	padding-right: 10px;
	padding-bottom: 15px;
	text-align: left;
}



#vid_club_profile {
	background-color: #fff;
	background-image: url('images/video_misc_bg.gif');
	background-repeat: repeat-y;
	width: 780px;
	padding: 2px;
	padding-left: 70px;
	padding-right: 5px;
	padding-bottom: 10px;
	text-align: left;
}

div.vid_pro_header {
	width: 98%;
	height: 18px;
	background-image: url('images/vid_pro_header_bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #A10707;
	text-align: left;
	padding: 3px;
	padding-left: 7px;
	margin: 0px;
	color: yellow;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

div.vid_pro_content {
	background-color: #fff;
	border: 3px solid #A10707;
	border-top: 0px;
	padding: 2px;
	width: 98%;
	text-align: left;
	font-size:8pt;
}

div.vid_pro_content a { color:red; text-decoration: none; }
div.vid_pro_content a:hover { color:red; text-decoration: underline; }


#vid_browse_page{
	background-color: #fff;
	background-image: url('images/vid_browse_bg.gif');
	background-repeat: repeat-y;
	width: 730px;
	padding: 3px;
	padding-left: 70px;
	padding-right: 10px;
	padding-bottom: 20px;
	text-align: left;
}



/**************** AUDIO PAGE ********************/


#audio_right_panel{
	background-color: #fff;
	background-image: url('images/audio_right_bg.jpg');
	background-repeat: repeat-y;
	width: 500px;
	padding: 2px;
	padding-left: 80px;
	padding-right: 25px;
	padding-bottom: 10px;
	text-align: left;
}

div#audio_options {
	width:98%;
	height: 68px;
	background-image:url('images/photo_options_bg.gif');
	background-color:#A28239;
	background-repeat: no-repeat;
}

div#audio_options table td, div#audio_options table td form, div#audio_options table td form input {
	padding: 0px;
	margin: 0px;
	font-size:7pt;
}

div.break {
	width: 98%;
	height: 8px;
	background-image:url('images/audiobreak.gif');
	background-repeat: repeat-x;
	clear: both;
}


#audio_club_profile {
	background-color: #fff;
	background-image: url('images/audio_right_bg.gif');
	background-repeat: repeat-y;
	width: 780px;
	padding: 2px;
	padding-left: 70px;
	padding-right: 5px;
	padding-bottom: 10px;
	text-align: left;
}

#audio_club_profile a { color:red; text-decoration: none; }
#audio_club_profile a:hover { color:red; text-decoration: underline; }



/****************** EVENTS PAGES **********************/


#events_panel{
	background-color: #fff;
	background-image: url('images/events_main_bg.gif');
	background-repeat: repeat-y;
	width: 730px;
	padding: 5px;
	padding-left: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
}

#events_panel a { color:red; text-decoration: none; }
#events_panel a:hover { color:red; text-decoration: underline; }

div.event_header {
	width: 98%;
	height: 18px;
	background-image: url('images/event_header_bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #FC0E0C;
	text-align: left;
	padding: 3px;
	padding-left: 7px;
	margin: 0px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

div.event_content {
	background-color: #fff;
	border: 3px solid #FC0E0C;
	border-top: 0px;
	padding: 2px;
	width: 98%;
	text-align: left;
	font-size: 8pt;
}

div.event_content a, 
div.event_content table td a, 
div.event_content div a { color:red; text-decoration: none; }
div.event_content a:hover, 
div.event_content table td a:hover, 
div.event_content div a:hover { color:red; text-decoration: underline; }


div.event2_header {
	width: 98%;
	height: 18px;
	background-image: url('images/photo_header_bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #F8B818;
	text-align: left;
	padding: 3px;
	padding-left: 7px;
	margin: 0px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

div.event2_content {
	background-color: #fff;
	border: 3px solid #F8B818;
	border-top: 0px;
	padding: 2px;
	width: 98%;
	text-align: left;
	font-size:7pt;
}

div.event2_content a, 
div.event2_content table td a, 
div.event2_content div a { color:red; text-decoration: none; }
div.event2_content a:hover, 
div.event2_content table td a:hover, 
div.event2_content div a:hover { color:red; text-decoration: underline; }


#event_my_events {
	background-color: #FCD988;
	color: #000000;
}





/************** CREATE PAGE ******************/

#create_page{
	background-color: #fff;
	background-image: url('images/create_bg.gif');
	background-repeat: repeat-y;
	width: 550px;

	text-align: left;
}

#create_page a {color:red; text-decoration:none; }
#create_page a:hover {color:red; text-decoration:underline; }


div.create_header {
	width: 98%;
	height: 18px;
	background-image: url('images/create_header_bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #A28239;
	text-align: left;
	padding: 3px;
	padding-left: 7px;
	margin: 0px;
	color: #FFDD00;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

div.create_content {
	background-color: #fff;
	width: 98%;
	border: 3px solid #A28239;
	border-top: 0px;
	padding: 2px;
	width: 200px;
	text-align: left;
	font-size: 8pt;
	color: #650A09;
}








/****************** MY OWN WEBSITE *******************/

#mysite_left_panel{
	background-color: #650A09;
	background-image: url('images/mysite_left_bg.gif');
	background-repeat: repeat-y;
	width: 500px;
	padding: 2px;
	padding-bottom: 15px;
	text-align: center;
}

#mysite_right_panel{
	background-color: #fff;
	background-image: url('images/mysite_right_bg.gif');
	background-repeat: repeat-y;
	background-position: top left;
	width: 560px;
	padding: 3px;
	padding-left: 50px;
	padding-bottom: 15px;
	padding-top: 10px;
	text-align: left;
}

#mysite_right_panel #fun a { color:white; text-decoration: none; }
#mysite_right_panel #fun a:hover { color:white; text-decoration: underline; }

#mysite_right_panel #serious a { color:#FC0E0C; text-decoration: none; }
#mysite_right_panel #serious a:hover { color:#FC0E0C; text-decoration: underline; }

#mysite_right_panel #business a { color:#272179; text-decoration: none; }
#mysite_right_panel #business a:hover { color:#272179; text-decoration: underline; }






/*************** SEARCH PAGES ****************/

#search_page_left {
	background-color: #fff;
	background-image: url('images/search_left_bg.gif');
	background-repeat: repeat-y;
	width: 320px;
	padding: 1px;
	padding-left: 30px;
	padding-bottom: 15px;
	text-align: left;
}

#search_page_right {
	background-color: #fff;
	width: 430px;
	padding: 1px;
	padding-bottom: 15px;
	text-align: left;
}





/*********** EXTRAS ******************/

#extras_right {
	padding:5px;
	background-color:white;
	width:530px;
}

#extras_right a {color:red; text-decoration:none; }
#extras_right a:hover {color:red; text-decoration:underline; }





/****************** MY MEDIA PAGES ******************/

#navbar {
	background-color:#FAB71E;
	color: red;
	font-weight:bold;
	width:98%;
	margin:auto;
	padding:4px;
}

#navbar a { color:#660000; font-weight: normal; text-decoration:none; }
#navbar a:hover { color:#660000; font-weight: normal; text-decoration:underline; }