/*------------------------------------------- Colors: Light Gray: #E32644; Dark Gray: #1C1C1C; Red: #820d17; Light Red: #E32644 -------------------------------------------*/ /*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ul { list-style: none; } /*input:focus { border: 0; outline: 0; }*/ table { border-collapse: collapse; border-spacing: 0; } /*Cufon Loading*/ .cufon-loading #navigation li a, .cufon-loading h1, .cufon-loading h4, .cufon-loading a.btns { visibility: hidden !important; } /*--------------------------- Elements ---------------------------*/ body { background: #1C1C1C; font-family: 'Helvetica', 'Lucida Sans Unicode', sans-serif; margin: 0 auto;} strong, em { font-family: 'Lucida Grande', 'Lucida Sans', sans-serif; } a { color: #E32644; text-decoration: none; font-size:14px; } a:hover, a.highlight { color: #FFF; } a.btns {background: #E32644 url(../images/arrow.png) no-repeat scroll 10px 50%; color: #FFF; text-decoration: none; text-transform: uppercase; font-size:13px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; padding:4px 15px 4px 25px; margin-bottom:10px;} a.btns:hover {background-color:#222; border: 1px solid #666;} span a {font-size: 20px; margin-bottom:5px;} h1 { color: #FFFFFF; font-size: 2em; font-weight: normal; line-height:115%; padding-bottom: 4px; border-bottom:1px #333 solid; margin-bottom:20px; } h2 { color: #1C1C1C; font-size: 2.2em; margin-bottom: 5px; font-weight:bold; text-transform: uppercase;} h2 span { background-color:#E32644; color:#FFF; padding: 2px; } h3 { color: #111; font-size: 14px; font-weight:bold; margin-bottom: 3px; line-height: 110%;} h4 { color:#FFF; font-size: 21px; font-weight: normal; padding-bottom:5px; margin-bottom: 10px; border-bottom: 1px solid #333; } h5 { color: #FFF; font-size: 14px; font-weight:bold; margin-bottom: 3px; line-height: 110%;} h6 { color: #666; font-size: 13px; font-family: 'Georgia', serif; font-weight: normal; font-style: italic; margin-bottom: 6px; } p { color: #999; font-size: 14px; line-height: 160%; padding-bottom: 5px;} p.news { color:#485A67; font-size: 11px;} p.music {width:100%; font-size: 13px; background-color:#333; padding:5px 0px 5px 0px; text-indent: 10px; color:#FFF; border-top: 1px #E32644 solid;} blockquote {/* background: url(../images/start_quote.jpg) no-repeat top left; */color: #FFF; font: 1.5em 'Helvetica', 'Lucida Sans Unicode', sans-serif; margin-bottom: 35px; } blockquote div {/* background: url(../images/start_quote.jpg) no-repeat bottom right;*/ /*padding: 8px 0 0 22px; */} blockquote div p { color: #FFF; font-size: 24px; padding-bottom: 4px; line-height:120%; } ol { margin-left: 15px; } ol li { margin-bottom: 10px; } .thumbnail {background-color:#FFF; float:left; margin-bottom:10px; margin-right:10px; padding:5px; } .thumbnail:hover {background-color:#008BAA;} .bqstart { color: #FF0000; margin-right:5px; font-size:130%; } .bqend { color: #FF0000; margin-left: 5px; font-size:130%; } .standard {color:#E32644;} .deadarm {color: #84fe1a;} .caleesh {color: #eb9c00;} .cleo {color: #ff3c3b;} .jharm {color: #fc6500;} .jesquire {color: #005ec2;} .killac {color: #005ec2;} .kb {color: #78972f;} /*Hightlight Color*/ ::selection { background: #E32644; color: white; /* Safari */ } ::-moz-selection { background: #E32644; color: white; /* Firefox */ } /*------------------------------------------- Global -------------------------------------------*/ .right { float: right; } .left { float: left; } .full {float: left; width: 980px; margin-bottom: 15px;} .video { float: left; } .float p { text-align: center; } /*--------------------------- Header ---------------------------*/ #header { margin: auto; width: 980px; height: 90px; position: relative; top:0; margin-bottom: 30px;} #header img {float: left; bottom: 0px; position: absolute;} #header p {font-family: 'Georgia'; font-size: 1em; font-style: italic;} #logo {background:transparent url(../images/3sonsproductions-logo.png) no-repeat scroll left top; display:block; float:left; width:415px; height:91px; top:0; left:0; overflow:hidden; position:relative; text-indent:-9999px; } #logo:hover {background:transparent url(../images/3sonsproductions-logo-hover.png) no-repeat scroll left top; } #navigation { list-style-type: none; position: absolute; right:0; top: 30px; padding: 0; float: right;} #navigation li { display: inline; } #navigation li a { font-size: 24px; text-transform: uppercase; color:#E32644; padding: 3px 6px;} #navigation li a:hover { background-color:#E32644; color: #FFF; } #secondary_nav { list-style-type: none; position: absolute; right:0; top: 5px; padding: 0; float: right;} #secondary_nav li { display: inline; } #secondary_nav li a { font-size: 12px; color:#666; padding-right: 10px;} #secondary_nav li a:hover {color:#E32644;} #music #header #navigation li.music a {background-color:#E32644; color: #FFF;} #beats #header #navigation li.beats a {background-color:#E32644; color: #FFF;} #videos #header #navigation li.videos a {background-color:#E32644; color: #FFF; } #artists #header #navigation li.artists a {background-color:#E32644; color: #FFF;} #photos #header #navigation li.photos a {background-color:#E32644; color: #FFF; } #about #header #secondary_nav li.about a { color: #FFF;} #work #header #secondary_nav li.work a { color: #FFF;} #store #header #secondary_nav li.store a {color: #FFF;} #contact #header #secondary_nav li.contact a {color: #FFF;} .wrapper { margin: 0 auto; width: 980px; padding-top: 25px; position:relative; z-index: 1;} .wrapper h1 span {color:#9900CC; } .content_wrapper { margin: auto; width: 980px; padding-top: 35px; overflow: hidden;} .sub_content_wrapper { margin:0 auto; overflow: hidden; width: 980px; min-height:500px; padding-top: 45px; position: relative;} .sub_content_wrapper h2 {text-transform: none; font-size: 21px; color:#999;} .sub_content_wrapper .left {width: 495px; } /* Sidebar */ #sidebar { float: right; width: 300px; } #sidebar .sidebar_container { margin: 0 0 35px 0; } #sidebar .sidebar_container img {float: left; padding-right: 10px; } /* News */ #news { margin:8px 0 0 10px;} #news p {display: inline; font-family: 'Helvetica', 'Lucida Sans Unicode'; font-style: normal; font-size: 13px; padding-right: 10px; } #breadcrumbs { position:absolute; top:0; width:100%; margin-top:10px;} #breadcrumbs ul { height:24px;} #breadcrumbs li { color:#191717; display:inline; float:left; font-size:12px; line-height:24px; padding:0 5px; } #breadcrumbs li a {color:#666; font-size:11px;} #breadcrumbs li a:hover {color:#E32644; text-decoration:underline;} #breadcrumbs li a.selected {color:#E32644;} /*--------------------------- Features ---------------------------*/ #features_bg {background: #F3F4F2 url(../images/texture-bg.jpg) no-repeat; height: 540px; width: 100%; } #features_bg .wrapper { height: 400px; width: 1200px; position: relative; } #feature { margin: 0 auto; position: relative; width: 980px; } #feature h1 { font-family: Helvetica, sans-serif; text-transform: uppercase; font-size: 36px; color: #000; line-height: 115%; font-weight: normal; left: 0; position: absolute; top: 45px; z-index: 3; width: 450px; } #feature h1.long { font-family: Helvetica, sans-serif; text-transform: uppercase; font-size: 36px; color: #000; line-height: 115%; font-weight: normal; left: 0; position: absolute; top: 45px; z-index: 3; } #feature h1 span {color: #E32644; } #feature h1 a {font-family: Helvetica, sans-serif; text-transform: uppercase; font-size: 36px; color: #E32644; line-height: 115%; font-weight: normal; } #feature h1 a:hover {text-decoration: underline;} #feature a:hover {color:#000;} .feature_container { height: 400px; overflow: hidden; position: relative; width: 980px; } .feature_container ul { left: 0; position: absolute; top: 0; width: 980px; } .feature_container ul li { height: 250px; display: block; padding: 225px 0 0 0; width: 325px;} .feature_content { width:980px; margin:auto;} .callout {float:left; width: 160px; padding: 30px 6px 10px 0; } .callout img {padding-bottom: 3px;} .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } #slider { position:relative; background:url(../images/loading.gif) no-repeat 50% 50%; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider .nivo-controlNav { position:absolute; left:47%; bottom:-18px; } #slider .nivo-controlNav a { display:block; width:10px; height:10px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } #slider .nivo-controlNav a.active { background-position:-10px 0; } /*--------------------------- Body Content ---------------------------*/ .content {margin-top: 50px; } .content h3 {font-weight: bold; font-size: 16px;} .content p {width: 325px; color:#4D5F6D; font-size: 16px; margin-bottom: 0px; padding-bottom: 0px;} #content_1 { width: 1100px;} #content_2, #content_3 { display:none; } #musicPlayer {float: left; min-height:0;} ul.services {list-style: square inside; color: #FFF; padding-right: 3px;} ul.services li { margin-bottom: 5px;} .wrapper {position:relative; padding:0;} .left img {float:left; padding-right: 10px;} .right {width: 380px; float: right;} #our_services {margin-top: 20px;} div.column_left { float:left; margin:0 20px 0 0; width:480px; } div.column_left2 { float:left; margin:0 20px 0 0; width:400px; } div.column_right { float:right; width:480px } div.column_right2 { float:right;} div.feature img { float: left; width: 495px; height: 350px; margin-right: 20px; } div.feature { float:left; height:350px; width: 100%; margin-bottom:20px; overflow:hidden; } div.person { float:left; margin-bottom:20px; padding: 10px; overflow:hidden; background-color:#111; } div.person:hover {background-color:#222; } div.person img {float: left; height: 140px; width: 140px; margin-right: 20px; } div.person .bio { float:left; margin:0 0 20px 0px; width:300px; } div.person .bio p { font-size: 13px; } #datacontent { width: 620px; min-height: 0;} #datacontent .panels { overflow: hidden; margin-bottom: 20px; min-height: 0; } #datacontent .panelsInner { overflow: hidden; } #datacontent img {float:left; padding-right: 10px;} #datacontent .navigation ul { margin: 0; display: block; overflow: hidden; min-height: 0; } #datacontent .navigation li { float: left; } #datacontent .navigation li a { outline: 0; display: block; background:none; color: #E32644; text-decoration: none; padding: 3px 8px; margin-right: 4px; border: 1px solid #333; font-weight: normal; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #datacontent .navigation li a.rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#444; color:#999; } #datacontent .navigation li a:hover { border-radius: 5px; color: #fff; background-color: #E32644; } #datacontent .navigation li a.selected { border: none; color: #fff; background-color: #E32644; } #datacontent ul { color:#FFF; margin: 0; padding: 5px; display: block; overflow: hidden; min-height: 0; margin-bottom: 10px; } /* #datacontent li a span {color:#333; font-size:21px; }*/ /* #datacontent ul.playlist { list-style: square inside; color: #FFF; padding-right: 3px; }*/ /*list-style-image: url(../images/icon_play.png) no-repeat 0px 50%)*/ /* #datacontent li a { display: block; padding: 2px 0px 0px 25px; margin-right: 4px; font-weight:bold; letter-spacing:1px; } #datacontent li a:hover { color: #00CCFF; } #datacontent li a.selected { background: #0084D3; } #datacontent .panels { overflow: hidden; } #datacontent .panelsInner { overflow: hidden; }*/ /*--------------------------- Music Page ---------------------------*/ #music #datacontent {float: left; width: 100%;} /*--------------------------- Beats Page ---------------------------*/ #beats #datacontent {float: left; width: 100%;} #beats #datacontent { border-bottom: 1px solid #333333;} /*--------------------------- Videos Page ---------------------------*/ #videos div.video {float: left; width: 980px; margin-bottom: 40px;} #videos a {font-size: 13px;} #videos div.video object {float: left; margin-right: 20px;} #videos .vids ul li{ float: left; margin-bottom: 50px;} #videos #slideshow { position:relative; height:350px; margin-bottom: 20px; } /*--------------------------- Photos Page ---------------------------*/ #images { height: 185px; width: 240px; padding:0; margin:0; overflow: hidden;} /* jQuery lightBox plugin - Gallery style */ #gallery { width: 100%; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery a img, #gallery a { border: none; overflow: hidden; float: left; } #gallery a:hover { border: 8px solid #FFF; } #gallery a:hover img { margin: -8px; } #datacontent2 {float: left; width: 100%;} #datacontent2 .panels { overflow: hidden; min-height:0px; } #datacontent2 .panelsInner { overflow: hidden; } #datacontent2 .navigation ul { list-style: none; margin: 0; display: block; } #datacontent2 .navigation li { float: left; } #datacontent2 .navigation li a { outline: 0; display: block; background: none; color: #E32644; text-decoration: none; padding: 3px 8px; margin-right: 4px; border-bottom: 1px solid #333333;font-weight: normal;} #datacontent2 .navigation li a:hover { color: #fff; border-bottom: 1px solid #FFF;} #datacontent2 .navigation li a.selected { border-bottom: 1px solid #333333; color: #fff;} #datacontent2 ul { list-style: none; margin: 0; padding: 0px; display: block; min-height:30px;} #datacontent2 li { float: left; } #datacontent2 li a { display: block; padding: 0px;margin-right: 0px;font-weight:bold; letter-spacing:1px; } #datacontent2 li a:hover { color: #00CCFF;} #datacontent2 li a.selected { background: #E32644;} #flickr {float: left; width: 100%; } /*--------------------------- Artists Page ---------------------------*/ #images { height: 185px; width: 240px; padding:0; margin:0; overflow: hidden;} #images img { border:none; } #artists a {font-size: 13px;} #artists img.padded {padding-bottom:25px;} #description {margin-bottom: 20px; min-height:0;} #videos {margin-bottom: 10px; min-height:0;} #artists #datacontent { width:500px; margin-bottom:25px;} #artists #slideshow { position:relative; height:350px; margin-bottom: 35px; } #artists #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #artists #slideshow IMG.active { z-index:10; opacity:1.0; } #artists #slideshow IMG.last-active { z-index:9; } /* Slideshow2 has the links*/ #artists #slideshow2 { position:relative; height:350px; margin-bottom: 20px;} #artists #slideshow2 DIV { position:absolute; top:0; left:0; z-index:8; height:350px; opacity:0.0; } #artists #slideshow2 DIV.active { z-index:10; opacity:1.0; } #artists #slideshow2 DIV.last-active {z-index:9; } #artists #slideshow2 DIV IMG { height: 350px; display: block; border: 0; margin-bottom: 10px; } /*--------------------------- Dead Arm ---------------------------*/ #artists #deadarm h1 {color: #99FF33;} #artists #deadarm h2 {color: #99FF33; font-size: 26px; margin-bottom: 25px;} #artists #deadarm h4 {color: #99FF33;} #artists #deadarm h6 {color: #99FF33;} #artists #deadarm #links a { color: #FFF; } #artists #deadarm #links a:hover { color: #99FF33; } #artists #deadarm #description a { color: #99FF33; } #artists #deadarm #datacontent li a:hover { color: #99FF33; } #artists #deadarm #datacontent li a.selected { background: #0084D3; } #artists #deadarm #datacontent h4 {color: #99FF33;} /*--------------------------- Caleesh ---------------------------*/ #artists #caleesh h1 {color: #EAAD1B;} #artists #caleesh h2 {color: #EAAD1B; font-size: 26px; margin-bottom: 25px;} #artists #caleesh h4 {color: #EAAD1B;} #artists #caleesh h6 {color: #EAAD1B;} #artists #caleesh #links a { color: #FFF; } #artists #caleesh #links a:hover { color: #EAAD1B; } #artists #caleesh #datacontent h4 {color: #EAAD1B;} #artists #caleesh #datacontent li a:hover { color: #EAAD1B; } #artists #caleesh #datacontent li a.selected { background: #EAAD1B; } /*--------------------------- Cleo ---------------------------*/ #artists #cleo h1 {color: #FF4F51;} #artists #cleo h2 {color: #FF4F51; font-size: 26px; margin-bottom: 25px;} #artists #cleo h4 {color: #FF4F51;} #artists #cleo h6 {color: #FF4F51;} #artists #cleo #links a { color: #FFF; } #artists #cleo #links a:hover { color: #FF4F51; } #artists #cleo #description a { color: #FF4F51; } #artists #cleo #description a:hover { color: #FFF; } #artists #cleo #datacontent h4 {color: #FF4F51;} #artists #cleo #datacontent li a:hover { color: #FF4F51; } #artists #cleo #datacontent li a.selected { background: #FF4F51; } /*--------------------------- Misa Misa ---------------------------*/ #artists #misamisa h1 {color: #D12424;} #artists #misamisa h2 {color: #D12424; font-size: 26px; margin-bottom: 25px;} #artists #misamisa h4 {color: #D12424;} #artists #misamisa h6 {color: #D12424;} #artists #misamisa #links a { color: #FFF; } #artists #misamisa #links a:hover { color: #D12424; } #artists #misamisa #description a { color: #D12424; } #artists #misamisa #description a:hover { color: #FFF; } #artists #misamisa #datacontent h4 {color: #D12424;} #artists #misamisa #datacontent li a:hover { color: #D12424; } #artists #misamisa #datacontent li a.selected { background: #D12424; } /*--------------------------- J. HARM ---------------------------*/ #artists #jharm h1 {color: #F67A00;} #artists #jharm h2 {color: #F67A00; font-size: 26px; margin-bottom: 25px;} #artists #jharm h4 {color: #F67A00;} #artists #jharm h6 {color: #F67A00;} #artists #jharm #links a { color: #FFF; } #artists #jharm #links a:hover { color: #F67A00; } #artists #jharm #description a { color: #F67A00; } #artists #jharm #description a:hover { color: #FFF; } #artists #jharm #datacontent h4 {color: #F67A00;} #artists #jharm #datacontent li a:hover { color: #F67A00; } #artists #jharm #datacontent li a.selected { background: #F67A00; } /*--------------------------- J. Esquire ---------------------------*/ #artists #jesquire h1 {color: #005ec2;} #artists #jesquire h2 {color: #005ec2; font-size: 26px; margin-bottom: 25px;} #artists #jesquire h4 {color: #005ec2;} #artists #jesquire h6 {color: #005ec2;} #artists #jesquire #links a { color: #FFF; } #artists #jesquire #links a:hover { color: #005ec2; } #artists #jesquire #description a { color: #005ec2; } #artists #jesquire #description a:hover { color: #FFF; } #artists #jesquire #datacontent h4 {color: #005ec2;} #artists #jesquire #datacontent li a:hover { color: #005ec2; } #artists #jesquire #datacontent li a.selected { background: #005ec2; } /*--------------------------- KB ---------------------------*/ #artists #kb h1 {color: #9BB758;} #artists #kb h2 {color: #9BB758; font-size: 26px; margin-bottom: 25px;} #artists #kb h4 {color: #9BB758;} #artists #kb h6 {color: #9BB758;} #artists #kb #links a { color: #FFF; } #artists #kb #links a:hover { color: #9BB758; } #artists #kb #description a { color: #9BB758; } #artists #kb #description a:hover { color: #FFF; } #artists #kb #datacontent h4 {color: #9BB758;} #artists #kb #datacontent li a:hover { color: #9BB758; } #artists #kb #datacontent li a.selected { background: #9BB758; } /*--------------------------- About Page ---------------------------*/ #about .right {width: 400px;} #about #our_services h3 {color:#FFF;} #about img.padded {padding-bottom:25px;} #about #description { margin-bottom: 45px;} #about .category { margin-bottom: 25px;} #about div.person { float:left; margin-bottom:20px; overflow:hidden; padding:10px 5PX 0 10px;} #about div.person img { float: left; height: 140px; width: 140px; margin-right: 20px; } #about div.person .bio { float:left; margin:0 0 20px 0px; width:215px; } #about div.person .bio p { font-size: 13px;} .slideshow_still { position:relative; height:425px; margin-bottom: 35px; } #slideshow { position:relative; height:425px; margin-bottom: 35px; } #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow IMG.active { z-index:10; opacity:1.0; } #slideshow IMG.last-active { z-index:9; } /*--------------------------- Work Page ---------------------------*/ /*#work div.video {float: left; width: 980px; margin-bottom: 40px;} #work div.video object {float: left; margin-right: 20px;} #work .vids ul li {float: left; margin-bottom: 50px;}*/ #work #slideshow { position:relative; height:350px; margin-bottom: 20px; } #work .work-content { float: left; margin-bottom: 20px;} #work h5 {font-size: 24px;} #work img {float: left; display:block;} #work .bio {float: left; background-color:#111; height: 310px; width: 260px; padding: 20px} #work img.padded {padding-bottom:25px;} #work #datacontent { width:500px; margin-bottom:25px;} #work #links {width:500px;} #work #slideshow { position:relative; height:350px; margin-bottom: 35px; } #work #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #work #slideshow IMG.active { z-index:10; opacity:1.0; } #work #slideshow IMG.last-active { z-index:9; } /* Slideshow2 has the links*/ #work #slideshow2 { position:relative; height:350px; margin-bottom: 20px;} #work #slideshow2 DIV { position:absolute; top:0; left:0; z-index:8; height:350px; opacity:0.0; } #work #slideshow2 DIV.active { z-index:10; opacity:1.0; } #work #slideshow2 DIV.last-active {z-index:9; } #work #slideshow2 DIV IMG { height: 350px; display: block; border: 0; margin-bottom: 10px; } /*--------------------------- Store Page ---------------------------*/ #store div.video {float: left; width: 980px; margin-bottom: 40px;} #store div.video object {float: left; margin-right: 20px;} #store .vids ul li {float: left; margin-bottom: 50px;} #store #slideshow { position:relative; height:350px; margin-bottom: 20px; } #store .work-content { float: left; margin-bottom: 20px;} #store h5 {font-size: 24px;} #store img {float: left; display:block;} #store .bio {float: left; background-color:#111; height: 310px; width: 260px; padding: 20px} /*--------------------------- Contact Page ---------------------------*/ #contact h3 {color: #FFF; margin-top: 20px; margin-bottom: 5px;} #contact h3 span {color: #999; margin-top: 20px; } #contact_info {width: 500px; float:left; margin-bottom: 40px;} #contact-area { width: 300px; height: 300px; float: left;} #contact-area label { color: #999; font-size: 14px;} #contact-area input, #contact-area textarea { background-color: #333; padding: 5px; width: 360px; font-family: Helvetica, sans-serif; font-size: 1.4em; margin: 0px 0px 10px 0px; border: none; color: #E32644; } #contact-area textarea { height: 90px; color: #fff; } #contact-area textarea:focus, #contact-area input:focus { color: #FFF;border: 1px #333333 solid;} #contact-area input.submit-button { float: left; color: #FFF; background-color: #E32644; font-size: 14px; width: 75px; padding: 3px 10px; } label { float: left; text-align: left; margin-right: 15px; width: 100px; padding: 5px 0 10px 0; font-size: 1.4em; color: #FFF; } /*--------------------------- Clients Page ---------------------------*/ #clients #datacontent {float: left; width: 100%;} /*--------------------------- Footer ---------------------------*/ #footer_container {width:100%; background-color: #111; min-height:0; border-top:1px solid #222;} #footer { width: 980px; margin: 0 auto; clear: both; color:#FFF; overflow: hidden; padding-top: 30px; background: url(../images/footer-bg.jpg?02052010) no-repeat;} #footer p span{font-style: normal; color: #666; font-family: Helvetica, sans-serif; font-size: 11px ; margin-top: 10px;} #footer h5 {font-size: 12px;} h5.twitter {background: url(../images/twitter-bird.png) no-repeat; padding:5px 0 5px 40px; margin-bottom:5px; font-size: 12px;} h5.twitter a {background-color: #E32644; color:#000; font-weight: normal; padding: 2px 10px; margin-left: 8px; font-size:11px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; } h5.twitter a:hover {background-color:#222; border: 1px solid #666;} #get-in-touch {float: left; border-bottom:1px solid #333333; margin-bottom:15px; width:295px;} #get-in-touch p {font-size:13px;} #get-in-touch p span {color:#FFF;} #get-in-touch p span.red {color:#E32644;} h5.blog {background: url(../images/tumblr-icon.jpg) no-repeat; padding:2px 0 5px 24px; margin-bottom:5px; font-size: 12px;} h5.blog a {color:#FFF;} h5.blog a:hover {color:#E32644;} h5.inTouch {margin-bottom:5px; font-size: 12px;} #footer #socialMedia {float: left; width: 295px;} #footer #socialMedia p {display:inline; padding-right: 10px;} #keep-in-touch { position: relative; margin-top:10px; padding: 3px; font-size:12px; } #keep-in-touch li { background: url(../images/social-media-icons.png) 0 0 no-repeat;; margin: 0; padding:0; list-style: none; height:21px; } #keep-in-touch li a { padding-left: 30px; padding-top:5px; margin-top:5px; display: block; width: 250px;} #keep-in-touch li#facebook { background-position: 0px 0px; width:21px; height:21px; display:block; } #keep-in-touch li#twitter { background-position: -21px 0px; width:21px; height:21px; display:block; } #keep-in-touch li#bandcamp { background-position: -42px 0px; width:21px; height:21px; display:block; } #keep-in-touch li#vimeo { background-position: -63px 0px; width:21px; height:21px; display:block; } #keep-in-touch li#flickr2 { background-position: -84px 0; width:21px; height:21px; display:block; } #keep-in-touch li#youtube { background-position: -105px 0; width:21px; height:21px; display:block; } #keep-in-touch li#facebook:hover { background-position: 0px -21px; } #keep-in-touch li#twitter:hover { background-position: -21px -21px; } #keep-in-touch li#bandcamp:hover { background-position: -42px -21px; } #keep-in-touch li#vimeo:hover { background-position: -63px -21px; } #keep-in-touch li#flickr2:hover { background-position: -84px -21px; } #keep-in-touch li#youtube:hover { background-position: -105px -21px; } #footer li {margin-bottom: 5px;} #footer li.email a {background: url(../images/email-icon.jpg) no-repeat; padding:0px 0 5px 30px; color:#999 ; } #footer li.email a:hover { color:#E32644; } #footer li.phone {background: url(../images/phone-icon.png) no-repeat; padding:0px 0 5px 30px;} #twitter_div{ width: 295px; float: left; padding: 0px; overflow: inherit; margin-right: 45px; } #twitter_div h2{ font-family: helvetica, arial, sans-serif; font-size: 15pt; color: #ff9900; } #twitter_div a{ font-family: helvetica, arial, sans-serif; color: #ffffff; text-decoration: none; } #twitter_div a:hover{ font-family: helvetica, arial, sans-serif; /*color: #000;*/ } #twitter_div ul{ list-style: none; } #twitter_div ul li{ font-family: helvetica, arial, sans-serif; font-size: 12px; text-decoration: none; color: #999; padding: 2px; line-height: 18px; margin-bottom: 10px; border-bottom:1px solid #333333; } #twitter_div ul li span a{ font-family: helvetica, arial, sans-serif; font-size: 12px; text-decoration: none; color: #E32644; } #twitter_div ul li span a:hover{ font-family: helvetica, arial, sans-serif; font-size: 12px; text-decoration: underline; color: #FFF; } #twitter_div ul li a{ color: #E32644; } #twitter_div ul li a:hover{ text-decoration: underline; color: #FFF; } #tumblr-container {float: left; width: 300px; margin-right: 45px;} .tumblr { list-style: none; margin-bottom: 1em; padding: 0; float: left; } .tumblr li { margin-bottom: 1em; border-bottom:1px solid #333333; min-height: 110px; color:#999; } .tumblr li object {width: 220px; height: 220px;} .tumblr li b { font-size: 12px; } .tumblr p { margin: 0; font-size: 12px; } .tumblr a { font-size: 12px; } .tumblr img { margin-right: 15px; float: left; } .tumblr em { display: block; margin-top: 0.2em; font-size: 12px; } .tumblr .tumblr-post-date{ display: block; font-size: 10px; color:#E32644; margin-bottom: 10px; } #flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#CCCCCC;} #flickr_badge_icon {display:block !important; margin:10px !important; } #flickr_icon_td {padding:5px;} .flickr_badge_image {text-align:center !important;} .flickr_badge_image img { margin-right:5px; padding: 5px; background-color:#111;} .flickr_badge_image img:hover { background-color:#FFF;} #flickr_www {display:block; padding:35px 10px 5px 0px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} #flickr_badge_wrapper {} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#CCCCCC !important;} /*--------------------------- Disqus Commenting* ---------------------------*/ .addthis_button {float: left; margin-top: 10px;} /*--------------------------- Mail Chimp Signup ---------------------------*/ #mc-embedded-subscribe-form {color:#FFF; font-size: 22px; font-family: 'Helvetica', 'Lucida Sans Unicode', sans-serif; font-weight: normal; padding-bottom:3px; margin-bottom: 15px;} /*.indicate-required {font-size:11px; font-family: Georgia, Times, Times, serif; font-style:italic; color:#666;}*/ div.mc-field-group {display: block; margin-bottom: 10px;} div.mc-field-group label {font-size:14px; color:#999; } div.mc-field-group input {background-color:#333; border:none; color:#E32644; padding:5px;} fieldset input.btn {border: none; background: #E32644 url(../images/arrow.png) no-repeat scroll 10px 50%; color: #FFF; text-decoration: none; text-transform: uppercase; font-size:13px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; padding:4px 15px 4px 25px; margin-bottom:10px;} fieldset input.btn:hover {background-color:#222; border: 1px solid #666;} .mce_inline_error {color: #0084D3; font-size: 13px; margin-bottom: 10px;} #mce-success-response {color: #0084D3; font-size: 13px; margin-bottom: 10px;} /* ui.tabs.css*/ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /*Images*/ .tabContent { width: 500px; height:380px; padding-top: 40px;} .tabContent img {float: left; display: block; border: 4px solid #FFF;} #fragment-1 {background: url(../images/featured/3sonsproductions3.png) no-repeat bottom right;} #fragment-2 {background: url(../images/featured/bossman.png) no-repeat top right;} #fragment-3 {background: url(../images/featured/snowpocalypse.png) no-repeat top right;} #fragment-4 {background: url(../images/featured/jharm.png) no-repeat top right;} #fragment-5 {background: url(../images/featured/despina-mathioudakis.png) no-repeat top right;} #fragment-6 {background: url(../images/featured/vise-grip-feature.png) no-repeat top right;} /* Skin */ .ui-tabs-nav, .ui-tabs-panel { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; } .ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 0px; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } #rotate {position:relative;} #rotate ul { position:absolute; top:0; left:0; border-bottom: 5px solid #E32644; width:500px; } .ui-tabs-nav li { float: left; margin: 0 2px 0 0; min-width: 20px; /* be nice to Opera */ } .ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 0px; /*background: url(tab.png) no-repeat;*/ } .ui-tabs-nav a { margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #666666; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ } .ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #000; } .ui-tabs-nav a span { width: 20px; /* IE 6 treats width as min-width */ min-width: 20px; height: 20px; /* IE 6 treats height as min-height */ min-height: 20px; padding-top: 6px; padding-right: 0; background-color:#FFF; } *>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; background-color:#E32644; color:#FFF; } .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -150px; } .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px; } .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px; } .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-panel { /* border-top: 5px solid #820d17; width:500px;*/ /*height: 375px;*/ /* padding: 1em 0px;*/ /*background: #fff;*/ /* declare background color for container to avoid distorted fonts in IE while fading */ } .ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; } /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }