/* ----------------------------------------------------------- By Vesess - http://vesess.com Main Stylesheet Basic styling : initial.css IE Hacks : ie6.css ----------------------------------------------------------- */ body { font-size: 100%; color: #333; background: url(../images/body_bk.png) #FFF repeat-x top left; } a, a:link { color: #235C96; } a:visited { color: #5190D6; } a:hover { color: #1B3A4B; text-decoration: none; } a img { border: 0; } h1, h2, h3, h4 { font-weight: normal; line-height: 130%; } h2 { font-size: 150%; } h3 { font-size: 120%; } h4 { font-size: 100%; font-weight: bold; } h5 { font-size: 90%; } h6 { font-size: 80%; text-transform: uppercase; font-weight: normal; } code, kbd { font-size: 120%; } hr { height: 1px; border: #BFDCA0 1px solid; background-color: #BFDCA0; } dt { font-weight: bold; } /* Helper classes */ .hide { display: none; } .hidden { visibility: hidden; } .clear { clear: both; } .hidden { display: none; } hr.hidden { margin: 0; padding: 0; border: 0; height: 1px; } span.explain { border-bottom: #111 1px dotted; } hr.separator { margin: 1em 0 0 0; height: 1px; border: #FFF 1px solid; background-color: #FFF; clear:both; } .align_right { text-align: right; } .margin_top { margin-top: 1em; } .margin_bottom { margin-bottom: 1em; } .no_margin_top { margin-top: 0; } .no_margin_bottom { margin-bottom: 0; } div#container { } div#header { position: relative; height: 110px; } div#header div { position: absolute; top: 30px; left: 0; } div#header div a { color: #FFF; font-weight: bold; text-decoration: none; line-height: 100%; } div#header ul { margin: 0; position: absolute; top: 50px; right: 0; } div#header ul li { margin-left: 20px; float: left; list-style: none; } div#header ul li a { color: #333; text-decoration: none; font-size: 15px; font-weight: bold; } div#header ul li a.menucurrent { color: #818285; } div#header ul li a:hover { color: #65912B; border-bottom: 1px solid #65912B; } div#heading { margin-bottom: 30px; padding: 15px 0 10px 0; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; text-align: center; } div#heading h1 { margin: 0; text-align: center; line-height: 160%; font-size: 20px; font-weight: normal; color: #333; } div#wrapper { } div#content { } div#content { } h1 { margin-top: 0; margin-bottom: 10px; color: #7BB133; } h2 { color: #0F75BC; font-size: 20px; } h3 { color: #666; font-size: 16px; } h3.date { font-size: 12px; font-weight: normal; } div#main { font-size: 15px; font-weight: normal; } div#mainp1 { font-size: 16px; font-weight: normal; } dl#people { margin-top: 0; } dl#people dt { margin: 0; float: right; width: 515px; font-size: 15px; font-weight: bold; } dl#people dd { margin: 0;} dl#people dd.title {margin: 0 0 10px 0; float: right; width: 515px; font-size: 13px; font-style: italic; } dl#people dd.img { margin: 0 0 50px 0; float: left; width: 120px; height: 155px; border: 5px solid #CCC; } dl#people dd.img img { margin: 0; float: left; width: 120px; height: 155px; } dl#people dd.info { margin: 0; float: right; width: 515px; height: 170px } dl#people dd.info p { margin: 0 0 30px 0; } div.post { margin-bottom: 20px; padding: 0 0 7px 0; border-bottom: 1px solid #EDEDED; } div.last_post { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } div.post h2 { margin: 0; } div.post h2 a { text-decoration: none; } div.post h2 a:hover { text-decoration: underline; } div.post h3.authordate { margin-top: 0; font-size: 12px; } dl.pricingbeta { background: url(../images/pricing_bk_beta.png) #FFF no-repeat 0 0; } dl.pricingbeta { margin: 0; padding: 20px; width: 480px; height: 250px;} dl.pricing { background: url(../images/pricing_bk.png) #FFF no-repeat 0 0; } dl.pricing { margin: 0; padding: 20px; width: 480px; } dl.unlimited { margin: 0 0 30px 0; } dl.pricing:after { /* self-clear floats */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } dl.pricing dt { float: left; width: 380px; margin: 0 0 5px 0; padding: 0; } dl.pricing dd { margin: 0 110px 0 0; padding: 0; } dl.pricing dd a { color: #333; text-decoration: none; border-bottom: 1px dotted #333; } dl.pricing dd.img { margin: 0; } dl.pricing dd.img img { float: right; margin: 0; } dl.tour { margin: 0 15px 30px 0; padding: 15px; width: 146px; float: left; background: url(../images/tour_bk.png) #FFF no-repeat 0 0; } dl.last { margin: 0 0 30px 0; } dl.tour dt { color: #999; font-size: 15px; } dl.tour dt img { vertical-align: middle; } dl.tour dd { margin: 0; } dl.tour dd.title { margin: 10px 0; font-size: 16px; font-weight: bold; } dl.tour dd.img { margin: 20px 0 30px 0; text-align: center; } dl.last dd.img { margin: 20px 0 5px 0; } div#navigation { } div#navigation h2 { } div#navigation h3 { font-size: 12px; font-weight: bold; color: #333; } body.sign_up div#navigation h2 { margin: 0; line-height: 100%; } body.sign_up div#navigation h3 { margin: 20px 0 0 0; } body.sign_up div#navigation p { margin: 7px 0 0 0; } div#navigation div.content { padding: 15px; min-height: 200px; background: url(../images/nav_content_bk.png) no-repeat 0 0; } div#navigation div.textwidget { padding: 15px; background: url(../images/nav_content_bk.png) no-repeat 0 0; } body#home div#navigation div.textwidget, body.layout37 div#navigation div.textwidget { padding: 0; background: none; } div#navigation h2 { margin: 0; } body.layout37 div#navigation { padding: 0; background: none; } body.layout37 div#navigation h2 { margin: 0 0 15px 0; font-size: 16px; color: #333; line-height: 125%; } body.layout37 div#navigation ul { margin: 0 0 25px 0; } body.layout37 div#navigation ul li { margin: 0 0 17px 0; padding-left: 30px; color: #333; font-size: 15px; list-style: none; background: url(../images/li_bk.png) #FFF no-repeat 0 0; } body.layout37 div#navigation p { margin: 0; } dl#say_hello { } dl#say_hello dt { padding: 0 10px 10px 0; float: left; clear: left; } dl#say_hello dd { margin: 0; padding: 0 0 10px 0; } dl#say_hello dt.via_post { padding: 0 0 5px 0; } dl#say_hello dd.via_post { clear: left; } div#navigation ul { } div#navigation ul li { margin: 5px 0; padding-left: 17px; list-style: none; background: url(../images/ul_bk.png) no-repeat 0 5px; } div#navigation ul li a { color: #333; text-decoration: none; } div#navigation ul li a:hover { text-decoration: underline; } div#extra { } div#features { background-color: #0F75BC; clear: both; float: left; width: 100%; } body#home div#features { float: none; } div#features div.content { margin: 30px auto 0 auto; padding: 0; width: 940px; overflow: auto; } div#features div.content h2 { margin-top: 0; } body#home div#features div.content { margin: 30px auto 0 auto; padding: 40px 0 0 0; width: 940px; overflow: auto; } div#features div.content dl { margin-top: 0; margin-bottom: 40px; margin-right: 20px; width: 300px; float: left; } div#features div.content dl.right { margin-right: 0; } div#features div.content dl dt { margin-bottom: 10px; padding: 0 0 10px 0; padding-left: 39px; color: #FFFF99; font-size: 16px; font-weight: bold; } div#features div.content dl dt.decisions { background: url(../images/decisions.png) no-repeat 0 0; } div#features div.content dl dt.avoid { background: url(../images/avoid.png) no-repeat 0 0; } div#features div.content dl dt.coding_skills { background: url(../images/coding_skills.png) no-repeat 0 0; } div#features div.content dl dt.candidate_pool { background: url(../images/candidate_pool.png) no-repeat 0 0; } div#features div.content dl dt.candidates { background: url(../images/candidates.png) no-repeat 0 0; } div#features div.content dl dt.get_started { background: url(../images/get_started.png) no-repeat 0 0; } div#features div.content dl dd { margin: 0; color: #FFF; } div#features div.content dl.did_you_know dt { padding-left: 0; } div.media_coverage { margin-bottom: 15px; float: left; width: 440px; } div.media_coverage h2 { margin: 30px 0 20px 0; } div.media_coverage blockquote { margin: 0; } div.media_coverage blockquote p { margin: 0; padding-right: 20px; padding-left: 20px; line-height: 150%; text-indent: -20px; font-size: 18px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; width: 440px; } div.media_coverage blockquote p span.last-letter { padding: 0 20px 0 0; background: url(../images/99.png) no-repeat right 5px; } div.media_coverage blockquote p:first-letter { padding-left: 20px; background: url(../images/66.png) no-repeat 0 5px; } p cite { color: #91CEF7; font-size: 15px; font-style: normal; } div.featured_in { margin-bottom: 15px; float: right; width: 380px; color: #FFF; } div.featured_in h2 { margin: 30px 0 30px 0; font-size: 15px; color: #FFF; } div.featured_in ul { } div.featured_in ul li { margin: 0 20px 10px 0; float: left; list-style: none; } div#socially { background-color: #444; color: #CCC; clear: both; } div#socially a { color: #91CEF7; } div#socially div { margin: 0 auto; padding: 30px 0 0 0; width: 940px; overflow: auto; } div#socially div dl { margin-top: 0; margin-bottom: 30px; margin-right: 20px; width: 460px; float: left; } div#socially div dl.right { margin-right: 0; } div#socially div dt { } dl.lovers_say { } dl.lovers_say dd { margin: 10px 0 0 100px; } dl.lovers_say dd.image { margin: 10px 0 0 0; float: left; width: 80px; } dl.lovers_say dd.image img { border: 1px solid #373737; background-color: #CCC; padding: 4px; } dl.lovers_say dd blockquote { margin: 0 0 10px 0; font-style: italic; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; } dl.lovers_say dd cite { color: #FFF; font-size: 11px; font-style: normal; } dl.our_blog { } dl.our_blog dd { margin: 0; } dl.our_blog dd.date { margin-top: 13px; color: #FFF; font-size: 11px; } dl.our_blog dd h3 { margin: 10px 0 5px 0; font-size: 12px; font-weight: bold; } div#features_tour { padding-bottom: 20px; float: left; width: 176px; border-right: 1px solid #91CEF7; } div#features_tour h2 { margin: 0 0 7px 0; } div#features_tour ul { margin: 0; padding: 0; list-style: none; background: url(../images/features_tour_ul_bk.png) no-repeat 0 0; } div#features_tour ul li { margin: 0; list-style: none; } div#features_tour ul li a { color: #91CEF7; font-size: 15px; position: relative; right: -1px; text-decoration: none; display: block; border-right: 1px solid #91CEF7; background: url(../images/features_tour_ul_bk.png) no-repeat left bottom; outline: none; } div#features_tour ul li a span { padding: 7px 0; display: block; position: relative; top: -1px; } div#features_tour ul li a.active { color: #FFF; border-right: 1px solid #0F75BC; background: url(../images/features_tour_ul_hover_bk.png) no-repeat left bottom; } div#features_tour ul li a:hover { color: #FFF; } div#features_tour ul li a.active span { background: url(../images/features_tour_ul_hover_bk.png) no-repeat left top; } div#features_info { float: right; width: 749px; } div#features_image { float: left; width: 366px; } div#features_image img { border: 1px solid #666; } div#features_disc { float: right; width: 367px; color: #FFF; } div#features_disc h3 { margin: 0; color: #FF9; font-size: 15px; font-weight: bold; } div#features_disc p.next { color: #91CDF7; font-size: 15px; } div#features_disc p.next a { padding: 2px 30px 0 1px; color: #FFF; background: url(../images/next.png) no-repeat right center;} div#features_disc p.next a:hover { text-decoration: none; } div#features_disc p.next a strong { color: #FFF; font-weight: bold; text-decoration: none; } div#features_sign_up { float: left; width: 100%; border: 1px solid #91CEF7; border-left: none; border-right: none; padding: 10px 0; margin-bottom: 30px; color: #FFF; text-align: center; font-size: 120%; } div#features_sign_up a { margin-left: 10px; } div#features_sign_up img { vertical-align: middle; } div#features_tour2 { padding-bottom: 20px; float: left; width: 176px; border-right: 1px solid #91CEF7; } div#features_tour2 h2 { margin: 0 0 7px 0; } div#features_tour2 ul { margin: 0; padding: 0; list-style: none; background: url(../images/features_tour_ul_bk.png) no-repeat 0 0; } div#features_tour2 ul li { margin: 0; list-style: none; } div#features_tour2 ul li a { color: #91CEF7; font-size: 15px; position: relative; right: -1px; text-decoration: none; display: block; border-right: 1px solid #91CEF7; background: url(../images/features_tour_ul_bk.png) no-repeat left bottom; outline: none; } div#features_tour2 ul li a span { padding: 7px 0; display: block; position: relative; top: -1px; } div#features_tour2 ul li a.active { color: #FFF; border-right: 1px solid #0F75BC; background: url(../images/features_tour_ul_hover_bk.png) no-repeat left bottom; } div#features_tour2 ul li a:hover { color: #FFF; } div#features_tour2 ul li a.active span { background: url(../images/features_tour_ul_hover_bk.png) no-repeat left top; } div#features_info2 { float: right; width: 749px; } div#features_image2 { float: left; width: 366px; } div#features_image2 img { border: 1px solid #666; } div#features_disc2 { float: right; width: 367px; color: #FFF; } div#features_disc2 h3 { margin: 0; color: #FF9; font-size: 15px; font-weight: bold; } div#features_disc2 p.next { color: #91CDF7; font-size: 15px; } div#features_disc2 p.next a { padding: 2px 30px 0 1px; color: #FFF; background: url(../images/next.png) no-repeat right center;} div#features_disc2 p.next a:hover { text-decoration: none; } div#features_disc2 p.next a strong { color: #FFF; font-weight: bold; text-decoration: none; } div#features_sign_up2 { float: left; width: 100%; border: 1px solid #91CEF7; border-left: none; border-right: none; padding: 10px 0; margin-bottom: 30px; color: #FFF; text-align: center; font-size: 120%; } div#features_sign_up2 a { margin-left: 10px; } div#features_sign_up2 img { vertical-align: middle; } div#footer { background-color: #333; } div#footer div { margin: 0 auto; width: 940px; overflow: auto; color: #A6A6A6; } div#footer div a { color: #A6A6A6; text-decoration: none; } div#footer div a:hover { text-decoration: underline; color: #FFF; } div#footer div p { margin: 20px 0; } div#footer div p#shere { text-align: left; width: 50%; float: left; } div#footer div p#shere a { padding: 3px 0; margin-right: 20px; padding-left: 25px; } div#footer div p#shere a.twitter { background: url(../images/twitter_bk.png) no-repeat left center; } div#footer div p#shere a.feed { background: url(../images/feed_bk.png) no-repeat left center; } div#footer div p#geekery { text-align: right; width: 50%; float: right; } div#footer div p#geekery a { margin-left: 20px; } /* Form styles */ form, fieldset { font-size: 100%; } div.form-container { padding: 20px; background: url(../images/form_bk.png) no-repeat left top; } div.form-container h2 { margin: 0 0 20px 0; color: #333; } p.legend { margin-bottom: 1em; } p.legend em { color: #C00; font-style: normal; } div.errors { margin: 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; } div.errors p { margin: 0; } div.errors p em { color: #C00; font-style: normal; font-weight: bold; } div.form-container form p { margin: 0; } div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #999; } div.form-container form p.footer_note { margin-top: 10px; } div.form-container form fieldset { margin: 20px 0 0 0; } div.form-container form legend { margin: 0; padding-bottom: 5px; font-weight: bold; font-size: 15px; display: block; width: 100%; border-bottom: 1px solid #C7DDEF; } div.form-container form fieldset div { padding: 0.7em 0; float: left; width: 100%; } div.form-container label, div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; top: 5px; font-size: 15px; } div.form-container label.error, div.form-container span.error { color: #C00; } div.form-container label em, div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } div.form-container input.medium { padding: 6px 3px 5px 3px; border: none; background: url(../images/medium_bk.png) no-repeat left top; width: 234px; } div.form-container input.shorter { padding: 6px 3px 5px 3px; border: none; background: url(../images/shorter_bk.png) no-repeat left top; width: 94px; } div.form-container input.error { color: #C00; } div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus { } div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; } div.form-container div.controlset div { margin-left: 170px; } div.form-container div.buttonrow { margin-top: 20px; } div.first_name, div.card_number { margin-top: 10px; } select#year { width: 100px; margin-right: 10px; } select#day { width: 60px; } div.error { } /* LG: Layout 37 */ div#container{ width: 940px; margin: 0 auto; } div#content{ padding-right: 20px; float: left; width: 700px; } body.layout37 div#content { padding: 0; float: left; width: 560px; } div#navigation{ float: right; width: 220px; } body.layout37 div#navigation{ float: right; width: 380px; } div#extra{ clear: both; width: 100%; } /* LG: Layout 37-b */ body.sign_up div#content { padding: 0; float: left; width: 560px; } body.sign_up div#navigation { float: right; width: 360px; } /* LG: Layout 39 */ body.layout39 div#container{width:940px;margin:0 auto} body.layout39 div#content { padding: 0; float: none; width:940px; } body.layout39 div#navigation{float:left;width:480px} body.layout39 div#extra{float:right;width:480px} body.layout39 div#footer{clear:both;width:100%}