/**
 * Theme Name: Wells Branch Neighborhood Association
 * Theme URI: http://wbna.us
 * Description: Clean, natural feel.
 * Version: 2.0
 * Author: Carey Best
 * Author URI: http://stubbystudios.com
 * Tags: blue, themehybrid, neighborhood, clean
 *Template: hybrid
 */

@import url('../hybrid/library/css/reset.css');

 /* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get default CSS */
@import url('../hybrid/library/css/screen.css');

/* Make sure theme clears WP.org theme repository checklist */
.alignright { float: right; }
.alignleft { float: left; }
.clearboth { clear: both; }
.fullwidth { width: 100%; }
p { font-size: 90%; }
h1, h1 a { font-size: 28px; line-height: 1.2em; }
h2, h2 a { font-size: 22px; }
h3, h3 a { font-size: 17px; font-weight: 400; }
small { font-size: 10px; }
ul { list-style: none; }
#content ul { margin: 0 0 20px; }
#content ul li { padding: 5px 0 5px 20px; text-indent: -10px; }

.raquo{
	color: #888;
}

#body-container{
    position: relative;
    margin: 0 auto;
}

#header-container{
    padding: 20px 20px 0;
    margin: 0;
    background: #fff;
    border-bottom: 3px solid #88ABC2;
    height: 136px;
}

#container{
	width: 920px;
    padding: 20px;
    margin: 0;
    background: #fff;
    border-top: 3px solid #88ABC2;
}

body{
    background: url(images/bg.gif) 0 0 repeat-x #EBF7F8;
    font-family: georgia, serif;
}

#content, #content input, #content textarea{
    color: #141611;
}

/* > Navigation
------------------------------------------------ */

#navigation{
    height: 50px;
    margin: 0;
    text-transform: uppercase;
	background: url(images/welcomeBG.gif) 0 0 no-repeat #49708A;
}

#navigation .menu{
    position: relative;
    float: left;
    top: 18px;
    z-index: 9999;
    margin: 0 0 0 20px;
    border-right: 1px solid #7C9CB1;
}

#navigation .menu li{
    margin: 1px 0 0;
}

#navigation .menu li a{
    background: #88ABC2;
    border-color: #7C9CB1;
    border-bottom: 0;
    border-right: 0;
    color: #fff;
}

#navigation .menu li a:hover,
#navigation .menu li.current_page_item a{
    background: #fff;
    text-decoration: none;
    color: #49708A;
	padding: 8px 15px 11px;
	border-color: #c0c0c0;
}

/* > Sub-Navigation
------------------------------------------------ */

#navigation ul.children{
	margin: 2px 0 0;
	border: 1px solid #c0c0c0;
	border-top: 0;
	min-width: 99%;
	width: auto;
}

#navigation .menu li li a{
    background: #fff;
	color: #5a5a5a;
	border: 0;
	padding: 8px 15px 11px;
	text-transform: capitalize;
	white-space: nowrap;
}

#navigation .menu li li:hover a{
	color: #49708A;
	text-decoration: underline;
}

#navigation .menu li li,
#navigation .menu li:hover li{
	margin: 0;
}

/* > Sidebar style
------------------------------------------------ */

.sidebar ul.children{
	margin: 3px 0 0 15px;
}

.sidebar li a{
	text-decoration: none;
	/*font-size: 1.1em*/
}

.sidebar li a:hover{
	text-decoration: underline;
}

h3.widget-title{
	font-size: 1.4em;
}

.widget{
	margin: 0 0 20px;
}

/* > Homepage Navigation
------------------------------------------------ */

.home #navigation{
    height: 239px;
}

.home #navigation .menu{
    top: 218px;
}

.home #navigation .menu li.current_page_item a{
    text-decoration: none;
	padding: 8px 15px;
    background: #88ABC2;
    border-color: #7C9CB1;
    color: #fff;
}

.home #navigation .menu li.current_page_item a:hover{
    background: #fff;
    text-decoration: none;
    color: #49708A;
	padding: 8px 15px 11px;
	border-color: #c0c0c0;
}

/* > Header
------------------------------------------------ */

#site-title a{
    position: relative;
	top: 20px;
    z-index: 9999;
    color: #49708A;
    background: url(images/logo.jpg) 0 0 no-repeat transparent;
    padding: 10px 0 60px 244px !important;
	font-style: normal;
	font-size: 29px;
	letter-spacing: -1px;
	white-space: nowrap;
}

#site-title a:hover{
    color: #3C5C71;
    text-decoration: none;
    background-position: 0 -122px;
}

#site-description{
    color: #24281F;
    right: 0;
    padding: 19px 0 0 245px !important;
	font-size: 22px;
	font-style: italic;
}

/* > Content
------------------------------------------------ */

#container{
	float: left;
}

#content{
	float: left;
	width: 590px;
	border-right: 1px solid #ddd;
	padding: 0 15px 0 0;
}

