@media screen { body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, input{ margin: 0; padding: 0; } body{ font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; text-align: center; vertical-align: top; background: #000 url(/wp-content/themes/gluttony/images/bg_body.gif) repeat-x; color: #ccc; } form, input, textarea, table{ font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; } h1, h2, h3, h4, h5, h6{ font-family: arial, helvetica, sans-serif; } h2, h3{ font-size: 16px; } a{ text-decoration: underline; color: #fff; } a:hover{ text-decoration: none; } a img{ border: 0; } address, dl, p{ padding: 10px 0 5px; } blockquote{ margin: 10px 0 0; background: #f5f5f5; } blockquote p{ padding: 10px; } blockquote blockquote{ margin: 0 10px; background: #fff; } img.centered{ display: block; margin-left: auto; margin-right: auto; } img.alignleft{ margin: 3px 10px 2px 0;} img.alignright{ margin: 3px 0 2px 10px;} img.alignleft, img.alignright{ padding: 9px; border: 1px solid #eee; display: inline; } p img{max-width: 100%;width: expression(this.width > 560 ? 560: true);} small{ font-size: 11px; } .alignleft{float: left;} .alignright{float: right;} .clear{margin: 0; padding: 0; clear: both;} .tl, .tr, .bl, .br{ width: 10px; height: 10px; overflow: hidden; } .tl, .bl{float: left; clear: left;} .tr, .br{float: right; clear: right;} #wrapper{margin: 0 auto; width: 830px;} #container{ float: left; width: 830px; margin: 10px 0 0; text-align: left; background: #555 url(/wp-content/themes/gluttony/images/bg_container.gif) repeat-x; } .maincolumn{ float: left; width: 620px; margin: 10px 0 0 10px; background: url(/wp-content/themes/gluttony/images/bg_maincolumn.gif) no-repeat left bottom; display: inline; } #menu{ float: left; width: 620px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; } #menu ul{ list-style-type: none; margin: 0; padding: 0; } #menu ul li{ float: left; margin: 0 1px 0 0; height: 29px; overflow: hidden; background: url(/wp-content/themes/gluttony/images/bg_tab_right.gif) no-repeat right top; display: inline; } #menu ul li a{ display: block; padding: 8px 10px 10px; text-decoration: none; background: url(/wp-content/themes/gluttony/images/bg_tab_left.gif) no-repeat; } #menu ul li a:hover{ text-decoration: underline; } #menu ul li span.feed{ padding: 0 17px 0 0; background: url(/wp-content/themes/gluttony/images/feed.gif) no-repeat right top; } #menu ul li.current_page_item{ background: #fff url(/wp-content/themes/gluttony/images/bg_tab_current_right.gif) no-repeat right top; } #menu ul li.current_page_item a{ background: url(/wp-content/themes/gluttony/images/bg_tab_current_left.gif) no-repeat; color: #000; } #content{ float: left; width: 620px; margin: 0 0 10px; background: #fff url(/wp-content/themes/gluttony/images/bg_content.gif) no-repeat right top; color: #000; } #banner{ float: left; width: 600px; height: 150px; overflow: hidden; margin: 10px 10px 9px; display: inline; background: #666; color: #fff; } .post{ margin: 0 10px; } .entry-head, .entry-wrap{ margin: 1px 0 0; } .entry-head{ background: #eee url(/wp-content/themes/gluttony/images/bg_entry_head.gif) no-repeat left bottom; color: #666; } .entry-head h2{ padding: 10px; background: url(/wp-content/themes/gluttony/images/bg_entry_title.gif) no-repeat } .entry-head h2 a{text-decoration: none; color: #666;} .entry-head h2 a:hover{color: #000;} .entry-date{ padding: 0 0 0 10px; font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; position: relative; } .entry-wrap{ background: url(/wp-content/themes/gluttony/images/bg_entry_wrap.gif); } .entry-wrap .rc{ height: 14px; overflow: hidden; background: url(/wp-content/themes/gluttony/images/bg_entry_rc_bottom.gif) left bottom; } .entry-content{ padding: 3px 20px 0; line-height: 24px; background: url(/wp-content/themes/gluttony/images/bg_entry_rc_top.gif) no-repeat; } .entry-content a{ color: #000; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{ padding: 10px 0 0; font-size: 14px; } .entry-content h5{font-size: 11px;} .entry-content h6{font-size: 10px;} .entry-meta{ padding: 10px 0 0; font-family: arial, helvetica, sans-serif; } .entry-meta a{ font-weight: bold; } .navigation{ padding: 15px 20px 5px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px; } .navigation a{color: #000;} .sidebar{ float: left; width: 180px; margin: 0 0 0 10px; font-family: arial, helvetica, sans-serif; display: inline; } .sidebar ul{ list-style-type: none; margin: 0; padding: 0; font-size: 11px; } .sidebar ul a{ font-weight: bold; } .sidebar ul li{ margin: 10px 0 0; } .sidebar ul li#search form{ height: 29px; overflow: hidden; background: url(/wp-content/themes/gluttony/images/bg_searchform.png) ; } .sidebar ul li#search form input#s{ margin: 7px 10px 0 30px; border: 0; font-family: arial, helvetica, sans-serif; background-color: transparent; color: #fff; } .sidebar ul li h3{ padding: 7px 10px; font-size: 11px; text-transform: uppercase; color: #ccc; background: #333 url(/wp-content/themes/gluttony/images/bg_sidebar_title.gif) no-repeat; } .sidebar ul ul{ padding: 0 10px 10px; line-height: 18px; background: #404040 url(/wp-content/themes/gluttony/images/bg_sidebar_block.gif) no-repeat left bottom; } .sidebar ul ul li{ margin: 0; padding: 3px 0 0; } .sidebar ul ul ul{ padding: 0 10px 0; background-color: transparent; background-image: none; }  #calendar_wrap{ padding: 10px; background: #404040 url(/wp-content/themes/gluttony/images/bg_sidebar_block.gif) no-repeat left bottom; } #calendar_wrap table{ width: 100%; } #calendar_wrap th, #calendar_wrap table td{ padding: 3px 0; }  #comments h3{ margin: 10px 0 0; padding: 7px 10px; background: #f5f5f5; } ol.commentlist{ list-style-type: none; margin: 0; padding: 0; } ol.commentlist li .comment-entry{ margin: 10px 0 0; border: 1px solid #eee; padding: 3px 10px 0; line-height: 24px; } #commentform{ margin: 0 0 7px; padding: 0 10px 6px; border-top: 1px solid #fff; background: #eee; } #footer{ float: left; width: 830px; font-family: arial, helvetica, sans-serif; font-size: 11px; text-align: center; background: url(/wp-content/themes/gluttony/images/bg_footer.gif) no-repeat; } #footer p{ line-height: 18px; padding: 30px 20px 20px; } #footer a{ text-decoration: none; } #footer a:hover{ text-decoration: underline; } } @media screen { #gb_form_div { text-align : left; width : 460px; } #gb_form { text-align : left; background-color : #fff; } #gb_form_div a { color : blue; } #gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active { color : #147; text-decoration : underline; } #gb_form fieldset { border : 0; margin-top : 10px; } #gb_form legend, #gb_form dt { font-weight : bold; color : #666; } #gb_form legend { margin-left : -10px; } #gb_form legend#mainlegend { font-size : 1.2em; color : #14568a; margin-left : -10px; } #gb_form legend#mainlegend small { font-size : .7em; text-transform : uppercase; } #gb_form_div .main_formhead { font-size : 1.4em; } #gb_form label { color : #14568a; margin-top : 5px; } #gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox { font : 1em 'lucida grande', verdana, arial, sans-serif; color : #000; padding : 4px; border : 1px solid #6da6d1; background-color : #f9f9f9; line-height : 1.5em; width : 300px; } #gb_form input.short { width : 45px; } #gb_form textarea.textbox { width : 400px; } #gb_form select.med { width : 250px; } #gb_form input.checkbox { padding : 0; } #gb_form label input.checkbox { margin : 0; } * html input.button { color : #000; padding : 4px; border : 1px solid #6da6d1; background-color : #f9f9f9; }  #gb_form input.short:hover, #gb_form input.short:hover, #gb_form input.med:hover, #gb_form input.med:focus, #gb_form select.med:hover, #gb_form select.med:focus, #gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, #gb_form input.short.hover, #gb_form input.short.focus, #gb_form input.med.hover, #gb_form input.med.focus, #gb_form select.med.hover, #gb_form select.med.focus, #gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus { color : #444; padding : 4px; border : 1px solid #000; background-color : #fff; } input.button { margin-top : 10px; } span.error, span.success, #gb_form_div dt { color : #cd0000; font-weight : bold; } #gb_form_div dt small, span.success, dl#result_dl_blockq dt { color : green; } small.whythis, small.whythis a { font-size : .9em; } #gb_form small.whythis a span { font-size : .9em; color : #fff; border : 1px solid #fff; padding : 0 3px 0 3px; } #gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active { text-decoration : none; color : #000; } #gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span { border : 1px solid #000; background-color : yellow; color : #000; font-weight : bold; } p.creditline small { display : block; text-align : right; margin : 5px 0; font-size : .7em; letter-spacing : .0001em; color : #666; }  .abbr { cursor : help; border-bottom : 1px dashed #999; } dl#result_dl_blockq blockquote { margin-left : 0; } dl#result_dl_blockq blockquote p cite { display : block; text-align : right; } #gb_form_div span.items { font-weight : bold; color : #14568a; }  } @media screen {#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } }