/* Queerlee CSS */

body {
	background-color: #393127;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	color:#D4C081;
	padding:0;
	margin:0;
}
a {color: #FFF; text-decoration:none;}
a:visited {color:#FFF;}
a:hover {color: #FFF;text-decoration:underline;}
a:active { color:#FFF;}
  

h1 {
  margin:0;
  padding:0;
  margin-bottom:2px;
	font-size: 13px; 
	font-weight: bold;
	color: #393127;

}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #393127;
}


h5 {
	font-size:12px;
	display:inline;
	font-weight:bold;
}

input {
  font-size:11px;
  border: 1px solid #000;
}

.hiddeninput {
  border:0;
  
}

select {
  font-size:11px;
  border: 1px solid #000;
}

.error {
	color: red;
}

p.s1 {
	font-size:10px;
	font-weight: normal;
}

a img {
	border:0;
	text-decoration:none;
}

.va {
  vertical-align:middle;
}

/* ---------navi right------------- */

#rightnav {
border-bottom:solid 1px #FFF;
margin:0px;
padding:0px 0px 0px 10px;
}


#rightnav a {
border-bottom:solid 1px #393127;
width:200px;
margin:0;
padding:2px 3px;
display:block;
}

#rightnav a:hover {
text-decoration:none;
color:#FFF;
background:#886a53;
}

/* ---------centered layer------------- */


/* --------header--------------------- */

#header {
	margin: 0;
	padding: 0;
	height:94px;
	background: #FFF;
	padding-top:10px;
	padding-left:10px;
}

#hcontainer {
	margin: 0 auto;
	padding:0;
	width: 993px;
}

#header img {
	float:left;
	padding-top:6px;
}


#headerbottom {
	margin: 0;
	padding: 0;
	height:45px;
	background: url(images/frame/header.png) no-repeat;
	padding-top:10px;
}

#headerbottom #search_help {
  float:left;
  padding-left:18px;
	text-align: left;
	color: #FFF;
}


#tell_friend {
  float:left;
	padding-left:190px;
	text-align:right;
}

#login {
  padding-right: 20px;
  float:right;
}

#headerbottom img,h5,form,input {
  margin:0;
  padding:0;
  vertical-align:middle;
  display:inline;
}

#leaderboard {
 padding-left:0px;
 height: 94px;
 width: 728px;
 margin-left: 145px;
}


/* ----------login form----------------------- */
#loginform {
  float:right;
  margin:0px;
  margin-right:120px;
  padding:0;
  color:#886a53;
}

#loginform a {color: #886a53; text-decoration:none;}
#loginform a:visited {color:#886a53;}
#loginform a:hover {color: #886a53; text-decoration:underline;}
#loginform a:active { color:#886a53;}


#loginform label {
	width: 7em;
	float: left;
	text-align: right;
	display: block;
}

#loginform p {
	margin:0;
	padding:1px 20px 1px 1px;
	text-align:right;
}

#loginform form {
  margin:0;
  padding:0;
}

#loginform h2 {
  color: #886a53;
  font-size: 14px;
  display:inline;
  padding-right:1px;
}

#loginform img {
  margin:0;
  padding-left:127px;
  text-align:right;
}

#loginform input {
	background: #886a53;
	border: 1px solid #000;
	color: #FFF;
	width:9em;
}

#loginform .submit input {
	color: #FFF;
	background: #886a53;
	border: 1px solid #000;
	width: 40px;
}

/* -------------mainmenu------------ */
#mainmenu {
	float: left;
	width: 148px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0px 0px 0px 20px;
}

#mainmenu a {
border-bottom:solid 1px #000;
width:130px;
display:block;
margin:0;
}

#mainmenu a:hover {
text-decoration:none;
color:#886a53;
background:#ecd8bf;
}

#mainmenu a.mmleft {
display:inline;
}

#mainmenu a.mmright {
text-align:right;
display:inline;
}

/* -------content layer-------------- */
#content {
  float:left;
  width:700px;
  margin:0;
	padding:0;
	padding-bottom:30px;
	color:#D4C081;
}

/* -------single-------------- */

