@charset "UTF-8";

/*  GENERAL STYLES
---------------------------------------------------------- */
body#home { background:black; color:white; font:11px Trebuchet, "Trebuchet MS", Arial, Helvetica, Verdana; text-align:center; border:0; margin:0; padding:0;}  
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; }
#header h1 { float:left; width:387px; margin:0; height:60px; line-height:60px; padding:0 0 8px 21px; }
#home h2 { background:url(../images/rounded-corners.jpg) no-repeat top left; font-size:1.1em; font-weight:normal; height:32px; letter-spacing:1px; line-height:32px; margin:0; margin-bottom:22px; text-transform:uppercase; padding-left:16px; text-align:left; }
#home h3 { font-size:2.1em; font-weight:bold; margin:0; padding:0; text-transform:uppercase;}
#home h4 { margin:0; padding:0; padding-bottom:1em; text-transform:uppercase; }
#wrapper p { line-height:1.5em; margin:0; padding:0; margin-bottom:1.3em; }
.clearing { clear:both; }
#secondary li span.new { color:#EF1A1A; padding-right:2px; }
#header h1 a:hover { border-bottom:0; }

#home a:link, #home a:visited { text-decoration:none; }
#home a:hover { color:#F3D559; border-bottom:1px dotted #ccc; text-decoration:none; }
#home a.nohover:hover { border-bottom:0; }
#home img { border:0; }


/*  STRUCTURE
---------------------------------------------------------- */
#frame { background:url(../images/frame_border.gif) repeat-y top left; text-align:center; width:774px; margin:0 auto; }
#wrapper { width:730px; margin:0 auto; text-align:left; }
#header { font-family:Trebuchet, "Trebuchet MS", Arial, Helvetica, Verdana; font-size:11px; padding-top:40px; width:774px; margin:0 auto; padding-left:3px;}
#home #header { padding-left:0; }
#header * { border:0; margin:0; padding:0;}
#header-right { float:right; padding-right:21px; width:300px; text-align:right;color:white; }
#footer { background:url(../images/bg_footer.gif) repeat-x top left; text-align:right; margin:0 auto; padding-top:20px; width:774px; }
#footer, #footer a:link, #footer a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#808080; text-decoration:underline; }


/* NAVIGATION 
---------------------------------------------------------- */
#account { float:right; padding-top:40px; text-align:right; padding-right:0; width:300px; }
#home #account { padding-right:21px; }
#account li { border-right:1px solid #ccc; display:inline; padding:0 6px; width:auto; }
#account li.last { padding-right:0; border-right:0; }
#account a:link, #account a:visited { font-family:Trebuchet, "Trebuchet MS", Arial, Helvetica, Verdana; color:#ccc; text-decoration:none;}
#account a:hover { color:#F3D559; border-bottom:0; }
#header-right { float:right; display:inline; margin-right:21px; line-height:1; padding:0; }
#header-right #account {  float:none; padding-top:27px; }

#main-nav { background:url(../images/top-774w-header.jpg) no-repeat 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0.4px; text-align:left; width:769px; padding:5px 5px 0 0; } /* contains both primary and secondary navs */
ul#primary { line-height:32px; margin-left:14px; text-transform:uppercase; }
ul#primary li { border-right:1px solid #ccc; padding:0 9px 0 8px; display:inline; }
ul#primary li.last { border-right:0; padding-right:0;   }
ul#primary li a:link, ul#primary li a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; text-decoration:none; }

ul#primary li a:hover { color:#F3D559; }

#secondary { background:url(../images/top-horiz-gradient.jpg) repeat-x top left; height:26px; line-height:26px; text-align:right; width:774px; }
#secondary ul#subnav { float:left; display:inline; width:500px;}
#secondary ul#search-nav { float:right; display:inline; margin:0; padding-right:20px; }
#secondary li { display:inline; margin-left:5px;    }
#secondary li span { color:#666; padding:0 0 0 5px;    }



