/* Copyright 2006 Hot Gossip. All Rights Reserved.
------------------------------------------------------
General Elements
Page Structure
Online Dating
Typography
Images
Specials
Navigation
Links
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #888;
background: #ECECEC url(Images/bg.gif) top left repeat-x;
text-align: center;
margin: 0;
padding: 0;
}
body#white {
background: #fff;
}
/* PAGE STRUCTURE */
#wrap {
margin: 0;
padding: 0;
background: url(Images/wrapbg.gif) 50% 0 no-repeat;
}
#content {
width: 667px;
margin: 0 auto;
padding: 0;
text-align: left;
background: url(Images/homebg.gif) top left repeat-y;
}
#header {
width: 667px;
margin: 0 auto;
padding: 0;
text-align: left;
background: url(Images/header_home.gif) top left no-repeat;
}
#womenheader {
width: 667px;
margin: 0 auto;
padding: 0;
text-align: left;
background: url(Images/header_women.gif) top left no-repeat;
}
#guysheader {
width: 667px;
margin: 0 auto;
padding: 0;
text-align: left;
background: url(Images/header_guys.gif) top left no-repeat;
}
#insidecontent {
width: 667px;
margin: 0 auto;
padding: 0;
text-align: left;
background: url(Images/insidebg.gif) top left repeat-y;
}
#copy {
width: 318px;
margin: 0;
padding: 0;
float: right;
}
#right {
width: 180px;
padding: 0;
margin: 0;
float: right;
}
#righthome {
width: 487px;
padding: 0;
margin: 0;
float: right;
}
#left {
padding: 0;
margin: 0;
float: left;
width: 169px;
}
#lefthome {
padding: 0;
margin: 0;
float: left;
width: 180px;
}
#highlight {
border: 1px solid #eee;
background: #f4f4f4; 
width: 276px;
margin: 16px 20px;
padding: 0;
font: normal 11px/16px Arial, Helvetica, sans-serif;
color: #555;
}
ul#flirtingtips li { list-style-image:url("Images/heartbullet.gif"); }
.hotlinkslist a {
font-size:13px;
}
/* ONLINE DATING */
#datingnav {
padding: 0 0 10px 12px;
margin: 0;
width: 146px;
float: left;
}
#datingnav ul {
padding: 0;
margin: 0;
list-style: none;
}
#datingnav li {
margin: 0;
padding: 0;
background: url(Images/greydot.gif) bottom left repeat-x;
line-height: 18px;
}
#datingnav a:link, #datingnav a:visited {
color: #ff9900;
margin: 0;
display: block;
padding: 6px 12px;
font-size: 11px;
}
#datingnav a:hover {
color: #000;
background: url(Images/nav_hover.gif) 100% 50% no-repeat;
}
/* TYPOGRAPHY */
p.intro {
color: #003366;
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
p.divide {
color: #003366;
font: normal 12px/18px Arial, Helvetica, sans-serif;
background: url(Images/greydot.gif) 0 50% repeat-x;
margin: 8px 20px;
}
p.divide strong {
background: #fff;
padding: 0 7px;
}
.blue {
color: #003366;
}
.green {
color: #99CC33;
font-weight: bold;
}
p.access {
font: italic 10px/14px Arial, Helvetica, sans-serif;
color: #999;
}
p {
margin: 0; 
padding: 8px 20px; 
}
h1 { 
font: bold 13px/20px Arial, Helvetica, sans-serif;
margin: 16px 20px; 
padding: 0;
color: #000;
}
h1#welcome {
margin: 60px 0 10px 0;
padding: 0;
background: url(Images/title_makeyourchoice.gif) top left no-repeat;
height: 70px;
position: relative;
}
#welcome a.welcomechat {
position: absolute;
left: 37px;
top: 0;
width: 94px;
height: 23px;
display: block;
}
#welcome a.welcomedating {
position: absolute;
left: 162px;
top: 0;
width: 117px;
height: 23px;
display: block;
}
h1#welcomeguys {
margin: 60px 0 10px 0;
padding: 0;
background: url(Images/title_makeyourchoiceguys.gif) top left no-repeat;
height: 70px;
position: relative;
}
#welcomeguys a.welcomechat {
position: absolute;
left: 18px;
top: 0;
width: 135px;
height: 23px;
display: block;
}
#welcomeguys a.welcomedating {
position: absolute;
left: 182px;
top: 0;
width: 117px;
height: 23px;
display: block;
}
h1#welcomehome {
margin: 60px 20px 10px 35px;
padding: 0;
background: url(Images/title_welcome.gif) top left no-repeat;
height: 53px;
}
h2 { 
font: bold 16px/19px Arial, Helvetica, sans-serif;
padding: 0 0 5px 0 ; 
margin: 8px 20px;
color: #003366;
background: url(Images/greydot.gif) bottom left repeat-x;
}
h2.hotlinks {
color:#fa0606;
}
h3 {
font: bold 13px/18px Arial, Helvetica, sans-serif;
padding: 8px 20px; 
margin: 0;
color: #003399;
}
.number {
font: bold 14px/18px Arial, Helvetica, sans-serif;
}
#highlight h3 {
background: #fff url(Images/greydot.gif) bottom left repeat-x;
font: bold 14px/18px Arial, Helvetica, sans-serif;
}
h4 {
font: bold 12px/18px Arial, Helvetica, sans-serif;
padding: 8px 20px 0 20px; 
margin: 0;
color: #003399;
}
h5 {
font: bold 12px/18px Arial, Helvetica, sans-serif;
padding: 8px 20px 0 20px; 
margin: 0;
color: #003399;
}
h3 span {
color: #99CC00;
}
h1 span {
display: none;
}
.TellAFriend {
font: normal 11px/18px Arial, Helvetica, sans-serif;
}
.TellAFriendText, .requiredFlag {
padding: 8px 20px;
}
#highlight ul {
list-style: none;
padding: 0;
margin: 8px 20px;
}
#highlight li {
background: url(Images/arrow_grey.gif) 0 5% no-repeat;
padding: 1px 25px;
margin: 0;
}
ul.standardlist, ul.nobullets {
list-style: none;
padding: 0;
margin: 8px 20px;
}
.standardlist li {
background: url(Images/arrow_green.gif) 0 5% no-repeat;
padding: 1px 25px;
margin: 0;
}
.nobullets li {
margin: 0;
padding: 8px 4px;
background: url(Images/greydot.gif) bottom left repeat-x;
}
.standardlist li.first {
color: #000;
}
ul.standardlist ul {
list-style: none;
padding: 0;
margin: 8px 20px;
font-weight: normal;
color: #888;
}
ol {
padding: 0;
margin: 8px 20px;
}
ol li {
padding: 0;
margin: 8px 20px;
}
ol strong {
color: #003399;
}
.pullout {
background: #005BC2 url(Images/pulloutbg.gif) bottom left no-repeat;
color: #fff;
text-align: center;
margin: 8px 20px;
}
#highlight .pullout {
margin: 0;
}
/* IMAGES */
#flashwrap {
margin: 8px 20px;
}
#thumbs {
margin: 8px 20px;
}
.detail {
margin: 8px 20px; 
padding: 6px 0;
background: url(Images/greydot.gif) bottom left repeat-x;
}
.detail h3, .detail p {
padding: 8px 0;
}
.detail img {
float: right;
padding: 2px;
border: 1px solid #ccc;
margin: 10px;
}
.submission img {
padding: 2px;
border: 1px solid #ccc;
margin-right: 5px;
}
#callnow { 
margin: 133px 20px 0 20px;
text-align: center;
width: 129px;
height: 110px;
}
#rotateimage {
float: right;
padding: 0;
margin: 0;
}
#homenav {
background: url(Images/greydot.gif) top left repeat-x;
padding: 35px 0 0 0;
margin: 0 20px;
}
#homenav ul {
width: 446px;
height: 45px;
margin: 0 0 40px 0;
padding: 0;
position: relative;
float: left;
}
#homenav span { 
display: none; 
}
#homenav li { 
margin: 0; 
padding: 0;
list-style: none;
position: absolute;
}
#homenav li, #homenav a { 
height: 45px; 
display: block; 
}
#guys { left: 15px; width: 177px; background: url(Images/button_guys.gif) no-repeat top left; }
#women { left: 220px; width: 204px; background: url(Images/button_women.gif) no-repeat top left;}