#single {
  width: 740px;
	padding: 0;
  margin-left:70px;
	padding-bottom:30px;
	color:#D4C081;
}

#single h1 {
	font-size:270%;
	margin: 5px 30px 5px 20px;
	color:#d4c081;
	}

#single h2 {
	font-size:160%;
	margin: 0px 0px 0px 0px;
}

#single h3 {
	font-size:130%;
	color:#886a53;
	margin: 4px 0px 4px 0px;
}

#single p {
	font-size:80%;
}


#single a:visited img {
	border:0;
	text-decoration:none;
}


#single #register {
  width: 189px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(images/frame/join_now2.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


/* -------guide-------------- */

#guide
{
  width: 700px;
	padding: 0;
  margin-left: 87px;
	padding-bottom:30px;
	color:#D4C081;
}


#guide a img {
	border:0;
	text-decoration:none;
}

#guide a:visited img {
	border:0;
	text-decoration:none;
}

#guide textarea {background-color:#ecd8bf; border:1px solid #393127; color: #000; width:400px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}
#guide input {background-color:#ecd8bf; border:1px solid #393127; color: #000; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}
#guide option {background-color:#ecd8bf; color: #000;}
#guide select {background-color:#ecd8bf; color: #000;}

/* -------footer pages-------------- */

#foot
{
  width: 500px;
	padding: 0;
  margin-left: 50px;
	padding-bottom:30px;
	color:#D4C081;
}

#foot p {
	text-align:justify;
}

#foot a img {
	border:0;
	text-decoration:none;
}

#foot a:visited img {
	border:0;
	text-decoration:none;
}

#foot textarea {background-color:#ecd8bf; border:1px solid #393127; color: #000; width:400px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}
#foot input {background-color:#ecd8bf; border:1px solid #393127; color: #000; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}


/* -------left content layer---------- */

#left {
	float: left;
	width: 425px; /*425*/
	margin: 0;
	padding: 0;
}

/* -------right content layer---------- */

#right {
  float: right;
	width: 260px; /*260*/
	margin: 0;
	padding: 0;
}

/* --------------white layer---------- */
.layer {
  color: #000;
	background: url(images/frame/layer_slice.png) repeat-y;
	width: 250px;
	text-align:center;
}

.layer #top {
	background: url(images/frame/layer_top.png) no-repeat;
	height: 11px;
}

.layer #bottom {
	background: url(images/frame/layer_bottom.png) no-repeat;
	height: 24px;
}

.layer #lcontent {
  margin:0;
  padding:0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
	text-align:center;
}

.layer .friend {
	width:55px;
	height:100px;
	margin-left:2px;
	margin-bottom:5px;
	float:left;
	display:block;
}

.layer .fpic {
	display:block;
	text-align:center;
	
}

.layer .fname {
	text-align:center;
	}
	
.layer .pic {
	width:70px;
	height:90px;
	margin-left:5px;
	margin-bottom:5px;
	float:left;
	display:block;
}

.layer hr {
	border:#393127; background-color: #393127; height:1px; width:225px; padding:0px; margin:5px 0px 5px 0px;
}

/*.layer a {color: #000; text-decoration:none; background-color:#c4a58b; border:1px solid #886a53;}
.layer a:visited {color: #000; text-decoration:none; background-color:#c4a58b; border:1px solid #886a53;}
.layer a:hover {color: #FFF; text-decoration:none; background-color:#886a53; border:1px solid #c4a58b;}
.layer a:active { color:#005db0;}
*/

