/*
Theme name: Craven County Schools
Description: Custom Theme
*/
* { margin: 0; padding: 0; outline: 0; }

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

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

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

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

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

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

body, html { height: 100%; }

body {
	font-size: 14px;
	line-height: 16px;
	font-family: 'ProximaNova', arial, helvetica, sans-serif;
	color: #404041;
	background: #fff;
	min-width: 980px;
}

a { color: #00a8e1; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 15px; font-family: 'ProximaNova', arial, helvetica, sans-serif; }
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; }


h1#logo { font-size: 0; line-height: 0; height: 135px; width: 221px; padding: 27px 32px 0 38px; float: left; display: inline; }
h1#logo a { display: block; height: 135px; width: 221px; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; }
h2 { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-size: 24px; line-height: 27px; font-weight: normal; }
h3 { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-size: 21px; line-height: 24px; font-weight: normal; }
h4 { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-size: 18px; line-height: 21px; font-weight: normal; }
h5 { font-family: 'ProximaNovaLight', arial, helvetica, sans-serif; font-size: 18px; line-height: 20px; font-weight: normal; }
h6 { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-size: 14px; line-height: 17px; font-weight: normal; }

.shell { width: 980px; margin: 0 auto; }

#header { background: url(images/top-bar-shadow.png) repeat-x 0 0; position: relative; z-index: 20; }

.header-container { background: url(images/header-container.png) repeat-x 0 bottom; }

.header-container-inner { background: url(images/header-container-inner.png) no-repeat center bottom; }

