/* 00. General Settings */ body {font: 82.5% "Helvetica Neue", Helvetica, Arial, sans-serif;} body, html {height:100%} a { cursor: pointer;} /* change page background images here via body classes */ body {background: url(images/backgrounds/bg-microphone.jpg) #f9f9f9 repeat-x top center;} body.studio {background: url(images/backgrounds/bg-studio.jpg) #f9f9f9 repeat-x top center;} body.recent-projects {background: url(images/backgrounds/bg-recent-projects.jpg) #f9f9f9 repeat-x top center;} body.mp3s {background: url(images/backgrounds/bg-mp3s.jpg) #f9f9f9 repeat-x top center;} body.videos {background: url(images/backgrounds/bg-videos.jpg) #f9f9f9 repeat-x top center;} body.about {background: url(images/backgrounds/bg-about.jpg) #f9f9f9 repeat-x top center;} body.contact {background: url(images/backgrounds/bg-contact.jpg) #f9f9f9 repeat-x top center;} body.resources {background: url(images/backgrounds/bg-contact.jpg) #f9f9f9 repeat-x top center;} /** common classes **/ .clearfix { width: 100%; height: 0px; clear: both; display: block;}/* clearfix for floated elements */ .hidden {display: none;} .right {float: right;} .left {float: left;} .morespace {padding: 3px 0 !important;} .full-width {width: 100% !important;} a {color: #444; text-decoration: underline;} a:hover {color: #995e00; text-decoration: none;} a.bt, a.bt span {display: inline-block; height:22px} a.bt {padding-left: 15px; background: url(images/bt-casual-left.png) no-repeat; color:#000 !important; margin-top: 5px; text-decoration: none !important; } a.bt:hover {color: #995e00 !important;} a.bt span { background: url(images/bt-casual-right.png) no-repeat right; padding-right: 15px; line-height:20px} a.arrowedbt {background: url(images/bt-casual-left-arrowed.png) no-repeat; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; } a.arrowedbt:hover {color: #995e00 !important; background: url(images/bt-casual-left-arrowed-hover.png) no-repeat;} a.left-button {background-image: url(images/bt-casual-left-arrowed-left.png) !important} a.left-button:hover {background-image: url(images/bt-casual-left-arrowed-left-hover.png) !important} /* 01.a - Headings & Colours **/ /************** colors *****************/ #wide-column h2, #half-column h2, #home-blogposts h3, #home-blogposts a, #info a, div.blog p a, .categories a, #comments a:hover {color:#995e00} ul.cats li a:hover, ul.cats li.active a {color:#fff !important; background-color: #444444;background-image:url(images/arrow-mini-white.png); border: 1px solid #777777;} /**************************************/ /** logo **/ #top-header h1 { float: left;} #top-header h1 a {background: url(images/spark1studios.png) no-repeat; width: 700px; height: 50px; display:block; text-indent:-9999px; margin: 10px 10px 0 0;} /** home featured section headings **/ .featured h2 {font-size: 1.3em; border-bottom: 1px solid #fff; padding: 0 0 2px 0; margin-bottom: 8px;} #sidebar-home h2 {color:#995e00; font-size: 1.3em; border-bottom: 1px solid #fff; padding: 0 0 2px 0; margin: 25px 0 5px 0;} #featured-info h3 { font-size: 1.4em; margin-bottom: 0;} #featured-info h3 a { color: #fff; text-decoration: none;} #featured-info h3 a:hover:after {content: " →";} /** #content general headings & typography**/ #content h1 { font: bold 2.4em "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom:1px solid #999999; margin-bottom:15px; padding-bottom:5px; } #content h3 {font-size: 1.75em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #content h4 {font-size: 1.35em;} #content h5 {font-size: 1.15em;} blockquote { font: italic 1.3em Georgia, "Times New Roman", Times, serif; color: #444; } /** sidebar headings **/ #sidebar-home h3, #half-column h3, #home-blogposts h3 { border-bottom: 1px solid #999; margin-bottom:1px; padding-bottom:5px} #sidebar-home h3 { color: #333;} #sidebar h3, #half-column h3 {font-size: 1.3em; border-bottom: 1px solid #999; margin-bottom:8px; padding-bottom:5px; color: #333;} /** flickr heading **/ li.flickr h3 {background: url(images/icon-flickr.gif) no-repeat 2px 0; padding-left: 38px;} /** videos heading **/ li.videos h3, #half-column h3.videos {background: url(images/icon-youtube.gif) no-repeat 2px 0 !important; padding-left: 26px;} li.videos { list-style-type: none;} /** bookings heading **/ li.booking h3, #half-column h3.booking {background: url(images/icon-bookings.gif) no-repeat 2px 0 !important; padding-left: 26px;} /** gallery heading **/ li.gallery h3, #half-column h3.gallery {background: url(images/icon-gallery.gif) no-repeat 2px 0 !important; padding-left: 26px;} /** Location heading **/ li.location h3 {background: url(images/icon-location.gif) no-repeat 2px 0; padding-left: 25px;} /** Contact heading **/ li.contact h3 {background: url(images/icon-contact.gif) no-repeat 2px 0 !important; padding-left: 26px;} /** post listing general headings **/ #posts h4 {margin:8px 0;} #posts h4 a {color:#333; text-decoration: none; text-transform: uppercase;} #posts h4 a:hover {text-decoration: underline;} .portfolio h4 {font-size: 1.3em !important; line-height:1.4em;} /** twitter heading **/ li.twitter h3, #half-column h3 {padding-left: 28px; background: url(images/icon-twitter.gif) no-repeat;} /** right side wide column headings **/ #wide-column h2, #half-column h2 {font-size:1.7em; border-bottom: 1px solid #999; margin-bottom:1px; padding-bottom:5px;} .mp3s #wide-column h2 {font-size: 1.3em; border-bottom: none; margin-bottom:8px; padding-bottom:5px; color: #333;} div.the-post h2, div.the-post h3, div.the-post h4, div.the-post h5 {margin-bottom:15px; padding-top:5px;} div.the-post h3 {font-size: 1.3em !important;} div.the-post h4 {font-size: 1.15em !important;} div.the-post h5 {font-size: 1em !important;} div#info h3 { border-bottom: 1px solid #aaa; font-size: 1.3em; padding-bottom: 2px; padding-top: 10px; color: #333; } #comments h3, h3#respond-title {font-size:1.4em ; color: #333;} /** Container Settings **/ #container-wrap {width: 100%; height:100%; margin: 0 auto -65px; position:relative; min-height: 100%; height: auto !important; height: 100%; background:transparent url(images/top-header-bg.png) repeat-x } #container {width: 960px; padding: 0 5px 20px 5px; margin: 0 auto; } .sub {background:url(images/bg-container-sub.png) repeat-x 0px 100px} #container .sub {padding-top: 130px;} .push {height:61px;} #top-header { height: 65px;} /* 02. Header */ /** main and footer navigation **/ #header ul, ul#nav-footer {min-width: 725px; max-width: 800px; float:left; padding-top:11px} #header ul {padding-top:2px} #header ul li, ul#nav-footer li { float:left; margin-right:10px} #header ul li a, ul#nav-footer li a {display:block; color: #ddd; text-decoration: none; padding-left: 12px;} #header ul li a span, ul#nav-footer li a span {display:block; line-height: 30px; padding-right: 12px;} #header ul li a:hover, #header ul li.active a { color: #fff; background: url(images/nav-left.png) no-repeat;} #header ul li.active a {font-weight: bold;} #header ul li a:hover span, #header ul li.active a span { background: url(images/nav-right.png) no-repeat right;} #header ul li {position: relative; } #header ul li ul {position: absolute; margin-top: 0px; background: #fff; -moz-border-radius: 4px;-webkit-border-radius: 4px; -khtml-border-radius: 4px; min-width: 150px; max-width:200px !important; padding: 5px; } #header ul li ul li {margin: 0; float: none;} #header ul li ul li a {color: #666; text-transform: none; font-size: 0.9em;} #header ul li ul li a, #header ul li ul li a:hover {background-image: none; padding: 5px !important; } #header ul li ul li a:hover {-moz-border-radius: 4px;-webkit-border-radius: 4px; -khtml-border-radius: 4px; background: #333; color: #fff; } ul#nav-footer li { margin-right: 5px;} ul#nav-footer li a {color: #666; -moz-border-radius: 4px;-webkit-border-radius: 4px; -khtml-border-radius: 4px; background-image:none; font-size:0.9em} ul#nav-footer li a span {background-image: none !important; line-height:25px} ul#nav-footer li a:hover, ul#nav-footer li.selected a { background: #272727; color: #fff;} /** Social Media nav icons **/ ul#social-media { float: right; max-width: 200px; min-width: 150px; padding-top: 0;} ul#social-media li { float: right; padding: 0; margin: 0 5px;} ul#social-media li a { width: 32px; height: 32px; text-indent:-9999px; padding: 0;} ul#social-media li.myspace-icon a { background: url(images/myspace-icon-sprite.png) no-repeat;} ul#social-media li.myspace-icon a:hover { background: url(images/myspace-icon-sprite.png) no-repeat 0 -32px;} ul#social-media li.facebook-icon a { background: url(images/facebook-icon-sprite.png) no-repeat;} ul#social-media li.facebook-icon a:hover { background: url(images/facebook-icon-sprite.png) no-repeat 0 -32px;} ul#social-media li.twitter-icon a { background: url(images/twitter-icon-sprite.png) no-repeat;} ul#social-media li.twitter-icon a:hover { background: url(images/twitter-icon-sprite.png) no-repeat 0 -32px;} /** search **/ #top-header fieldset {float: right; width:207px; padding-top: 22px; margin-top: 0px;} #top-header fieldset legend {display: none;} #top-header fieldset label {background: url(images/bg-search.png); padding-left: 38px; height: 27px; display:block} #top-header fieldset label input {border: none; background: none; /*padding-top:7px;*/ padding:4px 2px; /** <- for google search only **/margin-top:2px;/** <- for google search only **/ color:#666; line-height:17px /** <- be careful **/} /* 03. Home Featured Section */ div.featured {clear:both; color:#FFFFFF; float:right; padding-top:20px; width:450px;} #featured-info, #home-featured-nav {float: left;} #featured-images {float: right;} #featured-info { width: 275px; /*margin-top: 72px;*/ margin-top: 0px; height: 120px !important;} #featured-info ul li {height:200px; width:275px !important;} #featured-info p {color:#DDDDDD; font-size:0.85em; margin:7px 0;} #featured-info p strong {color:#fff;} a.home-read-more-button {background: url(images/bt-home-readmore.png) no-repeat; width:103px; height: 30px; margin-top: 0; display:block; text-indent: -9999px; } /** featured images**/ #featured-images {width: 100px; height: 100px;/* background:url(images/featured-image-border.png) no-repeat top center;*/ margin-right:-10px; margin-top: 0; position:relative; z-index:2;} #images {margin: 0;} #images ul li {width: 100px; height: 100px; overflow:hidden; border: 5px solid #000; } #images img { width: 100px; height: 100px; } span.glare { background: url(images/computer-glare.png) no-repeat; display:block; position: absolute; right: 25px; top: 30px; width: 219px; height: 239px; z-index: 9; } /** featured slider navigation **/ ul#home-featured-nav { background: url(images/bg-homeslider.png) no-repeat; width: 33px; height: 48px; margin-left: 35px; margin-top: 5px; padding-top: 12px; float: right;} ul#home-featured-nav li { margin-bottom: 5px;} ul#home-featured-nav a { width: 16px; height: 18px; display: block; text-indent: -9999px; margin: auto; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;} ul#home-featured-nav a:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} ul#home-featured-nav li.next a { background: url(images/homeslider-arrow-down.png) no-repeat; margin-left: 10px;} ul#home-featured-nav li.prev a { background: url(images/homeslider-arrow-up.png) no-repeat;} /* 04. Content */ #content {font-size: 0.95em; padding: 20px 0 0 0;} #content p {margin: 8px 0 17px 0; color: #555;} /** 04.a - Home Sidebar and Sidebar General **/ #sidebar-home {width: 450px; float: left;} #sidebar-home img.shade, #home-blogposts img.shade, #sidebar img.shade, #half-column img.shade {display: block; height: 20px;} #sidebar-home img.shade{width: 450px;} #sidebar-home p strong {color: #333;} #sidebar-home ul li p:first-child {margin-top: 0px;} #sidebar-home ul li, #sidebar ul li, #half-column ul li { /*border-bottom: 1px solid #ccc;*/ margin-bottom: 35px; padding-bottom: 3px; } ul#twitter_update_list li { border-bottom:1px dotted #DDDDDD; margin-bottom: 10px; padding-bottom: 3px; } ul#twitter_update_list li span { display: block; } ul#twitter_update_list li a { color:#444444;} ul#twitter_update_list li span a { color:#995e00 !important; } p.profileLink { display:none;} #sidebar-home ul li ul li, #sidebar ul li ul li, #half-column ul li ul li { border-bottom: none; margin-bottom:0px;} /** Home content left **/ #sidebar-home ul.why { margin-left: 0;} #sidebar-home ul.why li { border-bottom:none; margin-bottom: 3px; padding-bottom: 3px; font-size: 1.1em; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; } #sidebar-home ul.why li span { display: block; } #sidebar-home ul.why li a { color:#444444 !important; } #sidebar-home ul.why li span a { color:#995e00 !important; } p.profileLink { display:none;} #sidebar-home ul.why li ul li { border-bottom: none; margin-bottom:0px;} /** flickr **/ li.flickr { position: relative;} li.flickr ul li img { border: 1px solid #999; margin: 0 10px 0px 0; } a.bt-flickr {width: 38px; height: 85px; position: absolute; right:10px; top:50px; background: url(images/bt-flickr.png) no-repeat;} a.bt-flickr span { display: none;} li.sideflickr ul li img {margin-right: 0px;} /** videos **/ li.videos { position: relative;} li.videos ul li img { border: 1px solid #999; margin: 5px 10px 5+px 0; } a.bt-videos {width: 38px; height: 85px; position: absolute; right:10px; top:50px; background: url(images/bt-flickr.png) no-repeat;} a.bt-videos span { display: none;} li.sidevideos ul li img {margin-right: 0px;} /** 04.b - Home Blog Posts **/ #home-blogposts { width: 450px; float: right; border-bottom:1px solid #ccc; position: relative; padding-bottom: 15px; } #home-blogposts img.shade {width: 475px;} span.date { color: #999; padding-left: 22px; display: block; background: url(images/icon-date.png) no-repeat; font-size: 0.9em; line-height:18px; margin-bottom: 10px; } img.post-thumb { border: 1px solid #666;float: left; margin: 0 12px 12px 0;} .portfolio img.post-thumb { margin: 0 20px 20px 0;} /** homepage blog posts, testimonials and twitter slider navigation **/ ul#home-blogposts-nav, ul.testimonials-nav, ul.twitter-nav {width: 43px; height: 20px; padding: 4px 0 0 5px; background: #dfdfdf; -moz-border-radius: 4px; webkit-border-radius: 4px; -khtml-border-radius: 4px; position: absolute; right: 0; bottom: -12px; } ul#home-blogposts-nav li, ul.testimonials-nav li, ul.twitter-nav li {float: left;} ul#home-blogposts-nav a, ul.testimonials-nav a, ul.twitter-nav a {display: block; width: 16px; height: 16px; margin-right: 5px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;} ul#home-blogposts-nav a:hover, ul.testimonials-nav a:hover, ul.twitter-nav a:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} ul#home-blogposts-nav a span, ul.testimonials-nav a span, ul.twitter-nav a span {display: none;} ul#home-blogposts-nav li.prev a, ul.twitter-nav li.prev a {background: url(images/arrow-low-prev.gif) no-repeat;} ul#home-blogposts-nav li.next a, ul.twitter-nav li.next a {background: url(images/arrow-low-next.gif) no-repeat;} ul.testimonials-nav li.next a {background: url(images/arrow-low-down.gif) no-repeat;} ul.testimonials-nav li.prev a {background: url(images/arrow-low-up.gif) no-repeat;} /* 05. Footer */ #footer-wrap {background: /* url(images/bg-footer.gif) */ #111 repeat-x; padding-bottom: 10px; position: relative; height: 80px;} #footer {width: 960px; padding: 10px; margin: 0 auto;} a#credits {display: block; float: right; color:#111; text-decoration: none; line-height:22px; font-size:0.8em; width: 150px; padding-top: 13px; } a#credits span {display: inline-block; background: url(images/logo-aa-sprite.gif) no-repeat 0 -1px; width: 22px; height: 22px; text-indent:-9999px} a:hover#credits {display: block; float: right; color:#eaeaea; text-decoration: none; line-height:22px; font-size:0.8em; width: 150px; padding-top: 13px; } a:hover#credits span {display: inline-block; background: url(images/logo-aa-sprite.gif) no-repeat -22px -1px; width: 22px; height: 22px; text-indent:-9999px} /* 06. General Sidebar */ #sidebar { width: 260px; float: left; padding-top: 6px; } #sidebar img.shade{width: 250px; height: 20px !important; } #sidebar p:first-child, #half-column p:first-child {margin-top: 0px;} #sidebar ul li, #half-column ul li {padding-bottom: 8px;} #sidebar ul li ul, #half-column ul li ul {font-size:0.95em;} #sidebar ul li a, #half-column ul li a {color: #995E00; text-decoration: none;} #sidebar ul li a:hover, #half-column ul li a:hover {color: #995E00; text-decoration: underline;} /** sidebar categories **/ ul.cats li {width: 120px ; margin-right: 10px; margin-bottom:10px; float:left;} ul.cats li a {display:block; padding:5px; padding-left:18px; background:url(images/arrow-mini.png) no-repeat 10px 8px; -moz-border-radius: 4px;-webkit-border-radius: 4px; -khtml-border-radius: 4px; border:1px solid #d1d1d1;} /** sidebar alternate link lists **/ li.alternate-lists ul li {padding: 0 !important;} li.alternate-lists ul li a {display: block; background: url(images/dot.gif) no-repeat 5px 11px; padding: 5px; padding-left: 15px; } li.alternate-lists ul li a:hover {color:#995e00 !important; background-image:url(images/dot-hover.gif); background-color: #f1f1f1; } /** testimonials and twitter widget **/ li.testimonials {position: relative; font-size: 0.9em; padding-bottom: 10px !important; } li.testimonials blockquote p {color: #777 !important;} li.testimonials blockquote {font-style: italic; background: url(images/quote.gif) no-repeat; padding: 0px 10px 0 20px; } ul.testimonials-nav li {padding: 0px !important; background: none !important;} li.twitter p {margin: 5px 0 !important;} li.twitter p.timeago {color: #333 !important;} /* 07. Post General Settings **/ /** wide column **/ #wide-column {width: 650px; float: right; } #half-column {width: 450px; float: right; } div.full-width p {margin-top: 15px !important;} #info a {text-decoration: none; border-bottom: 1px solid #999; } #info a:hover {color:#666; text-decoration: none; border-bottom: 1px solid #995e00; } #info h4 { text-transform: uppercase;} /** 07.a posts general settings **/ .each-post {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 30px;} .each-post p {margin-top: 0px !important;line-height:1.4em; } .each-post a.bt {margin-top:10px !important;} div.blog span.date {float: left !important;} div.blog p:first-child {margin-top: 0px !important;} a.comment-count, a.comment-add {display:inline-block; font-size:0.9em; color:#666; padding-left:20px; background: url(images/icon-comments.png) no-repeat; line-height: 16px; margin-left: 15px; } a.comment-count:hover, a.comment-add:hover { color: #333;} a.comment-add {background-image: url(images/icon-comment-add.png) !important;} div.the-post ul { padding: 5px 10px 20px 25px; } div.the-post ul li {line-height: 1.5em; color: #666; list-style-type: disc; /*list-style-position: inside;*/ } div.the-post ul li strong {color: #333;} div.the-post blockquote {font-style: italic; background: url(images/quote.gif) no-repeat; padding: 10px 10px 10px 20px; padding-bottom: 15px; color: #777; } /** 07.b post meta **/ .postmeta { clear: both; line-height:3em; font-size: 0.9em; color: #999; background: #f7f7f7; margin-top: 10px;} .postmeta a:hover { text-decoration: none;} .postmeta div { float: left; } .author {display: block; color: #666; float: left; padding: 0 15px 0 30px; background: url(images/icon-author.gif) no-repeat 10px 8px; } .categories, .tags {padding: 0 15px;} .categories {background: #f1f1f1;} .tags a {color: #927b57;} #info {float: right; width: 305px;} /** 07.c comments **/ #comments_wrap h3 { font-size: 22px; font-weight: normal; margin: 0px; padding-bottom: 20px; margin-top: 10px;} #comments_wrap h3 a, #comments_wrap h3 a:hover {color: #242323; text-decoration: none;} #comments_wrap .get_avatar {color: #a7a7a7; font-size: 10px;letter-spacing: -1px;padding-top: 10px;} #comments ol.parent {padding-bottom: 25px} #comments ol { margin: 0px; padding: 0px; padding-left: 100px;} #comments ol li {list-style: none; padding: 0px; margin: 10px 0px; padding-top: 1px;} #comments span.comment-reply { font-size: 10px; text-transform: uppercase;} #comments .comment_wrap {position: relative; background: #f2f2f2;} #comments .single_comment { padding: 10px;} #comments .comment-content { padding: 10px; background: #fafafa; } #comments .comment-content p, .children .comment-content p {padding-bottom: 15px; color: #666;} #comments a {color:#333; border-bottom:1px solid #995e00; text-decoration:none} #comments a:hover {border-bottom:1px solid #ccc; text-decoration:none} #comments .comment_arrow { position: absolute; top: 20px; left: -11px;} #comments .comment_author { position: absolute; left: -100px; width: 100px; color: #8d8d8d; font-size: 10px; line-height: 14px; } #comments .comment_author span {display: block;} #comments .children { padding-left: 0px; border-left: 1px solid #ced0d0;} #comments .children li {padding-left: 25px; background: url(images/comment_li_bg.gif) no-repeat 0px 25px;} #comments .children .comment_wrap { background: #f2f2f2; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;} #comments .children .comment_arrow { display: none;} #comments .children .comment_author { position: absolute; left: auto; right: 20px; bottom: 10px; width: 200px; height: 40px;} #comments .children .comment_author p { position: absolute; right: 40px; bottom: 10px; text-align: right;} #comments .children .comment_author span { display: block;} #comments .children .comment_author img { width: 32px; height: 32px; float: right;} /** 07.d comment form **/ div#respond {padding: 20px 0;} div#respond ol li {padding:8px; -moz-border-radius: 4px;-webkit-border-radius: 4px; -khtml-border-radius: 4px; background: #ddd; margin-bottom: 10px; clear: both; } div#respond ol li:hover, #respond ol li:focus {background: #ccc !important; } div#respond ol li label {float: left; padding-left: 15px; color: #666; border-left: 1px solid #999; } div#respond ol li label.field-title { width:30%; border-left:none !important; padding-left: 0px; } div#respond ol li label small {font-size: 0.8em; color: 999;} div#respond ol li.text input {border: none !important; background: none !important; width:420px; line-height: 1.3em; } div#respond ol li textarea {border: none !important; background: none !important; width:420px; line-height: 1.6em; } #work-list ul {display: none; height: 80px; } #work-list ul li {float:left; margin-right:10px} #work-list ul li a {display: block; padding: 2px 0 0 2px; background: url(images/bg-avatar.png) no-repeat; width: 68px; height: 68px;} a#bt-expander {width: 300px; height: 15px; background: url(images/bt-expander.png) no-repeat; display: block; padding-left: 80px; color: #999; font-size: 0.8em; padding-top: 3px; } a.expanded, a#bt-expander:hover { background-position: 0px -18px !important; color: #777; } /* Twitter Feed */ .twtr-hd, .twtr-ft { display: none; } .twtr-bd, .twtr-tweet-wrap { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .twtr-ft div { padding-left: 0 !important; padding-right: 0 !important; } #sidebar li img, #half-column li img { margin-bottom: 0 !important; } #wide-column img { float: left; padding: 5px; margin: 0 15px 10px 0; background-color: #eee; border: 1px solid #999; } .about #wide-column h3, .about #wide-column p { margin-left: 150px; } .recent-projects #wide-column h3, .recent-projects #wide-column p { margin-left: 150px; } .recent-projects #wide-column div, .about #wide-column div { border-bottom: 1px solid #ccc; margin-bottom: 12px; } .recent-projects #wide-column div#posts, .about #wide-column div#posts { border-bottom: none; } div.audio { margin-top: 7px; background-color:#ccc; width:450px !important; padding:2px; border:2px solid #ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } .highlighter { font-weight: bold; color: #222; } .resources #wide-column ul li img { float: left; padding: 5px; margin: 0 10px 10px 0; border: none; } pre { display: block; margin: 2em 0; white-space: pre; overflow: auto; width: 600px; line-height: 1.4; border: 1px solid #ccc; background: #eeeeee; padding: 8px; } pre textarea { width: 100%; height: auto; } .emailhide { position: absolute; background: url(images/email.gif) no-repeat 0 -4px; }