* {
margin : 0;
padding : 0;
}
body {
color: #333;
background : url("images/bg.gif");
/* padding : 0 0 10px 0; */
padding : 0 0 10px 0; /* VERSION*/
font-family : verdana;
}
.clear {
clear : both;
}

a { color : #49657D; text-decoration : underline; }
a:hover { text-decoration : none; }

.answergirl a { margin-top: 2px; color: #fff; text-decoration: none; font-weight: bold; padding: 2px; }
.answerguy a { margin-top: 2px; color: #fff; text-decoration: none; font-weight: bold; padding: 2px; }
.answerguy a:hover, .answergirl a:hover { padding-right: 2px; color: #fff; text-decoration: none; }
		
#intro_div { font-size: 10px; width: 764px; height: auto; float: left; }
#intro_top { width: 764px; height: 24px; background: url("images/intro_top.gif") no-repeat; }
#intro_middle { padding: 0 5px; width: 764px; min-height: 21px; height: auto; background: url("images/intro_middle.gif") repeat-y; }
#intro_bottom { width: 764px; height: 10px; background: url("images/intro_bottom.gif") no-repeat; margin-bottom: 20px; text-align: right; }

#girls_div { font-size: 10px; width: 248px; height: auto; float: left; margin-bottom: 15px; }
#girls_top { width: 248px; height: 37px; background: url("images/home_girls_top.gif") no-repeat; }
#girls_middle { padding: 0 5px; width: 248px; min-height: 258px; height: auto; background: url("images/home_girls_middle.gif") repeat-y; }
#girls_bottom { width: 248px; height: 14px; background: url("images/home_girls_bottom.gif") no-repeat; text-align: right; }
#girls_bottom img { border:0; }

#guys_div { font-size: 10px; width: 248px; height: auto; float: left; margin-left: 10px; margin-bottom: 15px; }
#guys_top { width: 248px; height: 37px; background: url("images/home_guys_top.gif") no-repeat; }
#guys_middle { padding: 0 5px; width: 248px; min-height: 258px; height: auto; background: url("images/home_guys_middle.gif") repeat-y; }
#guys_bottom { width: 248px; height: 14px; background: url("images/home_guys_bottom.gif") no-repeat; text-align: right; }
#guys_bottom img { border:0; }

#message_div { font-size: 10px; width: 248px; height: auto; float: left; margin-left: 10px; margin-bottom: 15px; }
#message_top { width: 248px; height: 37px; background: url("images/message_top.gif") no-repeat; }
#message_middle { padding: 0 5px; width: 248px; min-height: 258px; height: auto; background: url("images/message_middle.gif") repeat-y; }
#message_bottom { width: 248px; height: 14px; background: url("images/message_bottom.gif") no-repeat; text-align: right; }

#adverts_wide_div { font-size: 10px; width: 764px; height: auto; float: left; }
#adverts_wide_top { width: 764px; height: 24px; background: url("images/adverts_wide_top.gif") no-repeat; }
#adverts_wide_middle { padding: 0 5px; width: 764px; min-height: 50px; height: auto; background: url("images/adverts_wide_middle.gif") repeat-y; }
#adverts_wide_bottom { width: 764px; height: 10px; background: url("images/adverts_wide_bottom.gif") no-repeat; margin-bottom: 20px; text-align: right; }
#adverts_wide_bottom img { border:0; }

#adverts_side_div { font-size: 10px; width: 248px; height: auto; float: left; margin-left: 10px; }
#adverts_side_top { width: 248px; height: 37px; background: url("images/adverts_side_top.gif") no-repeat; }
#adverts_side_middle { padding: 0 5px; width: 248px; min-height: 238px; height: auto; background: url("images/adverts_side_middle.gif") repeat-y; }
#adverts_side_bottom { width: 248px; height: 14px; background: url("images/adverts_side_bottom.gif") no-repeat; text-align: right; }
#adverts_side_bottom img { border:0; }

#container {
background : #ffffff url("template/bg_middle.gif") repeat;
width : 794px;
margin : 0 auto;
padding: 10px;
}
#siteinfo {
width : 794px;
color: #333;
background : #99cccc url("images/bg.gif");
text-align: center;
}
#header {
width : 794px;
color: #333;
background : #ffffff url("images/logo.gif") no-repeat;
height : 320px;
font-size:12px;
padding:0;
}
#header p{
padding-top : 20px; padding-bottom : 0; padding-left : 25px; padding-right : 25px;
font-size:12px;
}
#logo {
float : left;
width : 794px;
height : 0px;
display : inline;
margin : 0;
padding : 0;
font-size:12px;
}

#logo img{
border: 0px;
}

#logo a, #logo a:hover{
color : #ccc;
text-decoration : underline;
}

#container h1 {
font : normal 36px Georgia, "Times New Roman", Times, serif;
float : left;
display : inline;
width : 398px;
margin : 0 0 0 0;
}
#container h1 a {
color : #333333;
text-decoration : none;
}
#container h1 a:hover {
text-decoration : overline;
}
#container h1 span {
font-size : 18px;
}
#white {
width : 766px;
height : auto;
color: #333;
background : #ffffff url("template/bg_middle.gif") repeat;
padding : 0; padding-bottom : 15px; padding-left : 14px; padding-right : 14px;
font-size:12px;
}