.header-cnt { min-height: 138px; width: 660px; float: right; display: inline; padding: 24px 2px 29px 27px; background: url(images/header-cnt-shadow.png) no-repeat 0 0; position: relative; }
.header-cnt h2 { font-family: georgia, serif; font-size: 27px; line-height: 30px; font-style: italic; color: #00a8e1; }

.top-bar { font-size: 17px; line-height: 30px; color: #231f20; text-transform: uppercase; padding-bottom: 57px; }
.top-bar p { float: left; display: inline; padding-right: 24px; }

.search-form { float: left; display: inline; padding-right: 11px; }
.search-form p strong { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-weight: normal; }
.search-form form { height: 14px; width: 257px; background: url(images/search-area.png) no-repeat 0 0; padding: 8px 44px 8px 9px; position: relative; *line-height: 14px; }
.search-form form input.field { height: 14px; width: 257px; line-height: 14px; background: transparent; border: 0; color: #bbbdbf; *line-height: 11px; }
.search-form form input.search-btn { height: 30px; width: 35px; background: url(images/search-btn.png) no-repeat 0 0; border: 0; cursor: pointer; position: absolute; top: 0; right: 0; }
.search-form form.focused { background-position: 0 -33px; }
.search-form form input.field.active { color: #404041; }
.search-form form.focused input.search-btn,
.search-form form input.search-btn:hover { background-position: 0 -33px; }

#sidebar .widget_search {clear: both; overflow: hidden; padding-bottom: 20px;}
#sidebar .search-form {max-width: 257px; padding-right: 0; overflow: hidden; clear: both; float: none; display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
#sidebar .search-form form {width: auto; }
#sidebar .search-form form .field {width: 100%;}

.top-bar .socials { *width: 106px; }

.socials { float: left; display: inline; }
.socials a { height: 30px; width: 30px; background: url(images/socials.png) no-repeat 0 0; float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; }
.socials a + a { margin-left: 8px; }
.socials a.twitter-ico { background-position: -37px 0; }
.socials a.youtube-ico { background-position: -75px 0; }
.socials a.facebook-ico:hover { background-position: 0 -33px; }
.socials a.twitter-ico:hover { background-position: -37px -33px; }
.socials a.youtube-ico:hover { background-position: -75px -33px; }

.alert-box-holder { height: 76px; width: 643px; padding: 20px 19px 21px 27px; background: #ee433f; font-size: 20px; line-height: 24px; color: #fff; position: absolute; bottom: 0; left: 0; display: block; }
.alert-box { height: 76px; width: 643px; overflow: hidden; }
.alert-box p strong { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-weight: normal; color: #ffdd15; text-transform: uppercase; }
.alert-box p a { color: #ffdd15; text-decoration: underline; }
.alert-box p a:hover { text-decoration: none; }

#navigation { height: 43px; background: url(images/nav-bg.png) repeat-x 0 0; padding: 6px 0 10px 0; font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-size: 16px; line-height: 43px; position: relative; margin: -5px 0 -10px 0; }
#navigation span.clickable { display: none; }
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li a:hover { text-decoration: none; }
#navigation .shell > ul { padding-left: 25px; }
#navigation .shell > ul > li { float: left; display: inline; padding-right: 8px; position: relative; }
#navigation .shell > ul > li + li { padding-left: 14px; background: url(images/nav-dot.png) no-repeat 0 19px; }
#navigation .shell > ul > li > a { height: 40px; color: #99dcf3; display: block; padding: 0 11px; border-bottom: 3px solid transparent; text-transform: uppercase; }
#navigation .shell > ul > li:hover > a { border-bottom: 3px solid #fff; }
#navigation .shell > ul > li.current-menu-item > a { color: #fff; }
#navigation .shell > ul > li.current-menu-item > a:hover { border-bottom: 0; }
#navigation .shell > ul > li > ul { font-size: 14px; line-height: 19px; position: absolute; top: 43px; left: 14px; background: url(images/dd-overlay.png) repeat 0 0; border-bottom: 3px solid #00a8e1; display: none; }
#navigation .shell > ul > li:hover > ul { display: block; }
#navigation .shell > ul > li.last > ul { left: auto; right: 8px; }
#navigation .shell > ul > li > ul > li > a { padding-left: 12px; }
#navigation .shell > ul > li > ul > li.external > a { background: url(images/external-ico.png) no-repeat right center; }
#navigation .shell > ul > li > ul > li.external > a:hover { background: #fff url(images/external-ico.png) no-repeat right center; }
#navigation .shell > ul ul li + li,
#navigation .shell > ul ul ul li { border-top: 1px solid #aeb0b3; }
#navigation .shell > ul ul li > a { color: #404041; display: block; white-space: nowrap; padding-right: 12px; }
#navigation .shell > ul ul li > a:hover { background: #fff; }
#navigation .shell > ul > li > ul > li > ul { font-family: 'ProximaNova', arial, helvetica, sans-serif; }
#navigation .shell > ul > li > ul > li > ul > li > a { padding-left: 25px; }
#navigation .shell > ul > li > ul > li > ul > li > ul {  }
#navigation .shell > ul > li > ul > li > ul > li > ul > li {  }
#navigation .shell > ul > li > ul > li > ul > li > ul > li > a { padding-left: 49px; background: url(images/list-dot.png) no-repeat 41px center; }
#navigation .shell > ul > li > ul > li > ul > li > ul > li > a:hover { background: #fff url(images/list-dot.png) no-repeat 41px center; }
#navigation .shell > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 66px; }

.head { background: #e6e7e8 url(images/head-img-overlay.png) repeat-x 0 bottom; }
.head img { display: block; }
.head .img-holder { position: relative; }
.head .img-holder span.overlay { height: 16px; width: 100%; background: url(images/head-img-overlay.png) repeat-x 0 0; position: absolute; bottom: 0; left: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.head .head-cnt-left { width: 292px; float: left; display: inline; }
.head .head-cnt-right { width: 688px; float: right; display: inline; }
.head .head-cnt-right .head-text { padding: 27px 19px 24px 26px; font-family: 'ProximaNovaLightItalic', arial, helvetica, sans-serif; font-size: 16px; line-height: 19px; }
.head .head-cnt-right .head-text h2 { color: #ee433f; padding-bottom: 13px; }

.slider-holder { padding-top: 38px; }
.slider { height: 311px; overflow: hidden; }
.slider .slide { height: 311px; width: 46px; max-width: 840px; overflow: hidden; float: left; display: inline; position: relative; background: #00a8e1 url(images/slider-highlight.png) repeat-x 0 0; }
.ie-fix .slider .slide { cursor: pointer; }

.slider .slide .slide-title { height: 311px; width: 311px; position: absolute; top: 0; left: 0; z-index: 10;
	-moz-transform: rotate(-90deg); 
	-webkit-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	-mz-transform: rotate(-90deg); 
	-ms-transform: rotate(-90deg); 
}
.slider .slide .slide-title span.title-cnt { height: 46px; width: 301px; font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-size: 24px; line-height: 46px; position: absolute; top: 0; left: 0; background: url(images/slide-title-shadow.png) repeat-x 0 bottom; color: #f1f1f2; text-transform: uppercase; padding-left: 10px; cursor: pointer; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); z-index: 20;}
.slider .slide.active .slide-title span.title-cnt,
.slider .slide.last .slide-title span.title-cnt { background: transparent; }
.slider .slide.active .slide-title span.title-cnt span.arr { width: 0; height: 0; border-left: 20px outset transparent; border-right: 20px outset transparent; border-top: 32px solid #00a8e1; position: absolute; bottom: -32px; right: 21px; font-size: 0; line-height: 0; text-indent: -4000px; }
.ie-fix .slider .slide.active .slide-title span.title-cnt span.arr { width: 0; height: 0; border-top: 20px solid transparent; border-left: 32px solid #00a8e1; border-bottom: 20px solid transparent; top: 21px; left: 46px; }
.slider .slide.active .slide-title .text-container {position:relative; z-index: 999;}

.slider .slide .slide-img { height: 311px; width: 570px; float: left; display: inline; margin-left: 46px; position: relative; cursor: default; }
.slider .slide .slide-img em.highlight { height: 24px; width: 570px; background: url(images/slider-highlight.png) repeat-x 0 0; position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider .slide .slide-img .title { width: 516px; padding: 0 27px; position: absolute; bottom: 0; left: 0; font-family: 'ProximaNovaItalic', arial, helvetica, sans-serif; font-size: 20px; line-height: 64px; background: url(images/slide-title-bg.png) repeat 0 0; z-index: 99; }
.slider .slide .slide-img .title p a { color: #404041; border-bottom: 2px solid #cbc9c4; }
.slider .slide .slide-img .title p a:hover { border-bottom: 0; text-decoration: none; }

.slider .slide .slide-cnt { height: 251px; width: 167px; padding: 30px 35px 30px 22px; float: right; display: inline; background: url(images/slide-cnt-shadow.png) repeat-y right 0; line-height: 22px; color: #fff; position: relative; cursor: default; }
.slider .slide .slide-cnt p { position: relative; padding-bottom: 22px; }
.slider .slide .slide-cnt p span.arr { height: 5px; width: 5px; background: url(images/slide-cnt-arr.png) no-repeat 0 0; position: absolute; top: 9px; left: -12px; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider .slide .slide-cnt a { color: #fff; text-transform: uppercase; text-decoration: underline; }
.slider .slide .slide-cnt a:hover { text-decoration: none; }

.slider .red-slide { background-color: #ee433f; }
.slider .red-slide.active .slide-title span.title-cnt span.arr { border-top-color: #ee433f; }
.ie-fix .slider .red-slide.active .slide-title span.title-cnt span.arr { border-left-color: #ee433f; }
.slider .yellow-slide { background-color: #ffc811; }
.slider .yellow-slide.active .slide-title span.title-cnt span.arr { border-top-color: #ffc811; }
.ie-fix .slider .yellow-slide.active .slide-title span.title-cnt span.arr { border-left-color: #ffc811; }
.slider .green-slide { background-color: #a7cd54; }
.slider .green-slide.active .slide-title span.title-cnt span.arr { border-top-color: #a7cd54; }
.ie-fix .slider .green-slide.active .slide-title span.title-cnt span.arr { border-left-color: #a7cd54; }

.container { background: url(images/sidebar-bg.png) repeat-y 0 0; }

.home-page .container { background: transparent; }
.home-page #sidebar { width: 259px; padding: 40px 19px 28px 12px; }

#sidebar { width: 252px; padding: 28px 19px; float: left; display: inline; }
#sidebar ul { list-style: none; list-style-position: outside; padding-bottom: 14px; }
#sidebar ul .widget { line-height: 20px; }
#sidebar ul .widget + .widget { border-top: 2px solid #e2e3e4; padding-top: 18px; }
#sidebar ul .widget h6.widgettitle { text-transform: uppercase; padding-bottom: 7px; }
#sidebar ul .widget ul li a { color: #404041; }
#sidebar ul .widget ul li span,
#sidebar ul .widget ul li a:hover { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; text-decoration: none; }
#sidebar ul .red-widget h6.widgettitle,
#sidebar ul .red-widget li span,
#sidebar ul .red-widget li a:hover { color: #ee433f; }
#sidebar ul .blue-widget h6.widgettitle,
#sidebar ul .blue-widget li span,
#sidebar ul .blue-widget li a:hover { color: #00a8e1; }
#sidebar ul .green-widget h6.widgettitle,
#sidebar ul .green-widget li span,
#sidebar ul .green-widget li a:hover { color: #a7cd54; }

.content { width: 640px; float: right; display: inline; padding: 27px 22px 17px 0; }
.content h2 {color: #ee433f; padding-bottom: 13px;}
.content h4 { color: #ee433f; padding-bottom: 12px; }
.content h5 { color: #ee433f; padding: 1px 0 8px 0; }
.content h5 em {font-family: 'ProximaNovaLightItalic'; font-size:16px; line-height:19px; font-weight:normal; font-style:normal;    }
.content h6 { padding-bottom: 15px; }
.content h6 em { font-family: 'ProximaNovaBoldItalic', arial, helvetica, sans-serif; font-style: normal; }
.content p { padding-bottom: 16px; }
.content ol { list-style-position: inside; padding: 0 0 13px 16px; font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; line-height: 19px; color: #808184; }
.content ul { list-style: none; list-style-position: outside; padding-left: 16px; line-height: 15px; }
.content ul li { padding-bottom: 9px; }
.content ul li strong { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-weight: normal; }
.content .separator {border-bottom: 2px solid #d5d6d7; margin-bottom: 16px; font-size: 0; line-height: 0; text-indent: -4000px; height: 0; margin-top: 10px;}
.content .wp-caption {margin-bottom: 15px;}
.content .wp-caption img {display:block; margin-bottom: 5px; margin-top: 3px;}
.content .wp-caption.alignright { margin-left: 24px; }
.content .wp-caption.alignleft { margin-right: 14px; }
.content .wp-caption.alignleft .wp-caption-text {padding-left: 10px;}
.content .wp-caption .wp-caption-text {font-family: 'ProximaNovaItalic', arial, helvetica, sans-serif; font-size: 13px; line-height: 16px; color: #00a8e1; padding: 3px 10px 0 0;}

.intro { font-family: 'ProximaNovaLightItalic', arial, helvetica, sans-serif; font-size: 16px; line-height: 19px; padding-bottom: 3px; border-bottom: 2px solid #d5d6d7; margin-bottom: 18px; }
.intro h2 { color: #ee433f; padding-bottom: 13px; }

.entries { padding-bottom: 80px; }
.entries .entry { padding-bottom: 5px; }
.entries .entry + .entry { border-top: 2px solid #d5d6d7; padding-top: 16px; }
.entries .entry h4 { padding-bottom: 15px; }
.entries .entry h4 a { color: #ee433f; }
.entries .entry .entry-img { width: 196px; font-family: 'ProximaNovaItalic', arial, helvetica, sans-serif; font-size: 13px; line-height: 16px; padding-top: 3px; }
.entries .entry .entry-img.right { padding-left: 24px; }
.entries .entry .entry-img.left { padding-right: 24px; }
.entries .entry .entry-img > a { display: block; margin-bottom: 8px; }
.entries .entry .entry-img img { display: block; }
.entries .entry .entry-img p { padding: 0 0 0 3px; }

.posts { padding-bottom: 118px; }
.posts h2 { color: #ee433f; padding-bottom: 11px; border-bottom: 2px solid #d5d6d7; margin-bottom: 10px; }
.posts .post { padding-bottom: 22px; }
	.posts .post + .post { border-top: 2px solid #d5d6d7; padding-top: 16px; }
.posts .post .post-head { padding: 1px 114px 16px 0; position: relative; }
.posts .post .post-head h4 { padding-bottom: 7px; }
.posts .post .post-head h4 a { color: #ee433f; }
.posts .post .post-head p.post-author { font-family: 'ProximaNovaItalic', arial, helvetica, sans-serif; padding-bottom: 0; }
.posts .post .post-head span.post-date { height: 30px; width: 104px; background: url(images/post-date-bg.png) no-repeat 0 0; position: absolute; top: 3px; right: 0; font-size: 15px; line-height: 30px; color: #6d6e70; text-align: center; }
.posts .post .post-img { width: 196px; font-family: 'ProximaNovaItalic', arial, helvetica, sans-serif; font-size: 13px; line-height: 16px; padding-top: 3px; }
.posts .post .post-img.right { padding-left: 24px; }
.posts .post .post-img.left { padding-right: 24px; }
.posts .post .post-img img { padding-bottom: 8px; }
.posts .post .post-img p { padding-left: 3px; }
.posts .post img { max-width: 100%; height: auto; }
.posts .post .post-bar { line-height: 30px; }
.posts .post .post-bar a.comment-btn { height: 40px; padding-left: 10px; background: url(images/comment-btn.png) no-repeat 0 0; float: left; display: inline; font-size: 15px; line-height: 30px; color: #6d6e70; text-align: center; margin-right: 27px; position: relative; }
.posts .post .post-bar a.comment-btn span { height: 40px; width: 9px; background: url(images/comment-btn.png) no-repeat right 0; position: absolute; top: 0; right: -9px; font-size: 0; line-height: 0; text-indent: -4000px; }
.posts .post .post-bar a.comment-btn:hover { background-position: 0 -43px; color: #444; text-decoration: none; }
.posts .post .post-bar a.comment-btn:hover span { background-position: right -43px; }
.posts .post .post-bar .post-share { float: left; display: inline; }
.posts .post .post-bar .post-share p { float: left; display: inline; padding-right: 16px; }
.posts .post .post-bar .post-share .addthis_toolbox { float: left; display: inline; }
.posts .post .post-bar .post-share .addthis_toolbox a { float: left; display: inline; }
.posts .post .post-bar .post-share .synved-social-button {margin-top: 4px; float:left; display:inline; }

.tabs { width: 688px; float: right; display: inline; padding: 51px 0 164px 0; }

.tabs-nav { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-size: 24px; line-height: 43px; text-transform: uppercase; text-align: center; position: relative; height: 100%; }
.tabs-nav ul { list-style: none; list-style-position: outside; }
.tabs-nav ul li { width: 169px; float: left; display: inline; }
.tabs-nav ul li + li { margin-left: 4px; }
.tabs-nav ul li.active { position: relative; margin-top: -9px; z-index: 2; }
.tabs-nav ul li a { height: 52px; color: #fff; display: block; background: url(images/blue-tab.png) repeat-x 0 0; }
.tabs-nav ul li a:hover { text-decoration: none; }
.tabs-nav ul li.blue-tab a { background-image: url(images/blue-tab.png); }
.tabs-nav ul li.red-tab a { background-image: url(images/red-tab.png); }
.tabs-nav ul li.yellow-tab a { background-image: url(images/yellow-tab.png); }
.tabs-nav ul li.green-tab a { background-image: url(images/green-tab.png); }

.tabs-content { background: url(images/tab-shadow.png) repeat-x 0 0; position: relative; margin-top: -15px; padding-top: 5px; }
.ie-fix .tabs-content { margin-top: 0; top: -15px; }
.tabs-content-inner { background: #fff; }

.facebook-feed .new-fb-head { background: #2e4a83; width: 295px; height: 61px; display: block; z-index: 10; position: relative; color: #FFF; padding: 5px 15px; font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-weight: normal; }
.facebook-feed .new-fb-head img { position: absolute; bottom: 15px; left: 15px; }
.facebook-feed .new-fb-head .fb-like-wrapper { position: absolute; right: 15px; bottom: 15px; padding: 3px; background: #fff; }
.facebook-feed > iframe { margin-top: -71px; z-index: 5; position: relative; }

.tab.blue-tab { background: #00a8e1; }
.tab.red-tab { background: #ee433f; }
.tab.yellow-tab { background: #ffc811; }
.tab.green-tab { background: #a7cd54; }

.tab { padding: 12px; border-bottom: 7px solid #d0d2d3; line-height: 17px; }
.tab .tab-entry { padding: 13px 13px 13px 16px; background: #4dc2ea; }
.tab .tab-entry + .tab-entry { margin-top: 12px; }
.tab .tab-entry img { border: 2px solid #fff; }
.tab .tab-entry img.alignright { margin: 0 0 5px 25px; }
.tab .tab-entry img.alignleft { margin: 0 25px 5px 0; }
.tab .tab-entry p { padding-top: 3px; }
.tab p strong { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-weight: normal; color: #fff; }
.tab p a { color: #fff; text-decoration: underline; text-transform: uppercase; }
.tab p a:hover { text-decoration: none; }

.tab .tabs-col { margin-top: 12px; position: relative; width: 100%;  }
.tab .tabs-col.actual-column {width: 296px; float:left; display:inline; }
.tab .tabs-col.actual-column.right {float:right; width: 325px;}
.tab .tabs-col .tab-entry { width: 296px; float: left; display: inline; }
.tab .tabs-col .tab-entry + .tab-entry { margin: 0 0 0 14px; }
.tab #wpfc-calendar-wrapper {padding: 16px 20px; background: #fff; margin-bottom: 0;}
.tab .tabs-col.actual-column .tab-entry {float:none; display:block; }
.tab .tabs-col.actual-column .tab-entry + .tab-entry {margin: 12px 0 0;}

.tab-cnt { width: 492px; float: left; display: inline; }
.tab-cnt .tab-img { position: relative; margin-bottom: 16px; }
.tab-cnt .tab-img img { border: 2px solid #fff; display: block; }
.tab-cnt .tab-img h3 { padding-left: 10px; line-height: 34px; background: url(images/slide-title-bg.png) repeat 0 0; }
.tab-cnt .tab-img img + h3 { width: 478px; position: absolute; bottom: 0; left: 2px; }

.tab-sidebar { width: 161px; float: right; display: inline; }
.tab-sidebar .box { padding-bottom: 12px; }
.tab-sidebar .box a { position: relative; display: block; border: 2px solid transparent; }
.tab-sidebar .box a img { border: 2px solid #fff; display: block; }
.tab-sidebar .box a span.overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(images/thumb-overlay.png) repeat 0 0; padding: 9px 11px; font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; color: #fff; }
.tab-sidebar .box a span.overlay span.plus-ico { height: 12px; width: 12px; background: url(images/plus-ico.png) no-repeat 0 0; position: absolute; bottom: 8px; right: 8px; font-size: 0; line-height: 0; text-indent: -4000px; }
.tab-sidebar .box a span.more-link { font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; color: #fff; position: absolute; bottom: 6px; right: 6px; display: none; }
.tab-sidebar .box a:hover { background-color: #fff; }
.tab-sidebar .box a:hover span.overlay { display: none; }
.tab-sidebar .box a:hover span.more-link { display: block; }

.tab .members { height: 444px; width: 645px; padding-left: 14px; margin-top: 14px; }
.tab .members .members-set h3 { color: #fff; padding-bottom: 10px; }
.tab .members .member { padding-right: 30px; }
.tab .members .member p a { color: #6d6e70; text-transform: none; }

.members .members-set { padding-bottom: 4px; }
.members .members-set h3 { color: #ee433f; padding-bottom: 9px; }
.members .member { width: 178px; float: left; display: inline; padding: 0 40px 15px 0; line-height: 16px; }
.members .member h6 { padding-bottom: 0; }
.members .member p { padding-bottom: 0; }
.members .member p a { color: #00a8e1; text-decoration: underline; }
.members .member p a:hover { text-decoration: none; }

.content.members { width: 654px; padding-right: 8px; }
.content.members .members-set { padding-bottom: 9px; }
.content.members .members-set + .members-set { border-top: 2px solid #d5d6d7; padding-top: 16px; }

#footer { background: #00a8e1 url(images/footer-bg.png) repeat-x 0 0; }
#footer .shell { width: 966px; padding: 27px 0 29px 14px; }
#footer .footer-cnt { float: left; display: inline; padding: 4px 19px 6px 0; background: url(images/footer-cnt-separator.png) repeat-y right 0; color: #fff; }
#footer .footer-cnt p { padding-bottom: 22px; }
#footer .footer-cnt p span { padding-right: 9px; background: url(images/footer-divider.png) no-repeat right center; margin-right: 9px; }
#footer .footer-cnt .footer-cols { line-height: 18px; }
#footer .footer-cnt .footer-cols .col { float: left; display: inline; }
#footer .footer-cnt .footer-cols .col + .col { padding-left: 26px; }
#footer .footer-cnt .footer-cols .col ul { list-style: none; list-style-position: outside; }
#footer .footer-cnt .footer-cols .col ul li a { color: #99dcf3; }
#footer .footer-cnt .footer-cols .col ul li a:hover { color: #fff; text-decoration: none; }
#footer .footer-socials { float: right; display: inline; }
#footer .footer-socials a.footer-logo { height: 76px; width: 125px; background: url(images/footer-logo.png) no-repeat 0 0; display: block; font-size: 0; line-height: 0; text-indent: -4000px; margin-bottom: 19px; }
#footer .footer-socials .socials a + a { margin-left: 13px; }

#wpfc-calendar-search {margin: 0 0 14px;}
#wpfc-calendar-wrapper {margin: 0 0 20px;}
#wpfc-calendar-wrapper th {padding: 7px 0; text-transform: uppercase; color: #666; font-weight:bold;}

.comments-list {padding-top: 20px;}
.comments-list .comment {padding: 10px 0 0 0; }
.comments-list .comment .comment-inner {}
.comments-list .comment .comment-inner h5 { font-size: 14px; }
.comments-list .comment .comment-inner .date {  font-style: italic; padding: 5px 0; }
.comments-list .comment .comment-reply-link {float: right;}
.comments-list .comment .comment { padding-left: 40px; }

#respond {clear: both; overflow: hidden; margin: 20px 0;}
#respond h3 {padding-bottom: 10px;}
#respond .field-row {clear: both; overflow: hidden; padding-bottom: 12px;}
#respond label { float: left; display: inline; width: 90px; padding-top: 2px; }
#respond input.field,
#respond textarea.field { background: #fff; font-size: 12px; color: #000; border: 1px solid #999; height: 20px; padding: 2px 5px; width: 280px; }
#respond textarea.field { height: 190px; resize: none; }
#respond #submit { cursor: pointer; float: left; margin-left: 90px; }
#respond .submit-btn { margin-top: 0; }
#respond .logged-in-as {padding-bottom: 15px;}
#respond #cancel-comment-reply-link {font-size: 16px; padding-left: 30px;}

@media only screen and (max-width: 785px){
	body { min-width: 100%; }
	.shell { width: auto !important; }
	img { max-width: 100%; }
		
	h1#logo { height: 117px; width: 191px; padding: 27px 42px 47px 39px; background: #fff; }
	h1#logo a { height: 117px; width: 191px; background-image: url(images/logo-tablet.png); }
	.header-cnt { width: 467px; }
	.header-cnt h2 { font-size: 25px; line-height: 28px; padding-left: 4px; }
	.top-bar { padding-bottom: 18px; }
	.top-bar p { float: none; display: block; padding-bottom: 10px; }
	.search-form { padding-left: 5px; }

	#navigation { font-size: 15px; }
	#navigation .shell > ul { padding-left: 0; }
	#navigation .shell > ul > li { float: left; display: inline; padding: 0 0 0 17px; position: relative; }
	#navigation .shell > ul > li + li { padding-left: 14px; background: transparent; }
	#navigation .shell > ul > li > a { padding: 0 3px; }
	#navigation .shell > ul > li.last > ul { left: auto; right: 0; }

	.container { padding: 0 20px; background-image: url(images/sidebar-tablet.png); }

	.tabs { float: none; display: block; margin: 0 auto; padding-bottom: 11px; }

	#sidebar { width: 222px; padding: 26px 0 6px 0; font-size: 13px; }
	#sidebar ul { padding-bottom: 18px; }
	#sidebar ul .widget h6.widgettitle { font-size: 13px; padding-bottom: 8px; }
	
	.home-page #sidebar { float: none; display: block; width: 100%; padding: 26px 0 6px 0; font-size: 14px; }

	#footer .shell { padding: 32px 20px 14px 20px; }
	#footer .footer-cnt { float: none; display: block; font-size: 13px; padding: 0 0 16px 0; background: transparent; border-bottom: 2px solid #1db2e4; margin-bottom: 14px; }
	#footer .footer-cnt .footer-cols { font-size: 12px; }
	#footer .footer-socials { float: none; display: block; }
	#footer .footer-socials a.footer-logo { float: left; display: inline; }
	#footer .footer-socials .socials { float: left; display: inline; padding: 28px 0 0 33px; }
	#footer .footer-socials .socials a + a { margin-left: 13px; }
	
	.head .head-cnt-left { width: 252px; }
	.head .head-cnt-right { width: 516px; }
	.head .head-cnt-right .img-holder img { height: 166px; }
	.head .head-cnt-right .head-text { padding: 18px 19px 15px 31px; font-size: 13px; }
	.head .head-cnt-right .head-text h2 { font-size: 20px; line-height: 23px; padding-bottom: 16px; }

	.slider { height: 243px; }
	.slider .slide { height: 243px; width: 36px; }
	.slider .slide.active { width: 660px; }
	.slider .slide .slide-title { height: 243px; width: 243px; }
	.slider .slide .slide-title span.title-cnt { height: 36px; width: 233px; font-size: 19px; line-height: 36px; }
	.slider .slide .slide-img { height: 243px; width: 446px; margin-left: 36px; }
	.slider .slide .slide-img em.highlight { width: 446px; }
	.slider .slide .slide-img .title { width: 416px; padding: 0 10px 0 20px; font-size: 16px; line-height: 51px; }
	.slider .slide .slide-cnt { height: 201px; width: 136px; padding: 22px 22px 22px 17px; font-size: 12px; line-height: 17px; }
	.slider .slide.active .slide-title span.title-cnt span.arr { border-left: 15px outset transparent; border-right: 15px outset transparent; border-top: 25px solid #00a8e1; bottom: -25px; }

	.slider .red-slide.active .slide-title span.title-cnt span.arr { border-top-color: #ee433f; }
	.slider .yellow-slide.active .slide-title span.title-cnt span.arr { border-top-color: #ffc811; }
	.slider .green-slide.active .slide-title span.title-cnt span.arr { border-top-color: #a7cd54; }

	.content { width: 468px; padding: 27px 0 25px 0; }
	
	.members .members-set { padding-bottom: 4px; }
	.members .members-set h3 { color: #ee433f; padding-bottom: 9px; }
	.members .member { width: 178px; float: left; display: inline; padding: 0 40px 15px 0; line-height: 16px; }
	.members .member h6 { padding-bottom: 0; }
	.members .member p { padding-bottom: 0; }
	.members .member p a { color: #00a8e1; text-decoration: underline; }
	.members .member p a:hover { text-decoration: none; }

	.content.members { width: 468px; padding: 25px 0 20px 0; }
	.content.members .members-set { padding-bottom: 4px; }
	.content.members .members-set + .members-set { padding-top: 14px; }

	.intro { margin-bottom: 16px; }
	.intro p { padding-bottom: 12px; }
	
	.entries .entry .entry-img { padding-top: 2px; }
	.entries .entry .entry-img > a { margin-bottom: 3px; }

	.posts .post .post-head span.post-date { top: 19px; }

	.alert-box-holder { height: 57px; width: 446px; padding: 12px 25px; font-size: 15px; line-height: 20px; }
	.alert-box { height: 57px; width: 446px; }
}

@media only screen and (max-width: 767px){
	#header { background: transparent; }
	.header-container { background-position: 0 112px; }
	.header-container-inner { background-position: center 112px; }
	h1#logo { height: 88px; width: 142px; padding: 15px 11px 13px 13px; background: #fff; }
	h1#logo a { height: 88px; width: 142px; background-image: url(images/sprite-mobile.png); }
	.header-cnt { min-height: 0; width: 120px; padding: 13px 15px 19px 19px; background-image: url(images/header-cnt-shadow-mobile.png); float: left; }
	.header-cnt h2 { display: none; }
	.top-bar { line-height: 20px; padding-bottom: 0; }
	.top-bar p { padding: 0 0 15px 0; }
	.search-form { display: none; }
	.socials { display: none; display: block; }
	.socials a { height: 26px; width: 27px; background: url(images/sprite-mobile.png) no-repeat -4px -184px; }
	.socials a + a { margin-left: 6px; }
	.socials a.twitter-ico { background-position: -37px -184px; }
	.socials a.youtube-ico { background-position: -70px -184px; }
	.socials a.facebook-ico:hover { background-position: -4px -221px; }
	.socials a.twitter-ico:hover { background-position: -37px -221px; }
	.socials a.youtube-ico:hover { background-position: -70px -221px; }

	#navigation { height: 40px; background-image: url(images/nav-bg-mobile.png); padding: 5px 0; font-size: 15px; line-height: 40px; margin: 0; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: -5px; }
	#navigation .shell > ul { background: #25b0e0; display: none; }
	#navigation.open .shell > ul { display: block; }
	#navigation .shell > ul > li { padding-left: 0 !important; float: none; display: block; }
	#navigation .shell > ul > li > a { padding: 0 0 0 10px; border-bottom: 0 !important; }
	#navigation .shell > ul > li > a:hover { color: #fff; }
	#navigation .shell > ul ul { display: none !important; }
	#navigation span.clickable { display: block; color: #fff; text-transform: uppercase; padding-left: 10px; position: relative; cursor: pointer; }
	#navigation span.clickable em { height: 10px; width: 13px; background: url(images/sprite-mobile.png) no-repeat -10px -258px; position: absolute; top: 15px; right: 11px; font-size: 0; line-height: 0; text-indent: -4000px; }

	.slider-holder { padding-top: 10px; }
	.slider { height: 163px; }
	.slider .slide { height: 163px; width: 25px; background-image: url(images/slider-highlight-mobile.png); }
	.slider .slide .slide-img { height: 163px; width: auto; margin-left: 25px; }
	.slider .slide .slide-img em.highlight { width: 295px; background-image: url(images/slider-highlight-mobile.png); }
	.slider .slide .slide-img .title { width: auto; padding: 5px 8px; font-size: 12px; line-height: 15px; }
	.slider .slide .slide-cnt { display: none; }
	.slider .slide .slide-title { height: 163px; width: 163px; }
	.slider .slide .slide-title span.title-cnt { height: 25px; width: 153px; font-size: 13px; line-height: 25px; background: transparent; }
	.slider .slide .slide-title span.title-cnt span.arr { width: 0; height: 0; border-left: 10px outset transparent; border-right: 10px outset transparent; border-top: 19px solid #00a8e1; position: absolute; bottom: -19px; right: 10px; }
	.slider .red-slide .slide-title span.title-cnt span.arr { border-top-color: #ee433f; }
	.slider .yellow-slide .slide-title span.title-cnt span.arr { border-top-color: #ffc811; }
	.slider .green-slide .slide-title span.title-cnt span.arr { border-top-color: #a7cd54; }

	.container { padding: 0; background: transparent; }

	.tabs { width: 320px; padding-top: 16px; margin: 0 auto; }

	.tabs-nav { font-size: 12px; line-height: 21px; }
	.tabs-nav ul li { width: 79px; }
	.tabs-nav ul li + li { margin-left: 1px; }
	.tabs-nav ul li.active { margin-top: -5px; }
	.tabs-nav ul li a { height: 25px; background-image: url(images/blue-tab-mobile.png); }
	.tabs-nav ul li.blue-tab a { background-image: url(images/blue-tab-mobile.png); }
	.tabs-nav ul li.red-tab a { background-image: url(images/red-tab-mobile.png); }
	.tabs-nav ul li.yellow-tab a { background-image: url(images/yellow-tab-mobile.png); }
	.tabs-nav ul li.green-tab a { background-image: url(images/green-tab-mobile.png); }

	.tabs-content { margin-top: -7px; padding-top: 2px; background-image: url(images/tab-shadow-mobile.png); }

	.tab { font-family: 'ProximaNovaLight', arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; }
	.tab .tab-entry img { float: none; display: block; margin: 0 0 8px 0 !important; }
	.tab .tabs-col .tab-entry { width: auto; }
	.tab .tabs-col .tab-entry + .tab-entry { margin: 12px 0 0 0; }
	.tab .tabs-col.actual-column.right,
	.tab .tabs-col.actual-column.right iframe {width: 296px !important;}

	.facebook-feed .new-fb-head { background: #2e4a83; width: 266px; height: 61px; display: block; z-index: 10; position: relative; color: #FFF; padding: 5px 15px; font-family: 'ProximaNovaBold', arial, helvetica, sans-serif; font-weight: normal; }
	.facebook-feed .new-fb-head img { width: 160px; }

	.tab-cnt { width: 296px; float: none; display: block; padding-bottom: 11px; }
	.tab-cnt .tab-img img + h3 { width: 282px; font-size: 13px; padding: 0 7px; }

	.tab-sidebar { float: none; display: block; }

	.tab .members { height: 544px; width: 300px; padding-left: 0; margin-top: 0; }
	.tab .members .member { font-size: 13px; padding: 0 23px 15px 0; }
	.tab .members .member h6 { font-size: 13px; }
	
	.members .members-set h3 { font-size: 17px; padding-bottom: 6px; }
	.members .member { font-size: 10px; line-height: 13px; width: 129px; padding: 0 42px 13px 0; }
	.members .member.last { padding-right: 0; }
	.members .member h6 { font-size: 10px; line-height: 13px; }

	#sidebar { width: auto; float: none; display: block; font-size: 14px !important; background: #e6f6fc; }
	#sidebar > ul { padding: 0 10px; }
	#sidebar ul .widget h6.widgettitle { font-size: 14px; padding-bottom: 8px; }

	.home-page .head .shell { width: auto !important; }
	.home-page .container { padding: 0; }
	.home-page #sidebar { padding-top: 14px; background: transparent; }

	#footer .footer-cnt .footer-cols .col { float: none; display: block; }
	#footer .footer-cnt .footer-cols .col + .col { padding: 16px 0 0 0; }
	#footer .footer-socials a.footer-logo { height: 77px; width: 126px; background: url(images/sprite-mobile.png) no-repeat 0 -91px; }

	.jspVerticalBar { width: 10px; }
	.jspTrack { background: url(images/sprite-mobile.png) no-repeat -151px 0; }
	.jspDrag { background: url(images/sprite-mobile.png) no-repeat -40px -252px; }

	.head .shell { width: 320px !important; }
	.head .head-cnt-left { width: 126px; padding-left: 10px; }
	.head .head-cnt-right { width: 174px; padding-right: 10px; }
	.head .head-cnt-right-text { width: 300px; padding: 8px 10px 7px 10px; }
	.head .head-cnt-right-text .head-text { padding: 0; font-size: 12px; line-height: 15px; }
	.head .head-cnt-right-text .head-text h2 { font-size: 12px; line-height: 15px; }
	.head .head-cnt-right .img-holder img { height: 83px; }

	.content { width: auto; padding: 10px 10px 0 10px; float: none; display: block; }
	.content.members { width: 300px; padding: 10px 10px 0 10px; margin: 0 auto; }

	.content.calendar { padding-bottom: 25px; }

	.intro { font-size: 12px; line-height: 18px; }
	.intro h2 { font-size: 20px; line-height: 23px; padding-bottom: 10px; }

	.entries { font-family: 'ProximaNovaLight', arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; padding-bottom: 3px; }
	.entries .entry .entry-img { float: none; display: block; padding: 0 0 10px 0 !important; }
	.entries .entry h4 { font-size: 20px; line-height: 23px; }

	.posts { font-family: 'ProximaNovaLight', arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; padding-bottom: 4px; }
	.posts .post + .post { border-top: 1px solid #d5d6d7; }
	.posts h2 { font-size: 20px; line-height: 23px; }
	.posts .post .post-head { padding: 1px 0 16px 0; }
	.posts .post .post-head h4 { font-size: 20px; line-height: 23px; }
	.posts .post .post-head p.post-author { padding-bottom: 5px; }
	.posts .post .post-head span.post-date { position: relative; display: block; top: auto; left: auto; }
	.posts .post .post-img { float: none; display: block; padding: 0 0 12px 0 !important; }
	.posts .post .post-img p { padding-bottom: 0; }
	.posts .post .post-bar a.comment-btn { margin-bottom: 12px; }
	.posts .post .post-bar .post-share p { font-size: 15px; line-height: 25px; }

	.alert-box-holder { height: 103px; width: 141px; padding: 5px 9px 10px 9px; font-size: 10px; line-height: 15px; bottom: auto; top: 0; left: -5px; }
	.alert-box { height: 103px; width: 141px; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	h1#logo a,
	.socials a,
	#navigation span.clickable em,
	.jspTrack,
	.jspDrag,
	#footer .footer-socials a.footer-logo { background-image: url(images/sprite@2x.png); -webkit-background-size: 170px 550px; -moz-background-size: 170px 550px; background-size: 170px 550px; }
	.header-cnt { background-image: url(images/header-cnt-shadow@2x.png); -webkit-background-size: 34px 105px; -moz-background-size: 34px 105px; background-size: 34px 105px; }
	#navigation { background-image: url(images/nav-bg@2x.png); -webkit-background-size: 1px 50px; -moz-background-size: 1px 50px; background-size: 1px 50px; }
	.slider .slide,
	.slider .slide .slide-img em.highlight { background-image: url(images/slider-highlight@2x.png); -webkit-background-size: 1px 10px; -moz-background-size: 1px 10px; background-size: 1px 10px; }
	.tabs-nav ul li.blue-tab a { background-image: url(images/blue-tab-mobile@2x.png); -webkit-background-size: 1px 25px; -moz-background-size: 1px 25px; background-size: 1px 25px; }
	.tabs-nav ul li.red-tab a { background-image: url(images/red-tab-mobile@2x.png); -webkit-background-size: 1px 25px; -moz-background-size: 1px 25px; background-size: 1px 25px; }
	.tabs-nav ul li.yellow-tab a { background-image: url(images/yellow-tab-mobile@2x.png); -webkit-background-size: 1px 25px; -moz-background-size: 1px 25px; background-size: 1px 25px; }
	.tabs-nav ul li.green-tab a { background-image: url(images/green-tab-mobile@2x.png); -webkit-background-size: 1px 25px; -moz-background-size: 1px 25px; background-size: 1px 25px; }
	.tabs-content { background-image: url(images/tab-shadow@2x.png); -webkit-background-size: 1px 2px; -moz-background-size: 1px 2px; background-size: 1px 2px; }
}