.layer a {color:#D90000;}
.layer a:visited {color:#D90000;}
.layer a:hover {color:#D90000; text-decoration:underline;}
.layer a:active {color:#D90000;}

.layer textarea {background-color:#ecd8bf; border:1px solid #886a53; color: #000; width:200px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}
.layer input {background-color:#ecd8bf; border:1px solid #886a53; color: #000; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}
.layer option {background-color:#ecd8bf; color: #000;}
.layer select {background-color:#ecd8bf; color: #000;}


/* --------------big white layer---------- */


.big_layer {
  color: #000;
	background: url(images/frame/big_layer_slice.png) repeat-y;
	width:410px;
	margin-bottom:5px;
}

.big_layer #top {
	background: url(images/frame/big_layer_top.png) no-repeat;
	height: 13px;
}

.big_layer #bottom {
	background: url(images/frame/big_layer_bottom.png) no-repeat;
	height: 26px;
}

.big_layer #blcontent {
  margin:0;
  padding:0;
	padding-left: 15px;
	padding-right: 12px;
	padding-bottom:10px;
}

.big_layer #mypicture {
  margin:0;
  padding:0;
  margin:2px 13px 0px 0px;
  float:right;
  display:inline;
}

.big_layer .friend {
	width:42px;
	margin-left:5px;
	margin-bottom:0px;
	float:left;
	display:block;
}

.big_layer .lastview {
     width:60px;
     height:100px;
     margin-left:5px;
     margin-bottom:5px;
    float:left;
    display:block;
					 
}

.big_layer .fpic {
	display:block;
	text-align:center;
}

.big_layer .fname {
	text-align:center;
}

.big_layer .pic {
	width:120px;
	height:150px;
	margin-left:5px;
	margin-bottom:5px;
	float:left;
	display:block;
}

.big_layer hr {
	border:#393127; background-color: #393127; height:1px; color: #393127; width:370px; padding:0px; margin:5px 0px 5px 0px;
}

.big_layer .hiddeninput {
  border:0;
  
}


.big_layer #blcontent .errorbox {
	background-color:#FFCCBF;
	padding:3px;
	border:2px solid #BA0000;
	margin-right:10px;
}

.big_layer #blcontent .successbox {
	background-color:#B8EE8F;
	padding:3px;
	border:2px solid #009C2C;
	margin-right:10px;
}



/*
.big_layer a {color: #000; text-decoration:none; background-color:#c4a58b; border:1px solid #886a53;}
.big_layer a:visited {color: #000; text-decoration:none; background-color:#c4a58b; border:1px solid #886a53;}
.big_layer a:hover {color: #FFF; text-decoration:none; background-color:#886a53; border:1px solid #c4a58b;}
.big_layer a:active { color:#005db0;}
*/

.big_layer a {color: #D90000;}
.big_layer a:visited {color: #D90000; }
.big_layer a:hover {color: #D90000; text-decoration:underline;}
.big_layer a:active {color:#D90000;}

.big_layer h1 {width: 370px; border-bottom: 2px solid #393127; vertical-align:middle; padding:0px; margin:0px;}
.big_layer h1 img {vertical-align:middle; padding:0px 0px 3px 0px; margin:0px;}

.big_layer textarea {background-color:#ecd8bf; border:1px solid #886a53; color: #000; width:368px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}
.big_layer input {background-color:#ecd8bf; border:1px solid #886a53; color: #000; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}
.big_layer option {background-color:#ecd8bf; color: #000;}
.big_layer select {background-color:#ecd8bf; color: #000;}


/* ----------entrance----------------------- */

.entrance {
  color: #000;
	background: url(images/frame/entrance_slice.png) repeat-y;
	width:350px;
	margin-bottom:5px;
}

.entrance #top {
	background: url(images/frame/entrance_top.png) no-repeat;
	height: 12px;
}

.entrance #bottom {
	background: url(images/frame/entrance_bottom.png) no-repeat;
	height: 30px;
}

.entrance #econtent {
  margin:0;
  padding:0;
	padding-left: 15px;
	padding-right: 12px;
	padding-bottom:5px;
	text-align:left;
}

.entrance #econtent .errorbox {
	background-color:#FFCCBF;
	padding:3px;
	border:2px solid #BA0000;
	margin-right:10px;
}

.entrance #econtent .successbox {
	background-color:#B8EE8F;
	padding:3px;
	border:2px solid #009C2C;
	margin-right:10px;
}

.entrance input {background-color:#ecd8bf; border:1px solid #886a53; color: #000; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 11px;}
.entrance option {background-color:#ecd8bf; color: #000;}
.entrance select {background-color:#ecd8bf; color: #000;}

.entrance a {color: #D90000;}
.entrance a:visited {color: #D90000; }
.entrance a:hover {color: #D90000; text-decoration:underline;}
.entrance a:active {color:#D90000;}

/* ----------comment block----------------------- */

.comment {
  width:380px;
}

.comment #cpicture {
  margin:0;
  padding:0;
  float:left;
  width:60px;
}

.comment #cbody {
  padding:0px;

  margin-left:5px;
  border-top: 1px solid #000;
  border-bottom:none;
  float:left;
  background: url(images/frame/comment_small_slice.png) repeat-y;
  width:308px;
  color: #FFF;
}

.comment #cbody p {
  padding-left:5px;
  padding-right:5px;
}


.comment #cbody a {
  color: #393127;
  padding-left:5px;
  padding-right:5px;
}


#cbody #cbottom {
  margin:0;
  padding:0;
  background: url(images/frame/comment_small.png) no-repeat;
  height:12px;
}


/* ----------bottom border----------------------- */

#bottomborder {
	clear: both;
	padding: 0;
	margin: 0;
	height: 10px;
	background: url(images/frame/bottom_border.png) no-repeat;
}
 
/* ----------footer----------------------- */

#footer {
	margin:0;
  color: #fff;
  background: #393127; 
  text-align: center;
  width: 874px;
	padding: 0;
	padding-top:5px;
	padding-bottom: 20px;
}

#footer p,a {
	color: #fff;
}


/* ------------registration.register------------------- */

#registration label {
	width: 7em;
	float: left;
	text-align: right;
	display: block;
}


#registration input {
	border: 1px solid #000;
	color: #000;
}

#registration #agree{
	background: #FFF;
	border: 0px;
	color: #000;	
}

#registration #Submitto {
	background: #FFF;
	border: 1px solid #000;
}

#registration fieldset {
 	border: 0;
	width: 31em;
}