#top-right {
font : normal 11px Tahoma, Arial;
float : right;
color : #626262;
margin-top : 4px;
}
#top-right a {
color : #626262;
text-decoration : none;
font-weight : bold;
}
#top-right a:hover {
text-decoration : underline;
}
#top {
width : 564px;
padding : 0 0 10px 0;
}
#typeyour {
padding : 0;
font : normal 11px Tahoma;
color : #626262;
}
.bar {
width : 172px;
height : 20px;
border : 2px solid #e9e9e9;
color : #333333;
font : normal 11px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
padding : 7px 0 0 7px;
float : left;
margin-right : 7px;
}

#login {
font : 12px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
color : #333333;
margin-top : 10px;
}
#login a {
color : #49657D;
font-weight : bold;
text-decoration : none;
}
#login a:hover {
text-decoration : underline;
}
#login h3 {
width : 125px;
height : 94px;
background : url("i/recent.jpg") no-repeat;
text-indent : -9999px;
float : left;
margin-right : 40px;
}
#base {
clear : both;
width : 794px;
height : 30px;
background : #ffffff;
overflow : hidden;
padding : 0;
margin : 0;
}
#bottom {
clear : both;
width : 794px;
height : 12px;
background : url("images/template_bottom.gif") no-repeat;
overflow : hidden;
padding : 0;
margin : 0;
}
#footer {
width : 794px;
background : url("template/bg_footer.gif") repeat-y;
margin : 0;
padding : 0;
clear: both;
}
#footer-left {
text-align: left;
float : left;
width: 340px;
font : normal 10px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
color : #626262;
margin-top : 10px;
margin-left : 5px;
padding-left : 15px;
}
#footer-right {
text-align: right;
float : right;
width: 375px;
font : normal 10px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
color : #626262;
margin-top : 10px;
margin-right : 5px;
padding-right : 20px;
}
#footer-right a, #footer-left a { color: #626262; text-decoration: none; }
#footer-right a:hover, #footer-left a:hover { color: #333333; text-decoration: underline; }

#footer-right .seeme { color:#49657D; font-weight: bold; text-decoration: underline;}
#footer-right a .seeme { color:#49657D; font-weight: bold; text-decoration: underline;}
#footer-right a:hover .seeme { color:#49657D; font-weight: bold; text-decoration: none;}

#adsense { text-align: center; margin-top : 10px; }
#adverts { text-align: center; font : normal 12px Arial, Serif; color : #fff; margin-top : 5px; }
#adverts a { font-size : 11px; color : #fff; text-decoration: none; }
#adverts a:hover { font-size : 11px; color : #fff; text-decoration: underline; }

.bold{ font-weight: bold; }

#how_to_use { float:left; width:165px; margin-left:10px; }
#main_area { margin-right: 11px; text-align: left; float:right; width:465px; }

.smaller {font-size : 10px; color: #777;}

textarea.twoxitCode:focus { border: 2px solid #336699; }
textarea.twoxitCode { overflow: auto; font-family: arial; font-size: 10px; width: 350px; height: 30px; margin: 0; margin-top: 10px; margin-bottom: 5px; border: 2px solid #ccc; }

.close-button { background-color:#cc0000; font-weight: bold; color:#FFF; float: right; display: block; font-size:10px; padding:0 4px 3px 5px; }
.gic {	color:#fff; font-size:0.7em; font-weight: bold; }
.date { color:#336699; font-weight: bold; font-style: italic; }
.hand { cursor:pointer; }
.image-code { color: #333333; font-size: 12px; display:none; background-color:#FFF; border:solid #000 1px; margin-left:auto; margin-right:auto; margin-top:10em; padding:1em; position:absolute; top:0; width:300px; }

#forsale { font-size:12px; position:absolute; border: 1px solid #000; padding: 2px; background: #fff; color: #333; width: 125px; visibility: hidden; z-index: 100; }


/* * * * * * SIDE FORM * * * * * */
#twumped_inputs { float:left; width:205px; margin:0; margin-left: 15px; }
input.username { margin: 0; margin-top: 25px; padding: 0; display: block; font-family: arial; font-size: 14px; 
width: 205px; height: 20px; border: 0; }
input.password { margin: 0; margin-top: 30px; padding: 0; display: block; font-family: arial; font-size: 14px; 
width: 205px; height: 20px; border: 0; }
textarea.message { margin: 0; margin-top: 29px; padding: 0; overflow: hidden; overflow-y: auto; font-family: arial; 
display: block; font-size: 12px; width: 205px; height: 60px; border: 0; border-bottom: 1px solid #e6e6e6; }
#charleft {margin: 0; padding: 0; color: #626262; text-align:left; font-size:10px;}
#status { margin: 0; height: 20px; width:205px; text-align: center; font-weight: bold; }
#status a, #status a:hover{ text-decoration: none; text-align: center; font-weight: bold; }
/* * * * * * SIDE FORM * * * * * */

#contactform label {
	clear: both; display: block; font-weight: bold; color: #333; margin-top: 5px; padding-top: 10px font-size: 10px; }
#contactform textarea {
	width: 300px; height: 15px; border: 1px solid #777777; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 0px; padding-top: 2px; }
#contactform input { 
	width: 200px; height: 15px; border: 1px solid #777777; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: px; margin: 0px; padding-top: 2px; }
#contactform input.button { 
	margin-top: 10px; width: 200px; height: 20px; padding-bottom: 5px; color:#333333; background-color:#FFFFFF; border:solid #777777 1px; }
#contactform select {
	width: 206px; border: 1px solid #777777; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 0px; padding-top: 2px; }
