/* THEME NAME: SPAFAX03 THEME URI: http://cehdonline.com/ DESCRIPTION: WEBSITE 2010 VERSION: 3 AUTHOR: CHARLES LIM AUTHOR URI: TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer */ @import url('styles/reset.css'); @import url('styles/960.css'); @import url('styles/miscellaneous.css'); @import url('styles/typography.css'); /* COLOR */ /* corp purple = #250858 light purple = #d8b4ff */ body {background:url('images/bg.jpg') repeat-y center #000000} #wrapper {color:#EEE; background:url('images/wrapper-bg.jpg') no-repeat top center} /*===================================================================================================================================== TYPE GENERAL STYLES =====================================================================================================================================*/ h1.avenir-light {font-size:72px; line-height:1em} h2.avenir-heavy, h2.avenir-light, h3.avenir-heavy, h3.avenir-light {font-size:22px} h4.heavy {font-size:14px} p.subhead {font-size:11px; color:#CCCCCC} #intro p {font-size:16px} p a, p a:visited, td a {color:#d8b4ff} h2 a {text-decoration:none; color:#FFFFFF} h4 a {font-size:12px; text-decoration:none; font-weight:bold; color:#d8b4ff} h4 a:hover, p a:hover {color:#FF0099} .dropshadow {-moz-box-shadow: 2px 0 10px #000; -webkit-box-shadow: 2px 0 10px #000;} .dropshadow.weak {-moz-box-shadow: 2px 0 10px #333; -webkit-box-shadow: 2px 0 10px #333;} /*===================================================================================================================================== HEADER =====================================================================================================================================*/ #header {width:940px; height:130px; position:relative; margin:0 auto} #logo-btn {position:absolute; top:50px} #logo-btn a {width:140px; height:60px; display:block; text-indent:-9999px; background:url('images/logo-btn.png') no-repeat top center} #menu {position:absolute; width:561px; top:86px; right:0} * html #menu {width:571px;} #menu ul.tabs {margin:0; list-style-type:none; display:table; position:relative;} #menu ul.tabs>li {float:left; margin:0 0 0 20px} #menu ul.tabs>li>a {display:block; text-indent:-9999px} #menu ul.tabs li a.btn-home {width:40px; background:url('images/sprite.png') no-repeat -650px 0} #menu ul.tabs li a.btn-home:hover {background:url('images/sprite.png') no-repeat -650px -50px} #menu ul.tabs li a.btn-about {width:60px;background:url('images/sprite.png') no-repeat -650px -100px} #menu ul.tabs li a.btn-about:hover {background:url('images/sprite.png') no-repeat -650px -150px} #menu ul.tabs li a.btn-process {width:80px;background:url('images/sprite.png') no-repeat -650px -200px} #menu ul.tabs li a.btn-process:hover {background:url('images/sprite.png') no-repeat -650px -250px} #menu ul.tabs li a.btn-work {width:64px;background:url('images/sprite.png') no-repeat -650px -300px} #menu ul.tabs li a.btn-work:hover {background:url('images/sprite.png') no-repeat -650px -350px} #menu ul.tabs li a.btn-services {width:69px;background:url('images/sprite.png') no-repeat -650px -400px} #menu ul.tabs li a.btn-services:hover, #menu ul.tabs li:hover a.btn-services {background:url('images/sprite.png') no-repeat -650px -450px} #menu ul.tabs li a.btn-news {width:36px;background:url('images/sprite.png') no-repeat -650px -500px} #menu ul.tabs li a.btn-news:hover {background:url('images/sprite.png') no-repeat -650px -550px} #menu ul.tabs li a.btn-contact {width:72px;background:url('images/sprite.png') no-repeat -650px -600px} #menu ul.tabs li a.btn-contact:hover {background:url('images/sprite.png') no-repeat -650px -650px} /*ACTUAL BOX THAT DROPS DOWN*/ #menu ul.tabs li ul.dropdown {display: block; position: absolute; z-index:999; top:-80px; display:none; left:0; margin:0; padding:0; overflow:hidden; width:140px;} #menu ul.tabs li ul.dropdown li {display: block; height: 15px; margin: 0;padding: 0; float: none; position: relative; list-style: none;line-height:14px; } #menu ul.tabs li ul.dropdown li a {display: block; height: 15px; margin: 0;padding: 0; position: relative; color:#FFFFFF; font-size:10px; text-transform:uppercase; text-decoration:none; overflow: hidden;} #menu ul.tabs li ul.dropdown li a:hover {background: url('images/menu-arrow.png') no-repeat left center;} /*ARTIFACTS FROM FANCYDROPDOWN.CSS*/ ul.dropdown ul.dropdown{top: 0;left: 95%;} ul.tabs li {margin: 0;padding: 0;list-style: none;display: table-cell;float: left;position: relative;} /* #search {float:right; width:140px} #search #search-form input {width:100px; height:16px; padding:2px; font-size:11px; border:1px solid #CCC} */ /*===================================================================================================================================== INDEX =====================================================================================================================================*/ #feature {width:980px; height:420px; margin:0 auto;} ul#services-list {margin-bottom:0} ul#services-list li {position:relative; margin-bottom:0} ul#services-list li h2 {position:absolute; top:30px; left:70px} ul#services-list li h2.avenir-heavy {font-size:20px} ul#services-list li .icon-entertainment {width:70px; height:70px; background:url('images/sprite.png') no-repeat -450px 0} ul#services-list li .icon-publishing {width:70px; height:70px; background:url('images/sprite.png') no-repeat -450px -100px} ul#services-list li .icon-media-sales {width:70px; height:70px; background:url('images/sprite.png') no-repeat -450px -200px} ul#services-list li .icon-interactive {width:70px; height:70px; background:url('images/sprite.png') no-repeat -450px -300px} ul#services-list li .icon-tech-services {width:70px; height:70px; background:url('images/sprite.png') no-repeat -450px -400px} ul#services-list li p {font-size:12px} ul#services-list {margin-bottom:0} ul#services-list li {position:relative; margin-bottom:0} ul#services-list li h2 {position:absolute; top:20px; left:50px} ul#services-list li h2.avenir-heavy {font-size:20px} ul#services-list li .icon-entertainment {width:50px; height:50px; background:url('images/sprite.png') no-repeat -450px 0} ul#services-list li .icon-publishing {width:50px; height:50px; background:url('images/sprite.png') no-repeat -450px -100px} ul#services-list li .icon-media-sales {width:50px; height:50px; background:url('images/sprite.png') no-repeat -450px -200px} ul#services-list li .icon-interactive {width:50px; height:50px; background:url('images/sprite.png') no-repeat -450px -300px} ul#services-list li .icon-tech-services {width:50px; height:50px; background:url('images/sprite.png') no-repeat -450px -400px} ul#services-list li p {font-size:12px} /* #map-text p {margin:20px 0 0 0} #map-text a.btn-lets-meet {display:block; margin:10px auto 0 auto; width:73px; height:25px; background:url('images/sprite.png') -300px -200px; text-indent:-9999px} #map-text a.btn-lets-meet:hover {background:url('images/sprite.png') -300px -250px} #testimonial {position:relative; height:200px; background:url('images/testimonial.png') top center} #testimonial div {position:absolute; top:30px; left:58px; width:250px} #testimonial div p.quote {margin-bottom: 10px; font-size:13px; color:#250858; font-style:italic} #testimonial div p.client {margin-bottom:0; font-size:12px; color:#250858;} #testimonial div p.client span {font-size:11px; line-height:11px; color:#333} ul#client-list {margin:20px 0 0 0} ul#client-list li {height:60px; text-indent:-9999px; margin-bottom:0} ul#client-list li.logo-air-canada {background:url('images/sprite.png') no-repeat -550px 0px} ul#client-list li.logo-sas {background:url('images/sprite.png') no-repeat -550px -100px} ul#client-list li.logo-emirates {background:url('images/sprite.png') no-repeat -550px -200px} ul#client-list li.logo-air-france {background:url('images/sprite.png') no-repeat -550px -300px} ul#client-list li.logo-bell {background:url('images/sprite.png') no-repeat -550px -400px} ul#client-list li.logo-capitaland {background:url('images/sprite.png') no-repeat -550px -500px} #latest-tweet {position:relative; height:160px; background:url('images/twitter-window.png') no-repeat top center} #latest-tweet p {position:absolute; top:15px; left:15px; width:190px; height:88px; font-style:italic} #latest-tweet a.btn-follow-us {display:block; position:absolute; bottom:20px; left:15px; width:76px; height:25px; background:url('images/sprite.png') -300px 0; text-indent:-9999px} #latest-tweet a.btn-follow-us:hover {background:url('images/sprite.png') -300px -50px} */ /*===================================================================================================================================== ALL PAGE TEMPLATES =====================================================================================================================================*/ #four-oh-four h1, .page-template-default h1, .page-template-_about-php h1, .page-template-_waea-apex-php h1, .page-template-_process-php h1, .page-template-_case-studies-php h1, .page-template-_case-studies_client-php h1, .page-template-_case-studies_piece-php h1, .page-template-_services-php h1, .page-template-_services_entertainment-php h1, .page-template-_services_publishing-php h1, .page-template-_services_media-sales-php h1, .page-template-_services_interactive-php h1, .page-template-_services_technical-services-php h1, .page-template-_jobs-php h1, .page-template-_contact-php h1 {width:940px; padding-top:80px; padding-bottom: 0px;} .bread-crumbs {font-size:11px} .bread-crumbs a {text-decoration:none} .dek {font-size:36px; line-height:42px; margin-top:20px; margin-bottom:30px} ul.bulleted li {display:list-item; margin:0 0 8px 0; padding:0; list-style-type:disc;} ul.bulleted.full li {font-size:16px; line-height:21px; margin:0 0 10px 15px; padding:0; list-style-type:disc;} ol.numbered li {display:list-item; margin:0 0 8px 0; padding:0;} #entertainment-page ol.numbered {margin:0 0 40px 25px; font-size:14px} #entertainment-page ol.numbered li {display:list-item; margin:0 0 7px 0; padding:0;} /*===================================================================================================================================== ABOUT PAGE =====================================================================================================================================*/ #our-history h3 {margin-bottom:12px} #our-history p {font-size:12px} #client-map img {-moz-box-shadow: 2px 0 10px #333; -webkit-box-shadow: 2px 0 10px #333;} ul#our-team li {margin-bottom:20px} ul#our-team li img {float:left; margin-right:10px; -moz-box-shadow: 2px 0 5px #000; -webkit-box-shadow: 2px 0 5px #000;} ul#our-team li div {float:right; width:230px; padding-top:10px} /*===================================================================================================================================== PROCESS =====================================================================================================================================*/ /*===================================================================================================================================== CASE-STUDIES =====================================================================================================================================*/ ul#case-studies-list {list-style-type:none} ul#case-studies-list li {height:280px} ul#case-studies-list li h2 {font-size:16px; line-height:21px; margin:8px 0 4px 0} ul#case-studies-list li a img {-moz-box-shadow: 2px 0 10px #000; -webkit-box-shadow: 2px 0 10px #000;} .infobox-top ul#case-studies-list li a img {-moz-box-shadow: 2px 0 10px #333; -webkit-box-shadow: 2px 0 10px #333;} ul#case-studies-list li a.read-more-link {font-size:10px; color:#CC66CC; text-transform:uppercase} ul#case-studies-list li a img { filter: alpha(opacity=80); /* internet explorer */ -khtml-opacity: 0.8; /* khtml, old safari */ -moz-opacity: 0.8; /* mozilla, netscape */ opacity: 0.8; /* fx, safari, opera */ } ul#case-studies-list li a:hover img { filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; /* mozilla, netscape */ opacity: 1; /* fx, safari, opera */ } /*===================================================================================================================================== CASE-STUDY > CLIENT / CASE-STUDY > PIECE =====================================================================================================================================*/ #case-study-content {margin-bottom:20px} #case-study-content h2 {font-size:16px; font-weight:bold; margin:5px 0 5px 0} #case-study-content {font-size:16px; line-height:22px} #case-study-content a, #case-study-content a:visited {color:#d8b4ff} #case-study-content a:hover {color:#FF00CC} #case-study-content ul li {font-size:14px; margin:0} #case-study-images img {margin-bottom:20px; -moz-box-shadow: 2px 0 10px #000; -webkit-box-shadow: 2px 0 10px #000;} /*===================================================================================================================================== SERVICES PAGES =====================================================================================================================================*/ ul#media-kit-list {margin-bottom:0} ul#media-kit-list li h4 {font-size:11px; text-align:center; line-height:12px} ul#media-kit-list li a img {-moz-box-shadow: 2px 0 5px #000; -webkit-box-shadow: 2px 0 5px #000;} ul#media-kit-list li a img { filter: alpha(opacity=80); /* internet explorer */ -khtml-opacity: 0.8; /* khtml, old safari */ -moz-opacity: 0.8; /* mozilla, netscape */ opacity: 0.8; /* fx, safari, opera */ } ul#media-kit-list li a:hover img { filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; /* mozilla, netscape */ opacity: 1; /* fx, safari, opera */ } .quote-pic {position:relative; color:#663399; height:230px; background:#EEEEEE; -moz-box-shadow: 2px 0 10px #333; -webkit-box-shadow: 2px 0 10px #333;} .quote-pic p.quote {position:absolute; top:25px; left:25px;} .quote-pic p.name {position:absolute; bottom:10px; left:25px; font-size:11px} #niall-quote {background:url(images/niall-quote.jpg)} #niall-quote p.quote {font-size:12px; width:300px;} #ann-quote {background:url(images/ann-quote.jpg)} #ann-quote p.quote {font-size:16px; width:270px;} #katrin-quote {background:url(images/katrin-quote.jpg)} #katrin-quote p.quote {font-size:12px; width:280px;} #brandon-quote {background:url(images/brandon-quote.jpg)} #brandon-quote p.quote {font-size:14px; width:270px;} #nicholas-quote {background:url(images/nicholas-quote.jpg)} #nicholas-quote p.quote {font-size:13px; width:300px;} #al-quote {background:url(images/al-quote.jpg)} #al-quote p.quote {font-size:15px; width:300px;} #raymond-quote {background:url(images/raymond-quote.jpg)} #raymond-quote p.quote {font-size:12px; width:300px;} /*===================================================================================================================================== BLOG =====================================================================================================================================*/ #blog {margin-top:25px} #blog #main {} #blog #main .post {margin:0 0 20px 0; background:#000000; background:rgba(255,255,255,.23); -moz-box-shadow: 2px 2px 4px #333; -webkit-box-shadow: 2px 2px 4px #333;/*opacity:.33; filter: alpha(opacity=33); -ms-filter: "alpha(opacity=33)";*/} #blog #main .post .post-title {font-size:32px; line-height:1.3em; padding:25px 15px 10px 15px;} #blog #main .post .post-author {margin-left:15px; font-size:14px; font-style:italic} #blog #main .post .post-content {margin:15px; color:#FFFFFF} #blog #main .post .post-content h3 {font-size:18px; line-height:1.3em;font-weight:bold; margin:20px 0 10px 0} #blog #main .post .post-content p {font-size:14px; line-height:1.6em; margin-bottom:1em} #blog #main .post .post-content p a {color:#D8B4FF; text-decoration:none} #blog #main .post .post-content p a:hover {color:#D8B4FF; text-decoration:underline} #blog #main .post .post-content li a {color:#D8B4FF; text-decoration:none} #blog #main .post .post-content li a:hover {color:#D8B4FF; text-decoration:underline} #blog #main .post .post-content .alignright {float:right; margin:0 0 15px 10px} #blog #main .post .post-content img {-moz-box-shadow: 2px 2px 4px #333; -webkit-box-shadow: 2px 2px 4px #333;} #blog #main .post .post-content p.wp-caption-text {width:590px; color:#EEE; padding:3px 0 8px 0; font-size:11px; line-height:1.25em} #blog #main .post .post-content ul li {font-size:14px; margin-bottom:.4em; line-height:1.4em} #blog #main .post .read-more-link {display:block; margin:10px; color:#D8B4FF} #blog #main .post .post-meta {position:relative; font-size:11px; padding:10px 15px; border-top:1px dotted #FFFFFF} #blog #main .post .post-meta a {color:#D8B4FF; text-decoration:none} #blog #main .post .post-meta a:hover {color:#D8B4FF; text-decoration:underline} #blog #main .post .post-meta .add-to-any {position:absolute; bottom:10px; right: 5px} #blog #main .post .post-meta .add-to-any .addtoany_share_save {font-size:11px; color:#D8B4FF} #blog #sidebar {} #blog #sidebar .section-title {font-size:16px; margin-bottom:10px} #blog #sidebar #latest-tweet {position:relative; border-bottom:1px dotted rgba(255,255,255,0.5); margin-bottom:12px} #blog #sidebar ul#bloggers {list-style-type:none; margin:0 0 25px 0} #blog #sidebar ul#bloggers li {margin:0} #blog #sidebar ul#bloggers li a {display:block; line-height:1.3em; color:#D8B4FF; text-decoration:none; font-size:11px; padding:6px 0; margin:0; border-bottom:1px dotted rgba(255,255,255,0.5)} #blog #sidebar ul#bloggers li a:hover {text-decoration:underline} #blog #sidebar ul#headlines {list-style-type:none; margin:0 0 25px 0} #blog #sidebar ul#headlines li {margin:0} #blog #sidebar ul#headlines li a {display:block; line-height:1.3em; color:#D8B4FF; text-decoration:none; font-size:11px; padding:6px 0; margin:0; border-bottom:1px dotted rgba(255,255,255,0.5)} #blog #sidebar ul#headlines li a:hover {text-decoration:underline} #blog #sidebar ul#press-releases {list-style-type:none; margin:0 0 25px 0} #blog #sidebar ul#press-releases li {margin:0} #blog #sidebar ul#press-releases li a {display:block; line-height:1.3em; color:#D8B4FF; text-decoration:none; font-size:11px; padding:6px 0; margin:0; border-bottom:1px dotted rgba(255,255,255,0.5)} #blog #sidebar ul#press-releases li a:hover {text-decoration:underline} #blog #sidebar ul.wp-tag-cloud {list-style-type:none; margin:0 0 25px 0} #blog #sidebar ul.wp-tag-cloud li {margin:0} #blog #sidebar ul.wp-tag-cloud li a {display:block; line-height:1.3em; color:#D8B4FF; text-decoration:none; font-size:11px; padding:6px 0; margin:0; border-bottom:1px dotted rgba(255,255,255,0.5)} #blog #sidebar ul.wp-tag-cloud li a:hover {text-decoration:underline} #blog .older-newer {font-size:13px; margin-bottom:25px; overflow:hidden} #blog .older-newer .previouspostslink {float:right} #blog .older-newer .nextpostslink {float:left} #disclaimer {font-size:11px} /*===================================================================================================================================== CONTACT =====================================================================================================================================*/ #google-map {width:940px; margin:0 auto;} #google-map iframe {width:940px; height:400px; margin:0;} #contact-form {} #contact-form .label {font-size:11px; color:#EEEEEE} #contact-form .your-name input, #contact-form .your-email input, #contact-form .your-subject input {color:#333333; font-size:18px; width:290px; border:1px solid #999999; padding:2px} #contact-form .direct-your-message select {color:#333333; font-size:12px; width:220px; border:1px solid #999999; padding:2px} #contact-form .your-message textarea {color:#333333; font-size:18px; line-height: 24px; width:620px; border:1px solid #999999; padding:2px} div.wpcf7-response-output {margin:0 0 0 320px !important} div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {border:none !important} address {font-style:normal} /*===================================================================================================================================== JOBS =====================================================================================================================================*/ #jobs-content {font-size:12px; line-height:22px; margin-bottom:20px} #jobs-content a {cursor:pointer} #jobs-content div {border:1px solid #CCC; padding:20px} #jobs-content .post {margin-bottom:30px} #jobs-content p {margin-bottom:0px;} #jobs-content h2 {font-size:24px; font-weight:normal; margin:0} #jobs-content h3 {font-size:16px; margin:0 0 20px 0} #jobs-content ul li {font-size:12px; margin:0} /*===================================================================================================================================== FOOTER =====================================================================================================================================*/ ul#offices-list {margin:0 0 10px 0; list-style-type:none} ul#offices-list li h4 {font-weight:bold; color:#FFFFFF} ul#offices-list li p {margin:0; font-size:11px} #social-links ul {margin:0; list-style-type:none} #social-links ul li {margin-bottom:6px} #social-links ul li p {line-height:18px} #social-links ul li.sparksheet .icon {display:block; width:32px; height:34px; background:url('images/sprite.png') no-repeat 0 0} #social-links ul li.twitter .icon {display:block; width:32px; height:34px; background:url('images/sprite.png') no-repeat 0 -50px} #social-links ul li.linkedin .icon {display:block; width:32px; height:34px; background:url('images/sprite.png') no-repeat 0 -100px} #social-links ul li.wikipedia .icon {display:block; width:32px; height:34px; background:url('images/sprite.png') no-repeat 0 -150px} #bottom-trim ul#footer-links {margin-bottom:0; list-style-type:none;} #bottom-trim ul#footer-links li {float:left; margin-right:11px; list-style-type:none} #bottom-trim ul#footer-links li a {font-size:10px; text-decoration:none; color:#d8b4ff} #bottom-trim ul#footer-links li a:hover {text-decoration:underline; color:#FF00CC} #bottom-trim #copyright {text-align:right; font-size:10px} /*===================================================================================================================================== BUTTONS =====================================================================================================================================*/ .button, .button:visited { background: #222 url(images/button-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; border:none; } .button:hover { background-color: #111; color: #fff; } .button:active { top: 1px; } .small.button, .small.button:visited { font-size: 11px; padding: ; } .button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; } .green.button, .green.button:visited { background-color: #91bd09; } .green.button:hover { background-color: #749a02; } .blue.button, .blue.button:visited { background-color: #2daebf; } .blue.button:hover { background-color: #007d9a; } .red.button, .red.awesome:visited { background-color: #e33100; } .red.button:hover { background-color: #872300; } .magenta.button, .magenta.button:visited { background-color: #a9014b; } .magenta.button:hover { background-color: #630030; } .orange.button, .orange.button:visited { background-color: #ff5c00; } .orange.button:hover { background-color: #d45500; } .yellow.button, .yellow.button:visited { background-color: #ffb515; } .yellow.button:hover { background-color: #fc9200; } .purple.button, .purple.button:visited { background-color:#996699; } .purple.button:hover { background-color: #250858; } .purple.button, .purple.button:visited { background-color: #250858; } .purple.button:hover { background-color:#996699; } /*===================================================================================================================================== WP-PAGENAVI =====================================================================================================================================*/ .wp-page-navi {} .wp-pagenavi span {color:#FFF !important; background:none !important;} .wp-pagenavi span.extend {border:none !important; font-weight:bold !important; background:none !important;} .wp-pagenavi span.pages {color:#FFF !important; background:none !important; border:none !important; margin:0 !important; padding:0 5px 0 0 !important; font-size:13px !important;} .wp-pagenavi span.current {color:#FFFFFF !important; border:none !important; font-size:16px !important;} .wp-pagenavi a {font-weight:bold !important; color:#d8b4ff !important; border:none !important; font-size:16px !important; background:none !important;} .wp-pagenavi a:hover {color:#F0F !important; } /*===================================================================================================================================== WP-PORTFOLIO PAGE =====================================================================================================================================*/ .boxgrid{ width: 220px; height: 200px; float:left; background:#CCC; overflow: hidden; position: relative; } .boxgrid img{ position: absolute; top: 0px; left: 0px; border: 0; } .boxgrid p{ padding: 0 10px; color:#FFF; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; } .boxcaption{ float: left; position: absolute; background:#000000; height: 170px; width: 100%; opacity: .9; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .captionfull .boxcaption { top: 170px; left: 0; } .boxcaption .post-title a {display:block; font-size:13px; line-height:14px; color:#FFF; padding:6px; text-decoration:none} .boxcaption a.post-caption {display:block; font-size:11px; line-height:14px; color:#FFF; padding:6px; text-decoration:none} /*===================================================================================================================================== MISCELLANEOUS =====================================================================================================================================*/ /*TWITTER LIST*/ .twtr-hd, .twtr-ft {display:none} .twtr-bd {margin-bottom:0} .twtr-widget {} #footer .twtr-widget p {font-size:11px !important; font-family:Arial, Helvetica, sans-serif !important;} img#wpstats {display:none} .infobox-top {margin-top:20px; padding:20px 0; background:url('images/infobox-bg.png') no-repeat center top} * html .infobox-top {background:none} .infobox-bottom {margin-bottom:30px; height:5px; background:url('images/infobox-bg.png') no-repeat center bottom} * html .infobox-bottom {background:none} .double-rule {background:url('images/double-rule.gif') repeat-x; width:960px; margin:30px auto; height:3px} * html .double-rule {margin:15px auto} .single-rule {background:url('images/double-rule.gif') repeat-x; clear:both; margin:30px auto; height:1px} * html .single-rule {margin:15px auto} /* =Popup -----------------------------------------------------------------------------*/ #popupwrap { display: none; } .popup { color: #ffffff; font-size: 14px; line-height: 20px; padding: 25px 40px; font-weight:200; } #popup-1 { background: #f9a01b; } #popup-2 { background: #94c44c; } #popup-3 { background: #28bec2; } #popup-4 { background: #954781; } .popup h3, .popup p { color: white; font-size: 18px; margin: 15px 0; } .popup li { margin-bottom: 0; }