/******************************************************
  Style Sheet for SXRXNRR.com
  Design by Website Pyro, www.websitepyro.com
 ******************************************************/
*{
	font:11px arial, verdana, helvetica, sans-serif;
}
body{
	background:#370000 url(images/background.jpg) repeat-y center;
	margin:0;
	padding:0;
	color:#f3f3f3;
}
a{
	color:#F41100;
	font-weight:bold;
	text-decoration:none;
}
a:hover{color:#8A0700;}
img{border:0;}
h1,h2{
	font:normal 1.2em arial, verdana, helvetica, sans-serif;
	margin:23px 18px;
	text-align:left;
}
h2{
	color:#555;
	font-size:14pt;
	font-weight:bold;
}
legend{
	color:#8A0700;
	font-weight:bold;
}
form{
	margin:0;
	padding:0;
}
#Search{
	position:absolute;
	visibility:hidden;
	border:9px solid #444;
	background:#222 url(images/search_login_back.jpg);
	width:250px;
	padding:8px;
}
#LoginForm input,#Search input{
	background-color:transparent;
	color:#999;
}

#Search #submit{
	clear:both;
	background:#444;
	width:70px;
	height:28px;
	text-decoration:none;
	color:#fff;
	margin-left:20px;
}
#SearchResults{border:1px solid gray;}
#SearchResults .searchResults h1{
	font-size:12px;
	font-weight:bold;
}
.searchResults h1{border-bottom:1px solid #222;margin-left:0;padding-left:10px;}
.searchResult{margin-left:25px;}
.left{float:left;}
.right{float:right;}
.clearer{clear:both;}
.question{
	color:#F7941D;
	font-weight:bold;
	margin-bottom:5px;
}
.answer{
	text-align:justify;
	margin-bottom:15px;
	padding-left:10px;
}
.column{
	width:344px;
	float:left;
	text-align:justify;
}

#MenuPos{width:100%;text-align:center;}
/******************************************************
  Navigation
 ******************************************************/
.navigation{
	width:100%;
	background:#000 url(images/nav.gif) repeat-x;
	margin:0;
	padding:0;
	height:40px;
	overflow:hidden;
	cursor:default;
}
.navigation ul{
	margin:0 auto;
	padding:0;
	width:50%;
}
.navigation li, .navigation a{
	color:#fff;
	text-decoration:none;
	font:bold 11px verdana, arial, helvetica, sans-serif;
	height:40px;
	padding:0;
	margin:0;
	width:100px;
}
.navigation li a{background:transparent url(images/nav.gif) repeat-x;}
.navigation li a:hover, .navigation li#current a{
	background:transparent url(images/nav.gif) repeat-x 0 -40px;
}
.submenu li{
	background:#222 url(images/search_login_back.jpg);
}
.submenu li a{
	border:1px solid #333;
	border-top:1px solid black;
	text-align:center;
	color:#ddd;
}
.submenu li a:hover{
	color:#000;
	border:1px solid #fff;
	border-top:1px solid black;
	background:#ddd;
	
}
/******************************************************
  Title
 ******************************************************/
.title{
	width:732px;
	height:136px;
	background:transparent url(images/logo2.jpg) no-repeat;
	border:solid 15px #270000;
	border-bottom:0;
	border-top:0;
	display:block;
	margin:0 auto;
	margin-top:0px;
	cursor:default;
}
.title h1{
	margin:0;
	padding-top:60px;
	text-align:center;
	font:normal 1.7em 'trebuchet ms', georgia, 'lucidia grande';
	color:#FE9B27;
	letter-spacing:8px;
}
/******************************************************
  Container
 ******************************************************/
.container{
	width:732px;
	margin:0 auto;
	border-left:15px solid #270000;
	border-right:15px solid #270000;
	background-color:transparent;
	height:auto;
}
/******************************************************
  Top
 ******************************************************/