/* ------------mails.mails------------------- */

.mail {
	display:block;
	float:left;
	margin-bottom:5px;
	width:380px;
}

.tdpic {
	width:50px;
}

.tdusername {
	width:60px;
}

.tdsubject {
	width:160px;
}

.tddate {
	width:20px;
}

.mailbody {
	border-top:1px solid #393127;
	background:#ecd8bf;
	border-bottom:1px solid #393127;
	margin:5px 15px 0px 0px;
	padding:0px 3px 0px 3px;
}

.hiddeninput {
  border:0;
  
}

/* ------------users.desktop------------------- */

.profileview {
 float:left;
	margin-right:5px;
	width:60px;
	text-align:center;
}

/* ------------legacy stuff ------------------- */

.fullwidth {
  width: 350px;
}

.grouptitle { color:#3366FF; font-weight:bold; width:100% }
.question { font-weight:bold; width:100px }
.answer {
	width: 270px
}

/* TABS STYLESHEET */
.tabberlive .tabbertabhide {
	display:none;
}

.tabber {
}

.tabberlive {
	margin-top:1em;
}

ul.tabbernav {
	margin:0;
	padding: 3px 0;
	padding-bottom:7px;
	border-bottom: 2px solid #393127;
	border-left: 2px solid #393127;
	font-weight: bold;
	font-size: 11px;
}

ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}


ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #393127;
	background: #c4a58b;
	text-decoration: none;
}

ul.tabbernav li a:link { 
	color: #000; 
}
ul.tabbernav li a:visited {
	color: #000;
}

ul.tabbernav li a:hover
{
	color: #FFFFFF;
	background: #886a53;
	border-color: #393127;
}

ul.tabbernav li.tabberactive a {
	color: #fff;
	background: #886a53;
	border-bottom: 1px solid  #393127;
}

ul.tabbernav li.tabberactive a:hover {
	color: #FFF;
	background-color: #c4a58b;
	border-bottom: 1px solid #393127;

}

.tabberlive .tabbertab {
	padding:5px;
	border-top:0;
}

.tabberlive .tabbertab h2 {
	display:none;
}

.tabberlive .tabbertab h3 {
	display:none;
}

/* ------------Groupmodule------------------- */

#leftcolumngroup { 
display: inline;
color: #333;
margin: 10px 0px 4px 0px;
padding: 0px;
width: 210px;
float: left;}

