/*	FONT
*/
@font-face {
    font-family: 'droid_sansbold';
    src: url('../font/droidsans-bold-webfont.eot');
    src: url('../font/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/droidsans-bold-webfont.woff') format('woff'),
         url('../font/droidsans-bold-webfont.ttf') format('truetype'),
         url('../font/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_sansregular';
    src: url('../font/droidsans-webfont.eot');
    src: url('../font/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/droidsans-webfont.woff') format('woff'),
         url('../font/droidsans-webfont.ttf') format('truetype'),
         url('../font/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	BASE
*/
body {
	font-family: 'droid_sansregular';
	line-height: 1.5em;
	font-size: 13px;
	background: #eee;
    -webkit-font-smoothing: antialiased;
    font-smooth:always;
    color: #666666;
}
strong { font-family: 'droid_sansbold'; }
em { color: #5098BD; }
a { text-decoration: none; color: #5098BD; }
img { max-width: 100%; }
p { margin: 0 0 20px 0; }
/*	LAYOUT
*/
#wrapper { width: 980px; margin: 0 auto; background: #fff url(../images/bg.png) no-repeat; padding: 10px 0 0 0; }
.wrap { margin: 0 auto; width: 980px; position: relative; }
.right-20 { margin-right: 20px; }

/*  GENERAL
*/
h2 { font-family: 'droid_sansbold'; }
h3 { font-family: 'droid_sansbold'; font-size: 18px; color: #5098BD; margin: 0 0 10px 0; font-weight: bold; }
h4 { font-family: 'droid_sansbold'; font-size: 16px; }
h5 { font-family: 'droid_sansbold'; font-size: 14px; }

/*  UTILITY
*/
.vspace-20 { padding: 10px 0; clear: both; }
.vspace-30 { padding: 15px 0; clear: both; }

/*	HEADER
*/
header { background: ; padding: 15px 0;  }
#branding { width: 170px; height: 135px; }
#branding a { display: block; }
#branding img { display: block; margin-left: 5px; }
#branding:active { top: 1px; }
#tagline { position: absolute; top: 5px; left: 200px;  }
#main-tagline { color: #346ea2; font-size: 22px; margin: 0 0 5px 0; }
#main-tagline small { display: block; font-size: 12px; }
#sub-tagline { color: #79bdf9; font-size: 14px; }

/*Primary Navigation*/

#primary-nav {
	position: absolute;
	left: 200px;
	bottom: 5px;
	font-size: 14px;
	z-index: 2000;
}

#primary-nav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#primary-nav li {
	float: left;
	white-space: nowrap;
	margin-right: 10px;
	position: relative;
}

#primary-nav li:last-child { background: none; }

#primary-nav li a {
	padding: 5px 10px;
	color: #fff;
	background: #79bdf9;
	display: block;
	-webkit-border-radius: 24px;
	border-radius: 24px;
}

#primary-nav li a:hover, #primary-nav li.current-menu-item a {
	padding: 5px 10px;
	color: #fff;
	background: #346ea2;
	display: block;
	-webkit-border-radius: 24px;
	border-radius: 24px;
}

/*Drop Down Menus - Primary*/

#primary-nav ul ul { 
	display: none; 
	position: absolute;
	top: 29px; 
	margin: 0 0 0 12px;
	padding: 5px 0 15px 5px;
	width: auto;
	background: url(../images/sub-menu-bg.png);
	border: 1px solid #79bdf9;
	z-index: 99;
}

#primary-nav ul ul li { 
	float: none; 
	width: auto; 
	height: 29px;
	padding: 5px;
	border-bottom: 1px solid #79bdf9;
}

#primary-nav ul ul li a { 
	padding: 5px 0 0 5px;
	height: 29px;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #79bdf9;
	background: none;
}

#primary-nav ul ul li a:hover {
	padding: 5px 0 0 5px;
	background: none;
	height: 29px;
	color: #346ea2;
	text-decoration: underline;
}

#primary-nav ul ul li.menu-item a {
	padding: 5px 0 0 5px;
	color: #79bdf9;
	background: none;
	display: block;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#primary-nav ul ul li.current-menu-item a {
	padding: 5px 0 0 5px;
	color: #79bdf9;
	background: none;
	display: block;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#primary-nav ul ul li.current-menu-item a:hover {
	color: #346ea2;
}

#primary-nav ul ul li:last-child { border: none; }

#primary-nav ul li:hover > ul { display: block; }

#primary-nav ul li:active > ul { display: block; }

#primary-nav ul ul li ul {
	left: 162px;
	top: -1px; 
}

/*END Drop Down Menu - Primary.............*/


