/*
Theme Name: CLBB WP Theme
Description: 2012 WP Theme for CLBB
Version: 1.0
Author: Lofty New Media
*/

@import "css/reset.css";

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* GLOBAL STYLES */
a:focus { outline:none }
a,.invert a:hover,a:hover.invert { color: #025b7b; text-decoration: none; }
a:hover,.invert a,a.invert { color:#ee7103; }
.clear {clear: both;}
.bold { font-weight: bold; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.hide { display: none; }
.fLeft { float:left; }
.fRight { float:right; }
.fCenter { margin: 0 auto; }
.aCenter { text-align: center; }
sup { font-size:.5em; vertical-align:top; }
sub { font-size:.5em; vertical-align:bottom; }
.more { font-size: 10px; font-weight: bold; }
.mTop10 { margin-top:10px; }
.font10 { font-size:10px; }
.mBottom10 { margin-bottom:10px; }

/* slightly enhanced, universal clearfix hack */
.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 */


/* Typeface */
body { font-family: Helvetica,sans-serif; font-size:12px; color:#666; }
input,textarea { font-family: Helvetica,sans-serif; }
.heading { font-family: Georgia,serif; font-size:21px; color:#000; font-weight: normal; margin-bottom: 1em; }
.heading.blue { color:#125f92; }
.heading.white { color:#fff; }
.postTitle { font-family: Georgia,serif; font-size:18px; color:#025b7b; font-weight: normal; font-style: normal; }

.blogitem .heading { line-height: 1.2em; }



/* Framework, Backgrounds */
html,body { width:100%; height:100%; }
body { min-width:986px; /* to avoid stretched background from being cut-off in smaller browser */ }
.wrap { width:972px; padding: 0 7px; margin:0 auto; }
#header { height:134px; background: url(images/bg_header.png) repeat-x bottom; }

#branding { height:317px; background-color: #000; font-size: 13px; color:#fff; line-height: 1.5em;  }
#branding .wrap { height:309px; padding:0; border-bottom: 8px solid #125f92; overflow: hidden; }

#main { background: #fff url(images/bg_main.png) top center no-repeat; padding: 22px 0 80px 0; }
#main .wrap { width:924px; padding: 0 31px; }
.content,.sidebar { float:left; line-height: 1.6em; }            
.content { width:460px; margin:0 30px; }
.sidebar { width:202px; margin:0; }
.columns2 .content { width:692px; margin-left:0; }
.columns2Blog .content { width:677px; margin-left: 45px; margin-right:0; float:right; }
.columns2 .wrap { background: url(images/bg_maindivider.png) 739px 0 repeat-y;  }
.columns2Blog .wrap { background: url(images/bg_maindivider.png) 248px 0 repeat-y;  }
.fullspan .content { width:924px; min-height:280px; margin: 0; }

#footer { min-height:235px; background:#e5e8ea url(images/bg_footer.png) repeat-x top; }

.sprite { background: url(images/sprite.png) no-repeat; }

.sprite.vimeo { background-image: url(images/vimeoicon.png); } 



/* Header */
.top { height:89px; }
#logo { float:left; margin: 27px 0 0 0; }
.topItems { width:240px; float:right; margin: 7px 0 0 0; clear:right; }
.topItems.first { margin-top: 10px; }
.topItems.row2 { width:550px; }
.sprite.fb,.sprite.tw,.sprite.rss,.sprite.mgHome,.sprite.vimeo { width:16px; height:16px; text-indent: -9999px; display:inline-table; overflow:hidden; }
.sprite.fb { background-position:  0 0; }
.sprite.tw { background-position:  -16px 0; }
.sprite.rss { background-position:  -32px 0; }
.sprite.mgHome { width:141px; height:13px; background-position: 0 -25px; float:right; margin: 2px 0 0 20px; }

#sInput { width:140px; height:20px; float:left; margin-right: 3px; border:1px solid #8d9395; padding: 0 3px; }
#sButton { 
	height:22px; float:left; color:#fff; font-weight:bold; background-color:#8d9395; border:none;  padding: 0 2px; font-size:11px; 
	cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 0px; border-radius: 4px; 
}
#sButton:hover { background-color: #A8ADB0; }

input[type=submit],input[type=text] { -webkit-border-radius:0px; }

.navigate { height:45px; }
#menu-main { text-align: center; font-size:14px; font-weight: bold; }
#menu-main li { float:left; border-right:1px solid #4484ab; position:relative; }
#menu-main li.nav1 { border-left:1px solid #4484ab; }
#menu-main a { width:182px; height:29px; display:block; padding: 16px 0 0 0; background: url(images/bg_navhover.png) repeat-x -5px -45px; }
#menu-main a:hover,#menu-main li:hover a,#menu-main li.current_page_parent a,#menu-main li.current_page_item a,#menu-main li.current-post-parent a,
#menu-main li.current-menu-parent a { 
	background-position:  0 0; 
}
#menu-main a,#menu-main a:hover { color:#fff; }
#menu-main ul { position:absolute; top:100%; left:0; font-weight: normal; background-color: #05426a; z-index:100; display:none; }
#menu-main li:hover ul { display:block; }
#menu-main ul li { float:none; border:none; border-bottom: 1px solid #376685; }
#menu-main ul a { background-image: none; height:auto; padding:8px; }
#menu-main ul a:hover,#menu-main li li.current_page_item a,#menu-main li li.current-page-ancestor a,#menu-main li li.current-menu-item a
/*#menu-main li li.current-post-parent a*/ { 
	background-color: #022946; 
}



/* Branding */ 
#branding .heading { margin-bottom: .7em; }
#branding p { padding-bottom: 1.3em; }
#slides a,.side a { color:#30cdd7; font-weight: bold; background: url(images/arrow_bluealpha.png) no-repeat 100% 2px; padding-right: 12px; }
#branding a:hover { color:#ee7103; }
.side { width:227px; height:/*309px*/ 279px; float:right; padding: 30px 0 0 14px; background: url(images/bg_brandingline.png) no-repeat left bottom; font-size:12px; }

#branding img.wp-post-image { width:731px; height:auto; min-height:309px; float:left; }

/* Slides */ 
#slides,.fiFrame { width:731px; height:309px; float:left; position:relative; overflow:hidden; }
.slides_container { width:731px; height:309px; display:none; }
.slides_container div { width:731px; height:309px; display:block; }
#slides a.prev, #slides a.next { 
	width:33px; height:33px; background: url(images/slides/arrows_slides.png) no-repeat; display:inline-table; text-indent: -9999px; 
	position: absolute; bottom: 11px; right:16px; z-index: 10;
	padding-right:0;
}
#slides a.prev { background-position: 0 0; right:59px; }
#slides a:hover.prev { background-position: 0 -33px; }
#slides a.next { background-position: -33px 0; }
#slides a:hover.next { background-position: -33px -33px; }

.slideText { width:367px !important; position:absolute; left:31px; top:46px; }
.slideText strong { color:#30cdd7; } 
.slideText .moreLink,#slides a { text-transform: uppercase; }

.fiFrame .slideText { width:367 !important; padding: 15px 15px 0 15px; left:31px; top:46px; }
.fiFrame a { color:#30cdd7; font-weight: bold; background: url(images/arrow_bluealpha.png) no-repeat 100% 2px; padding-right: 12px; }



/* content */
.content p,.content ul { padding-bottom: 1.2em; }
.blogitem { border-bottom: 7px solid #e5e7e9; margin-bottom:40px; padding-bottom: 10px; }
.moreposts div { width:45%; }
.moreposts div.fRight { text-align: right; }
.archiveTitle { font-size:1.4em; font-style: italic; margin: 1.4em 0 .5em; }

/* entry */
.entry h1 { font-family: Georgia,serif; font-size:21px; color:#000; font-weight: normal; margin-bottom: 1em; }
.entry h2 { text-transform: uppercase; font-size:16px; color:#000; font-weight: normal; padding-bottom:.2em; }
.entry img.alignleft, .entry .wp-caption.alignleft { float: left; margin: 0 15px 10px 0; }
.entry img.alignright, .entry .wp-caption.alignright  { float: right; margin: 0 0 10px 15px; }
.entry img.aligncenter, .entry .wp-caption.aligncenter { display:block; margin: 0 auto 10px auto; }

.entry ul,.entry ol { margin-left: 25px; }
.entry ul li,.entry ol ul li { list-style-type: disc; }
.entry ol li { list-style-type: decimal; }

.entry a { font-weight: bold; }


/* postMeta */
.postMeta { font-size:9px; text-transform: uppercase; margin-top:10px; }
.postMeta li { float:left; margin-right: 15px; }

.sidebar .postList .postMeta { font-style: normal; color:#333;  }


/* shortcodes */ 
.content .rollcall { padding: 0 0 0 166px; margin: 0 0 28px; }
.content .rollcall img { width:150px; height:/*139px*/auto; float:left; margin: 0 0 0 -166px; padding-bottom:9px; border-bottom: 7px solid #e5e7e9; }
.content .rollcall h2,.content .rollcall h3 { color:#000; font-size:16px; font-weight: normal; text-transform: uppercase; }
.content .rollcall em { color:#000; font-size:13px; }
.content .rollcall p { padding-bottom: .5em; }

.content .bigList ul { font: 18px Georgia,serif; line-height: 1.6em; padding-bottom: .8em; margin-left:0; }
.content .bigList ul li { list-style-type: none; }
.entry .bigList a { background: url(images/arrow_orange.png) no-repeat right; padding-right: 12px; font-weight: normal; }

.insetFrame { width:200px; min-height:213px; border:1px solid #ccc; float:right; }
.insetTitle { padding:9px; background-color: #ccc; color:#000; }
.insetFrame ul { padding: 10px; }



/* postimgFrame - home programs */
.postimgFrame { width:100%; height:216px; position:relative; margin-bottom:20px; }
.postimgFrame img { width:100%; height: 216px; }
.postimgFrame h2 { 
	width:434px; padding: 13px; position:absolute; left:0; bottom:0; background:url(images/bg_postimgHeading.png) repeat;  font-size:16px; font-weight: normal; color:#fff;
}
.postimgFrame h2 span { background: url(images/arrow_whitealpha.png) no-repeat right; padding-right: 15px; }
.postimgFrame a { color:#fff; }
.postimgFrame a:hover { text-shadow: 2px 2px 2px #000; } 



/* sidebar */ 
.eventsList { border-top: 1px dashed #dabd70; }
.postList { font-size:13px; font-style: italic; color:#000; }
.postList li { margin-top:15px; padding-bottom: 20px; border-bottom: 7px solid #e5e7e9; }
.postList img { width:202px; height:auto; }
.postList .postTitle { margin-bottom:.5em; }
.postTitle a { padding-right:12px; background: url(images/arrow_orange.png) no-repeat 100% 7px;  }

.sidebar .mBottom { margin-bottom:30px; }


/* Sidebar Widgets */
#widgetHead { font-size:13px; }
.widgetFrame { margin: 0 0 30px; }
.widgettitle { font-family: Georgia,serif; font-size:21px; color:#000; font-weight: normal; border-bottom: 7px solid #e5e7e9; padding-bottom: 10px; margin-bottom:10px; }
.widgetFrame li a { background: url(images/arrow_orange.png) no-repeat right; padding-right: 12px; }

.widgetFrame li.feed a { background: url(images/icn_rss.png) no-repeat left; padding: 0 0 0 20px; }

.widget_categories li.current-cat a { color:#ee7103; }


/* Sidebar menu-about-us */
#menu-about-us { font-size:1.4em; line-height: 1.6em; margin-bottom: 2em; font-family: Georgia,serif; }
#menu-about-us li.current_page_item a,#menu-about-us li.current_page_item a:hover,#menu-about-us li.current-page-ancestor a { color:#ee7103; }




/* Footer */
#footer a { color:#666; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

.footerSplit.left { width:386px; float:left; margin: 20px 0 0 0; } 
.footerSplit.right { width:586px; float:right; margin:33px 0 0 0; }

.footLinks { width:145px; float:left;  line-height: 1.5em;  }
.accessLink { padding: 0 0 0 17px; background: url(images/bg_accessLink.png) no-repeat 0 0; }

.location { width:386px; float:left; font-size:11px; line-height: 1.8em; margin: 30px 0 0 0; } 

.logoset { margin-bottom: 30px; }
.logoset img { display:inline-block; vertical-align: middle; }
.logoset.bottom img { vertical-align: top; }
img.harvard { margin: 0px 20px; }
img.ctc { margin: 0 20px; }


/* Facetious Widget */
.widgetFrame.widget_facetious_widget { margin-bottom:0; text-align:right; }
.widget_facetious_widget .widgettitle { display:none; }
.facetious_form { text-align:right; }
.facetious_form p { display:inline-block; text-align:left; }  
.facetious_form label { display:block; }