.top{
	height:28px;
	overflow:hidden;
	width:100%;
	background:#000 url(images/stripes_small.gif) repeat-x;
	color:#fff;
	cursor:default;
	text-align:left;
	font:normal 10px/32px arial, verdana, helvetica, sans-serif;
}
.top a{color:#F3F3F3;}
.top a:hover{text-decoration:underline;}
.top strong{
	font:bold 11px arial;
	margin:0 6px 0 0;
}
.top div{margin-left:10px;}
.top ul{
	margin:0;
	padding:0;
	float:right;
	clear:none;
	display:inline;
	width:250px;
}
.top ul li a, .top ul li{
	display:block;
	float:right;
	width:70px;
	height:26px;
	text-align:center;
	text-decoration:none;
	font:bold 12px/32px arial, verdana, helvetica, sans-serif;
	overflow:hidden;
	color:#F41100;
}
.top ul li a:hover{
	text-decoration:underline;
}

/******************************************************
  Adspace
 ******************************************************/
.adspace{	
	height:auto;
	background:#86221B url(images/ad.gif) repeat-x;
	border-top:1px solid #999;
	border-left:1px solid #666;
	border-right:1px solid #444;
	border-bottom:1px solid #222;
	text-align:center;
	cursor:default;
	overflow:hidden;
	margin:0;
}
/******************************************************
  Latest Users
 ******************************************************/
.latestUsers{
	background:#000 url(images/main.gif) repeat-x;
	overflow:hidden;
	margin:-10px -20px 0 -20px;
	clear:both;
	height:100px;
	padding:0;
	border-top:1px solid #999;
	border-left:1px solid #666;
	border-right:1px solid #444;
	border-bottom:1px solid #222;
}

.latestUsers ul{
	width:710px;
	overflow:hidden;
	margin:10px 15px 0 0;
	padding:0;
}
.latestUsers ul li{
	float:left;
	text-align:center;
	margin-left:10px;
	display:inline;
	width:81px;
}
.latestUsers a img{
	border:3px solid #fff;
	width:75px;
	height:75px;
}
.latestUsers a:hover img{border:3px solid #ECC3A4;}

/******************************************************
  Content
 ******************************************************/
.content{
	margin:20px;
	margin-top:10px;
	font:normal 11px/18px arial, verdana, helvetica, sans-serif;
	clear:both;
	color:#f3f3f3;
}
.content h1{
	color:#8A0700;
	font:normal 2em arial, verdana, helvetica, sans-serif;
	margin-bottom:10px;
}
.content h2{margin:20px 0 4px 0;}
#SubContent{float:left;}
.contentBlock{
	float:right;
	width:340px;
	margin-bottom:10px;
	text-align:justify;
	display:inline;
}
.contentBlock ul{
	margin:0;
	padding:0;
}
.contentBlock ul li{
	border-bottom:1px solid #783C1C;
	color:#270000;
	list-style:none;
}
.contentBlock ul li a{
	height:30px;
	display:block;
	line-height:30px;
	padding-left:15px;
}
.contentBlock ul li a:hover,.contentBlock ul li a:focus{
	background:#8A0700 url(images/hover_list.jpg) repeat-x;
	color:#fff;
}
/******************************************************
  Footer
 ******************************************************/
#Footer{
	height:25px;
	background-color:#120202;
	font:normal 10px/25px arial, verdana, helvetica, sans-serif;
	color:#999;
	text-align:center;
	clear:both;
}
#Footer a{color:#ccc;}
/******************************************************
  Forum
 ******************************************************/
.headerRow{
	background:#86221B url(images/ad.gif) repeat-x;
	height:27px;
	color:white;
}
.separatorRow{
	background:#FE8624 url(images/nav.gif) repeat-x;
	height:27px;
	text-indent:5px;
	color:white;
}
#AddForm{background:#000 url(images/sex_red.gif) no-repeat top right;}
#AddForm #Table{
	width:60%;
	background-color:white;
	background:#222 url(images/search_login_back.jpg);
}
#AddForm #Table a{
	color:#fefefe;
}
#AddForm label, #AddForm input, #AddForm textarea{
	float:left;
	width:350px;
	background-color:transparent;
	color:#999;
}
#AddForm label{
	clear:both;
	width:40px;
}
#AddForm fieldset{clear:both;}
#AddForm textarea{height:200px;}
#AddForm .formButton{width:60px;}
/******************************************************
  Profile
 ******************************************************/
