/*
Theme name: Alice Ferguson Foundation
Description: Alice Ferguson Foundation - child theme of wordpress-bootstrap-v2.1-1
Template: wordpress-bootstrap-v2.1-1
*/

/******* Alice Ferguson Foundation WordPress CSS *******/
ul.sub-menu.main-menu-heading{width:180px!important;}
/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

@import url("../bootstrapwp/lib/bootstrap.css");
@import url("../wordpress-bootstrap-v2.1-1/style.css");

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; }

/******* /Alice Ferguson Foundation WordPress CSS *******/

@font-face {
    font-family: 'MuseoSans500';
    src: url('css/fonts/museosans_500-webfont.eot');
    src: url('css/fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/museosans_500-webfont.woff') format('woff'),
         url('css/fonts/museosans_500-webfont.ttf') format('truetype'),
         url('css/fonts/museosans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 16px;
    font-family: arial, sans-serif;
    color: #2a3b3a;
    background: #fff url(images/body.png) repeat-x 0 0;
    min-width: 1000px;
}

a { color: #0088cc; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; color: #336F6D; }
a img { border: 0; }

input, textarea, select { font-size: 14px; font-family: 'MuseoSans500'; color: #000; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h2 { font-family: 'MuseoSans500'; font-size: 36px; line-height: 38px; color: #2a3b3a; font-weight: normal; }
h3 { font-family: 'MuseoSans500'; font-size: 24px; line-height: 24px; color: #2a3b3a; font-weight: normal; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -328px; background: #E8F7F6 url(images/wrapper-back.gif) repeat-x }
.shell { width: 980px; margin: 0 auto; }

#header { background: url(images/header.png) no-repeat 0 31px; padding: 0 10px 2px 10px; }
#header #top-nav { display: block; width: 100%; overflow: hidden; font-family: 'MuseoSans500'; font-size: 11px; line-height: 14px; text-align: right; padding-top: 10px; }
#header #top-nav ul { float: right; }
#header #top-nav li { list-style: none; float: left; }
#header #top-nav a { float: left; color: #283c53; padding-right: 23px; }

#logo { display: inline; float: left; width: 551px; font-size: 0; line-height: 0; padding-left: 16px; }
#logo a { display: block; width: 551px; height: 88px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }

#search-bar { display: inline; float: right; width: 253px; background: url(images/search-bar.png) no-repeat 0 0; margin: 32px 16px 0 0; }
#search-bar .field { display: inline; float: left; background: none; border: 0; padding: 9px 10px; width: 155px; line-height: 17px; }
#search-bar .submit-button { display: inline; float: right; width: 74px; height: 35px; background: none; border: 0; font-family: 'MuseoSans500'; font-size: 14px; color: #fff; cursor: pointer; }

/*Navigation sub menu*/

#navigation { position: relative; width: 100%; z-index: 100; margin: 11px 0 10px; background: url(images/navigation.png) repeat-x 0 0; padding-top: 3px; height: 47px; }
#navigation ul li a { float: left; padding: 0 15px; height: 100%; color: #ddddac; }
#navigation ul a:hover { background: #445f5e; text-decoration: none; color: #fff; }
#navigation ul li.active a { background: #445f5e; color: #fff; }
#navigation ul li .sub-menu li { width: 180px; display: block; height: auto; font-family: Arial, serif; font-size: 12px; line-height: 18px; font-weight: bold; padding-bottom: 9px; }

#navigation ul li { position: relative; list-style: none; display: inline; float: left; font-family: 'MuseoSans500'; font-size: 16px; line-height: 47px; height: 47px; display: none; }
/*#navigation ul li .sub-menu { position: absolute; top: 43px; left: 0; width: 100%; height: auto; display: none; }*/


#navigation ul li .main-menu-heading { width: 180px; height: auto; overflow: hidden; margin-left: 0; margin-bottom: 8px; background: url(images/dd.png) repeat 0 0; padding-top: 16px; position: absolute; top: 43px; left: 0; display: none; }

#navigation .menu-bottom-back { width: 74px; height: 74px; position: absolute; bottom: 0; right: 0; background: url(images/menu-bottom.png) repeat 0 0; }

#navigation .sub-menu li.sub-devider { width: 170px; float: left; margin: 0 15px 0px 10px; }
#navigation .sub-menu li.sub-devider a { text-align: left; border-bottom: 1px solid #718A87; padding-bottom: 5px; padding-left: 0; margin-bottom: 7px; }
#navigation .sub-menu li.sub-devider .sub-menu a { padding-bottom: 0; display: block; }
#navigation .sub-menu li.sub-devider .sub-menu li { width: 100%; display: block; }
#navigation .sub-menu li.sub-devider .sub-menu a { border-bottom: none; }
#navigation .sub-menu li.sub-devider li a { font-weight: normal; }
#navigation a:hover { color: #fff; background: none; }
#navigation ul li .sub-menu li a { float: none; display: block; color: #ddddac; padding: 0 0 0 18px; }

#navigation ul li.active .sub-menu { display: block; }
#navigation ul li.active .sub-menu li a { color: #ddddac; background: none; }
#navigation ul li.active .sub-menu li a:hover { background: none; text-decoration: none; color: #fff; }
#navigation ul li.active .sub-menu li.active a { color: #fff; background: none; }

#navigation li .sub-menu li { display: block; float: none; height: auto; font-family: Arial, serif; font-size: 12px; line-height: 18px; font-weight: bold; }
#navigation li .sub-menu li a { float: none; display: block; color: #ddddac; }

/* End menus */

#navigation .socials { display: inline; float: right; width: 140px; padding-top: 12px; }
#navigation .socials a { margin-right: -1px; }


.slider { display: inline; float: left; width: 584px; background: #cccc99; padding: 3px 3px 35px; }

.get-involved { display: inline; float: right; padding: 27px 0 0 30px; width: 330px; background: url(images/involved.jpg) no-repeat 0 0; height: 272px; overflow: hidden; }
.get-involved h3 { padding-bottom: 13px; }
.get-involved ul li { list-style: none; display: inline; float: left; font-family: 'MuseoSans500'; font-size: 14px; line-height: 26px; text-align: center; padding-right: 3px; }
.get-involved ul li a { float: left; color: #fff; height: 26px; }
.get-involved ul li a:hover { text-decoration: none; }
.get-involved ul li.volunteer a { min-width: 88px; width: auto; background: url(images/volunteer.png) repeat-x 0 0; }
.get-involved ul li.donate a { min-width: 74px; width: auto; background: url(images/donate.png) repeat-x 0 0; }
.get-involved span.devider { position: relative; display: block; width: 359px; height: 18px; background: url(images/devider.png) no-repeat 0 0; margin: 16px 0 0 -30px; }
.get-involved a.button { display: block; width: 146px; height: 26px; font-family: 'MuseoSans500'; font-size: 14px; line-height: 26px; color: #fff; text-align: center; background: url(images/button.png) no-repeat 0 0; margin-top: 33px; }
.get-involved a.button:hover { text-decoration: none; }

.slide_devider { margin: 10px 0; width: 100%; height: 50px; background: url(images/widget.png) repeat-x 0 0; }

.page-head { padding: 3px 22px 11px; }
.page-head p.breadcrumbs { color: #445f5e; font-size: 12px; }
.page-head p.breadcrumbs a { color: #445f5e; text-decoration: none; }
.page-head p.breadcrumbs a:hover { text-decoration: underline; }
.page-head p.breadcrumbs span.curr { text-decoration: none; padding: 0; }
.page-head p.breadcrumbs span { padding: 0 4px; }

#main { min-height: 350px; height: auto; padding: 27px 20px 0; background: #fff url(images/main.png) no-repeat 0 0;  }

#content { display: inline; float: left; width: 540px; }

.article { }
.article h3 { padding-bottom: 16px; }

.columns { padding-bottom: 9px; }
.columns.background { background: url(images/col.png) repeat-x }
.col { display: inline; float: left; width: 170px; background: url(images/col.png) no-repeat 0 0; padding: 10px; width: 150px; margin-right: 10px; }
.col img { display: block; margin-bottom: 11px; }
.columns p { font-size: 12px; }
.columns p a { color: #336F6D; }
.columns p a:hover { text-decoration: underline; }

.columns .alignleft { display: inline; float: left; padding: 10px 10px 70px; margin-right: 21px; background: url(images/col.png) no-repeat 0 0; }
.columns h4 { padding-top: 12px; }
.columns h4 a { text-decoration: none; }
.columns h4 a:hover { text-decoration: underline; }

.post { position: relative; width: 100%; top: -3px; padding-bottom: 30px; }
.post h2 { padding-bottom: 16px; }
.post p { font-size: 14px; padding-bottom: 15px; }
.post .alignleft { float: left; padding: 5px; border: solid 1px #ddddd2; margin-right: 14px; }
.post .alignright { float: right; padding: 5px; border: solid 1px #ddddd2; margin-left: 14px; }

#sidebar { display: inline; float: right; width: 308px; min-height: 340px; background: url(images/sidebar.png) no-repeat 0 0; padding-left: 32px; }
#sidebar .widget { margin-bottom: 30px; }
#sidebar a:hover { color: #336F6D; }
#sidebar .theme-widget ul { padding: 0 !important; }
#sidebar .widget ul { padding: 10px 0 5px 20px; }
.tabbed-content { position: relative; width: 296px; margin-top: 41px; }

.tab-nav { position: absolute; top: -41px; left: 0; width: 296px; border-bottom: solid 1px #ddddd2; }
.tab-nav ul li { list-style: none; display: inline; float: left; font-family: 'MuseoSans500'; font-size: 16px; line-height: 24px; padding: 0 30px 2px 0; }
.tab-nav ul li a { position: relative; color: #769a6e; float: left;  }
.tab-nav ul li a span.pointer { position: absolute; bottom: -10px; left: 50%; margin-left: -4px; background: url(images/pointer.png) no-repeat 0 0; width: 12px; height: 8px; text-indent: -4000px; display: none; }
.tab-nav ul li a:hover { text-decoration: none; color: #2a3b3a; }
.tab-nav ul li a:hover span.pointer { display: block; }
.tab-nav ul li.curr a { color: #2a3b3a; }
.tab-nav ul li.curr a span.pointer { display: block; }
.tab-nav a.rss { position: absolute; top: 0; right: 0; width: 22px; height: 22px; background: url(images/rss.png) no-repeat 0 0; text-indent: -4000px; }

.tab-entry { display: none; padding-top: 7px; }
.tab-entry .row { padding-bottom: 16px; }
.tab-entry .row p { font-size: 12px; }
.tab-entry .row a { font-size: 12px; color: #000; }
.tab-entry a.subscribe { display: block; width: 207px; height: 26px; line-height: 26px; font-family: 'MuseoSans500'; font-size: 14px; color: #fff; background: url(images/subscribe.png) no-repeat 0 0; text-align: center; margin-top: 6px; }
.tab-entry a.subscribe:hover { color: #fff !important; }
.tab-entry a.subscribe:hover { text-decoration: none; }

#footer-push { height: 328px; }
#footer-inner { margin-top: 8px; padding: 24px 40px 34px 40px; background: #B7D0CD; }
#footer { height: 320px; }
#footer .footer_widget { width: 160px; margin-right: 20px; float: left; }
#footer p { color: #5f6c6b; }
#footer p a { color: #5f6c6b; }
#footer ul { list-style: none; padding-bottom: 20px; font-size: 12px; }
#footer .textwidget ul { padding-bottom: 0; }
#footer h4.widgettitle { color: #5F6C6B; line-height: 24px; display: block; font-weight: bold; border-bottom: solid 1px #a1b6b5; margin-bottom: 8px; font-size: 12px; }
#footer ul li { line-height: 24px; color: #5f6c6b; }
#footer ul li a { color: #5f6c6b; }
#footer ul li a img { padding-bottom: 10px; }

body.page-template-page-home-php #logo a,
body.page-template-default #logo a { background: url(images/logo.png) no-repeat 0 0; }

body.page-template-page-environmental-php #logo a{ background: url(images/logo2.png) no-repeat 0 0; }
body.page-template-page-bridging-php #logo a { background: url(images/logo-btw.png) no-repeat 0 0; }
body.page-template-page-bridging-students-php #logo a { background: url(images/logo-btws.png) no-repeat 0 0; }
body.page-template-page-hbf-php #logo a { background: url(images/logo-hbfkz.png) no-repeat 0 0; }
body.page-template-page-potomac-php #logo a { background: url(images/logo-tfpwi.png) no-repeat 0 0; }

/* Additional styles */

.share { width: 180px; height: 100%; overflow: hidden; }
.share ul { list-style: none outside; }
.share li { margin-bottom: 20px; }
.share li a { float: left; padding-right: 0; }
.content_wrapper { background: #fff;  padding: 0 10px; height: 100%; overflow: hidden; }
.mission-holder { margin-right: 30px; }


/* Comments form */
input[type=submit]{color:#333}
#respond{border-top:1px solid #e7e7e7; margin:24px 0; overflow:hidden; position:relative}
#respond p{ margin-bottom: 10px; }
#respond h3 { padding-bottom: 5px; }
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px 0}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px}
#respond .required{color:#ff4b33; font-weight:bold}
#respond label{color:#888; font-size:12px}
#respond input{margin:0 0 9px; width:98%}
#respond textarea{width:98%}
#respond .form-allowed-tags{color:#888; font-size:12px; line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px; width:auto}

/* =Comments
-------------------------------------------------------------- */
#comments{clear:both}
#commentform a,
.comment-reply a{color: #2A3B3A; font-size: 13px;}
.navigation{ padding:0 0 18px 0; color: #2A3B3A; height: 100%; overflow: hidden; }
h3#comments-title, 
h3#reply-title{color: #2A3B3A; font-size:20px; margin-bottom:0}
h3#comments-title{padding:24px 0}
.commentlist{ font-family: Arial; list-style:none; margin: 20px 0 0 0;}
.commentlist li.comment{border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 0 56px; position:relative}
.commentlist li:last-child{border-bottom:none; margin-bottom:0}
#comments .comment-body ul, 
#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.commentlist .avatar{position:absolute; top:4px; left:0}
.comment-author{}
.comment-author cite{color:#000; font-style:normal; font-weight:bold}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px; margin:0 0 18px 0}
.comment-meta a:link, 
.comment-meta a:visited{color:#888; text-decoration:none}
.comment-meta a:active, 
.comment-meta a:hover{color:#ff4b33}
.commentlist .even{}
.commentlist .bypostauthor{}
.reply{font-size:12px; padding:0 0 24px 0}
.reply a, 
a.comment-edit-link{color:#888}
.reply a:hover, 
a.comment-edit-link:hover{color:#ff4b33}
.commentlist .children{list-style:none; margin:0}



#content ul { margin-top: 12px; }
#content ol { margin-left: 15px; padding-bottom: 8px; }

#content ul li {padding-left:12px;margin-left: 12px;}
.image-wrap-left { display: block; float: left; background: url(images/donate-left.png) no-repeat; width: 4px; height: 26px; }
.image-wrap-right { display: block; float: left; background: url(images/donate-right.png) no-repeat; width: 4px; height: 26px; }

.image-vol-left { display: block; float: left; background: url(images/volunteer-left.png) no-repeat; width: 4px; height: 26px; }
.image-vol-right { display: block; float: left; background: url(images/volunteer-right.png) no-repeat; width: 4px; height: 26px; }


/* footer widget fixes */

#nav_menu-2 {width:120px !important;}
#nav_menu-3 {width:240px !important;}
#nav_menu-4 {width:120px !important;}
#nav_menu-5 {width:160px !important;}


/* add better link styles */

/* old a color - #3C5554 */

.tab-entry .row a,a { color: #0088cc; text-decoration: none; cursor: pointer; }
.tab-entry .row a:hover, a:hover { text-decoration: underline; color: #336F6D; }


/* Additional horizontal slider styles */

.slider-vertical { display: inline; float: left; width: 584px; background: #cccc99; padding: 3px 3px 3px; }
.slider-vertical .flexslider img { height: 293px; }
.horizontal-slider { height: 100%; overflow: hidden; }
.vertical-slide-nav { float: right; width: 370px; background: #e2e2ca; height: 299px; }
.vertical-slide-nav ul { list-style: none; margin-top: 25px; }
.vertical-slide-nav ul li { background: url(images/devider.png) no-repeat center 0; height: 53px; line-height: 53px; text-align: left; overflow: visible; }
.vertical-slide-nav ul li:first-child { background: none; }
.vertical-slide-nav ul li.last { }
.vertical-slide-nav ul li a { display: block; padding: 0 0 0 30px; font-size: 14px; font-weight: bold; font-family: Arial; color: #517271; }
.vertical-slide-nav ul li a.active { }
.vertical-slide-nav ul li a:hover { background: #cccc99; color: #2a3b3a; text-decoration: none; }

a strong {color: #336F6D}