body { margin: 0; padding: 0; font-size: 75%; font-family: Arial, Helvetica, sans-serif; background: #e5e6da url(../images/bg.gif) 0px 90px repeat-x; background-attachment: fixed; }

h1 { font-size: 225%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 150%; }
p, .p { line-height: 125%; margin: 1ex 0; }
img { border: 0; }

a { color: #007aaa; text-decoration: none; }
a:hover { text-decoration: underline; }

/* layout container */
#container { width: 996px; margin: 0 auto; padding: 1px; position: relative; }

/* page header */
#branding { position: absolute; top: 0px; left: 1px; width: 956px; }
#branding .canvas_content { background-color: #363636; }
#leaderboard { padding: 4px 0; text-align: center; }
#leaderboard .advertisement { position: static; width: 728px; height: 90px; overflow: hidden; margin: 0 auto; padding: 2px; border: 0; }
#masthead { padding: 10px 0 1px 12px; height: 32px; color: white; }
#masthead a { color: white; text-decoration: none; }
#masthead a:hover { text-decoration: underline; }
#masthead h2, #masthead p, #small_ad { float: left; clear: none; margin: 0; }
#masthead p { font-size: 110%; font-weight: normal; color: #666; }
#masthead p.links { margin: 3px 15px; width: 381px; }
#masthead p.links a { margin: 0 0.5em; }
#masthead .search_input { width: 190px; padding: 4px; font-size: 100%; border: 1px solid #666; }
#masthead .btn { padding:3px 10px; border:1px solid #666; background: white url(../images/backlot-search-bg.gif) left bottom repeat-x; color: #007aaa; font-size: 100%; font-weight: bold; text-transform: capitalize; cursor: pointer; }
#small_ad { width:88px; height:31px; padding-left: 5px; vertical-align: top; }

/* backlot logo */
#dshbl_logo { position: absolute; top: 164px; left: 21px; width: 522px; height: 77px; padding: 24px; background-image: url(../images/bg-box-striped-dark.gif); }
#dshbl_logo h1, #dshbl_logo h2 { margin: 0; padding: 0; }
#dshbl_logo p { margin: 0; padding: 1ex 0.5em; text-align: center; font-weight: bold; }

/* content container */
#content { position: relative; margin-top: 144px; }
#content .canvas_content { color: #d3d3d3; background-color: #262f38; padding: 12px; width:956px; }
#more_content { margin-top: 12px; }

/* page footer */
#site_info { position: relative; margin-bottom: 12px; }
#site_info .canvas_content { background-color: white; padding: 12px; width:956px; }
#site_info .canvas_content * { line-height: 175%; font-size: 100%; margin: 0; }
#site_info h3 { float: left; width: 150px; color: #999; }
#site_info h3 img { vertical-align: bottom; }

/* content areas */
.main { width: 570px; margin-top: 137px; float: left; }
.sidebar { width: 350px; float: right; margin: 0; padding: 12px; background-color: #393f44; }
.sidebar .content { background: #393f44; padding: 2px 12px; }
#focus_area, #more_content { width: 956px; }
#focus_area .main { width: 678px; margin-top: 0; padding: 12px; color: white; background-color: #1a2127; }
#focus_area .sidebar { width: 230px; margin-top: 247px; padding: 0 8px 12px 12px; background-color: transparent; }
#more_content .main { margin-top: 0; }
#more_content .sidebar { width: 374px; padding: 0; background-color: transparent; }
#more_content .box_solid { margin: 0; padding-bottom: 0; }
#more_content .box_solid .advertisement { margin: 0; padding-top: 20px; border-color: #4d525f; }
#more_content .box_faded { height: 305px; }
#more_content .sidebar .box_faded, #more_content .box_solid { padding-top: 12px; }

.main h1, .main h2 { font-size: 167%; font-weight: normal; color: white; margin: 0 0 0.5ex 0; }
.main h3 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
#focus_area h1 { float: left; margin: 1ex 0.25em 0 0; }
#focus_area h2 { padding: 1ex; background: transparent url(../images/bg-heading-gray.gif) repeat-x; border: 1px solid #555; border-width: 1px 0; font-size: 120%; font-weight: bold; color: #ccc; }
#focus_area h3 { font-size: 100%; font-weight: normal; color: inherit; }
#more_content .main h2, .sidebar h2 { margin: 0 0 0.5ex 0; font-size: 220%; }
#more_content .main h3, .sidebar h3 { margin: 1.25ex 0 0.75ex 0; }
#more_content .main h2, #more_content .main h3, .sidebar h2, .sidebar h3,
#more_content .main h2 a, #more_content .main h3 a, .sidebar h2 a, .sidebar h3 a { padding: 0; color: #999; font-weight: normal; }

/* corner thing */
.corner { background: transparent url(../images/backlot-icons.gif) 14px -176px no-repeat; }

/* advertising */
.advertisement { text-align:center; position:relative; padding:15px 1.5em 20px 1.5em; border:1px solid #888; margin:2ex 0 1em 0; }
.advertisement .ad_heading { position:relative; width:100%; top:-2.85ex; text-align:center; }
.ad_heading span { background-color:#393f44; padding:5px; color:#888; font-size:80%; text-transform:uppercase; }
.ad_heading a { color:#888; font-weight:normal; }

/*  AdSense */
#adsense .text-ad-ent { text-align:left; font-size:95%; margin:2ex 0; }

/* Amazon prototype */
.amazon_ad { width:500px; margin:1.5em auto;}

/* canvas chrome */
.canvas_outer { background:url(../images/canvas-shadow-v.png) top left repeat-y; width:988px; padding-left: 8px; }
.canvas_inner { background:url(../images/canvas-shadow-v.png) top right repeat-y; width:980px; padding-right: 8px; }
.canvas_content { background:transparent; margin:0; padding:0; }
.canvas_bottom_left { background:url(../images/canvas-shadow-corners.png) -18px 0px no-repeat; }
.canvas_bottom_right { background:url(../images/canvas-shadow-corners.png) 988px 0px no-repeat; }
.canvas_bottom { background:url(../images/canvas-shadow-h.png) bottom left repeat-x; margin:0 8px; }
.canvas_top_left { background:url(../images/canvas-shadow-corners.png) -18px -17px no-repeat; }
.canvas_top_right { background:url(../images/canvas-shadow-corners.png) 988px -17px no-repeat; }
.canvas_top { background:url(../images/canvas-shadow-h.png) top left repeat-x; margin:0 8px; }
.canvas_bottom, .canvas_top { font-size:4px; }

/* vertical centering */
.vc_outer { display: table; margin: 0 auto; }
.vc_inner { display: table-cell; vertical-align: middle; }

/* boxes/modules */
.box_solid { position: relative; background: #393f44; }
.box_border { position: relative; border: 3px solid #393f44; }
.box_faded { position: relative; background: transparent url(../images/bg-box-faded-gray.gif) repeat-x !important; }
.box_striped { position: relative; background: transparent url(../images/bg-box-striped-gray.gif); }
.box_faded, .box_solid, .box_striped, .box_border { margin-bottom: 1em; padding: 8px 12px 12px 12px; }
.buttons { text-align: center; }

/* supporting elements */
.clear, .clear_left { clear: both; float: none; height: 1px; font-size: 1px; line-height: 1px; width: 100%; }
.clear_left { clear: left; }
hr { clear: both; float: none; width: 100%; height: 1px; line-height: 1px; border: 0; padding: 0; margin: 0; background: #e5e6da; color: #e5e6da; }
hr.clear { border: 1px solid #e5e6da; background: white; }

ul.half, ul.third, ul.quarter, ul.fifth { list-style: none; margin: auto 0; padding: 0; }
.half li, .half .column { float:left; width:50%; }
.third li, .third .column { float:left; width:33%; }
.quarter li, .quarter .column { float:left; width:25%; }
.fifth li, .fifth .column { float:left; width:20%; }
.row { clear: both; }
.row .column { float: left; }
.column li { float: none; width: auto; }
.column a { display: block; }
.column a.thumb { margin-bottom: 0.75ex; }

.fleft {float: left;}
.fright {float: right;}
.left { text-align: left; }
.right { text-align: right; }
.centered {text-align: center;}
.clear {clear: both;}

.dim { opacity: 0.25; filter: alpha(opacity=25); }

/* error display */
#errors { color: #c23030; }
#errors h2 { font-weight: bold; }
#errors ul { margin-left: 2em; font-size: 75%; }
.notice { background: #fff6bf; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; text-align: center; margin: 10px auto; padding: 5px 20px; }

/* modal windows */
#control_overlay { background-color: black; }
.modal_container { padding: 0; background-color: #eeefe7; color:#545454; border: 1px solid #666; overflow: auto; } 
.modal_container .modal_close img { margin: 1ex 0.5em 0 0.5em; }
#modal_wrapper { position: relative; width: 100%; clear: both; }
#modal_ad { width: 375px; float: left; text-align: center; }
#modal_ad .advertisement { width: 300px; margin: 30px auto; }
#modal_content { width: 350px; float: right; }
#modal_content .content { margin: 1ex; }

/* dark box */
.box_dark { margin-bottom: 1em; padding: 14px 18px 18px 18px; background-color: #262f38; border: 1px solid #474747; border-width: 1px 0; }
.box_dark .content { position: relative; margin: 0; padding: 0; border-top: 2px solid #33383e; background-color: transparent; }

/* backlot teaser box thing that I call explore */
#explore .content { font-size: 120%; }

/* bio */
#bio { margin: 1ex 3ex 3ex 3ex; }
#bio h1 { margin-top: 1ex; margin-bottom: 0.75ex; font-size: 250%; font-weight: normal; }
#bio p { font-size: 110%; line-height: 160%; margin: 2.5ex 0; }
#bio p img { margin: 1ex 1em; }
#bio p img.fleft { margin-left: 0; }
#bio p img.fright { margin-right: 0; }

/* tag cloud */
#tag_cloud ul { list-style-type: none; margin: 1ex 0; padding: 0; width: 50%; float: left; }
#tag_cloud li { margin: 1.25ex 1em 0 0; }
#tag_cloud li h3 { display: inline; margin: 0; padding: 0; font-size: 110%; font-weight: normal; }
#tag_cloud h3 a { color: #007aaa; }

/* entertainment module */
.top_headlines { list-style-type: none; margin: 0 auto 0 1em; padding: 0; color: #007aaa; }
.top_headlines li { text-indent: -0.9em; }
.top_headlines h3, #top_galleries h3, #index_thumbs h3 { margin: 0 !important; padding: 0 !important; }
.top_headlines a, #top_galleries a, #index_thumbs a { color: white; }
.topics .column { float: left; padding: 0.25ex; width: 101px; }

/* top galleries module */
#top_galleries .column { float: left; padding: 16px 16px 24px 16px; margin: 0 3px; background: transparent url(../images/bg-box-faded-gray-neg.gif) repeat-x; }
#top_galleries a.thumb, #index_thumbs a.thumb, #interstitial a.thumb { display: block; width: 140px; height: 110px; overflow: hidden; border: 2px solid #d3d2c8; }
#top_galleries h3 { width: 144px; }

/* landing page */
#backlot-landing #dshbl_logo { position: static; width: auto; height: auto; }
#backlot-landing .main { margin-top: 0; }
#backlot-landing .main h2 { margin-top: 2.5ex; }
#landing_content { width: auto; padding: 0; margin-top: 12px; margin-bottom: 1em; background-color: #1a2127; border: 1px solid #474747; border-width: 1px 0; }
#landing_content .feature { position: relative; border: 0; padding: 18px 24px 0 24px; }

.added { position: absolute; top: 16px; left: 24px; font-size: 90%; text-transform: uppercase; color: #bb8d04; }
.added .date { font-size: 167%; }
.lead_photo { width: 522px; height: auto; overflow: hidden; margin: 0; padding: 2px 0; border: 1px solid #474747; border-width: 1px 0; text-align: center; }
.lead_photo a { display: block; background-image: url(../images/bg-box-striped-dark.gif); }
.see_all { margin: 0; padding: 4px 0; border-bottom: 1px solid #474747; text-align: right; }

/* index page */
#backlot-index .main { width: 522px; padding: 24px; margin-bottom: 1em; background-color: #1a2127; border: 1px solid #474747; border-width: 1px 0; }

#alpha_nav { padding: 1.25ex 0; border:1px solid #474747; border-width: 1px 0; text-align: center; }
#alpha_nav * { font-weight: bold; margin: 0; }
#alpha_nav strong { color: #ccc; border-bottom: 1px solid #474747; }
#alpha_nav span { color: #474747; }

#index_thumbs { margin: 3ex 0; }
#index_thumbs .row .column { width: 144px; padding: 1.25ex 1.25em; }

#page_nav { text-align: right; }

/* galleries */
#backlot-gallery #dshbl_logo { left: 739px; width: auto; height: auto; padding: 25px; }

#photo_matte { position: relative; width: 678px; height: auto; overflow: hidden; text-align: center; background-image: url(../images/bg-box-striped-dark.gif); }
#preroll_overlay { visibility: hidden; position: absolute; top: 0px; left: 0px; z-index: 100; width: 678px; height:100%; background-color: black; opacity: 0.9; filter: alpha(opacity=90); }
#preroll_ad { visibility: hidden; position: absolute; top: 0px; left: 0px; z-index: 101; width: 678px; height:100%; text-align: center; }
#preroll_ad .ad_heading span { background-color: transparent; }
#preroll_doubleclick { padding-top: 50px; }

#photo_control, #byline { color: #999; }
#photo_control { margin: 1px 0; float: right; }
#photo_control span { vertical-align: middle; }
#photo_control a { margin-left: 1px; }
#photo_control img { vertical-align: middle; }
#byline { float: left; padding-top: 1.6ex; margin-bottom: 0; }
#byline span { color: #007aaa; }

.scroller_container { height: 50px; margin-top: 2.5ex; padding: 1px; background-color: #293035; }
#landing_content .scroller_container { margin-top: 0; }
.scroller_mask { position: relative; height: 50px; width: 640px; overflow: hidden; padding: 0 1px; }
#landing_content .scroller_mask { width: 484px; }
.scroller { position: relative; height: 50px; width: 1280px; }
.scroller .thumb { float: left; border: 1px solid #515252; margin-left: 1px; }
.scroller .thumb img { width: 61px; height: 48px; margin: 0; }
.gallery_previous img { background: transparent url(../images/arrow-scroller-prev-off.gif) left top no-repeat; }
.gallery_previous .active { background-image: url(../images/arrow-scroller-prev.gif); }
.gallery_next img { background: transparent url(../images/arrow-scroller-next-off.gif) left top no-repeat; }
.gallery_next .active { background-image: url(../images/arrow-scroller-next.gif); }
.thumb_preview { display: block; width: 144px; height: 121px; background: transparent url(../images/thumb-preview-bg.gif) center top no-repeat; text-align: center; vertical-align: middle; }
.thumb_preview img { margin: 2px; }

#tool_links, #keywords { list-style-type: none; margin: 2ex 0 3ex 0.25em; padding: 0; }
#tool_links li, #keywords li { margin: 1ex; }
#tool_links a, #keywords a { color: white; }
#tool_links a { padding-left: 20px; background: transparent url(../images/backlot-icons.gif) no-repeat; }

a#tool_fullsize { background-position: 0px 0px; }
a#tool_email { background-position: 0px -20px; }
a#tool_print { background-position: 0px -40px; }
a#tool_bookmark { background-position: 0px -60px; }
a#tool_subscribe { background-position: 0px -160px; }

a#tool_fullsize:hover { background-position: 0px -80px; }
a#tool_email:hover { background-position: 0px -100px; }
a#tool_print:hover { background-position: 0px -120px; }
a#tool_bookmark:hover { background-position: 0px -140px; }

#keywords .more_link { color: #007aaa; font-weight: bold; }

#more_content .sidebar .box_dark { border-bottom: 0; }

/* interstitial */
#interstitial { position: relative; width: 540px; min-height: 450px; padding: 0 69px; color: black; background-color: white; }
#interstitial .vc_outer { height: 450px; width: 100%; top: 0; margin: 0 auto; }
#interstitial .advertisement { float: left; width: 300px; margin-right: 12px; border-color: #e5e6da; }
#interstitial .advertisement .ad_heading span { background-color: white; color:#9a9a9a; }
#interstitial .next_up { float: left; width: 166px; padding: 12px 0; }
#interstitial h2 { color: #666; font-size: 167%; font-weight: normal; margin: 0; padding: 0 0 0.75ex 0; border: 0; background: none; }
#interstitial .more_link { font-weight: bold; }

/* hover links inserted by JS */
.overlay_prev, .overlay_next { position: absolute; top: 0px; display: block; }
.overlay_prev { left: 0px; text-align: left; }
.overlay_next { right: 0px; text-align: right; }
.overlay_prev:hover, #interstitial .overlay_prev { background: transparent url(../images/arrow-overlay-prev.png) 10px 180px no-repeat; }
.overlay_next:hover, #interstitial .overlay_next { background: transparent url(../images/arrow-overlay-next.png) 260px 180px no-repeat; }
#photo_matte .overlay_prev, #photo_matte .overlay_next { width: 50%; height: 100%; }
#interstitial .overlay_prev, #interstitial .overlay_next { width: 66px; height: 92px; background-position: left top; margin: 0 3px }
#interstitial .overlay_prev img, #interstitial .overlay_next img { width: 66px; height: 92px; }