/*
Theme Name: P. Brennan's
Description: P. Brennan's Theme
Version: 1.0
Author: Chris DeOrzio
*/

/* @group clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* @end */

body { background: url(assets/images/bg.jpg) top left repeat-x #A7937A; }
.clear { clear: both; }
a, a:visited, a:active { outline: none; color: #302576; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
p { margin-bottom: 15px; }
p.last { margin-bottom: 0; }
.js-error { text-align: center; color: #c00; font-weight: bold; }
.white { color: #fff; }
.bluebold { font-weight: bold; color: #302576; }

h1 { background: url(assets/images/bg-h1.gif) no-repeat; padding: 7px 0 6px 0; margin: 20px 0; font-size: 12px; color: #302576; text-align: center; }

/*===================== STRUCTURE ==========================*/
#container { position: relative; width: 955px; margin: 0 auto; font: 14px arial, helvetica, sans-serif; color: #666; font-size: 11px; }
#container #slideshow { position: absolute; z-index: 0; top: 100px; left: 0; width: 945px; height: 410px; border: 5px solid #fff; }
#container #slideshow .slideshow-photo {  }
#container #slideshow .photo { width: 945px; height: 410px; }
#container #logo { position: absolute; z-index: 999; top: 10px; left: 20px; width: 235px; height: 240px; border: 5px solid #fff; }
#container #subpage-photo { position: absolute; z-index: 0; top: 100px; left: 0; width: 945px; height: 340px; border: 5px solid #fff; }
#container .main-photo { width: 945px; height: 340px; }
#container #nav-container { position: absolute; z-index: 888; top: 80px; right: 20px; width: 644px; height: 34px; border: 3px solid #fff; }
#container #nav-container .interior { width: 638px; height: 28px; padding: 2px; border: 1px solid #D9D9D9; background: #fff; } 

/*
#container #nav-container .interior #nav { position: relative; float:left; width: 100%; height: 28px; overflow: hidden; background: url(assets/images/bg-pattern.gif) repeat-x; }
#container #nav-container .interior #nav ul#main-nav { clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; }
#container #nav-container .interior #nav ul#main-nav li { display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; }
#container #nav-container .interior #nav ul#main-nav li a { display:block; padding: 8px 12px 7px 12px; margin: 0 2px; font-size: 10px; letter-spacing: 4px; color: #fff; text-decoration: none; text-transform: uppercase; color:#fff; }
#container #nav-container .interior #nav ul#main-nav li a:hover { color: #150f3b; background: #fff; }
#container #nav-container .interior #nav ul#main-nav li.current_page_item a,
#container #nav-container .interior #nav ul#main-nav li.current_page_parent a { background: #fff; color: #150f3b; }
#container #nav-container .interior #nav ul#main-nav li.symbol { background: url(assets/images/nav-li.gif) no-repeat 2px 6px; padding: 0 8px; height: 28px; }
*/

#container #nav-container .interior #nav { position: relative; float: left; width: 100%; height: 28px; background: url(assets/images/bg-pattern.gif) repeat-x; }
#container #nav-container .interior #nav ul#main-nav {  list-style: none; margin: 0 0 0 50px; padding: 0;  text-align: center; }
#container #nav-container .interior #nav ul#main-nav li { display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; color: #fff; }
#container #nav-container .interior #nav ul#main-nav li a { display:block; padding: 8px 12px 7px 12px; margin: 0 2px; font-size: 10px; letter-spacing: 4px; color: #fff; text-decoration: none; text-transform: uppercase; color:#fff; }
#container #nav-container .interior #nav ul#main-nav li a:hover { color: #150f3b; background: #fff; }
#container #nav-container .interior #nav ul#main-nav li.current_page_item a,
#container #nav-container .interior #nav ul#main-nav li.current_page_parent a { background: #fff; color: #150f3b; }
#container #nav-container .interior #nav ul#main-nav li.symbol { background: url(assets/images/nav-li.gif) no-repeat 2px 6px; padding: 0 8px; height: 28px; }

/*
#container #nav-container .interior #nav ul#main-nav li ul { position: absolute; top: 28px; left: 0; z-index: 99999; }
#container #nav-container .interior #nav ul#main-nav li ul li { float: none; position: relative; z-index: 99999; width: inherit; }

#container #nav-container .interior #nav ul#main-nav li ul.dropdown { position: absolute; top: 28px; left: 60px; z-index: 999; background: #fff; border-top: 2px solid #fff; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 3px solid #fff; }
#container #nav-container .interior #nav ul#main-nav li ul.dropdown li { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #fff; }
#container #nav-container .interior #nav ul#main-nav li ul.dropdown li.last { border-bottom: 1px solid #ccc; }
#container #nav-container .interior #nav ul#main-nav li ul.dropdown li a { display: block; padding: 8px 12px; text-decoration: none; }
#container #nav-container .interior #nav ul#main-nav li ul.dropdown li a:hover { color: #fff; background: #150f3b; }
*/

/* ---- dropdowns ---*/
#container #nav-container .interior #nav ul#main-nav li ul { display: none; position: absolute; top: 28px; z-index: 999; background: #fff; border-top: 2px solid #fff; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 3px solid #fff; clear: none; float: none; list-style: none; margin: 0; padding: 0; left: 0; text-align: left; }
#container #nav-container .interior #nav ul#main-nav li ul li { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #fff; display: block; float: none; list-style: none; margin: 0; padding: 0; position: relative; right: 0; color: #302576; width: 175px; }
#container #nav-container .interior #nav ul#main-nav li ul li.last { border-bottom: 1px solid #ccc; }
#container #nav-container .interior #nav ul#main-nav li ul li a { display: block; text-decoration: none; color: #302576; font-size: 10px; letter-spacing: 1px; font-weight: normal; margin: 0; width: 152px; }
#container #nav-container .interior #nav ul#main-nav li ul li a:hover { color: #fff; background: #150f3b; width: 152px; }

#content-container .interior .content #subpage #subnav { display: block; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 15px; }
#content-container .interior .content #subpage #subnav ul { margin-left: 0; }
#content-container .interior .content #subpage #subnav ul li { display: inline; }
#content-container .interior .content #subpage #subnav ul li.pipe { float: left; color: #ccc; }
#content-container .interior .content #subpage #subnav ul li a { float: left; display: inline; padding: 0 18px 16px 18px; font-size: 12px; text-decoration: none; }
#content-container .interior .content #subpage #subnav ul li a:hover { background: url(assets/images/bg-subnav-on.gif) bottom center no-repeat; }
#content-container .interior .content #subpage #subnav ul li.current_page_item a { background: url(assets/images/bg-subnav-on.gif) bottom center no-repeat; }
#content-container .interior .content #subpage #subnav ul li a.first { padding: 0 18px 16px 0; } 
#content-container .interior .content #subpage #subnav ul li a.first:hover { /*background-position: 12px 24px;*/ } 
#content-container .interior .content #subpage #subnav ul li.current_page_item a.first { background: url(assets/images/bg-subnav-on.gif) bottom center no-repeat; /*background-position: 12px 24px;*/ }

#container #left-col { position: absolute; z-index: 888; top: 525px; left: 0px; width: 280px; }
#container #left-col-subpage { position: absolute; z-index: 888; top: 455px; left: 0px; width: 280px; }
#container #right-col { position: absolute; z-index: 888; top: 480px; right: 20px; width: 650px; }
#container #right-col-subpage { position: absolute; z-index: 888; top: 410px; right: 20px; width: 650px; }

#content-container { width: 644px; border: 3px solid #fff; background: #fff; }
#content-container .interior { width: 638px; padding: 2px; border: 1px solid #D9D9D9; }
#content-container .interior .content { width: 634px; padding: 2px; min-height: 302px; height: auto !important; height: 302px; background: url(assets/images/bg-pattern.gif) top left repeat-x; line-height: 16px; }

#content-container .interior .content #specials { float: left; width: 378px; margin: 0 30px 0 20px; }
#content-container .interior .content #specials h1 { background: none; padding: 0; text-align: left; color: #fff; font-size: 11px; letter-spacing: 4px; margin: 4px 0 20px 0; text-transform: uppercase; }
#content-container .interior .content #specials #newsletter-signup { padding: 12px; background: #F0EBCD; }
#content-container .interior .content #specials #newsletter-signup label { width: 145px; float: left; display: inline; font-size: 12px; color: #302576; }
#content-container .interior .content #specials #newsletter-signup input { width: 170px; float: right; display: inline; color: #666; padding: 1px; } 
#content-container .interior .content #specials #newsletter-signup input.submit { float: right; width: 80px; height: 20px; margin-top: 5px; }
#content-container .interior .content #specials #newsletter-signup br { font-size: 0; line-height: 0; }

#content-container .interior .content #subpage { width: 588px; margin: 0 20px; }
#content-container .interior .content #subpage ul { list-style-type: disc; margin: 10px 0 10px 20px; }
#content-container .interior .content #subpage ul li { list-style-type: disc; }

#content-container .interior .content #events { float: left; width: 180px; margin: 0; }
#content-container .interior .content #events strong { font-weight: bold; color: #302576; }
#content-container .interior .content .header { color: #fff; font-size: 11px; letter-spacing: 4px; margin: 4px 0 20px 0; text-transform: uppercase; }
#content-container .interior .content h2 { font-weight: bold; color: #302576; }

#social-links { width: 270px; height: 45px; border: 5px solid #fff; background: url(assets/images/bg-wood.jpg) no-repeat; color: #fff; font-size: 11px; }
#social-links ul { margin: 14px 0 0 20px; }
#social-links ul li { float: left; display: inline; height: 16px; padding: 0 5px 0 0; margin: 0; }
#social-links ul li.label { padding: 2px 8px 0 0; }

#sidebar-1 { border-right: 5px solid #fff; border-bottom: 5px solid #fff; border-left: 5px solid #fff; background: #F0EBCD; padding: 20px; line-height: 16px; }
#sidebar-1 h2.widgettitle { color: #302576; font-size: 15px; line-height: 20px; margin: 0 0 4px 0; }
#sidebar-newsletter { border-right: 5px solid #fff; border-bottom: 5px solid #fff; border-left: 5px solid #fff; background: #F0EBCD; padding: 20px; line-height: 16px; }
#sidebar-newsletter label { color: #302576; font-size: 13px; line-height: 20px; margin: 0 0 4px 0; display: block; }
#sidebar-newsletter input { width: 220px; color: #666; padding: 1px; }
#sidebar-newsletter input.submit { float: right; width: 80px; height: 20px; margin: 5px 5px 0 0; }
#sidebar-newsletter br { font-size: 0; line-height: 0; }

#footer { margin-top: 40px; text-align: center; font-size: 11px; }
#footer ul { margin-bottom: 20px; }
#footer ul li { display: inline; font-size: 11px; color: #302576; }
#footer ul li.pipe { padding: 0 2px 0 4px; }

#content-container .interior .content #specials #newsletter-signup input.error,
#sidebar-newsletter input.error { border: 1px solid #c00; padding: 3px; color: #c00; }

#newsletter-thankyou { display: none; z-index: 9999; position: absolute; top: 50px; left: 320px; background: #EFEBCD; color: #333; font-size: 15px; padding: 50px; border: 5px solid #fff; }