/* Original code from Chair Free Chicago VERSION 1.0 Concept:proximitychicago.com Design:mikemcquade.com Development:thisisstatic.com Adapted by:textaural.com */ /* 2. BODY ===================================================================== =====================================================================*/ html { overflow-y:scroll; overflow:-moz-scrollbars-vertical; } body { font-size:62.5%; color:#353434; background-color:rgb(255,78,48) } #wrapper { width:940px; margin:0 auto; padding:35px 0; position:relative; text-align:left; } /* 3. TYPOGRAPHY ===================================================================== =====================================================================*/ /* FONT FAMILIES /*------------------*/ body, p.tagline, div#header h1 { font-family:'Droid Sans', 'helvetica neue', helvetica, arial, sans-serif; } /* TYPE STYLES /*------------------*/ p { font-size:1.2em; line-height:1.5em; margin-bottom:10px; } p.intro { font-weight:normal; } h1 { font-size:4.3em; text-transform:uppercase; color:#fff; margin-bottom:7px; font-weight:500; text-shadow:0px -1px 0px #1b4b55; } h2 { font-size:18px; color: rgb(158,0,0); font-weight:bold; margin:0 0 10px 0; } h3 { } a { text-decoration:underline; color:#605e60; } a:link { } a:visited { } a:hover { color:#353434; cursor:pointer; } ul { list-style:none; font-size:1.2em; line-height:2em; } ul li { } .description { line-height:18px; margin:0 60px 15px 40px; background:#fff; font-size: 12px; } strong { font-size:22px; line-height:28px; } ol.tt { line-height: 16px; font-family:'Droid Sans Mono', 'Andale Mono', Courier; list-style-type:decimal.leading.zero; } ol.tt li { margin-bottom: 15px;} /* 5. HEADER + NAV ===================================================================== =====================================================================*/ /* Nav Containers /*------------------*/ ul.nav { width:160px; list-style:none; margin:0 0 0 20px; padding:17px 0 0 0; float:left; border-top:1px solid #fff; } ul.nav li { margin-bottom:13px; } ul.nav li a { width:160px; height:160px; display:block; text-indent:-9999px; background:url(images/spritemap_mainnav.png) no-repeat top left; } ul.nav li a.home { background-position:0px 0px; } ul.nav li a.chatter { background-position:0px -175px; } ul.nav li a.gallery { background-position:0px -347px; } ul.nav li a.signs { background-position:-180px 0px; } ul.nav li a.about { background-position:-180px -175px; } ul.nav li a.speakup { background-position:-180px -347px; } ul.nav li a.home:hover { background-position:-340px 0px; } ul.nav li a.chatter:hover { background-position:-340px -175px; } ul.nav li a.gallery:hover { background-position:-340px -347px; } ul.nav li a.signs:hover { background-position:-520px 0px; } ul.nav li a.about:hover { background-position:-520px -175px; } ul.nav li a.speakup:hover { background-position:-520px -347px; } /* 7. CONTENT ===================================================================== =====================================================================*/ div#content { width:580px; margin:0 0 10px 0; padding:17px 0 0 0; float:left; border-top:1px solid #fff; } div#content2 { min-height:400px; padding:17px 0 0 0; background-color:#fff; } div.content_255 { width:265px; float:left; margin-right:10px; } /* Home /*------------------*/ div#home { height:490px; background:url(images/header_home.png) no-repeat left top #fff; } div#home p { margin:329px 0 0 25px; width:255px; float:left; } /* Presentation /*------------------*/ div#presentation { padding:266px 25px 15px 25px; min-height:200px; background:url(images/header_presentation.png) no-repeat left top #fff; } /* Reading /*------------------*/ div#reading { padding:266px 25px 15px 25px; min-height:200px; background:url(images/header_reading.png) no-repeat left top #fff; } /* The Zombie /*------------------*/ div#thezombie { padding:266px 25px 15px 25px; min-height:200px; background:url(images/header_thezombie.png) no-repeat left top #fff; } /* Networks /*------------------*/ div#networks { padding:266px 25px 15px 25px; min-height:200px; background:url(images/header_networks.png) no-repeat left top #fff; } /* Contact /*------------------*/ div#contact { padding:266px 25px 15px 25px; min-height:200px; background:url(images/header_contact.png) no-repeat left top #fff; } /* Icon Mouseovers /*------------------*/ div#tabbed { margin:20px 0 0 0; } ul.tabs { height:44px; width:100%; } ul.tabs li { float:left; height:33px; line-height:30px; padding-top:6px; margin:0 10px 15px 0; background:#fff; overflow:hidden; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; } ul.tabs li a { height:26px; padding:0px 10px 0 30px; margin:1px 0px 5px 10px; text-decoration:none; display:block; color:#353434; } ul.tabs li a.fliers { background:url(images/icon-files.png) no-repeat left top; } ul.tabs li a.files { background:url(images/icon-files.png) no-repeat left top; } ul.tabs li a.presentation { background:url(images/icon-presentation.png) no-repeat left top; } ul.tabs li a.contact { background:url(images/icon-contact.png) no-repeat left top; } ul.tabs li a.book { background:url(images/icon-book.png) no-repeat left top; } ul.tabs li a.web { background:url(images/icon-web.png) no-repeat left top; } ul.tabs li a.audio { background:url(images/icon-audio.png) no-repeat left top; } ul.tabs li a.movie { background:url(images/icon-movie.png) no-repeat left top; } ul.tabs li.active { background:#ededed; } ul.tabs li.active a.files, ul.tabs li.active a.presentation, ul.tabs li.active a.contact, ul.tabs li.active a.book, ul.tabs li.active a.web, ul.tabs li a.files:hover, ul.tabs li a.presentation:hover, ul.tabs li a.audio:hover, ul.tabs li a.movie:hover, ul.tabs li a.contact:hover, ul.tabs li a.book:hover, ul.tabs li a.web:hover { background-position:left -26px; color:#b5b4b4; } ul.list { width:100%; } ul.list li { height:33px; line-height:30px; padding-top:6px; margin:5px 0px 0px 0; background:#fff; overflow:hidden; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; } ul.list li a { height:26px; padding:0px 10px 0 30px; margin:1px 0px 5px 10px; text-decoration:none; display:block; color:#353434; } ul.list li a.files { background:url(images/icon-files.png) no-repeat left top; } ul.list li a.presentation { background:url(images/icon-presentation.png) no-repeat left top; } ul.list li a.contact { background:url(images/icon-contact.png) no-repeat left top; } ul.list li a.book { background:url(images/icon-book.png) no-repeat left top; } ul.list li a.web { background:url(images/icon-web.png) no-repeat left top; } ul.list li a.audio { background:url(images/icon-audio.png) no-repeat left top; } ul.list li a.movie { background:url(images/icon-movie.png) no-repeat left top; } ul.list li.active { background:#ededed; } ul.list li.active a.fliers, ul.list li.active a.contact, ul.list li.active a.book, ul.list li.active a.web, ul.list li.active a.files, ul.list li.active a.presentation, ul.list li a.fliers:hover, ul.list li a.contact:hover, ul.list li a.book:hover, ul.list li a.web:hover, ul.list li a.files:hover, ul.list li a.audio:hover, ul.list li a.movie:hover, ul.list li a.presentation:hover { background-position:left -26px; color:#b5b4b4; } .tabbed_container { clear:both; float:left; background:#fff; margin-bottom:18px; } .tabcontent h2 { padding:16px 0 4px 0; } .tabcontent { } /* 8. FORMS ===================================================================== =====================================================================*/ form#speak_up input, form#speak_up textarea, form#speak_up select { color:#4ab397; padding:5px; margin:4px 0 12px 0; width:215px; font-size:1.2em; line-height:1.4em; background-color:#f4f4f4; border:none; font-family:helvetica, arial, sans-serif; -moz-border-radius:3px; -webkit-border-radius:3px; } form#speak_up input:focus, form#speak_up textarea:focus, form#speak_up select:focus { border:none; background-color:#fff; color:#4b4b4b; } form#speak_up label { font-size:1.2em; display:block; font-weight:bold; } form#speak_up select { width:225px; padding:0; background-color:#fff; } #speak_up .submit { width:113px; border:none; padding:0; margin:5px 3px 0 0; float:right; } #speak_upb .submit:focus { border:none; } #speak_up .form_spacer { width:485px; border-bottom:1px solid #CCC; padding-top:28px; margin-bottom:15px; clear:both; } #speak_up .form_spacer2 { width:485px; border-bottom:1px solid #CCC; padding-top:10px; margin-bottom:15px; clear:both; } /* 8. FANCY BOX ===================================================================== =====================================================================*/ #title { float:left; text-align:left; margin-right:8px; color:#7e7b7b; } #currentText { float:left; color:#7e7b7b; } /* 8. FOOTER ===================================================================== =====================================================================*/ div#footer { height:40px; color:#fff; padding:10px 0 0 0; margin:20px 0 0 0; border-top:1px solid #fff; } div#footer p { } div#footer p a { color:#fff; } div#footer p a:hover { color:#35846f; } div#facebook_like { height:35px; width:370px; float:left; margin-bottom:-20px; padding-top:12px; color:#FFF; } div#facebook_like span.connect_widget_text {color:#fff;} div#facebook_like div.connect_widget_confirmation {color:#fff;} div#facebook_like span.connect_widget_text a {color:#ffc6ff;} /* Share Links /*------------------*/ ul#share_links { float:right; list-style:none; margin:12px 0 10px 0; } ul#share_links li { float:left; margin:0 0 0 6px; padding:0; font-size:12px; } ul#share_links li a { width:23px; height:23px; display:block; text-indent:-9999px; background:url(images/spritemap_social.png) no-repeat top left; } ul#share_links li.email_icon img { margin:0 0 0 109px; } ul#share_links li a.email { background-position:0px 0px; } ul#share_links li a.facebook { background-position:-30px 0px; } ul#share_links li a.twitter { background-position:-60px 0px; } ul#share_links li a.digg { background-position:-90px 0px; } ul#share_links li a.email:hover { background-position:0px -23px; } ul#share_links li a.facebook:hover { background-position:-30px -23px; } ul#share_links li a.twitter:hover { background-position:-60px -23px; } ul#share_links li a.digg:hover { background-position:-90px -23px; } /* 9. GLOBAL STYLES ===================================================================== =====================================================================*/ .margin-top20 { margin-top:20px; } .float_left { float:left; } .float_right { float:right; } .clear { clear:both; } .no_underline { text-decoration:none; } .underline { text-decoration:underline; } .border-bottom { border-bottom:1px solid #e4e4e4; padding-bottom:15px; } /* 10. CHANGELOG ===================================================================== old body color:#7e7b7b; =====================================================================*/