ul#quicklinks {
width: 180px;
margin: 0;
padding: 0;
position: relative;
float: left;
list-style: none;
}
#quicklinks span, #bottomnav span, #bottomnavdef span { 
display: none; 
}
#quicklinks li { 
margin: 10px 13px; 
padding: 0;
list-style: none;
}
#quicklinks li, #quicklinks a { 
width: 154px; 
display: block; 
}
#online a { height: 87px; background: url(Images/findsingles.gif) no-repeat top left; }
#voice a {  height: 114px; background: url(Images/checkoutvoicechat.gif) no-repeat top left;}
#livevoice a {  height: 114px; background: url(Images/checkoutlivevoicechat.gif) no-repeat top left;}
#register a {  height: 103px; background: url(Images/register.gif) no-repeat top left;}

#bottomnav, #bottomnavdef {
clear: both;
width: 667px;
padding: 0;
margin: 0
}
#bottomnav ul {
width: 169px;
height: 21px;
margin: 50px 0 0 0;
padding: 0;
position: relative;
float: left;
background: url(Images/m-f.gif) top left no-repeat;
}
#bottomnavdef ul {
width: 180px;
height: 21px;
margin: 0;
padding: 0;
position: relative;
float: left;
background: url(Images/m-fdef.gif) top left no-repeat;
}
#bottomnav li, #bottomnavdef li { 
margin: 0; 
padding: 0;
list-style: none;
position: absolute;
}
#bottomnav li, #bottomnav a, #bottomnavdef li, #bottomnavdef a { 
height: 21px; 
display: block; 
}
#bottomnav li#male { left: 0; width: 84px; }
#bottomnav li#female { left: 85px; width: 84px; }
#bottomnavdef li#male { left: 0; width: 90px; }
#bottomnavdef li#female { left: 90px; width: 90px; }

