@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - -
Title: screen styles
Version: 1.2
Author: Jason Duerr - jason@sandstrompartners.com
Modified: 2009-02-20
Modified: 2010-06-24 - Jade Faist
- - - - - - - - - - - - - - - - - - - - - */
/* @group global reset */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
/* @end global reset */
/* @group Globals */
html { background: #4b4b4b; }
body { background: #4b4b4b; font-family: Arial, Helvetica, sans-serif; }
/* @end Globals */
/* @group -Containers */
#outer-wrapper {
background: transparent url('../_img/bkg-pagetype.gif') no-repeat right 90px;
margin: 0 auto;
padding: 0;
position: relative;
width: 1020px;
}
#wrapper {
background: #fff;
margin: 20px 0 0;
padding: 20px 0 0;
position: relative;
width: 1000px;
}
#header { display: inline; float: left; width: 600px; }
#page {
background: #000;
height: 600px;
padding: 0;
margin: 0 20px;
width: 960px;
}
#primary-content {
background: url('../_img/bkg-black-tab.gif') no-repeat bottom right;
height: 600px;
position: absolute;
right: 20px;
width: 360px;
}
#footer {
background: #4b4b4b;
margin-top: 20px;
padding-top: 10px;
text-align: center;
}
#footer .copy {
float: left;
padding-left: 20px;
padding-top: 5px;
}
#footer .social {
float: right;
padding: 5px 15px;
}
#footer .social li {
float: left;
}
#footer .social li a {
background-position: center center;
background-repeat: no-repeat;
display: block;
opacity: 0.8;
padding: 0 0 5px 5px;
text-indent: -9999em;
width: 32px; height: 32px;
}
#footer .social li a:hover {
opacity: 1;
}
#footer .social li form {
color:#ffffff;
font-family:Arial;
font-size:12px;
font-weight: bold;
padding: 0 0 5px 5px;
}
#footer .social li form label {
display: block;
padding-bottom: 4px;
}
/*
*/
.delicious a { background-image: url('../_img/social/delicious.png'); }
.digg a { background-image: url('../_img/social/digg.png'); }
.facebook a { background-image: url('../_img/social/facebook.png'); }
.flickr a { background-image: url('../_img/social/flickr.png'); }
.google a { background-image: url('../_img/social/google.png'); }
.lastfm a { background-image: url('../_img/social/lastfm.png'); }
.linkedin a { background-image: url('../_img/social/linkedin.png'); }
.twitter a { background-image: url('../_img/social/twitter.png'); }
.vimeo a { background-image: url('../_img/social/vimeo.png'); }
.youtube a { background-image: url('../_img/social/youtube.png'); }
/* @end -Containers */
/* @group +Header */
/* @group Logo */
#logo {
background: transparent url('../_img/hdr-logo.gif') no-repeat 0 0;
display: block;
height: 24px;
position: absolute;
top: 35px;
left: 35px;
overflow: hidden;
width: 37px;
}
#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:focus {
display: block;
height: 24px;
text-indent: -9999px;
width: 37px;
}
/* @end Logo */
/* @group Nav */
#nav {
font-size: 16px;
font-weight: bold;
line-height: 16px;
position: absolute;
text-transform: uppercase;
top: 80px;
width: 570px;
}
#nav-photo-cats {
margin-bottom: 20px;
}
#nav-photo-cats li,
#nav-util li {
display: inline;
padding: 0;
width: 100%;
}
#nav-photo-cats li a:link,
#nav-photo-cats li a:visited {
color: #fff;
display: block;
background: transparent;
padding: 3px 15px;
text-decoration: none;
width: 540px;
}
#nav-util li a:link,
#nav-util li a:visited,
#who.derrin #nav-item-who,
#who.jay #nav-item-who,
#who.jeremy #nav-item-who,
#who.kasey #nav-item-who,
#who.michael #nav-item-who,
#who.muffy #nav-item-who,
#who.steve #nav-item-who {
color: #666;
display: block;
background: transparent;
padding: 3px 15px;
text-decoration: none;
width: 540px;
}
#nav-photo-cats li a:hover,
#nav-util li a:hover,
#photo.people #nav-item-people,
#photo.products #nav-item-products,
#photo.places #nav-item-places,
#photo.movement #nav-item-movement,
#photo.eat #nav-item-eat,
#photo.drink #nav-item-drink,
#photo.other #nav-item-other,
#contact #nav-item-contact, #nav-item-blog,
#who #nav-item-who,
#studio.history #nav-item-history,
#studio.links #nav-item-links,
#studio.service #nav-item-service,
#client #nav-item-client {
background: #000;
color: #799199;
text-decoration: none;
width: 100%;
}
#subnav-who li a:link,
#subnav-who li a:visited,
#subnav-studio li a:link,
#subnav-studio li a:visited {
color: #FFF;
display: block;
background: transparent;
font-size: 13px;
padding: 3px 15px;
text-decoration: none;
width: 100%;
}
#subnav-who li a:hover,
#who.derrin #nav-item-derrin,
#who.jay #nav-item-jay,
#who.jeremy #nav-item-jeremy,
#who.kasey #nav-item-kasey,
#who.michael #nav-item-michael,
#who.muffy #nav-item-muffy,
#who.steve #nav-item-steve,
#photo.derrin #nav-item-derrin,
#photo.jay #nav-item-jay,
#photo.jeremy #nav-item-jeremy,
#photo.kasey #nav-item-kasey,
#photo.michael #nav-item-michael,
#photo.muffy #nav-item-muffy,
#photo.steve #nav-item-steve,
#photo.how #nav-item-how,
#subnav-studio li a:hover,
.history #nav-item-history,
.links #nav-item-links,
#studio.how #nav-item-how,
.service #nav-item-service{
background: #000;
color: #799199;
text-decoration: none;
width: 100%;
}
#nav-photo-cats li a:hover,
#nav-util li a:hover,
#subnav-studio li a:hover,
#subnav-who li a:hover {
background: #111;
color: #799199;
}
/* @end Nav */
/* @end +Header */
/* @group -Footer */
#footer p { color: #222; font-size: 10px; text-align: center; }
/* @end -Footer */
/* @group +Pages */
#primary-content a:link,
#primary-content a:visited {
color: #ccbb77;
}
#primary-content a:hover {
color: #fff;
}
/* @group -Home */
#home #primary-content {
background: #000 url('../_img/bkg-black-tab.gif') no-repeat bottom right;
position: absolute;
top: 20px;
}
#home #bkg-rotation {
background: #333;
display: block;
height: 600px;
padding: 0;
position: relative;
width: 960px;
}
#home #bkg-rotation img {
left: 0;
position: absolute;
top: 0;
}
#home #logo, #home #nav { z-index: 10000; }
#home #primary-content h1 {
background: #000 url('../_img/polara-logo-home.png') no-repeat 0 0;
height: 82px;
margin: 78px auto 35px 73px;
top: 78px;
width: 206px;
}
#home #primary-content h1 a {
display: block;
height: 82px;
text-indent: -9999px;
width: 206px;
}
#home #primary-content p {
color: #666;
font-size: 12px;
line-height: 18px;
padding: 0 35px 18px 40px;
}
/* @end -Home */
/* @group -Photos */
#home #page {
background: #4b4b4b url('../_img/bkg-page-home.jpg') no-repeat 0 0;
}
#photo.drink #page {
background: #000 url('../_img/bkg-page-drink.jpg') no-repeat 0 0;
}
#photo.eat #page {
background: #000 url('../_img/bkg-page-eat.jpg') no-repeat 0 0;
}
#photo.movement #page {
background: #000 url('../_img/bkg-page-movement.jpg') no-repeat 0 0;
}
#photo.people #page {
background: #000 url('../_img/bkg-page-people.jpg') no-repeat 0 0;
}
#photo.places #page {
background: #000 url('../_img/bkg-page-places.jpg') no-repeat 0 0;
}
#photo.products #page {
background: #000 url('../_img/bkg-page-products.jpg') no-repeat 0 0;
}
#photo.other #page {
background: #000 url('../_img/bkg-page-other.jpg') no-repeat 0 0;
}
#photo.derrin #page {
background: #000 url('../_img/bkg-page-derrin.jpg') no-repeat 0 0;
}
#photo.jeremy #page {
background: #000 url('../_img/bkg-page-jeremy.jpg') no-repeat 0 0;
}
#photo.michael #page {
background: #000 url('../_img/bkg-page-michael.jpg') no-repeat 0 0;
}
#photo.steve #page {
background: #000 url('../_img/bkg-page-steve.jpg') no-repeat 0 0;
}
#photo.how #page {
background: #000 url('../_img/bkg-page-how.jpg') no-repeat 0 0;
}
#blog #page {
background: #000 url('../_img/bkg-page-how.jpg') no-repeat 0 0;
}
#photo #primary-content {
background: url('../_img/bkg-black-tab.gif') no-repeat bottom right;
height: 600px;
position: absolute;
right: 20px;
width: 705px;
}
#titletextproduct {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; overflow:hidden; height: 37px; width: 400px; }
#titletextproduct .keywording {line-height: 90%; vertical-align: top; float:right; display: inline; vertical-align: top; }
#titletextdrink {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; overflow:hidden; height: 37px; width: 510px; }
#titletextdrink .keywording {line-height: 90%; vertical-align: top; float:right; display: inline; vertical-align: top; }
#titletexteat {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; overflow:hidden; height: 37px; width: 575px; }
#titletexteat .keywording {line-height: 90%; vertical-align: top; float:right; display: inline; vertical-align: top; }
#titletexthow {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; overflow:hidden; height: 37px; width: 330px; }
#titletexthow .keywording {line-height: 90%; vertical-align: top; float:right; display: inline; vertical-align: top; }
#titletextmovement {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; overflow:hidden; height: 37px; width: 395px; }
#titletextmovement .keywording {line-height: 90%; vertical-align: top; float:right; display: inline; vertical-align: top; }
#titletextother {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; overflow:hidden; height: 37px; width: 505px; }
#titletextother .keywording {line-height: 90%; vertical-align: top; float:right; display: inline; vertical-align: top; }
#titletextpeople {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; overflow:hidden; height: 37px; width: 480px; }
#titletextpeople .keywording {line-height: 90%; vertical-align: top; float:right; display: inline; vertical-align: top; }
#titletextplaces {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; overflow:hidden; height: 37px; width: 480px; }
#titletextplaces .keywording {line-height: 90%; vertical-align: top; float:right; display: inline; vertical-align: top; }
#clearboth {clear: both;}
#photo #primary-content #thumbs {
background: #000;
height: 450px;
padding: 15px 0 0 15px;
position: relative;
right: 0;
top: 60px;
width: 690px;
}
#photo #primary-content h1{
color: #333;
font-size: 30px;
font-weight: normal;
height: 32px;
margin-bottom: 0;
padding-right: 5px;
text-indent: -9999px;
text-transform: uppercase;
vertical-align: top;
display: inline-block;
float: left;
vertical-align: top;
}
#photo.how #primary-content h1{
background: transparent url('../_img/h1-how.gif') no-repeat 0 0;
width: 334px;
}
#photo.drink #primary-content h1{
background: transparent url('../_img/h1-drink.gif') no-repeat 0 0;
width: 146px;
}
#photo.eat #primary-content h1{
background: transparent url('../_img/h1-eat.gif') no-repeat 0 0;
width: 80px;
}
#photo.places #primary-content h1{
background: transparent url('../_img/h1-places.gif') no-repeat 0 0;
width: 178px;
}
#photo.movement #primary-content h1{
background: transparent url('../_img/h1-movement.gif') no-repeat 0 0;
width: 262px;
}
#photo.people #primary-content h1{
background: transparent url('../_img/h1-people.gif') no-repeat 0 0;
width: 177px;
}
#photo.products #primary-content h1{
background: transparent url('../_img/h1-products.gif') no-repeat 0 0;
width: 249px;
}
#photo.other #primary-content h1{
background: transparent url('../_img/h1-other.gif') no-repeat 0 0;
width: 153px;
}
#photo.derrin #primary-content h1{
background: transparent url('../_img/h1-photos-derrin-battles.gif') no-repeat 0 0;
width: 404px;
}
#photo.jeremy #primary-content h1{
background: transparent url('../_img/h1-photos-jeremy-dunham.gif') no-repeat 0 0;
width: 411px;
}
#photo.michael #primary-content h1{
background: transparent url('../_img/h1-photos-michael-shay.gif') no-repeat 0 0;
width: 355px;
}
#photo.steve #primary-content h1{
background: transparent url('../_img/h1-photos-steve-cherry.gif') no-repeat 0 0;
width: 352px;
}
#photo #primary-content #thumbs ul li {
border: none;
display: inline;
float: left;
height: 120px;
margin: 0;
padding: 13px 15px 0 0;
width: 120px;
}
.scroll {
background: #000;
clear: left;
height: 405px;
overflow: auto;
overflow-x: hidden;
position: relative; /* fix for IE to respect overflow */
}
.scrollContainer .panel {
padding: 0;
height: 405px;
width: 690px;
}
.scrollCount {
bottom: -15px;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 14px;
position: absolute;
right: 10px;
text-align: center;
width: 320px;
}
.scrollButtons {
color: #666;
cursor: pointer;
font-size: 14px;
font-weight: bold;
line-height: 14px;
position: absolute;
text-transform: uppercase;
bottom: -15px;
width: 80px;
}
.scrollButtons.previous-link {
right: 265px;
}
.scrollButtons.next-link {
right: 30px;
text-align: right;
}
/* @end -Photos */
/* @group -Contact */
#contact #page {
background: #000 url('../_img/bkg-page-contact.jpg') no-repeat 0 0;
}
#contact #primary-content h1{
height: 1px;
text-indent: -9999px;
}
#contact #primary-content p.top {
color: #666;
font-size: 16px;
font-weight: bold;
line-height: 18px;
padding: 65px 35px 30px 40px;
text-transform: uppercase;
}
#contact #primary-content #newsletter {
padding: 15px 35px 30px 40px;
}
#contact #primary-content h2{
color: #799199;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}
#contacts {
margin-left: 40px;
}
#contacts li {
color: #ccc;
font-size: 10px;
font-weight: bold;
line-height: 12px;
padding-bottom: 12px;
text-transform: uppercase;
}
#contacts .title {
color: #799199;
}
#contacts a {
display: block;
height: 12px;
text-decoration: none;
text-transform: none;
}
#contacts a.email {
display: block;
height: 12px;
text-decoration: none;
text-transform: none;
}
#contacts .phone {
color: #666;
display: block;
height: 12px;
}
/* @end -Contact */
/* @group -Studio */
#studio #page {
background: #000 url('../_img/bkg-page-studio.jpg') no-repeat 0 0;
}
#studio #primary-content h1 {
height: 1px;
padding: 45px 0 0;
text-indent: -9999px;
}
#studio #primary-content h2 {
color: #666;
font-size: 16px;
font-weight: bold;
line-height: 18px;
padding: 0 35px 10px 40px;
margin-top: 20px;
text-transform: uppercase;
}
#studio #primary-content p {
color: #fff;
font-size: 11px;
line-height: 18px;
margin-right: 50px;
margin-left: 40px;
padding-bottom: 18px;
}
#studio .links {
margin-left: 40px;
}
#studio .links li {
color: #ccc;
font-size: 10px;
font-weight: bold;
line-height: 15px;
padding-bottom: 0;
text-transform: uppercase;
}
#studio .links a {
height: 15px;
text-decoration: none;
text-transform: none;
}
#studio.how #primary-content ul {
list-style-type: square;
list-style-position: inside;
margin-bottom: 15px;
margin-left: 50px;
}
#studio.how #primary-content li {
color: #CCBB77;
font-size: 10px;
font-weight: normal;
line-height: 15px;
padding-bottom: 0;
}
/* @end -Studio */
/* @group -Client */
#client #page {
background: #000 url('../_img/bkg-page-studio.jpg') no-repeat 0 0;
}
#client #primary-content h1{
height: 1px;
padding: 45px 0 0;
text-indent: -9999px;
}
#client #primary-content h2 {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 18px;
padding: 0 35px 10px 40px;
margin-top: 20px;
text-transform: uppercase;
}
#client #primary-content p {
color: #fff;
font-size: 11px;
line-height: 12px;
margin-right: 60px;
margin-left: 40px;
}
#client #primary-content table {
color: #fff;
padding: 10px 0 0;
font-size: 11px;
line-height: 12px;
margin-right: 60px;
margin-left: 40px;
}
#client #primary-content table td {
padding: 3px;
}
/* @end -Client */
/* @group -who */
#who #page {
background: #000 url('../_img/bkg-page-who.jpg') no-repeat 0 0;
}
#who.derrin #page {
background: #000 url('../_img/bkg-page-derrin.jpg') no-repeat 0 0;
}
#who.jay #page {
background: #000 url('../_img/bkg-page-jay.jpg') no-repeat 0 0;
}
#who.kasey #page {
background: #000 url('../_img/bkg-page-kasey.jpg') no-repeat 0 0;
}
#who.jeremy #page {
background: #000 url('../_img/bkg-page-jeremy.jpg') no-repeat 0 0;
}
#who.michael #page {
background: #000 url('../_img/bkg-page-michael.jpg') no-repeat 0 0;
}
#who.muffy #page {
background: #000 url('../_img/bkg-page-muffy.jpg') no-repeat 0 0;
}
#who.steve #page {
background: #000 url('../_img/bkg-page-steve.jpg') no-repeat 0 0;
}
#who #primary-content {
background: url('../_img/bkg-black-tab.gif') no-repeat bottom right;
height: 600px;
position: absolute;
right: 20px;
width: 765px;
}
#who.index #primary-content {
width: 360px;
}
#who #primary-content #bio {
background: transparent;
height: 335px;
padding: 0 3px 0 205px;
position: relative;
right: 0;
top: 195px;
width: 560px;
}
#who #primary-content #bio-copy {
color: #666;
left: 450px;
position: absolute;
top: 20px;
width: 290px;
}
#who #primary-content h1{
color: #666;
font-size: 20px;
font-weight: bold;
height: 21px;
margin-bottom: 12px;
text-indent: -9999px;
text-transform: uppercase;
width: 280px;
}
#who.derrin #primary-content h1{
background: transparent url('../_img/h1-bio-derrin-battles.gif') no-repeat 0 0;
}
#who.jay #primary-content h1{
background: transparent url('../_img/h1-bio-jay-lawrence.gif') no-repeat 0 0;
}
#who.jeremy #primary-content h1{
background: transparent url('../_img/h1-bio-jeremy-dunham.gif') no-repeat 0 0;
}
#who.kasey #primary-content h1{
background: transparent url('../_img/h1-bio-kasey-huber.gif') no-repeat 0 0;
}
#who.michael #primary-content h1{
background: transparent url('../_img/h1-bio-michael-shay.gif') no-repeat 0 0;
}
#who.muffy #primary-content h1{
background: transparent url('../_img/h1-bio-muffy-kruger.gif') no-repeat 0 0;
}
#who.steve #primary-content h1{
background: transparent url('../_img/h1-bio-steve-cherry.gif') no-repeat 0 0;
}
#who #primary-content h2{
color: #799199;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}
#who #primary-content p {
font-size: 12px;
line-height: 18px;
padding-bottom: 20px;
}
#primary-content a.view-gallery {
background: #4b4b4b;
color: #fff;
padding: 8px 7px 5px;
font-size: 11px;
line-height: 11px;
text-decoration: none;
text-transform: uppercase;
}
#primary-content a.view-gallery:hover {
background: #1e1e1e;
color: #799199;
}
#who.index #primary-content h1 {
height: 1px;
padding: 45px 0 0;
text-indent: -9999px;
}
#who.index #primary-content h2 {
color: #666;
font-size: 16px;
font-weight: bold;
line-height: 18px;
padding: 0 35px 10px 40px;
margin-top: 20px;
text-transform: uppercase;
}
#who.index #primary-content p {
color: #fff;
font-size: 11px;
line-height: 18px;
margin-right: 50px;
margin-left: 40px;
padding-bottom: 18px;
}
#who.index .staff {
margin-left: 40px;
}
/* @end -who */
/* @end +Pages */
/* @group Utility */
.hidden {
display:none;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.clear {
clear: both;
}
/* @end Utility */
