/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: landingpage.css
* Website: http://gays.com/
* Author: Olaf Helmig
* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* _basic reset
==========================================*/
*{
	margin: 0;
	padding: 0;
}
:focus{ outline: 0; }
html,
body{
  height: 100%;
  width: 100%;
}
body{
	color: #333;  
  font: normal normal 100%/1.5 Arial, Tahoma, Helvetica, sans-serif;   
  font-size: 12px;   
  text-align: center;      
  background: #e1eefa;
}
/*ie6 hack hover everything */
* html body { behavior:url(/css/hover.htc);}
h1,h2,h3,h4,h5,h6{ font: normal normal 100%/1.5 Arial, Tahoma, Helvetica, sans-serif; }
ol, ul { list-style: none; }
img{ border: 0px;}
.clearer{
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: -1px;
  font-size: 1px;
  line-height: 1px;
}
a{
  color: #056483;
  text-decoration: none;
  cursor: pointer;
}
a:hover{ text-decoration: underline; }
.noBorder{ border: 0 !important; }
.left{ float: left !important; }
.right{ float: right !important; }


.truncate{ overflow: hidden; }

/* _page
==========================================*/
#lpWrapper{
  width: 970px;
  margin: 0 auto;  
}
#page{
  width: 940px;             
  padding: 0 15px;
  text-align: left;
  background: url(http://static1.gays.com/asset/page_bg.png) repeat-y center top;
  float: left;
  position:relative;
}
/* ie6 hack */
* html #page{ background: url(http://static1.gays.com/asset/page_bg_ie6.gif) repeat-y center top; }

/* _header
==========================================*/
#header{
  width: 940px;
  height: 59px;
  background: url(http://static1.gays.com/asset/headerbg.png) repeat-x left top;
}
#header h1{ padding: 4px 0 0 0; }

/* _navigation - main
==========================================*/
ul#navMain{
  position: absolute;
  top: 14px;
  left: 180px;
  z-index: 7001;
}
ul#navMain li{
  float: left;  
  width: auto;
}
ul#navMain li a{
  display: block;
  float: left;
  color: #fff;    
  text-align: center;      
  padding: 4px 8px;
  font-size: 1em;  
}
ul#navMain li a span{
  display: block;
  padding: 2px 8px 2px 0;
  margin: -2px 0;  
}
ul#navMain li a:hover,
ul#navMain li.ACT a{
  background: url(http://static1.gays.com/asset/navmain_hl_l.png) no-repeat left;  
  text-decoration: none;
}
ul#navMain li a:hover span,
ul#navMain li.ACT a span{
  background: url(http://static1.gays.com/asset/navmain_hl_r.png) repeat-x right;  
}

/* _masthead - big image for A/B testing
==========================================*/
#masthead{
  width: 940px;
  height: 320px;
  position: relative;
}


/* masthead - signup form */
/*
#signup{
  position: absolute;
  top: 10px;
  right: 20px;
  width: 300px;
  padding: 8px;
  background: transparent url(http://static1.gays.com/asset/trans60.png) repeat left top;
  -moz-border-radius: 10px;
}
#signup form{
  padding: 8px 8px 10px 8px;
  border: 1px solid #ccc;
  background: #fff;
}
#signup form h3{
  color: #333;
  font-size: 1.5em;
}
#signup form em{
  font-style: normal;
  font-size: .875em;
  position: relative;
  top: -2px;
  left: 0;
}


#signup form ol{
  width: 100%;
  float: left;
  padding: 5px 0;
}
#signup form ol li{
  width: 100%;
  padding: 3px 0;
  float: left;
}
#signup form label{
  float: left;
  font-weight: bold;  
  width: 90px;
  padding: 3px 10px 0 0;
  text-align: right;  
}
#signup form input,
#signup form select{ 
  width: 158px;
  padding: 1px;
  margin: 1px 0;   
}
#signup form select{ width: 164px; }


#signup form li.signupSubmit{ padding: 5px 0; }



#signup .legal{
  font-size: .875em;
  line-height: 1.2;
  color: #666;
}
*/

