/* JOIN STYLE FOR GEEK GIRL SEX */





body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
/*	background: #e2d8dd; /* comment this out if using it with the tour background */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: url(/1/images/join2/pagebg.jpg);
}

/****************************************/
/*** FORM STRUCTURE */
/****************************************/
#main_bg { /* main tile background */
 background:url(/1/images/join2/pagebg.gif) top center repeat-y;
}


#header {/* site header */
width: 996px;
background: #000;
border-left:3px solid #000;
border-right:3px solid #000;
}

#join_wrapper { background: #fff; margin: 10px auto; padding: 0px; width: 996px; border:#fff 0px solid; text-align: center; }

/* .join_table { background: #fff;} /* comment out if using custom design background */
.join_content_border { background:#fff; margin:0px auto; padding: 10px;  } /* thick outter form box border color */
.join_form_block { background:#fff; margin: auto; padding:10px; color:#333; font-size:11px; overflow:hidden; border:#363636 4px solid; } /* inner form block color */
.title {color:#ff0000;} /* join this site title color */
.title h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.form_bg { background: #f5f4f4; border:2px dotted #ff0000;}

#left { /* left column - contains form element */
float: left;
padding: 0px;
width: 430px;
}

#right {/* right column - contains large pic */
padding: 3px;
float: right;
width: 508px;
}

#right .largepic {} /* add anything for customization - default = nothing */


.clear { clear:both;}

.form_header {/* form procedure title header */
padding-top: 3px;
padding-bottom: 3px;
text-align: left;
background:#ebeaea url(/1/images/join2/arrow.gif) left center no-repeat;
padding-left: 12px;
color: #000;
font-weight: bold;
}
.form_title { /* form field title */
padding-top: 5px;
}
.smtxt {
font-size: 9px;
font-style: italic;
}

#secure_block {} /* add style if needed - default = nothing */
#secure_img {} /* add style if needed - default = nothing */
#secure_list {
font-size: 12px;
text-align: left;
color:#999999;
}

#image_tagline {background: #fff;} /* single image */



#divline {
height: 14px;
background: #fff url(/1/images/join2/divline.gif) top center repeat-x;
}


.lrgtxt { /* bonus tagline header */
font-size: 1.5em;
color: #000;
font-weight: bold;
}
.lrgtxt_color { /* bonus tag hilighted text */
color: #ca3a08;
font-weight: bold;
}

span.medtxt { /* bonus tag medium text */
color: #999;
font-size: 14px;
}



/*********************************************************/
/**** BONUS CONTENT BLOCK ********************************/
/*********************************************************/

#bonus_block_content {
width: 990px;
color: #fff;
padding: 5px;
/*
background: #fff; /* comment if using custom pattern background 
*/
border: 0px solid #fff;
}



/**********************************************************/
/* BONUS HD SITES BLOCK SETTING                           */
/* scaling box dark background                            */
/* if only prefer colros - comment out the image CSS part */
/* note:
/* tlc = top left corner
/* trc = top right corner
/* lbg = left background
/* rbg = right background
/* llc = lower left corner
/* lrc = lower right corner
/* top = top background
/* bottom = bottom background
/*
/**********************************************************/

.box_tlc {
width: 1px;
height: 1px;
background: #f5f5f5; /* 1x1 pixel shade */
}

.box_top {
height: 1px;
background: #eeeeee;
}

.box_trc {
width: 3px;
background:  url(/1/images/join2/box_trc.gif) top left no-repeat;
}

.box_lbg {
width: 1px;
background: #eeeeee url(/1/images/join2/box_lbg.gif) top right no-repeat;
}


.box_rbg {
width: 3px;
background:  url(/1/images/join2/box_rbg.gif) top left no-repeat;
}

.box_llc {
width: 1px;
height: 4px;
background:  url(/1/images/join2/box_llc.gif) top right no-repeat;
}


.box_bottom {
height: 4px;
background:  url(/1/images/join2/box_bottom.gif) top left repeat-x;
}


.box_lrc {
width: 3px;
height: 4px;
background:  url(/1/images/join2/box_lrc.gif) top left no-repeat;
}

.box_content {
background: #f6f6f6;
}



/* image border color */
#bonus_block_content .box_content img.img{
border: 2px solid #fff;
}

/* HD SITE NAME */
.category { /* sitename */
background: #e6e6e6 url(/1/images/join2/box_title_bg.gif) top left repeat-x;
display: block;
font-family:arial, verdana, helvetica;
color: #000;
font-size: 12px;
font-weight: bold;
padding: 3px;
}

/* give additional padding to the DIV content */
#box_pad {
padding: 5px;
}



/********************************/
/* 65+ BONUS TEXT LINK SETTING */
/*** text link bonus ************/
/********************************/
#text_link_bonus {
text-align: left;
padding: 10px;
font-size: 12px;
background: #fff;
color: #000;
}

.bonus_niche {
font-size: 12px;
font-weight: bold;
color: #000;
}

#text_link_bonus a, #text_link_bonus a:visited {
color: #9b2a63;
font-size: 11px;
font-weight: normal;
}
#text_link_bonus a:hover {
color: #ca3a08;
font-weight: bold;
}

#text_link_bonus .text_link_header {
text-align: center;
font-size: 20px;
color: #000;
font-weight: bold;
text-align:center;
}



/*****************************/
/**** disclaimer *************/
/*****************************/

#disclaimer {
width: 600px;
line-height: 140%;
text-align: center;
font-size: 10px;
color: #737373;
}

#disclaimer a, #disclaimer a:visited {
color: #ca3a08;
font-weight: bold;
}

#disclaimer a:hover {
color: #000;
}