#header-search { position: absolute; right: 30px; top: 10px; }
.search-form input[type='text'] { border: 1px solid #5796ce; padding: 5px 10px; background: #fff; margin-right: 10px; margin-left: 0; -webkit-border-radius: 4px; border-radius: 4px; }
#search-button { border: none; background: #5796ce; font-size: 15px; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; line-height: 21px; }
#search-button:hover { background: #346ea2; }


.button { background: #ccc; color: #fff; border: none; -webkit-border-radius: 24px; border-radius: 24px; cursor: pointer; display: inline-block; padding: 5px 10px; font-size: 12px; }
.button:hover { background: #bbb; }
.tinynav { display: none; }

/*  FOOTER
*/
footer { padding: 25px 0; background: #fafafa; color: #888; border-top: 1px solid #eee; }
footer a { color: #916c61; }
footer a:hover { content: #4e1a1a; }

/*  CONTENT
*/

#main { padding-top: 30px; padding-bottom: 30px; }
article { margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #f5f5f5; position: relative; }
article:last-child { border: none; }
#content-with-sidebar { float: right; width: 750px; max-width: 100%; }
aside { float: left; width: 140px; }

aside#home-sidebar-left { float: left; width: 240px; }
aside#home-sidebar-right { float: right; width: 240px; }
#home-content {float: left; width: 380px; padding-left: 30px; max-width: 100%;  }


#main h1.post-title { margin: 0 0 20px 0; line-height: 1em; }
#main h2.post-title { margin: 0; line-height: 1.25em; font-size: 15px; }
.post-meta { margin: -15px 0 20px 0; font-size: 13px; font-style: italic; color: #565655; font-weight: normal; }
.post-meta a { color: #565655; }

.meta { margin: 0 0 14px 0; padding: 5px 0 0 0; color: #aaa; }
.single .meta { margin-top: -15px; }
.meta a { color: #aaa; }
.meta i { margin: 0 5px 0 0; }
.meta span { margin: 0 10px 0 0; }

.more-link { display: inline-block; background: #497f26; color: #fff; padding: 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; font-family: 'droid_sansbold'; line-height: 1em; margin: 5px 10px 10px 0; }
.close-link { background: #aaa; }
.more-link i.icon-circle-arrow-right { margin-left: 5px; margin-right: 0; }
.more-link i { margin-right: 5px; }

#featured-slide { position: relative; margin-bottom: 45px; }
#slides { max-height: 200px; overflow: hidden; }
.slides_item { position: relative; max-width: 100%; }
.slides_content { position: absolute; top: 0; left: 0; padding: 40px 0 0 40px; font-size: 18px; color: #333; width: 435px; line-height: 1.5em; }
.slides_text_header { font-family: 'droid_sansbold'; font-size: 44px; margin: 0 0 20px 0; line-height: 1.2em; }
.slides_text_header em { color: #497f26; }
.slides_text_header small { font-size: 18px; }
.slides_bt { display: block; width: 186px; height: 48px; background: #497f26; text-align: center; color: #eee; line-height: 48px; font-size: 20px; font-family: 'droid_sansbold'; position: relative; -webkit-border-radius: 5px; border-radius: 5px; }
.slides_bt:hover { color: #fff; }
.slides_bt:active { top: 1px; }
#slides { position: relative; }
.slidesjs-play,
.slidesjs-stop { display: none !important; }
.slidesjs-previous { display: block; width: 48px; height: 49px; background: url(../images/slide-nav-left.png) no-repeat; position: relative; top: -125px; text-indent: -999em; z-index: 1000; float: left; opacity: 0.8; background-size: contain;}
.slidesjs-next { display: block; width: 48px; height: 49px; background: url(../images/slide-nav-right.png) no-repeat; position: relative; top: -125px; text-indent: -999em; z-index: 1000; float: right; opacity: 0.8; background-size: contain;}
.slidesjs-previous:hover,
.slidesjs-next:hover { opacity: 1; }

#page-title-section { background: #e5e5e5; padding: 20px; }
.page-title { font-family: 'droid_sansbold'; font-size: 30px; color: #5098BD; line-height: 1.25em; }

.main-content-wrap { padding: 0 20px 0 0; position: relative; }
#main .widget { margin: 0 0 30px 0; }
#main .widget-title { font-family: 'droid_sansbold'; font-size: 15px; margin: 0 0 15px 0; color: #5098BD; line-height: 1.25em; }
aside ul li { border-top: 1px solid #eee; padding: 5px 0; }
aside ul ul { list-style: square !important; margin-bottom: 0 !important; margin-left: 15px !important; padding: 5px 0 !important; }
aside ul ul li { border: none; padding: 3px 0; }
#main .divider { border-bottom: 1px solid #eee; margin: 0 0 30px 0; }

#main h1 { font-family: 'droid_sansbold'; color: #5098BD; font-size: 24px; line-height: 1.5em; margin: 0 0 10px 0; }
#main h2 { font-family: 'droid_sansbold'; color: #5098BD; font-size: 24px; line-height: 1.5em; margin: 0 0 10px 0; }
#main h3 { font-family: 'droid_sansbold'; color: #5098BD; font-size: 20px; line-height: 1.5em; margin: 0 0 10px 0; }
#main h4 { font-family: 'droid_sansbold'; color: #5098BD; font-size: 16px; line-height: 1.5em; margin: 0 0 10px 0; }
#main h5 { font-family: 'droid_sansbold'; color: #5098BD; font-size: 14px; line-height: 1.5em; margin: 0 0 5px 0; }
#main p { margin: 0 0 20px 0; }
#main ul { margin: 0 0 20px 0; list-style: square; padding: 0 0 0 16px; }
#main ol { margin: 0 0 20px 0; list-style: decimal; padding: 0 0 0 20px; }

#main aside ul,
#main aside ol { list-style: none; padding: 0; }

.title-box { background: #5098BD; margin: 0 0 25px 0; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; font-size: 18px; font-family: 'droid_sansbold'; }

.callout { font-size: 28px; line-height: 1.25em; }

.aligncenter { display: block; margin: 0 auto 20px; }

.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }

.nextpostslink { float: right; }
.previouspostslink { float: left; }

/* COMMENT */

#main .commentlist { list-style: none; margin: 0 0 40px 0; padding: 0; }
#main .commentlist .comment { padding: 20px; background: #fafafa; margin: 0 0 20px 0; position: relative; border: 1px solid #eee; -webkit-border-radius: 4px; border-radius: 4px;  }
.comment-author { display: inline; margin: 0 5px 0 0; font-weight: bold; }
.commentmetadata { display: inline-block; margin: 0 0 15px 0; }
.comment-author img { display: none; }
.says { display: none; }
.fn { display: inline-block; }
.navigation { display: none; }
#comment { border: 1px solid #ddd; padding: 20px; max-width: 82%; }
h3#comments { padding: 20px 0 10px 0; }

#commentform #submit { border: none; color: #fff; background: #5796ce; padding: 10px 15px; -webkit-border-radius: 24px; border-radius: 24px;  }
#commentform #submit:hover { background: #346ea2; }

/* RESPONSIVE */
.visible-tablet { display: none; }
@media (min-width: 768px) and (max-width: 979px) {
    .visible-tablet { display: block !important; }
    .hidden-tablet { display: none; }

    .wrap { width: 760px; }
    #wrapper { width: 760px; }
    .slides_text_header { font-size: 24px; }
    .slides_content { font-size: 14px; }

    #header-search { display: none; }

    #primary-nav { font-size: 12px; }
    #primary-nav > ul > li { margin-left: 0; margin-right: 5px; }

    #content-with-sidebar { width: 530px; }
    aside#home-sidebar-right { float: left; }

    #main-content-with-sidebar { width: 380px; }

    #main h2 { font-size: 18px; line-height: 1.5em; }

    #featured-slide { margin: 0; }
    .social-item { padding: 30px 10px 10px 10px; text-align: center; }
    #social-box { padding: 0; background: none; }
    .social-item-mid { margin: 0 10px; }
    .social-item .icon { top: -20px; left: 90px; }

    .post-list { margin-left: 70px; } 
    #home-content { width: 430px; }
}
.visible-mobile { display: none; }
@media only screen and (max-width: 767px) {
    .hidden-mobile { display: none; }
    .visible-mobile { display: block !important; }

    .wrap, #wrapper { width: 304px; }
    #primary-nav { padding: 20px 0 0 0; position: relative; right: 0; }
    #header-search { display: none; } 
    #branding { position: relative; display: block; margin: 0 auto; }
    #branding img { margin: 0 auto; }
    #header-search { display: none; }

    #top-nav { float: left; border: none; border-right: 1px solid #eee; margin: 0 10px 0 0; }
    #top-nav li { margin: 0 10px 0 0; }
    header .social-list { position: relative; top: auto; right: auto; }
    #primary-nav #primary { display: none; }
    .tinynav { display: block; width: 100%; margin: 5px 0 20px 0; }

    #primary-nav { left: auto; top: auto; }
    #tagline { position: relative; text-align: center; left: auto; top: auto; line-height: 1.5em; }
    #main-tagline { line-height: 1.25em; font-size: 18px; }
    aside { width: 100% !important; }

    #home-content { padding: 0; }
}