/* Theme Name: OpenSpace Green Theme URI: Description: Wordpress theme for OpenSpace Coworking in Green. Version: 1.0 Author: Megan Read Author URI: http://www.intalgent.com Tags: green, fixed width, two columns, widgets NOTE: ----- The organization of this file into sections is as follows: Reset Element defaults Utility Template layout skeleton Template region content Reusable classes and components Styles for specific pages... You can navigate to each section by searching for == Sub-sections (components, etc.) are denoted by comment blocks with hyphens forming an underline */ /**************************************************************************************************** == Reset *****************************************************************************************************/ /* force vertical scrollbars */ html{height:100%;margin-bottom:1px;} img{outline:0;border:0;} *:focus{outline:0;} ul{list-style:none;} hr{clear:both;color:#fff;background:transparent;margin:0;border:0;} /**************************************************************************************************** == Element Defaults *****************************************************************************************************/ body{height:100%;text-align:center;background:url(images/bg/page.png);color:#666;font-family:Georgia,"Times New Roman",Times,serif;line-height:15px;font-size:11px;text-align:left;margin:0;padding:0;} /* Links ----------------------------------------------------------------------------------------------------*/ a{text-decoration:none;cursor:pointer;color:#a0c800;} a:hover{color:#85a600;} a:active,a:focus{outline:0;color:#85a600;} /* Headings ----------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:Arial,Helvetica,sans-serif;color:#333;} h4{font-size:16px;color:#666;margin:20px 0 10px 0;} h3{font-size:18px;margin-bottom:5px;} h5{font-size:13px;color:#666;margin:10px 0 5px 0;} /* Text elements ----------------------------------------------------------------------------------------------------*/ textarea,pre,tt,kbd,var,code{font-family:Georgia,"Times New Roman",Times,serif;} blockquote{margin:0 0 1em 1em;padding-left:1em;border-left:2px solid #EEEFF3;} strong{font-weight:bold;} em{font-style:italic;} /* Form elements ----------------------------------------------------------------------------------------------------*/ input.text{margin:0 0 0 4px;border:solid 1px #ccc;font-size:11px;font-family:Georgia,"Times New Roman",Times,serif;color:#999;} /**************************************************************************************************** == Utility *****************************************************************************************************/ /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ ; & j.mp/visuallyhidden ; */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;} .clearfix:after { clear: both; } .clearfix { zoom: 1; } br.clear{clear:both;} .alignleft{border:solid 5px #ccc;float:left;margin:0 15px 10px 0;clear:left;} .alignright{border:solid 5px #ccc;float:right;margin:0 0 0 15px;} .print {display:none;} /**************************************************************************************************** == Template Layout Skeleton (dimensions, position, background, border, etc.) *****************************************************************************************************/ #wrapper{margin:0px auto;text-align:left;width:850px;background:url(images/bg/wrapper.png);} #header{position:relative;height:90px;width:846px;margin:0 2px;background:url(images/bg/header.png);overflow:hidden;} #feature,#feature-home{overflow:hidden;position:relative;width:846px;height:61px;margin:0 2px;background:url(images/bg/feature-gallery-short.jpg);border-bottom:solid 7px #a7d12b;} #main{margin:0 2px;background: #fff url(images/bg/content-area.png) repeat-x;padding:15px 5px 0 30px;} #content{width:565px;float:left;background:url(images/bg/content-repeat-y.png) repeat-y;overflow:hidden;margin-top:10px;font-size:13px;line-height:17px;position:relative;} #content>.x1, #content>.x2{position:absolute;display:block;width:565px;height:300px;} #content>.x1{top:0;background-position:left top;background:url(images/bg/content.png) no-repeat left top;} #content>.x2{bottom:0;background:url(images/bg/content-bottom.png) no-repeat left bottom;} #content-inner{position:relative;min-height:600px;} #sidebar{width:225px;float:right;margin:0;color:#747474;z-index:1;} #footer{background:#202020;clear:both;overflow:hidden;} /**************************************************************************************************** == Template Region Content *****************************************************************************************************/ /* Header ----------------------------------------------------------------------------------------------------*/ #header h1{position:absolute;top:0px;left:20px;width:190px;height:90px;padding:0;margin:0;background:url(images/logo.png) no-repeat 10px 20px;overflow:hidden;} #header h1 a{width:190px;display:block;padding:95px 0 0 0;} .login-link{position:relative;width:846px;background:#c5c5c5;line-height:30px;margin:0 0 0 2px;} div#upper_menu{color:#666;font-size:1.27em;font-family:Arial,Helvetica,sans-serif;float:right;width:auto;margin-right:30px;} div#upper_menu a{color:#efefef;} div#upper_menu a:hover{color:#fff;} #phone{position:absolute;right:30px;top:23px;font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:20px;color:#9F9F9F;margin:0;} #phone img{position:relative;top:3px;} /* Global navigation ----------------------------------------------------------------------------------------------------*/ ul#navigation{position:absolute;top:67px;right:30px;height:23px;padding:0;margin:0;list-style:none;} ul#navigation li{list-style:none;margin:0;padding:0;display:inline;height:23px;overflow:hidden;float:left;} ul#navigation li a{display:block;padding:23px 0 0 0;overflow:hidden;background-position:0px 0px;} ul#navigation li.pricing a {width:66px; background-image:url(images/nav/pricing.png);} ul#navigation li.about a {width:76px; background-image:url(images/nav/about.png);} ul#navigation li.blog a {width:53px; background-image:url(images/nav/blog.png);} ul#navigation li.spaces a {width:65px; background-image:url(images/nav/spaces.png);} ul#navigation li.home a {width:57px; background-image:url(images/nav/home.png);} ul#navigation li a:hover{background-position:0px -46px;} /* Current */ #pricing-page ul#navigation li.pricing a, #about-page ul#navigation li.about a, #contact-page ul#navigation li.about a, #spaces-page ul#navigation li.spaces a, #blog-page ul#navigation li.blog a, #blog-post-page ul#navigation li.blog a, #home-page ul#navigation li.home a{background-position:0px -46px;} /* Hover */ ul#navigation li.pricing a:hover, ul#navigation li.about a:hover, ul#navigation li.spaces a:hover, ul#navigation li.home a:hover{background-position:0px -23px;} ul#navigation li.blog a:hover{background-position:0px -46px;} /* Current Hover */ #pricing-page ul#navigation li.pricing a:hover, #about-page ul#navigation li.about a:hover, #contact-page ul#navigation li.contact a:hover, #spaces-page ul#navigation li.spaces a:hover, #blog-page ul#navigation li.blog a:hover, #home-page ul#navigation li.home a:hover{background-position:0px -46px;} /* Fix Blog Tab */ #pricing-page ul#navigation li.blog a, #about-page ul#navigation li.blog a, #contact-page ul#navigation li.blog a, #spaces-page ul#navigation li.blog a, #home-page ul#navigation li.blog a, .Request ul#navigation li.blog a{background-position:0px 0px;} #pricing-page ul#navigation li.blog a:hover, #about-page ul#navigation li.blog a:hover, #contact-page ul#navigation li.blog a:hover, #spaces-page ul#navigation li.blog a:hover, #home-page ul#navigation li.blog a:hover, .Request ul#navigation li.blog a:hover{background-position:0px -23px;} /* Search ----------------------------------------------------------------------------------------------------*/ #search{background:url(images/bg/green.png);overflow:hidden;margin:0 2px;padding:5px 15px 5px 30px;} #search form{width:250px;height:23px;padding:0px !important;margin:0px;overflow:hidden;background:url(images/bg/search.png) no-repeat;} #search input#s{border:none;width:170px !important;background:transparent;color:#89B72E;font-size:11px;font-family:Arial,Helvetica,sans-serif;padding:5px 10px;margin:0;float:left;} #search input#s.focus, #search input#s.changed{color:#666;} body #wrapper #search #searchform input#submit{border:none;background:transparent;color:transparent;float:left;width:20px;height:20px;padding:20px 0 0 0;margin:0;cursor:pointer;overflow:hidden;} .no-results{min-height:300px;} /* Feature ----------------------------------------------------------------------------------------------------*/ #feature h2, #feature h3, #feature p { visibility:hidden;} /* Content ----------------------------------------------------------------------------------------------------*/ #content ul{margin:0;padding:0px 35px 40px 35px;} #content .post{overflow:hidden;margin-top:30px;} #content .date{float:left;width:45px;height:30px;padding-top:10px;padding-bottom:6px;background:#333;color:#fff;font-size:20px;text-align:center;margin:0 0 10px 0;font-family:Arial,Helvetica,sans-serif;line-height:13px;-moz-border-radius:5px;border-radius:5px;} #content .date span{font-size:11px;display:block;margin-top:2px;} #content .title, #content .category{margin-left:55px;margin-bottom:0px;} #content .page .title{margin:0;} #content h2{margin:3px 0 0 0;font-size:26px;line-height:normal;} #content h2 a{text-decoration:none;color:#666;} #content h2 a:hover{color:#999;} #content .category{margin-top:0;} #content .category, #content .category a{color:#A4A4A4;} #content .category a:hover{color:#666;} #content .entry-data{background:url(images/bg/entry-data.png) no-repeat;padding:15px 20px;color:#A4A4A4;} #content .entry-data p.comments{margin:0;float:right;} #content .entry-data p.tags{margin:0;float:left;} #content .entry-data a{color:#a0c800} #content .entry-data a:hover{color:#85a600} #content a.more-link{text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:9px;text-transform:uppercase;} #content a.more-link:hover{text-decoration:underline;} #content .entry{clear:both;} #content ul ul{margin:0 0 20px 0;padding:0px 25px 0px 25px;background:none;} #content ul ul li{margin:0 0 5px 0;padding:0 0 0 8px;background:url(images/icon/bullet-content.png) no-repeat 0px 4px;} /* Sidebar ----------------------------------------------------------------------------------------------------*/ #sidebar #map {border:solid 5px #ccc; border-bottom:2px; margin-top:10px;width: 190px; height: 150px; overflow:hidden; } #sidebar #map0 {width: 190px; height: 190px;} #sidebar a.map {display:block; padding:5px 6px 5px 6px; background:#ccc; color:#fff; font-weight:bold;} #sidebar p {margin: 5px 0 0 0;} /* Comments ----------------------------------------------------------------------------------------------------*/ #comments{overflow:hidden;} #comments h3{margin:0;padding:25px 30px 20px 30px;} #commentform{padding:0 30px 30px 30px;} .comments-list .avatar{margin-bottom:4px;} .comments-list li{padding:18px;line-height:1.2;} .comments-list li.graybox{background:#f5f5f5;} .comments-list cite{font-weight:bold;font-style:normal;} .comments-list small{font-size:.83em;} .comments-list .comment{margin-top:8px;} #commentform textarea{width:480px;border:solid 1px #ccc;font-size:11px;padding:10px;color:#666;} /* Shoutouts nav ----------------------------------------------------------------------------------------------------*/ #shoutout{font-size:13px;font-family:Arial,Helvetica,sans-serif;color:#999;margin:0;height:50px;overflow:hidden;} #shoutout p.social{float:left;} #shoutout p.vendors{float:right;} #shoutout span{display:block;width:auto;float:left;padding:4px 0 0 0;} /* Footer ----------------------------------------------------------------------------------------------------*/ #footer p{background:#a3a3a3;margin:0 auto;padding:3px 10px;width:826px;font-size:11px;font-family:Arial,Helvetica,sans-serif;color:#666;} #footer a{color:#fff;} #footer span.contact{float:right;} #footer strong{font-weight:normal;color:#fff;} /* Questions form ----------------------------------------------------------------------------------------------------*/ #questions-form{padding:0 15px;width:500px; margin-bottom: 15px;} #questions-form form p { margin: 0;} .ie7 #questions-form {padding-top: 15px;} .questions-form-container{display:none;} #questions-form h2{font-size:1.82em;color:#666;margin-bottom:1.2em;} .questions-form{position:relative;background:url("images/bg/entry-data.png") no-repeat bottom;padding:0 0 30px 0;margin:0;width:600px;background:#fff;-moz-border-radius:15px;border-radius:15px;-moz-box-shadow:0px 5px 5px #b7b7b7;-webkit-box-shadow:0px 5px 5px #b7b7b7;box-shadow:0px 5px 5px #b7b7b7;border:solid #e6e6e6 1px;} .questions-form p.close{margin:0;position:absolute;right:20px;top:20px;width:12px;height:12px;overflow:hidden;background:url(images/interim/close.png);} .questions-form p.close a.TB_closeWindowButton{display:block;width:12px;padding:12px 0 0 0;background:url(images/interim/close.png);} #questions-form form label{width:160px;clear:both;display:block;float:left;margin:0 0 10px 0;clear:left;} #questions-form .radio-contact span.wpcf7-list-item, #questions-form .radio-contact span.wpcf7-list-item:first-child input {margin-left:0; margin-right: 5px;} #questions-form input.text, #questions-form textarea.text, #questions-form select{margin:0 0 12px 0;border:solid 1px #ccc;font-size:11px;font-family:Georgia,"Times New Roman",Times,serif;color:#666;} #questions-form input.text{width:328px;} #questions-form select{width:336px;} #questions-form .text {padding: 1px 4px;} #questions-form input.phone{width:85px;} .ie7 #questions-form input.text {width:328px;} .ie7 #questions-form select{width:337px;} #questions-form textarea.text{width:490px;} .ie7 #questions-form textarea.text {width: 486px;} #questions-form input.button{width:73px;height:0;padding-top:27px;text-indent:-3000px;overflow:hidden;background:url('images/buttons/send-btn.png') left top no-repeat;float:left;} #questions-form .ajax-loader{float:left;margin-left:10px;position:relative;top:5px;} #questions-form .wpcf7-response-output{float:left;width:auto;margin:0;} #questions-form #cboxLoadedContent{margin-bottom:0;} .ie7 #questions-form input.button{height:27px;font-size:1px;color:#B6E53E;} #subscribe-email-radio{margin-bottom:18px;} #questions-btn{position:fixed;display:block;width:40px;height:0;padding-top:110px;background:transparent url('images/buttons/questions-btn.png') left top no-repeat;top:45%;left:0;text-indent:-3000px;font-size:1px;} #questions-btn:hover{background-position:0 -110px;} #questions-form .wpcf7-mail-sent-ok, #questions-form .wpcf7-validation-errors{background:transparent;border:0;padding:9px 0 0 0;} #questions-form .wpcf7-validation-errors{color:#BF0101;} #questions-form .wpcf7-mail-sent-ok{color:#538F11;} #questions-form .wpcf7-not-valid-tip{width:auto;background:url('images/red-validation-tooltip.png') no-repeat;color:#fff;font-size:1em;padding:3px 7px 3px 20px;left:40%;border:0;} #questions-form .req-asterix{color:#BF0101;margin-right:3px;} /**************************************************************************************************** == Reusable classes and components *****************************************************************************************************/ /* Miscellaneous text styles ----------------------------------------------------------------------------------------------------*/ p.footnote {color:#999 !Important; font-size:11px;} .bold{font-weight:bold;} .normal{font-weight:normal;} .italic{font-style:italic} .underline{text-decoration:underline;} /* Component: Buttons ----------------------------------------------------------------------------------------------------*/ input.button{background:#a0c800;border:none;color:#fff;cursor:pointer;font-size:10px;font-family:Arial,Helvetica,sans-serif;} input.button:hover{background:#85a600;} /* Component: Sidebar Boxes ----------------------------------------------------------------------------------------------------*/ .box{margin:0 25px 10px 0;background:url(images/bg/sidebar-h3.png) no-repeat;} .box-title{cursor:pointer;position:relative;} .box-title h3{color:#fff;font-size:11px;padding:7px 15px 8px 15px;width:140px;margin:20px 0 0 0;} .box-title span{position:absolute;top:10px;left:180px;display:block;width:12px;height:7px;} .box-title span.down{background:url(images/icon/box-arrow.png) no-repeat;display:none;} .box-title span.up{background:url(images/icon/box-arrow-up.png) no-repeat;display:block;} .box .box-body ul{margin:0;padding:0;} .box .box-body ul li{padding:0 0 0 20px;background:url(images/icon/bullet.png) no-repeat 11px 4px;margin:5px 0 0 0;} .box .box-body ul li a{color:#808080;} .box .box-body ul li a:hover{color:#333;} /* Component: Videos ----------------------------------------------------------------------------------------------------*/ div.video {background:#ccc; padding:5px; width:auto; text-align:center;} /* Component: Quotes ----------------------------------------------------------------------------------------------------*/ .quote{font-size:16px;font-style:italic;margin:20px 40px;text-align:center;} .quote em{display:block;font-size:12px;color:#999;font-style:normal;padding:10px 0 0 0;} /* Component: Quotes ----------------------------------------------------------------------------------------------------*/ .pagination{font-family:Verdana,Tahoma,sans-serif;font-size:11px;} .pagination a, .pagination .current{padding:1px 4px;} .pagination a.page{border:1px solid #A3D247;background:#A3D247;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:2px;} .pagination a.page:hover{border-color:#728B41;background:#89B72E;} .pagination a.next, .pagination a.previous{background:transparent;border:0;} /* Component: Colorbox modal/lightbox windows ----------------------------------------------------------------------------------------------------*/ /* ColorBox core styles */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Colorbox user styles */ #cboxOverlay{background:#fff;} #cboxTopLeft{width:25px; height:25px; background:url(images/modal-box-white/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(images/modal-box-white/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(images/modal-box-white/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(images/modal-box-white/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(images/modal-box-white/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(images/modal-box-white/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(images/modal-box-white/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(images/modal-box-white/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff;} #cboxLoadedContent{border:1px solid #DFDFDF;margin-bottom:20px;} #cboxLoadedContent.no-lb-nav {margin-bottom:0;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{background:#fff url(images/modal-box-white/loading.gif) no-repeat 5px 5px;} #cboxClose{position:absolute;top:0;right:0;display:block;color:#444;width:18px;text-indent:-100px;overflow:hidden;padding-top:18px;height:0;background:#fff url(images/modal-box-white/close.png) right top no-repeat;border-left:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/green/images/modal-box-white/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/green/images/modal-box-white/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/green/images/modal-box-white/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/green/images/modal-box-white/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/green/images/modal-box-white/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/green/images/modal-box-white/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/green/images/modal-box-white/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/green/images/modal-box-white/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /**************************************************************************************************** == Homepage *****************************************************************************************************/ /* Homepage feature ----------------------------------------------------------------------------------------------------*/ #feature-home{height:241px;background:url(images/interim/feature.jpg);} #feature-home h2{font-size:46px;color:#91bb17;margin:50px 0 0 62px;font-weight:normal;position:relative;} #feature-home h2 span{font-size:16px;position:relative;top:-12px;right:0px;} #feature-home h3 { font-size: 18px; font-family: Georgia,"Times New Roman",Times,serif; color: #333; font-weight: normal; margin: 8px 0 0 62px; width: 380px; line-height: 20px; } #feature-home p{position:absolute;top:100px;right:83px;} #feature-home #view-rates { position: absolute; top: 38px; right: 20px; width: 210px; height: 96px; overflow: hidden; } #feature-home #view-rates a { display: block; width: 201px; padding: 75px 0 0 0; height: 1px; text-align: left; overflow: hidden; text-indent: -10000px; background: url(images/buttons/homepage-tryitfree-btn.png) 0px 0px; } #feature-home #view-rates a:hover { background: url(images/buttons/homepage-tryitfree-btn.png) 0px -76px; } #feature-home #view-video{position:absolute;top:170px;left:0px;width:183px;height:41px;overflow:hidden;margin:15px 0 0 30px;} #feature-home #view-video a{display:block;width:183px;padding:41px 0 0 0;background:url(images/interim/play.png) 0px 0px;} #feature-home #view-video a:hover{background:url(images/interim/play.png) 0px -41px;} /* Homepage content ----------------------------------------------------------------------------------------------------*/ #home-page #content ul ul{margin:0;padding:0px 0px 0px 0px;line-height:14px;} #home-page #content .post{margin-top:15px;} #home-page #content .intro{font-size:17px;line-height:22px;} #home-page #content .steps{margin:20px 0;} #home-page .steps br{display:none;} #home-page #content .steps div{background:#ececec;-moz-border-radius:15px;border-radius:15px;float:left;width:158px;margin-right:10px;margin-bottom:20px;padding-top:15px;} #home-page #content .steps div:hover{background:#dadada;} #home-page #content .steps div.middle{} #home-page #content .steps div.last{margin:0;} #home-page #content .steps span{display:block;float:left;font-size:82px;line-height:82px;font-weight:bold;padding:0;font-family:Arial,Helvetica,sans-serif;color:#a7d12b;margin:-10px 0 0 10px;} #home-page #content .steps h3, #home-page #content .steps p{clear:none;float:right;width:90px;margin:0px;padding-right:8px;} #home-page #content .steps h3{color:#000;font-size:20px;} #home-page #content .steps p{font-size:11px;line-height:14px;margin:5px 0 15px;} #home-page #content h3{clear:both;} #home-page #content p.signup{clear:both;} /* Homepage quote ----------------------------------------------------------------------------------------------------*/ #home-page .quote{font-style:italic;margin:0;padding-top:20px;text-align:left;line-height:20px;} /* Homepage blog feature ----------------------------------------------------------------------------------------------------*/ .blog-feature { background:url(images/bg/entry-data.png) no-repeat; padding:30px 0 10px 0; margin:20px 0 0 0;} /**************************************************************************************************** == About page (/about) *****************************************************************************************************/ #about-page h3 {margin-bottom:0px;} /**************************************************************************************************** == Spaces page (/spaces) *****************************************************************************************************/ /* Spaces page space profile (opened in lightbox) ----------------------------------------------------------------------------------------------------*/ #spaces-container{display:none;} .spot h3.space{margin:0 0 1.25em;} .spot h5{margin-top:0;} .spot h5, .spot ul.features{padding-right:2px;} .spot p{margin:0 0 1.63em;} .spot img.space{float:left;margin:-7px 8px 0 0;} .spot img.size-full{margin-bottom:15px;border:3px solid #ccc;} .space-note{color:#999;text-align:center;font-style:italic;} .spot .features-special p, .spot .features-common p{margin:0px;} .spot .features-special{width:49.999%;float:left;} .spot .features-common{width:49.999%;float:left;} .spot ul.features{margin:0;padding:0;background:none;} .spot ul.features li{margin:0;padding:0 0 0 8px;background:url(images/icon/bullet-content.png) no-repeat 0px 4px;} .spot{position:relative;width:506px;float:left;padding:20px 20px 0;} .spot p.close{margin:0;position:absolute;right:20px;top:20px;width:12px;height:12px;overflow:hidden;background:url(images/interim/close.png);} .spot p.close a.TB_closeWindowButton{display:block;width:12px;padding:12px 0 0 0;background:url(images/interim/close.png);} /**************************************************************************************************** == Rates + Compare Plans pages (shared styles) *****************************************************************************************************/ #pricing-page #content {width:795px;background:url(images/bg/app-content.png);overflow:hidden;position:relative;} #pricing-page #content .x1, #pricing-page #content .x2{display:none;} #pricing-page #content ul {margin:0;padding:0px 35px 40px 35px;background:url(images/bg/app-content-bottom.png) no-repeat bottom left;overflow:hidden;min-height:450px;} #pricing-page #content ul ul {margin:0;padding:0px 35px 40px 35px;background:none;overflow:hidden;min-height:1px;} /**************************************************************************************************** == Individual plans page (/rates/individual) *****************************************************************************************************/ #pricing-page #occasional{float:left;} #pricing-page #monthly{float:right;} #pricing-page #occasional, #pricing-page #monthly{position:relative;width:353px;overflow:hidden;margin:20px 0 0 0;background:url(images/rates/plan-top.png) no-repeat top center;font-size:11px;padding:0px !important;} #pricing-page #occasional h2, #pricing-page #monthly h2{width:180px;font-size:24px;color:#666;margin:25px 0 20px 30px;} #pricing-page p.compare{position:absolute;top:20px;right:30px;margin:0px;width:99px;height:21px;overflow:hidden;} #pricing-page p.compare a{display:block;width:99px;padding:21px 0 0 0;background:url(images/rates/compare.gif);} #pricing-page p.desc{margin:0 30px 20px 30px;font-size:13px;} #pricing-page div.join{background:url(images/rates/join-top.png);overflow:hidden;padding:0px !important;} #pricing-page div.join h3{font-size:14px;font-family:Arial,Helvetica,sans-serif;color:#797979;padding:0;margin:22px 0 0 30px;float:left;width:115px;} #pricing-page div.join h3 strong{color:#a4c258;} #pricing-page div.join h3 span{font-size:10px;color:#aaa;font-style:italic;} #pricing-page div.join table{float:right;width:190px;margin:13px 18px 0 0;background:none;padding:0;} #pricing-page div.join .bottom{clear:both;height:15px;margin:0px 0px 0px 0px ;background:url(images/rates/join-bottom.png) bottom;} #pricing-page div.join table td:first-child, #pricing-page div.cowork table td:first-child{padding-left:7px;background:url(images/rates/bullet.gif) no-repeat 0px 4px;width:115px;border-bottom:none;} #pricing-page div.cowork{min-height:35px;} #pricing-page div.join table td, #pricing-page div.cowork table td{line-height:13px;padding:0px;border-bottom:none;white-space:nowrap;} #pricing-page div.join table td{color:#999;} #pricing-page div.cowork table{float:right;width:190px;margin:15px 18px 15px 0;background:none;padding:0;} #pricing-page div.cowork{clear:both;} #pricing-page div.cowork h3{font-size:14px;font-family:Arial,Helvetica,sans-serif;color:#797979;padding:0;margin:15px 0 15px 30px;float:left;width:115px;} #pricing-page div.cowork h3 strong, #pricing-page div.included h3 strong{color:#a4c258;} #pricing-page div.cowork h3 em{font-size:10px;color:#aaa;} #pricing-page div.included{border-top:2px solid #fff;clear:both;overflow:hidden;} .ie7 #pricing-page div.included{height:180px;} #pricing-page div.included h3{font-size:14px;font-family:Arial,Helvetica,sans-serif;color:#797979;padding:0;margin:18px 0 15px 30px;float:left;width:115px;} #pricing-page div.included ul{display:block;float:right;width:190px;padding:15px 18px 15px 0 !important;} #pricing-page div.included ul li{display:block !important;background:url(images/rates/check.jpg) no-repeat 0px 1px !important;padding-left:10px !important;line-height:13px;} #pricing-page div.details{position:relative;clear:both;overflow:hidden;background:url(images/rates/plan-bottom.jpg) bottom no-repeat;margin:0px !important;min-height:100px;} #pricing-page div.details h3{font-size:14px;font-family:Arial,Helvetica,sans-serif;color:#baf300;padding:0;margin:15px 0 5px 30px;float:none;width:120px;} #pricing-page div.details ul{display:list-item !important;width:210px;padding:0 !important;overflow:hidden;margin:0px 0 15px 30px !important;} #pricing-page div.details ul li{display:list-item !important;padding:0 0 0 7px !important;line-height:13px;width:210px;margin:0px !important;color:#fff !important;background:url(images/rates/bullet-details.gif) no-repeat 0px 4px !important;} #pricing-page a.join, #pricing-page a.compare{position:absolute;top:28px;right:35px;display:block;height:0px;padding:35px 0 0 0;overflow:hidden;} #pricing-page a.join{width:77px;background:url(images/rates/join.png);} #pricing-page a.compare{width:141px;background:url(images/rates/compare-button.png);} #pricing-page #free-day-pass{background:url('images/bg/pricing-day-pass-bg.png') no-repeat;overflow:hidden;padding:6px 0;height:60px;} #pricing-page #free-day-pass img, #pricing-page #free-day-pass p{float:left;} #pricing-page #free-day-pass img{margin-left:75px;} #pricing-page #free-day-pass p{margin:7px 0 0 10px;width:auto;white-space:nowrap;} #pricing-page #free-day-pass em{font-style:normal;} /**************************************************************************************************** == Benjamin's Program page (/benjamins-terms) *****************************************************************************************************/ #benjamins-page .entry h3,.Request .entry h3{font-size:18px;} #benjamins-page .entry h4,.Request .entry h4{color:#a0c800;} /**************************************************************************************************** == Free day pass page (/try-it-free) *****************************************************************************************************/ .try-it-free-page .alignright{border:none;margin:0;} /**************************************************************************************************** == Search results page (/?s=[...]) *****************************************************************************************************/ #search-results-header{padding:40px 40px 20px;margin-bottom:40px;border-bottom:1px solid #dfdfdf;} #search-page-form{margin-bottom:1.5em;} #search-page-form input.s{width:200px;} #search-results-summary{display:inline;} #search-page .pagination{float:right;} #search-page .post{margin:0;} .search-results .excerpt{margin-bottom:1.5em;} #search-page .search-results .title{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:1.2em;margin-bottom:.5em;} .search-results .title a, .search-results .title a:visited{color:#93B30E;} .search-results { list-style: none; margin: 0; padding: 0 40px; } #search-page .search-results li{border-bottom:1px dotted #ccc;margin-bottom:1.5em;} #search-page .search-results li.last{border-bottom:0;} #search-results-footer{border-top:1px solid #DFDFDF;padding:20px 40px 40px;} #search-not-found{padding:0 40px;} /**************************************************************************************************** == 404 page *****************************************************************************************************/ #http404-page h2{color:#666;} #http404-message{padding:40px;} #http404-message #search-page-form h3{margin-bottom:.5em;color:#333;}