#ProfileDetails form{
	background-color:#111;
	background:#222 url(images/search_login_back.jpg);
	width:60%;
	margin:5px 5px 0 0;
	padding:3px;
}
#ProfileDetails{
	border:1px solid #666;
}
#ProfileDetails label{width:140px;}
#ProfileDetails input,#ProfileDetails select,#ProfileDetails textarea{
	width:150px;
	margin-top:9px;
	background-color:#333;
	color:#999;
}
#ProfileImage{width:100px;}
#Profile{width:100%;}
#Profile #Row{
	color:white;
	background:#000 url(images/sex_red.gif) no-repeat top right;
}
#Profile #HeaderRow{
	color:#F3F3F3;
	margin-bottom:0px;
}
/******************************************************
 SocialProfile
 ******************************************************/
#SocialProfile{
	margin-top:0;
	border:1px solid #333;
	background-color:#111;
}
#SocialProfile h1{
	font-size:14pt;
	margin:0;
	margin-bottom:2px;
	padding-bottom:0;
	text-align:center;
}
.socialProfileRow{
	margin:5px;
	background-color:#222;
	border:1px solid black;
	clear:both;
}
.socialProfileRow textarea{
	width:500px;
}
.socialProfileItem{
	width:46%;
}
#socialProfileForm input,#socialProfileForm textarea,#socialProfileForm select{
	background-color:#333;
	color:#999;
}
.socialProfilePics{clear:both;margin-left:8px;float:left;width:48%;}
.socialProfileAd{
	float:left;
	margin:1% 0;
	height:auto;
}
/******************************************************
  LoginForm
 ******************************************************/
#LoginForm h1{
	color:#8A0700;
	font-weight:bold;
	font-size:12px;
}
#LoginForm form label{
	clear:both;
	float:left;
	width:95px;
	font-weight:bold;
	font-size:11px;
	margin-top:7px;
}
#LoginForm form{
	width:300px;
	margin:0 auto;
	text-align:center;
}
#LoginForm form input{
	width:150px;
	float:left;
}
#LoginForm input.smIcon{width:16px;}
#LoginForm input.adminButton{
	clear:both;
	background:#ED700D url(images/orange.jpg) no-repeat;
	width:78px;
	height:28px;
	text-decoration:none;
	color:#fff;
}
#LoginForm .links{
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	font-size:11px;
}
.adminEdit{border:2px solid green;}
.adminEditHoverOn{border:2px dashed green;}
/******************************************************
  Event Calendar
 ******************************************************/
