/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ @import url("/css/jquery.lightbox-0.5.css"); .custom #header { border-bottom: none; padding: 0 0 2.2em; background: url('../images/WFheader201007.jpg') 0 0 no-repeat; height: 120px; width: 100%; } .custom #header #logo { display: none; } .jg-header-image { position: absolute; top: 0; right: 0; } .header_banner_ad { float: right; margin-top: 30px; margin-right: 20px; /* double margin fix for IE 6 */ display: inline; } .custom #content_box { background-image: none; } .custom .prev_next { border-top: none; } /* Sidebar additions */ .sidebar_banner_ad { width: 300px; margin: 0 auto 2.2em; } .custom #multimedia_box { background: transparent; margin-top: 2.2em; margin-bottom: 0; border-bottom: none; } .custom #image_box { background: transparent; padding: 0; border: none; } .custom .menu a { border-width: 1px; border-left-width: 0; } .custom .menu ul a { border-left-width: 1px; } #image_box img { margin: 0 auto; border: none; } #linkcat-2 { float: left; width: 50%; } #linkcat-265 { float: left; width: 50%; } #collapsible-archive { clear: both; } /* default search form with jg custom filter */ .hidden, .screen-reader-text, #nav_searchsubmit { display: none; } #nav_searchform { margin-top: 4px; } #nav_searchform #nav_s { padding: 1px; } /* sidebar tabs */ /*---:[ nav menu styles (from Thesis 1.5, carried over for sidebar tabs) ]:---*/ .ui-tabs .ui-tabs-nav { list-style: none; border: 1px solid #ddd; border-width: 0 0 1px 1px; } .ui-tabs .ui-tabs-nav li { margin-bottom: -0.1em; background: #efefef; border: 1px solid #ddd; border-left: 0; float: left; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0.1em; background: #fff; border-bottom: 0; } .ui-tabs .ui-tabs-nav li a { display: block; line-height: 1em; color: #111; text-transform: uppercase; letter-spacing: 2px; } ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; } ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; } /*---:[ jQuery UI tabs stuff ]:---*/ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* UI Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; } .ui-tabs .ui-tabs-nav li a { float: left; } .ui-tabs .ui-tabs-panel { display: block; border: 1px solid #ddd; border-top: none; background: none; padding: 1.1em; } .ui-tabs .ui-tabs-hide { display: none !important; } .custom ul.menu li, .custom .ui-tabs .ui-tabs-nav li { background-color: #efefef; border-bottom: 0; } .custom ul.menu li a, .custom .ui-tabs .ui-tabs-nav li a { font-size: 1em; padding: 0.545em 0.818em; } .custom ul.menu li:hover a { text-decoration: underline; background-color: #fff; } .custom ul.menu li.current:hover a { background-color: #fff; text-decoration: none; } .custom ul.menu li.current, .custom ul.menu li.current-cat, .custom ul.menu li.current_page_parent, .custom .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0.1em; border-bottom: 0; background-color: #fff; } .ui-tabs .ui-tabs-panel { background-color: #fff; } .custom ul.menu li.rss { background-color: #fff; } .custom ul.menu li.rss a { padding-right: 20px; } .custom ul.menu li.rss a.follow { background: url('../images/Twitter_Bird_Logo.jpg') right center no-repeat; padding-right: 20px; } .custom ul.menu li.current { padding-bottom: 0; } /* main nav subnavigation-- not in use */ #jg_subnav { list-style: none; background-color: #fff; border-bottom: 1px solid #ddd; margin-bottom: 1px; width: 100%; float: left; } #jg_subnav li { float: left; } #jg_subnav li.jg_subnav_space { font-size: 1.1em; padding: 0.545em 0; min-height: 1em; } #jg_subnav li.jg_sn_sp_l { border-left: 1px solid #ddd; } #jg_subnav li.jg_sn_sp_r { float: right; border-right: 1px solid #ddd; } #jg_subnav li a { display: block; line-height: 1em; color: #111; text-transform: uppercase; letter-spacing: 2px; font-size: 1.1em; padding: 0.545em 0.818em; } #jg_subnav li a:hover { text-decoration: underline; } p.restaurant-info { border: 1px solid #ddd; padding: 1em; height: 90px; } .custom #content { padding-bottom: 2.2em; } .custom #content_box { clear: both; border-top:1px solid #DDDDDD; margin-top: 1px; } .no-title .headline_area { display: none; } .no-title .post_box { padding-top: 0; } .hide-social-buttons ul.jg-social-buttons { display:none; } ul.jg-social-buttons { list-style: none; margin: 0.5em 0; float: right; height: 16px; } .jg-social-buttons li { float: left; line-height: 16px; margin: 0 10px; } .jg-social-buttons li a { margin: 0 5px; } .jg-social-buttons li img { float: left; } .custom .to_comments { clear: none; } #tabs-widget-list { margin-top: .7em; } .ui-tabs-nav li { cursor: pointer; } .custom .sidebar ul.sidebar_list { padding-top: 0; } .custom li.widget { margin-bottom: 1em; padding-top: 1em; } .custom li.widget.ui-tabs-panel { margin-bottom: 0; } .drop-shadow { background: url('../images/drop-shadow.gif') no-repeat bottom right; /*margin: 10px 1.571em 1.571em 10px !important;*/ margin: 10px 1.571em 0 10px !important; margin: 10px 1.571em 0 5px; } .drop-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #cacaca; top: -6px; left: -6px; padding: 10px; } .alignleft { float: left; } .alignright { float: right; } .clear { clear: both; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #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%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #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; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #mc_overlay { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; -moz-opacity: 0.8; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } /*\*/ * html #mc_overlay { position: absolute; } /**/ #mc_box { display: none; background-color: #fff; border: 3px double #000; position: fixed; z-index: 150; top: 50%; left: 50%; width: 400px; margin-left: -225px; margin-top: -165px; padding: 20px; background-image: url("../images/header.jpg"); background-position: center 30px ; background-repeat: no-repeat; padding-top: 140px; text-align: center; font-size: 50%\9; } /*\*/ * html #mc_box { position: absolute; } /**/ .textwidget #mc-embedded-subscribe-form, .textwidget p.newsletterwidget { text-align: center; margin-bottom: -5px; } #mc_box form { text-align: center; } #mc_box input, #mc_box label, #mc_box p, #mc_box select { display: block; margin: 5px auto; font-size: 1.4em; padding: 3px; } .ie #mc_box .radio { border: none; background-color: transparent; } #mc_box .text { width: 300px; margin: 10px auto; line-height: 1.5em; } #mc_box label{ margin:3px; padding:0; margin-left: 5px; } #mc_box .radio{ display: inline; clear: both; margin: 6px; } #mc_box small { position: absolute; top: 3px; right: 3px; display: block; color: gray; font-size: 1.4em; } .mc-field-group { width: 100%; } .mc_submit { clear: both; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; margin: 10px auto; font-size: 1.1em; padding: 0.4em 0.75em; color: #111; } .textwidget .mc_submit { font-size: 0.8em; margin-left: 20px; margin-bottom: 5px; } .textwidget #mce-EMAIL { width: 165px; margin-top: 11px; } .mc_submit:hover { background: white; } .response { clear: both; } div.mc_inline_error{ background-color: #ffcccc !important; margin: 10px !important; }