/* _startpage - new signup form
==========================================*/
fieldset{border:0;}
#signupFormHolder{ /* otherwise its hidden in safari */

}
#signUpForm{
  width: 300px;
  float: left;
  background: url(http://static1.gays.com/asset/trans60.png) repeat top left;
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 100;
  padding: 8px;      
}
#signUpForm form,
.signupFinish{
  background: #fff;  
  border: 1px solid #999;
  padding: 10px;  
}
/* ie7 hack */
*:first-child+html #signUpForm form,
*:first-child+html .signupFinish{
  background: #fff !important;      
}
#signUpForm form legend{
  color: #333;
  font-size: 1.5em;
  padding-bottom: 10px;
}
#signUpForm form legend span{  
  font-size: 60% !important;
}
/* list */
#signUpForm form ul{}
#signUpForm form ul li{
  width: 100%;
  padding: 3px 0;
}
#signUpForm form ul li label{
  float: left;
  font-weight: bold;
  text-align: right;
  width: 100px;
  padding-right: 10px;  
}
#signUpForm form ul li input{
  width: 150px;
}
/* adjust select fields */
#signUpForm form select{
  width: 154px;
}
/* submit button */
#signUpForm form ul li.signupSubmit{
  padding: 5px 0;
}
#signUpForm form ul li input.button{
  width: auto !important;
  font-size: 1.5em;
  padding: 5px;
}
/* legal */
#signUpForm .legalNotice p,
.signupFinish p.legalNotice{
  font-size: .8333em;
  color: #666;  
  line-height: 1.25em;
}

/* button - style green */
.button{    
  background: #c4df9c;
  border-top: 2px solid #d9f5af;
  border-left: 2px solid #d9f5af;
  border-bottom: 2px solid #94b861;
  border-right: 2px solid #94b861;    
  text-align: center;    
  position: relative;
  cursor: pointer;
  color: #005e20;            
  font-size: 1.75em;            
  width: auto !important;    
}
.button:hover{
  text-decoration: none;
  background: #99CC66;
  border-bottom: 2px solid #d9f5af;
  border-right: 2px solid #d9f5af;
  border-top: 2px solid #94b861;
  border-left: 2px solid #94b861;    
  color: #fff !important;  
}


/* masthead - strapline */
#strapline{  
  float: left;
  position: absolute;
  bottom: 20px;
  left: 0;      
  width: 570px;     
}
#strapline p{   
  float: left;    
  background: #fff !important;  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: .8;
}
#strapline #straplineText{
  padding: 10px;
  font-size: 1.7em;  
  line-height: 1;
  width: auto !important;
}
#strapline #copyrightPhoto{  
  float: left;  
  margin-top: 1px;
  padding: 0 10px;
  font-size: .8333em;
}  

/* _login for startpage, public minimal profiles
==========================================*/
#headerLoginFormContainer{  
  float: left;
  width: 580px;
  padding: 10px;  
  position: absolute;
  top: 0;
  right: 0px;        
}
/* list */
#headerLoginForm{
  width: 100%;
  float: left;
}
#headerLoginForm li{
  float: left;   
  position: relative !important;   
}
/* email */
#headerLoginForm li.loginEmail{
  width: 165px;  
}
/* password */
#headerLoginForm li.loginPassword{
  width: 85px;  
}
/* style the input boxes */
#headerLoginForm li input.email,
#headerLoginForm li input.pass{
  border: 2px solid #666;
  width: 156px;
}
#headerLoginForm li input.pass{  
  width: 76px;
}
/* forgot your password */
.forgotPass{
  color: #fff;
}
/* submit button */
#headerLoginForm li.loginSubmit .button{}
#headerLoginForm li label{
  color: #fff;
  float: left;
}
#headerLoginForm .button{
  height: 22px;
  font-size: .875em;  
}
#headerLoginForm li input.loginRememberMe{
  float: left;
  margin: 3px 5px 0 0 !important;
} 
/* ie6 hack */
* html #headerLoginForm li input.loginRememberMe{
  margin: 0 0 0 -4px !important;  
}
/* ie7 hack */
*:first-child+html #headerLoginForm li input.loginRememberMe{
  margin: 0 0 0 -4px !important;
}
/* fix width of li, showing errors or not showing errors*/
#headerLoginForm li.formError{
  width: 240px;      
  border-bottom: 1px solid #333;
}
/* _recover password
==========================================*/
#recoverPassword li.recoverEmail input {
  border: 2px solid #666;
  width: 120px;    
}
/* email */
#holderRecoverPassword li.recoverEmail{
  width: 165px;  
}
/* style the input boxes */
#holderRecoverPassword li.recoverEmail input{
  border: 2px solid #666;
  width: 156px;
}
#holderRecoverPassword a.backToLogin{
  color: #fff;
}
/* ie6 hack */
* html #holderRecoverPassword li.recoverSubmit .button{
  width: 160px;
}
/* ie7 hack */
*:first-child+html #holderRecoverPassword li.recoverSubmit .button{
  width: 160px;
}