.month{
	background-color:#000;
	margin:0 auto;
	text-align:center;
	border:1px solid #333;
}
.dayname{background-color:#370000;}
.monthname{
	background-color:#111;
	color:#999;
}
.monthday{
	background-color:#222;
	color:#F3F3F3;
}
.today{
	background-color:#222;
	color:#9d0202;
}
.event{background-color:#9d0202;}
.event a{
	background-color:#370000;
	color:#E8930B;
}
.sunday a{color:#E8930B;}
.saturday a{color:#E8930B;}
#EventForm{
	padding:0;
	margin:0;
}
#AddEventForm{background:black;width:700px;}
#AddEventForm #submit{
	color:red;
	width:60px;
	float:right;
}
#AddEventForm label{
	padding-left:15px;
	padding-right:15px;
	color:#86221B;
	font-weight:bold;
}
#AddEventForm input,#AddEventForm textarea{
	background-color:transparent;
	color:#999;
	padding:0;
	margin:0;
}
#AddEventForm input{
	width:110px;
}
#AddEventForm textarea{
	width:450px;
	height:50px;
}
#AddEventForm #Public{margin-right:110px;}
.eventReminder{width:25%;}
.eventHeading,.eventContent{width:65%;}
.eventRow2{background-color:#444;}
.eventHover{background:#ddd;}
.eventMonth{
	background:#86221B url(images/ad.gif) repeat-x;
	height:27px;
	color:white;
	text-indent:5px;
	border:1px solid black;
}
.eventYear{
	background:#000 url(images/search_login_back.jpg)no-repeat center;
	height:17px;
	padding-top:10px;
	color:white;
	text-align:center;
	font-weight:bold;
}
#eventItem{
	background:#000 url(images/sex_red.gif) no-repeat top right;
	color:white;
	width:96%;
	padding:40px 2% 70px 2%;
}
#eventItem h1{float:right;}
#eventItem .eventReminder{
	width:200px;
	margin-top:20px;
}
#RSS{
	position:absolute;
	right:200px;
}
#DOB select{
	float:left;
	clear:none;
	width:60px;
}
#ProfileDetails #Gender{margin-right:0;}

/******************************************************
 Reviews
 ******************************************************/
.review input,.review textarea,.review select{
	background-color:transparent;
	color:#999;
}
.review li{width:75px;text-align:center;}
.review h1{background:#333;color:white; text-align:center;font-size:14pt;margin:0 0 3px 0;}
.review ol{list-type:decimal-leading-zero;}
.reviews li{float:left;list-style:none;}
.review .item li{width:auto;text-align:left;}
.column .reviews{width:300px;}
.column .reviews a img{border:1px solid #222;}
.column .reviews a:hover img{border:1px solid #fff;}
.review a h1{clear:both;}
ul.reviewList li{float:left;clear:none;}
/******************************************************
 Messages
 ******************************************************/
#Mailbox input,#Mailbox textarea{
	background-color:transparent;
	color:#999;
	padding:0;
	margin:0;
}
.message,.messageNew,.messageHoverNew,.messageHover,.messageHoverNew{color:black;}
/******************************************************
 UserSearch
 ******************************************************/

#UserSearch,#UserSearch input,#UserSearch select,#UserSearch label{
	font-size:11px;
	padding:0;
	margin:0;
	background:#000;
	color:white;
}
#UserSearch{
	padding:5px;
	border-top:1px solid #CA807C;
	border-left:1px solid #A5514B;
	border-right:1px solid #5B1D1B;
	border-bottom:1px solid #3E1B19;
}
#UserSearch label{margin:0 3px;}

#UserSearchResults .Row{border:1px solid #333;}
ul.socialProfileRow{
	width:100%;
	background:black;
	margin:0 auto;
	text-align:center;
	padding:5px 0;
	color:white;
	border-bottom:1px solid #222;
}
ul.socialProfileRow a{margin-left:10px;}
ul.socialProfileRow a{color:white;}

#UserSearchForm input,#UserSearchForm select{
	background-color:#333;
	color:#999;
}
#UserSearchForm .searchCol input,#UserSearchForm .searchCol select{
	width:100px;
}
/******************************************************
 Ratings
 ******************************************************/
.loading{
	background:url('/images/stars.gif') 50% 50% no-repeat;
}
.unit-rating{ /* the UL */
	background:url('/images/stars.gif') top left repeat-x;		
}
.unit-rating li a:hover{
	background:url('/images/stars.gif') left center;
}
.unit-rating li.current-rating{
	background:url('/images/stars.gif') left bottom;
}

/******************************************************
 Changing news bar
 ******************************************************/
.newsbar{margin:0 auto;text-align:center;}
.scrollerstyle,.scrollertext{color:red;background:transparent;border:0;}
.scrollertext{width:350px;border:1px solid #222;}

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black ; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: navy; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}