body {
	background:url(../../images/background_grad.gif) repeat-x #ff0029;margin: 0 0 0 0;color: #fff;font-family: "trebuchet ms", verdana, sans-serif;
}	
p.general{
 font-size: 90%;
 }

.logo{
float: left;
margin: 20px 0 0 20px;
}
h1{
position: relative
overflow: hidden;
font-family: Georgia, serif;
font-size: 3.5em;
font-weight: normal;
}
h1 span{
position: absolute;
font-size: 3em;
text-indent: -9999px;
width:100%;
height: 100%;
left: 0;
top: 0;
background-repeat: no-repeat;
}
h2{
font-size: 1.5em;
margin: 0 0 0 0;
font-family: georgia, serif;
font-weight: normal;
 }
h3{
font-size: 1.5em;
margin: 10px 0 0 14px;
 }
#container
  {
  width: 933px;
  margin: 0 auto 0 auto;
	background-image:url(../../images/containerbg.gif);
  background-repeat:repeat-x;
  background-color: #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  }
#containerbase
  {
  width: 935px;
  margin: 0 auto 0 auto;
  }
  #header{
  background-image: url(../../images/headergrad.gif);
  background-repeat: repeat-x;
  height:98px;
  width:100%;
  }
  #logo{
position: relative;
float: left;
margin: 30px 0 0 20px;
  }
  #badge{
  width: 113px;
  height: 113px;
  float: right;
  margin:0 18px 0 0;
  }
  #navbar{
  margin: 35px 12px 0 15px;
  padding: 0;
  background: none;
  height: 25px;
  }

#spellTitle a{
color:#FFFFFF;
text-decoration:none;
cursor:pointer;
}
#spellTitle a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#searchbox{
	width: 346px;
	height: 282px;
	margin: 0 0 0 0;
        display: inline;
	float: left;
	background: url(../../images/searchbox.jpg);
        background-repeat: no-repeat;
	padding: 50px 20px 0 20px;
	color: #ffcc00;
  }
  #mainimg{
  width: 519px;
  height: 332px;
  margin: 0 0 0 0;
  float: left;
  display: inline;
  background: url(../../images/main_img_adult.jpg) #fff no-repeat;
  }
 #mainimg_small{
  width: 519px;
  height: 100px;
  margin: 0 0 0 15px;
  float: left;
  display: inline;
  background: url(../../images/main_img_twisted.jpg) #fff no-repeat;
  }

  #startbutton{
	width: 45px;
	height: 45px;
	margin: 284px 0 0 180px;
  }
  #lowercontainer{
  height: 118px;
  width: 905px;
  margin: 0 0 0 15px;
  display: inline;
  background:#fff3e1 url(../../images/buttons_grad.gif) repeat-x;
  float:left;
  }
  #joinbutton{
  width: 183px;
  float: left;
  margin: 32px 0 0 40px;
display: inline;
  }
 #membersbutton{
 width: 183px;
 float: left;
 margin: 32px 150px 0 20px;
 }
 #icon1{
 float: left;
 margin: 23px 0 0 190px;
 }
 .icons{
 float: left;
 margin: 30px 0 0 25px;
 }
#totalicon{
background: url(../../images/total.gif);
width: 293px;
height: 106px;
float: left;
margin: 3px 0 0 5px;
display: inline;
}
p.total{
font-family: georgia, serif;
font-size: 2em;
color: #fff;
margin: 35px 0 0 30px;
}
 .additionalimg{
 margin: 40px 0 0 50px;
 float: left;
 }
 .additionalcontainer{
  margin: 40px 0 0 50px;
  float: left;
  width:500px;
 }
#losearchheader{
font-size: 15pt;
font-weight: bold;
color: #fff;
}
.losearchtext{
font-weight: bold;
color: #fff;
}

#right-menucontainer{
	float: right;
	margin: 40px 15px 0 0;
	width: 150px;
	border: 1px solid #f90963;
	padding: 5px;
 }
 #containerbase{
 background-image:url(../../images/curvedbottom.gif);
 background-repeat:no-repeat;
 height: 35px;
 }
 #menu
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#111111;
	border-bottom: 1px solid #000000;
}

#menu a, #menu a:visited
{
	color:#cc0000;
	text-decoration:none;
	display:block;
	padding:0.4em;
	font-weight:normal;
	border-bottom: 1px solid #222222;
}

#menu a:hover
{
	color:#FFFFFF;
	font-weight:normal;
	padding: 0.4em;
	border-bottom: 1px solid #cc0000;

	display: block;
}

dd
{
margin:3px 0 0 0;
padding:0px;
text-align:left;
}