/* _forms - general error message inside forms
==========================================*/
.form_error{
  width: 100%;
  float: left;
  /*display: block;*/
  margin-bottom: 5px;
  background: #d0530f;
  position: relative;
  z-index: 10;
  text-align: center;
  color: #fff;
}
.form_error:after{ clear: both; }
.form_error p{
  color: #fff;
  padding: 2px;
  font-weight: bold;
}
/* adjust form_error for class .listForm */
.listForm .form_error{
  margin-left: 230px;
  width: 306px;
  float: none !important;
}

/* _content 
==========================================*/
#content{
  width: 100%;
  float: left;
  padding: 10px 0;
}
#content .block{
  width: 280px;
  float: left;
  padding: 10px 20px 10px 10px;  
  text-align: justify;
}
#content #wlc1.block{ padding-right: 30px; }
#content #wlc2.block{ 
  width: 290px;
  padding-right: 0;   
}
#content h4{
  display: block;
  font-weight: bold;
  padding-bottom: 10px;
}

/* content - blog */
#content #blog ul{
  width: 100%;
  float: left;
  position: relative;
  top: -2px;
  left: 0;
}
#content #blog ul li{
  border-bottom: 1px dotted #ccc;
  padding: 2px 0;
}
#content #blog ul li a:hover{ text-decoration: none; }
#content #blog ul li:hover{ background: #eaf5ff;}

/* _socialbar
==========================================*/
#socialbar{
  width: 940px;
  height: 41px;
  position: relative;
  background: #666;
  float: left;
}

/* socialbar - bookmark button */
#socialbar #bookmark{
  padding: 12px 10px;
  float: left;
}

#socialbar p{ 
  color: #fff;
  padding: 12px 10px; 
}
#socialbar a{ color: #fff; }

/* socialbar - languagemenu */
#socialbar #language{
  display: block;
  padding-left: 20px;
  position: absolute;
  top: 12px;
  right: 20px;    
}
#socialbar #language.de{ background: url(http://static1.gays.com/asset/flag-de.png) no-repeat left; }
#socialbar #language.en{ background: url(http://static1.gays.com/asset/flag-en.png) no-repeat left; }

/* _siteinfo
==========================================*/
#siteinfo{
  float: right;
  padding: 10px;
  text-align: right;
  color: #666;
  background: #fff;
}
#siteinfo a{ color: #666; }
#siteinfo ul li{ float: left; }
#siteinfo ul li a{
  color: #666;
  border-right: 1px solid #666;
  padding: 0 5px;
}
#siteinfo ul li.last-child a{
  border: 0;
  padding-right: 0;
}
#siteinfo a#gayde{ text-decoration: underline; }

/* _footershadow
==========================================*/
#footerShadowWrapper{
  width: 970px;
  margin: 0 auto;  
}
#footerShadow{
  width: 940px;             
  height: 30px;
  padding: 0 15px 10px 15px;  
  background: url(http://static1.gays.com/asset/siteinfo_shadow.png) no-repeat center bottom;
  float: left;  
}
/* ie6 hack */
* html #footerShadow{ background: #e1eefa url(http://static1.gays.com/asset/siteinfo_shadow_ie6.gif) no-repeat center bottom; }

/* fb open graph signup / login button */
.btnFbLogin{
    width: 120px;
    height: 21px;
    background: url(http://static1.gays.com/asset/btn-fb-loginsignup.png) no-repeat left top;
    position: absolute;
    top: 21px;
    right: 20px;
    display: block;
    float: left;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
}