@import url("reset.css");

body {background:url("../images/icanhaz-bg.jpg") center top no-repeat #1a535a; font-family:"Lucida Grande",Arial,Helvetica,sans-serif; font-size:13px;}
a {color: #EBB636;}
a:hover {color: #fff;}
#icanhaz-wrapper { width:900px; margin:0 auto; position:relative; z-index:100;  padding: 60px 0 0 0; overflow:hidden; }
#icanhaz-wrapper #icanhaz-tagline { float:left; width:230px; padding:280px 90px 0 0 ; background: url(../images/icanhaz-cat.png) no-repeat top left;  }
#icanhaz-wrapper #icanhaz-tagline:hover { cursor: pointer;  }
#icanhaz-wrapper #icanhaz-tagline p { margin: 0; padding: 0 0 0 40px; line-height: 16px; font-weight: bold; color: #FFFFFF; }
#icanhaz-wrapper #icanhaz-hint { display:none; position:absolute; top:270px; left:30px;  background:url(../images/icanhaz-modal-hint.png) no-repeat top right; width:200px; height:60px; padding:55px 50px 40px 24px; overflow:hidden;color:#FF0000; font-size:14px; line-height: 17px; font-weight: bold;  }
#icanhaz-wrapper #icanhaz-main { float:left; padding-top: 200px; height: 223px; width: 415px;}
#icanhaz-wrapper #icanhaz-main-available { float:left; padding-top: 200px; height: 223px; width: 415px;}
#icanhaz-wrapper form#iCanHazForm {  }
#icanhaz-wrapper #iCanHazForm div.element { margin:10px 0; clear:both;  }
#icanhaz-wrapper #iCanHazForm div.element p.icanhaz-error { color: #FF0000; display:none; clear: both; padding: 5px 0 0 45px; }
#icanhaz-wrapper #iCanHazForm div.icanhaz-pro { background:url('../images/icanhaz-pro.png') center right no-repeat;}
#icanhaz-wrapper #iCanHazForm div.element label { display: block; float:left;  color:#70b1b9; font-size:20px; vertical-align:middle; }
#icanhaz-wrapper #iCanHazForm div.element input { border:1px solid #fff; padding:0; font-size:20px; color:#000;   }
#icanhaz-wrapper #iCanHazForm div#iCanHazFormShort { background:url("../images/icanhaz-inputme.png") left top no-repeat; padding:15px 0 15px 10px; } 
#icanhaz-wrapper #iCanHazForm div#iCanHazFormShort input { width:270px; margin-top:-3px; }
#icanhaz-wrapper #iCanHazForm div#iCanHazFormLong { background:url("../images/icanhaz-inputload.png") left top no-repeat; padding:15px 0 15px 10px;}
#icanhaz-wrapper #iCanHazForm div#iCanHazFormLong input { width:260px; margin-top:-3px;  }

#icanhaz-wrapper #icanhaz-more { background:url('../images/icanhaz-moreoptions.png') no-repeat left top; width:95px; height:35px; text-indent:-2000px; margin:25px 0 0 0; float:left; }
#icanhaz-wrapper #icanhaz-more.more_options_hover { background:url('../images/icanhaz-moreoptions-hover.png') no-repeat left top;  }
#icanhaz-wrapper #icanhaz-accept { background:url('../images/icanhaz-accept.png') no-repeat left top; width:115px; height:41px; text-indent:-2000px; margin:25px 0 0 70px; float:left; }
#icanhaz-wrapper #icanhaz-accept.accept_hover { background:url('../images/icanhaz-accept-hover.png') no-repeat left top;  }
#icanhaz-wrapper #icanhaz-submit { background:url('../images/icanhaz-submit.png') no-repeat left top; width:125px; height:70px; text-indent:-2000px; margin:10px 0 0 10px; float:left; }
#icanhaz-wrapper #icanhaz-submit.submit_hover { background:url('../images/icanhaz-submit-hover.png') no-repeat left top;  }


/*modal */
#icanhaz-overlay { position:fixed; top:0; left:0;  width:100%; height:100%; z-index:99;  }
#icanhaz-wrapper #icanhaz-modal { position:absolute; z-index:100; top:164px;left:200px; background:#8dc135; display:none; background:url('../images/icanhaz-modal-bg1.png') no-repeat left top; width:540px; height:410px; padding:190px 0 0 70px; } 
#icanhaz-modal {z-index:1000}
#icanhaz-wrapper #icanhaz-modal .icanhaz-garanty { display:block; font-size:13px; }
#icanhaz-wrapper #icanhaz-modal #icanhaz-close { position: absolute; left:430px; top:515px; background:url('../images/icanhaz-close.png') no-repeat left top; width:49px; height:23px; }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.element { border-bottom:1px solid #000; width:80%; overflow:hidden; margin:2px 0; padding: 5px 0; }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal #iCanHazFormSubmit input {background:url('../images/icanhaz-isdone.png') no-repeat left top; width:60px; height:21px; border:none; position:absolute; top:525px; left:460px; }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal #iCanHazFormSubmit input.modal_submit_hover {background:url('../images/icanhaz-isdone-hover.png') no-repeat left top; }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.element label { display: block; color:#123034; font-size:18px; font-weight:bold; margin:0; letter-spacing: -1px;padding-top: 10px; }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.element input { float:left; border:none;  }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.element input.input_text { background:url('../images/icanhaz-modal-input-text.png') no-repeat left top; height:37px; width:340px; padding:0; }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.element span.input, #icanhaz-wrapper #iCanHazForm #icanhaz-modal div.element span.pro_input { background: url('../images/icanhaz-input.png') no-repeat left top; display:block; width:38px; height:38px; float:left; margin: 0 5px 0 0;}
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.element span.checked { background: url('../images/icanhaz-input-checked.png') no-repeat left top; margin: 0 5px 0 0; }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.element span.pro_checked { background: url('../images/icanhaz-input-checked-pro.png') no-repeat left top; display:block; width:38px; height:38px; float:left; margin: 0 5px 0 0;}
#iCanHazFormNotify label span {display: inline !important;}
#iCanHazForm_description, #iCanHazForm_email { padding: 7px 0 0 10px !important; height: 30px !important; }
/*#icanhaz-wrapper #iCanHazForm #icanhaz-modal #iCanHazFormPromotion span.checked { margin-top: 10px; }*/
/*features */
#icanhaz-features { overflow:hidden; padding:85px 0 50px 50px; clear: both; }
#icanhaz-features ul li { font-size: 13px; line-height: 17px; }
#icanhaz-features ul li p { font-size: 12px; line-height: 15px; }
#icanhaz-features a { color: #ebb636; text-decoration: none; }
#icanhaz-features a:hover { color: #fff; text-decoration: underline; }
#icanhaz-wrapper #icanhaz-lastadded {  color:#fff; float:left;/* background: url(../images/justadded.jpg) no-repeat top left;*/ padding-top: 60px; width: 218px; }
#icanhaz-wrapper #icanhaz-popular {  margin:0 0 0 60px; color:#fff; float:left; /*background: url(../images/mostpopular.jpg) no-repeat top left;*/ padding-top: 60px; width: 228px; }
#icanhaz-wrapper #icanhaz-random { margin:0 0 0 40px; color:#fff; float:left; /*background: url(../images/icanhazrandom.jpg) no-repeat top left;*/ padding-top: 60px; width: 238px; }
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.disabled span.pro_checked, #icanhaz-wrapper #iCanHazForm #icanhaz-modal div.disabled span.pro_input { background: url('../images/icanhaz-input-disabled.png') no-repeat left top;}
#icanhaz-wrapper #iCanHazForm #icanhaz-modal div.disabled label {color: #444 !important;}
#icanhaz-search { margin: 0; padding: 0 0 0 115px; }
#icanhaz-search .icanhaz-searchInput { background: url(../images/icanhaz-searchinput-bg.png) no-repeat top left; border: none; height: 30px; width: 450px; font-size: 20px; color: #fff; margin: 0; padding: 17px 0 5px 10px; float: left;}
#icanhaz-search .icanhaz-submitInput { background: url(../images/icanhaz-searchsubmit-bg.png) no-repeat top left; border: none; outline: none; height: 57px; width: 146px; padding: 0; margin: 0; cursor: pointer; margin-left: -5px; overflow: hidden; float: left; }
#icanhaz-search .icanhaz-submitInput:hover { background: url(../images/icanhaz-searchsubmit-bg.png) no-repeat bottom left; }
#icanhaz-featuredSlider {width: 590px; margin-left: 120px; font-size: 11px; line-height: 14px; clear: both; }
#icanhaz-featuredSlider a { text-decoration: none; color: #EBB636;}
#icanhaz-featuredSlider a:hover { text-decoration: underline; color: #EBB636;}
#icanhaz-featuredSlider p strong { line-height: 22px;}
.clear { clear: both; }

#icanhaz-footer { clear:both; overflow:hidden; padding:20px 50px 30px 50px; color: #88c7cf; font-size: 11px; border-top: 1px solid #29818B; }
#icanhaz-footer p {float: left; padding-right: 10px; line-height: 30px;}
#icanhaz-footer div {float: right; padding-right: 0px; line-height: 30px;}
#icanhaz-footer a {color: #EBB636; text-decoration: none; line-height: 30px;}
#icanhaz-footer a:hover {color: #fff; text-decoration: underline}
#icanhaz-footer a.facebookz, #icanhaz-footer a.tweetz  {height: 30px; display:block; width: 30px; text-indent: -9000px;}
#icanhaz-footer a.tweetz {background: url(../images/icanhaz-twitter.png) no-repeat top left;  }
#icanhaz-footer a.tweetz:hover {background: url(../images/icanhaz-twitter.png) no-repeat bottom left;  }
#icanhaz-footer a.facebookz {background: url(../images/icanhaz-facebook.png) no-repeat top left;}
#icanhaz-footer a.facebookz:hover {background: url(../images/icanhaz-facebook.png) no-repeat bottom left;}

#icanhaz-features a { color: #ebb636; text-decoration: none;} 
#icanhaz-features a:hover { color: #fff; text-decoration: underline; }


#icanhaz-main #icanhaz-added { color: #fff; font-size: 13px; text-align: center; height: 223px; }
#icanhaz-main #icanhaz-added a { color: #ebb636; text-decoration: none; font-size: 22px; } 
#icanhaz-main #icanhaz-added a:hover { color: #fff; text-decoration: underline; }
#icanhaz-main #icanhaz-added p { color: #fff; font-size: 18px; text-align: center; padding: 20px 20px; width: 360px; line-height: 24px; }
#icanhaz-main #icanhaz-added p span { color: #6abec9; font-size: 12px; text-align: center; }


#icanhaz-main #icanhaz-available { color: #fff; font-size: 13px; text-align: center; font-weight: bold; }
#icanhaz-main #icanhaz-available p { text-align:center; }
#icanhaz-main #icanhaz-available a { color: #ebb636; text-decoration: none; } 
#icanhaz-main #icanhaz-available a:hover { color: #fff; text-decoration: underline; }

#icanhaz-main-available #icanhaz-added { color: #fff; font-size: 13px; text-align: center; }
#icanhaz-main-available #icanhaz-added a { color: #ebb636; text-decoration: none;} 
#icanhaz-main #icanhaz-added a:hover { color: #fff; text-decoration: underline; }

#icanhaz-main-available #icanhaz-available { color: #fff; font-size: 13px; text-align: center; font-weight: bold; height: 224px; }
#icanhaz-main-available #icanhaz-available p { padding: 10px 70px 20px 70px; font-size: 18px; width: 300px; font-weight: normal; line-height: 24px;}
#icanhaz-main-available #icanhaz-available p strong {color: #ebb636;}
#icanhaz-main-available #icanhaz-available a { color: #ebb636; text-decoration: none; } 
#icanhaz-main-available #icanhaz-available a:hover { color: #fff; text-decoration: underline; }

.icanhaz-yeap {background:url('../images/icanhaz-yes-no1.png') no-repeat 0 0; width:115px; height:113px; border:none; position:absolute; top:370px; left:410px; }
.icanhaz-noneed {background:url('../images/icanhaz-yes-no1.png') no-repeat -150px 0;width:115px; height:113px;  border:none; position:absolute; top:370px; left:580px; }

.icanhaz-yeap-hover {background:url('../images/icanhaz-yes-no1.png') no-repeat 0 -130px; width:115px; height:113px; border:none; position:absolute; top:370px; left:410px; }
.icanhaz-noneed-hover {background:url('../images/icanhaz-yes-no1.png') no-repeat -150px -130px; width:115px; height:113px;  border:none; position:absolute; top:370px; left:580px; }

#icanhaz-tos { width: 360px; padding: 0 20px 20px 20px; height: 155px; overflow-y: scroll; color: #fff; line-height: 18px;}
#icanhaz-wrapper h1 {font-size: 20px; padding: 0 20px 10px 20px; color: #fff;}
#icanhaz-tos h2 {font-size: 16px; line-height: 24px;}
#icanhaz-tos p {padding-bottom: 10px;}