dt
{
	margin:3px 0 0 0;
	padding:0.4em;
	text-align:left;
	font-size: 10pt;
	font-weight:bold;
	height:14px;
	color:#eeeeee;
	border-bottom: 3px solid #730930;
}


dl
{
margin: 0px;
padding: 0px;
}

#menubottom
{
background-repeat:repeat-x;
height:25px;
background-image: url(../../images/grad.gif);
}
#horizontal
{
	font-family:"trebuchet ms", verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#fff;}
#horizontal a{
background: url(../../images/tabs.gif) no-repeat;
}

 #horizontal a, #horizontal a:visited {
	color:#eee;
	text-decoration:none;
	display:block;
	background-position: 0 0;
	padding: 4px 10px 2px 10px;
	height: 19px;
	font-weight: normal;
  }
 #horizontal a:active {
	color:#222;
	text-decoration:none;
	display:block;
	padding: 4px 10px 2px 10px;
	height: 19px;
        background-position: 0 0;
	/*background-image: url(../gfx/abacus/tab-active.gif);*/
  }

#horizontal a:hover {
	color:#fff;
	padding:4px 10px 2px 10px;
	height: 19px;
	background-position: -110px 0;
        font-weight: bold;
  }
 dd.horiz
{
margin:0 0 0 7px;
padding:0 0 0 0;
text-align:center;
height: 19px;
width: 110px;
float: left;
text-align: center;
font-size: 9pt;
}


/*----------Inside header styles------------*/

#diydihcontainer{
clear:left;
}
#loggedouthelpfix{
background: #333 url(../../images/ih-fix.gif) no-repeat;;
margin: 0 15px 0 15px;
}
#leftbox, #leftbox_all{
background: #333;
float: left;
margin: 25px 0 0 15px;
background-image: url(../../images/leftbox-footer-lo.gif);
background-attachment:scroll !important;
background-attachment: fixed;
background-position:bottom left ;
background-repeat: no-repeat;
}
#leftbox{
width: 595px;
height: 595px;
}
#leftbox_all{
width: 595px;
min-height:595px;
height:auto !important;
padding: 0 0 20px 0;
}


#rightbox, #rightbox_all{
background:  url(../../images/right-side-grad-a.gif) #555 repeat-x;
width: 305px;
float: left;
}
#rightbox{
height: 625px;
}
#rightbox_all{
min-height:100%;
height:auto !important;
}

#rightbox_head{
background: #000 url(../../images/right-side-top-curve.gif) no-repeat;
height: 25px;
margin: 0;
}
#rightbox_footer{
width: 305px;
height: 25px;
background: #000 url(../../images/right-side-bottom-curve-l.gif) no-repeat;
}
/*----------------Mini-box styles-----------------*/
.boxheadbar1, .boxheadbar2, .boxheadbar3{
height: 25px;
border-bottom: none;
padding: 5px 0 0 5px;
color: #e7e7e7;
}
.boxheadbar1{
background: #03b9b6 url(../../images/headbar1.gif) repeat-x;
}
.boxheadbar2{
background: #cfbe01 url(../../images/headbar1.gif) repeat-x;
}
.boxheadbar3{
background: #cd003a url(../../images/headbar1.gif) repeat-x;
}
p.boxp{
margin: 12px 7px 7px 0;
font-size: 1.1em;
line-height: 1.2;
color: #eee;
}

/* polaroid look css*/
.photobg{
display: block;
width: 120px;
border: 1px solid #ccc;
border-top-color:#ccc;
border-left-color:#ddd;
border-right-color:#eee;
margin: 10px;
background: #ffffff;
float: left;
}

img.boximg2{
margin: 5px 5px 20px 5px;
border: 1px solid #ccc;
border-top-color:#ccc;
border-left-color:#ddd;
border-right-color:#eee;
}


/*end of polaroid image css*/
img.boximg{
float: left;
margin: 0;
border-right: 1px solid #777777;
border-bottom: 1px solid #777777;
}
.boxright{
float: left;
width:442px;
}

.button{
margin: 10px 7px 0 0;
float: right;
}

#box1{
background: url(../../images/boxbg.gif) repeat-x #202020;
width: 600px;
height: 200px;
padding: 0;
float: left;
margin: 0 0 0 0;
border: 0;
display: inline;
}

#footer, #footer_mini{
  height: 45px;
  width: 905px;
  margin: 0 0 0 15px;
  display: inline;
  float:left;
  color: #fff;
  padding: 7px 0 0 0;
  }
#footer{
background: url(../../images/footer_twisted.gif) no-repeat;
}
#footer_mini{
border-top: 1px dotted #777;
margin: 35px 0 0 15px;
}
 #footer a, #footer_mini a{