#contentgroup { 
float: left;
color: #333;
margin: 10px 0px 4px 0px;
padding: 0px;
width: 460px;
display: inline;
position: relative;}

#rightcolumngroup {
display: inline;
position: relative;
color: #333;
margin: 10px 0px 4px 0px;
padding: 0px;
width: 140px;
float: right;}

#contentfull { 
float: left;
color: #333;
margin: 10px 0px 4px 0px;
padding: 0px;
width: 100%;
display: inline;
position: relative;}

#wrapper { 
margin: 0 auto;
width: 815px;}

#leftcolumn { 
display: inline;
color: #333;
margin: 0px;
padding: 0px;
width: 0px;
float: left;}

#gcontent { 
float: left;
color: #333;
margin: 4px 0px 4px 0px;
padding: 0px;
width: 550px;
display: inline;
position: relative;}

#rightcolumn { 
display: inline;
color: #333;
margin: 10px 0px 4px 0px;
padding: 0px;
width: 250px;
float: left;}

.sections{

}

.sections3col{
margin: 0px 4px 4px 0px;
padding: 8px 8px 8px 8px;
}

.sectmid{
margin: 0px 2px 4px 2px;
padding: 8px 8px 8px 8px;
border:1px dashed #ccc;
width:259px;}

.dotteddiv{
margin: 4px 4px 4px 4px;
padding: 8px 8px 8px 8px;}

#leftcolumnuser { 
display: inline;
color: #333;
margin: 10px 0px 4px 0px;
padding: 0px;
width: 250px;
float: left;}

#contentuser { 
float: left;
color: #333;
margin: 10px 0px 4px 0px;
padding: 0px;
width: 565px;
display: inline;
position: relative;}

#rightcolumnuser {
display: inline;
position: relative;
color: #333;
margin: 10px 0px 4px 0px;
padding: 0px;
width: 0px;
float: right;}

.clear { clear: both; background: none; }


/*menu js
#coverlogin{
width: 150px; 
height: auto;
overflow:hidden;
visibility: hidden;}

#loginbox{
width: 140px; 
height: auto;
border: 0px solid red; 
color:black;}
*/
#adminlogin{
width: 550px; 
height: 200px;
overflow:hidden;
visibility: hidden;}

#adminloginbox{
width: 540px; 
height: auto;
border: 0px solid red; 
color:black;}

/*menu js*/
/* Group's Poolander Hack END */

/* ------------Big Quote------------------- */

blockquote.big {

	margin: 10px 10px 10px 0px;
	padding: 10px 10px 10px 10px;
	background: url(images/frame/blockquote_big_start.png) 0 0 no-repeat;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 150%;
	color:#886a53;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	text-align: left;

}

blockquote.big div {

        margin: 0px -10px -10px 0px;
        padding: 10px 10px 10px 0px;
        background: url(images/frame/blockquote_big_end.png) 100% 100% no-repeat;

}
/* ------------Validation------------------- */
input.required, textarea.required {
        border: 1px solid #D90000;
}

.validation-advice {
        color : #990000;
        font-weight: bold;
}

/* Calendars Styles */
#calendar_emptyday {
  border: #FFFFFF solid 1px;
  float: left;
  width: 28px;
  height: 26px;
  margin: 1px;
}

#calendar_day {
  border: #CCCCCC solid 1px;
  text-align: center;
  vertical-align: middle;
  float: left;
  width: 28px;
  height: 26px;
  margin: 1px;
}

#calendar_busyDay {
  border: #CCCCCC solid 1px;
  background-color: #886a53;
  text-align: center;
  vertical-align: middle;
  float: left;
  width: 28px;
  height: 26px;
  margin: 1px;
  color: #fff;
}

#calendar_busyDay a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

#calendar_row {
  clear: both;
}

#calendar {}

/* ------------Advertisement------------------- */

#skyscraper {
 float:right;
 margin: 10px 0 2px 0;
 width: 120px;
}

#admain {
	width: 996px;
	margin: 0 auto;
	padding: 0;
	clear:both;
}

#main {
  float:left;
	width: 874px;
	padding: 0;
	margin:0 auto;
	background: url(images/frame/background_slice.png);
	}