#access {
float: right;
width: 140px;
font: italic 10px/14px Arial, Helvetica, sans-serif;
color: #999;
margin: 0;
padding: 8px 20px;
}
/* NAVIGATION  */
#nav table {
margin: 10px 10px 10px 12px;
padding: 0;
width: 146px;
float: left;
display: inline;
line-height: 18px;
}
#nav td {
margin: 0;
padding: 0;
width: 162px;
background: url(Images/greydot.gif) bottom left repeat-x;
}
#nav a {
color: #ff9900;
margin: 0;
text-decoration: none;
display: block;
padding: 6px 12px;
font-size: 11px;
}
#nav a:hover, #nav td.current a {
color: #000;
background: url(Images/nav_hover.gif) 100% 50% no-repeat;
}
#globalnav {
float: right;
padding: 0;
margin: 0;
width: 372px;
height: 33px;
}
#globalnav table {
margin: 0;
padding: 0;
float: right;
line-height: 18px;
}
#globalnav td {
margin: 0;
padding: 0;
}
#globalnav a {
color: #999;
margin: 0;
text-decoration: none;
display: block;
padding: 6px 9px;
font-size: 12px;
font-weight: bold;
}
#globalnav a:hover, #globalnav td.current a {
color: #000;
}
/* TESTIMONIALS */
#testimonialshome {
padding: 0;
margin: 10px 0 0 6px;
float: left;
display: inline;
}
#testimonials {
padding: 0;
margin: 0;
float: left;
display: inline;
}
blockquote#home {
width: 151px;
margin: 3px 0 10px 10px; 
padding: 10px 0 0 0; 
background: url(Images/bubble.gif) top left no-repeat;
color: #fff;
}
blockquote#home p {
margin: 0; 
padding: 0 20px 10px 20px; 
font: italic 11px/16px Arial, Helvetica, "Trebuchet MS", sans-serif;
background: url(Images/bubble.gif) bottom left no-repeat;
}
blockquote {
margin: 8px 20px;
padding: 0;
background: url(Images/greydot.gif) bottom left repeat-x;
font: italic 12px/18px Arial, Helvetica, "Trebuchet MS", sans-serif;
}
blockquote p {
padding: 8px 4px;
}
/* LINKS */
a {
padding: 0;
margin: 0;
text-decoration: none;
color: #FF9900;
}
a:hover {
color: #000;
}
.logo {
float: left;
padding: 0;
margin: 0;
background: url(Images/logo.gif) top left no-repeat;
height: 81px;
width: 295px;
}
a img {
border: 0;
}
/* FOOTER */
#footer ul li.credits {
width: 169px;
height: 20px;
background: #ececec;
padding: 3px 0 0 0;
margin: 0;
color: #999;
font-size: 10px;
float: left;
text-align: center;
}
#footer ul li.creditshome {
width: 180px;
height: 20px;
background: #ececec;
padding: 3px 0 0 0;
margin: 0;
color: #999;
font-size: 10px;
float: left;
text-align: center;
}
#footer {
padding: 0;
margin: 0;
background: #8ED800;
border-top: 1px solid #ccc;
width: 667px;
height: 20px;
clear: both;
}
#footer ul {
margin: 0;
padding: 0;
list-style: none;
width: 667px;
}
#footer li {
margin: 0;
padding:  0;
display: inline;
float: left;
}
#footer a {
margin: 0;
padding: 0;
float: left;
}
#footerinside ul li.credits {
width: 182px;
height: 20px;
background: #ececec;
padding: 0;
margin: 0;
font-size: 11px;
float: right;
text-align: center;
}
#footerinside {
padding: 0;
margin: 0;
background: #8ED800;
width: 667px;
height: 20px;
clear: both;
}
#footerinside ul {
margin: 0;
padding: 0;
list-style: none;
width: 667px;
}
#footerinside li {
margin: 0;
padding: 0;
display: inline;
float: left;
}
#footerinside a {
margin: 0;
padding: 0;
float: left;
}
/* FORMS */
form {
padding: 0;
margin: 0;
}
.EmailFormContainer {
margin: 20px 0 20px 20px;
}
.SubscribeForm {
padding: 8px 20px;
font: normal 12px/18px Arial, Helvetica, "Trebuchet MS", sans-serif;
}
input, textarea {
border: 1px solid #ccc;
font: normal 12px/18px Arial, Helvetica, "Trebuchet MS", sans-serif;
}
select {
font: normal 11px/18px Arial, Helvetica, "Trebuchet MS", sans-serif;
}
.EmailFormAssetSubmitButton {
background: #8ED800;
color: #fff;
font-size: 10px;
}
#datingregister th, #datingregister td {
padding: 5px 2px 2px 2px;
text-align: left;
font-weight: normal;
}
table#datingregister {
width: 240px;
margin: 0 0 0 20px;
padding: 0;
}
.subscribebutton {
float: right;
border: 0;
}
ul.hotlinkslist {
list-style-image:url("Images/redli.gif");
padding-left:15px;

}

li#skype{

}

#skype span{
	display:block;
}

a#sb{
	display:block;
	position:relative;
	background:url(Images/sk_bg.gif) no-repeat;
	width:153px;
	height:165px;
}

span.x{
	display:block;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:7px 10px;
}

li#line{
	background: url(Images/greydot.gif) center left repeat-x;
}

div#lhs{
	width:151px;
	height:110px;
	background:url(Images/lhs-b.gif) no-repeat;
	margin:131px auto 0 auto;
}

#lhs span{
	display:block;
	padding:60px 0 0 0;
	font-size:16px;
	text-align:center;
	color:#FFFFFF;
}