color: #fff;
}
/*---extra general styles---*/
.floatleft{
float: left;
margin: 0 10px 0 15px;
display: inline;
}
.fl, .joinbutton{
float: left;
margin: 10px 10px 0 15px;
display: inline;
}
.joinbutton{margin: 17px 10px 0 15px;}
.rcmargin{
margin-right: 15px;
}
fieldset.other{
border: 1px solid #fff;
background: #222;
margin: 15px;
}
legend.other{
border: 1px solid #fff;
background: #222;
padding: 7px;
font-size: 1.2em;
}
.progress {height: 10px; border: none; background-color:#B3D6E8}
fieldset {border: solid 1px #C3C3C3; padding: 10px 0 10px 0; margin: 0}
fieldset{
				border:1px solid #3d3d3d; 
				padding:10px; 
			margin:5px;}
        		legend{
				padding-left: 
				5px;padding-right:5px; 
				text-transform:capitalize; 
				margin-bottom:10px; 
				font-family:verdana; 
				font-size:10pt;}
			.testimonial fieldset
			{
				font-size:12pt;
				font-family:verdana,arial;
				border:1px solid #3d3d3d;
			}
			
                        .popupbg
                        {
                        background-color:#ccccff;
                        padding:3px;
			color:#000;
                        font-family:verdana,arial;
                        font-size:9pt;
                        font-weight:normal;
                        }
                        .popupcaption
                        {
			color:#fff;
			font-size:9pt;
                        background-color:#333399;
                        border:1px solid #333399;
                        font-family:verdana;
                        font-weight:bold;
                        }
                                                	
		
					#upload_border
					{
						width: 300px;
						border: 1px solid #000;
					}

					#upload_bar
					{
						background-color: #00a;	
						width: 1px;
						height: 30px;
					}

					#upload_text_eta, #upload_text_per, #upload_text_size 
					{
						float: left;
						width: 100px;
						height:	20px;	
					}

					#upload_text_per
					{
						text-align: center;	
					}

					#upload_text_size
					{
						text-align: right;	
					}
					
					#upload_display_meter
					{
						display: none;
					}
					A, a:active, a:visited 
{
COLOR: #ffffff;
TEXT-DECORATION: none;
}

a:hover{
color:#ff5500;
}

A:hover 
{
TEXT-DECORATION: underline;
}

.normal, td, body
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
}

.last20head
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 9pt;
COLOR: #000000; 

background-color: #44aaff;
}

.last20one
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
COLOR: #343454; 
background-color: #dbeefc;
}

.last20two
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
COLOR: #000000; 
background-color: #CADDFB;
}


.bigbuddylist2 
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
COLOR: #000000; 
background-color: #CAE4FF;
}


.bigbuddylist1
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
COLOR: #000000; 
background-color: #E0EFFE;
}

.bigbuddylisthead
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 7pt;
COLOR: #000000; 
background-color: #44aaff;
text-align: center;
}


.error       { 
	font-family: Arial; 
	font-size: 9pt; 
	color: #FF0000; 
}

.small {
	 FONT-FAMILY: Arial, Helvetica;
    	FONT-SIZE: 8pt;
}

.tiny {
	 FONT-FAMILY: Arial, Helvetica;
    	FONT-SIZE: 6pt;
}

.miniheader {
	 FONT-FAMILY: impact, arial;
    	FONT-SIZE: 24pt;
}

.huge {
	 FONT-FAMILY: impact, arial;
    	FONT-SIZE: 36pt;
}

body, tr, td, table {
font-family: Arial, sans-serif;
font-size: 9pt;
}

.minibuddylisthead
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
background-color: #44aaff;
text-align: center;
}

.minibuddylist2
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
background-color: #eeeeee;
}

.minibuddylist1
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
background-color: #ffffff;
}

.msgline2
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
background-color: #CAE4FF;
}

.msgline1
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
background-color: #B0D7FF;
}

.msgbody
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 9pt;
background-color: #ffffff;
}

.messagehead
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
background-color: #B0D7FF;
}

.messagenew
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
FONT-WEIGHT: bold;
background-color: #CAE4FF;
}

.messageold
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
background-color: #edf7FF;
}

.admirerheader
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
COLOR: #000000; 
background-color: #44aaff;
text-align: center;
}



.DIYDFOOTER
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 8pt;
COLOR: #ffffff; 
background-color: #ffffff;
text-align: center;
}


.DIYDFOOTER a
{

COLOR: #ffffff; 

}

ul#pages{

	padding:0;

	margin:5 0;

	float:right;

}

ul#pages li{

	display:inline;

	background-image:none;

	border:0;

	margin: 0;

	padding:0;

}

ul#pages li a{

	color:#FFFFFF;

}

ul#pages li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}