#secondary a:link,  #secondary a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ccc; text-decoration:underline; }
#secondary a:hover { border-bottom:0; color:white; text-decoration:none; }



/* BUTTONS 
---------------------------------------------------------- */
div.button { background:url(../images/btn-endcap.gif) no-repeat center right; float:left; display:inline; margin-right:20px; margin-bottom:10px;padding:8px 15px 8px 0; }
div.button a:link, div.button a:visited { background:url(../images/btn-bg.gif) no-repeat center left; color:white; font-family:Arial, Helvetica, sans-serif; padding:8px 0 8px 15px; text-transform:uppercase; }
div.cart a:link, div.cart a:visited { background:url(../images/btn-bg-cart.gif) no-repeat center left; padding-left:40px; }
#home div.button a:hover { color:#F3D559; border-bottom:0;  }


/* HOMEPAGE
---------------------------------------------------------- */
h3 a:link, h3 a:visited { color:white; text-decoration:none; }
#featured, #video-gallery { background:#191919 url(../images/bottom-730w.gif) no-repeat bottom left; margin-top:10px; width:730px;}
#featured { margin-bottom:10px; }
#featured .featured-img { display:inline; float:left; margin:0 25px 0 32px; }
#featured .featured-content { float:left; width:530px;}
#featured .featured-content a { color:#F3D559; }
#featured h2, #video-gallery h2 { background:#191919 url(../images/top-730w-header.jpg) no-repeat top left;width:714px; }
#video-gallery { padding-bottom:15px; margin-bottom:10px; text-align:center; }
#prints { background:#191919 url(../images/bottom-415w.gif) no-repeat bottom left; display:inline; float:left; margin-right:9px; margin-bottom:15px;width:415px; }
#prints h2 { background:url(../images/top-415w.jpg) no-repeat top left; width:399px;  }
#books { background:#191919 url(../images/bottom-306w.gif) no-repeat bottom left; float:left; display:inline; width:306px;  }
#books h2 { background:url(../images/top-306w.jpg) no-repeat top left; width:290px;}
#prints .featured-img, #books .featured-img { float:left; margin:0 20px 40px 20px; }
#prints .featured-content { float:left; width:225px; }
#books .featured-content { float:left; width:140px; }


/* PRODUCTION PAGE
---------------------------------------------------------- */
#production table { font:11px Verdana, Arial, Helvetica, sans-serif; }
#production h2 { font-size:13px; font-weight:bold; }
#production h3 { font-size:19px; margin:0; }
#production h3.tagline { font-size:14px; font-weight:normal;}
#production h4 { margin-bottom:0;}
#production p { line-height:14px; margin:0; margin-bottom:13px; }
#production blockquote { background:url(/assets/images/lquote.gif) no-repeat; color:#793907; font:italic 14px Georgia, serif; margin: 10px 0 8px -20px; padding: 1px 0 8px 20px; } 
#production blockquote p { line-height:20px; margin:0; }

cite { display:inline; color:#666; float:right; font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; text-align:right; }
cite span { font-size:10px; font-weight:bold; text-transform:uppercase; }
div.slideshow { float:left; padding-right:35px; width:250px;}
div.summary { float:left; padding-bottom:10px; width:385px; }
div.horizline { border-top:1px dotted #ccc; clear:both; padding-top:20px; }


/* FORMS
---------------------------------------------------------- */
#main-nav input { font:11px Arial, Verdana Helvetica, sans-serif; }
#main-nav #search { float:right; padding-top:6px;width:200px; margin-right:15px; text-align:right; }
#main-nav #search #query { background:white url(../images/icon-search.gif) no-repeat 3px 1px; color:#999; font-weight:bold; padding:3px 5px 2px 23px; vertical-align:middle;  border:0; margin:0; }
#main-nav #search #submit { background:#AB0505; color:white; height:19px; line-height:19px; padding:0 4px; vertical-align:middle; }
#main-nav fieldset { border:solid 0 #fff; } /* Opera doesn't get border:none or border:0 on fieldsets */