a,
#content a,
#footer a{
    color: #49708A;
}

#content h2, #content h2 a{
	color: #30374F;
}

#content h3, #content h3 a{
	color: #408156;
	text-shadow: 1px 1px 2px #bbb;
	font-weight: 600 !important;
}

#content a:hover, a:hover,
#footer a:hover{
    color: #d54e21;
}

.homepage{
    margin: 0 !important;
}

h1.entry-title, h1.entry-title a{
    font-size: 28px !important;
    font-style: italic;
}

.homepage .entry-title{
    margin: 0 0 20px !important;
}

.home #container{
	margin-top: 250px;
}

#primaryPostSummaries{
    width: 100%;
}

#primaryPostSummaries a.fancybox{
    float: right;
    width: 175px;
    height: 175px;
    overflow: hidden;
    margin: 0 0 20px 20px;
}

#primaryPostSummaries a.fancybox img{
    float: right;
}

#primaryPostSummaries .contentBlock{
    float: left;
}

#primaryPostSummaries .wp-caption{
    float: right;
    width: 183px !important;
    height: 183px !important;
    padding: 0;
	border: 0;
}

#primaryPostSummaries .wp-caption p,
#slideshow-info{
    display: none;
}

.homepage .homeArticleHeader .entry-title,
.homeArticleHeader small{
	margin: 0 !important;
}

.homeArticleHeader{
	margin: 0 0 20px;
}

#secondaryPostSummaries{
    font-size: .9em;
}

#secondaryPostSummaries .contentBlock{
	float: left;
    width: 43%;
	padding: 0 6% 0 0;
}

#secondaryPostSummaries h1.entry-title,
#secondaryPostSummaries h1.entry-title a{
    color: #408156 !important;
    font-size: 24px !important;
	font-weight: 600 !important;
}

#secondaryPostSummaries h2{
    color: #333;
    font-size: 19px;
}

#secondaryPostSummaries h1.entry-title a:hover{
    color: #d54e21 !important;
}

#secondaryPostSummaries small{
    color: #777;
}

#secondaryPostSummaries p{
    color: #555;
}

.homepage .page{
    position: absolute;
    top: 159px;
    left: 0;
    width: 920px;
	height: 210px;
    padding: 20px;
	background: url(images/welcomeBG.gif) 0 0 no-repeat #333;
}

.homepage .page .entry-title{
	color: #fafafa !important;
	font-style: normal;
}

.homepage .page p{
	color: #D0E0EB;
}

#homeText .portfolio-slideshow{
    position: absolute;
    top: 8px;
    right: 12px;
    float: right;
    width: 450px;
}

#homeText .portfolio-slideshow img{
    position: relative;
    z-index: 999;
	width: 450px;
	height: 200px;
}

#homeText .slideshow-nav{
    position: absolute;
    bottom: 42px;
    right: 12px;
    float: right;
    z-index: 9999;
    background: #fff;
    border: 1px solid #ddd;
    padding: 3px;
    width: 442px;
    text-align: center;
    opacity: .85;
}

#homeText .slideshow-nav a{
	text-decoration: none;
}

#homeText .slideshow-nav a:hover{
	text-decoration: underline;
}

#homeText .slideshow-caption{
    position: absolute;
    top: 50px;
    left: -478px;
    width: 450px;
	font-size: 18px;
}

#pager0{
    display: none;
}

.entry-title, .entry-title a{
    color: #49708A !important;
    font-weight: 400 !important;
}

.entry-title a:hover{
    color: #d54e21 !important;
}

.post-edit-link{
    float: left;
    margin: 20px 0;
}

#colophon{
    border-color: #88ABC2;
}

.search-text{
	color: #777;
}

#events-list{
	background: #EBF7F8;
	border: 1px solid #D7E3E4;
	padding: 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#events-list ul{
	margin: 0;
}

#events-list li{
	margin: 0;
	padding: 3px 5px;
	width: 277px;
}

#events-list li a{
	color: #D87800;
	text-decoration: none;
}

#events-list li a:hover{
	color: #d54e21;
	text-decoration: underline;
}

#events-list li.evenLi{
	background: #f7f7f7;
	border-bottom: 2px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	color: #2A536C;
}

#events-list li.oddLi{
	background: #fefefe;
	border-bottom: 2px solid #eee;
	border-right: 1px solid #eee;
	color: #49708A;
}

.eventsPage{
	font-family: georgia;
	width: 100%;
	white-space: normal;
}

.button.search-submit{
	padding: 4px 10px 3px;
	font-size: 12px;
	width: auto;
	position: relative;
	top: -1px;
}

.button.search-submit:hover{
	background: #eee;
	border-color: #c0c0c0;
}

/* > Styles for Fancy Gallery
------------------------------------------------ */

#fancybox-overlay{
	z-index: 99998 !important;
}

#fancybox-wrap{
	z-index: 99999 !important;
}