/*
Theme Name: Fire Services Commissioner
Theme URI: http://underscores.me/
Author: Deepend
Author URI: http://deepend.com.au
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make somethingx cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #878787;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	border: 1px solid #878787;
	padding:2px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {

	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 1.12em 1.5em 1em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {

}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {

}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=email] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: royalblue;
}
a:visited {
	color: purple;
}
a:hover,
a:focus,
a:active {
	color: midnightblue;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	display: none;
	float: left;
	position: absolute;
		top: 1.5em;
		left: 0;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .menu {
	display: none;
}



.slicknav_menu {
	display:none;
}

/* Media query overrides - tablet and mobile */
@media screen and (max-width: 900px) {
	/* #menu is the original menu */
	body #main-nav {
		display:none;
	}
	
	body .slicknav_menu {
		display:block;
	}
	body #content { margin: 0; padding: 0; border: 0;}
	body #header-search { float: left; margin-top:25px; clear: left; }
	body #header-search .search-input { width: auto; }

	body .footer-nav { overflow: hidden; }
	

	body #homepage-slider h2 {
		padding: 15px;
		font-size: 100%;
		width: 268px;
		padding-right: 0;
	}

	body #homepage-slider p {
		font-size: 70%;
		padding-left: 15px;
		width: 268px;
		padding-right: 0;
	}

	body #homepage-slider .more {
		margin-left: 15px;
	}


	body .featured-posts-list a.imglink img {

	}

	body #gform_wrapper_1, 
	body .footer-sitemap  { 
		margin-top:0;
	}

	body #gform_wrapper_1 { margin-bottom: 15px; word-wrap: break-word; }

	body .footer-info {
		padding-bottom: 10px;
	}

	body .fire-safety-social { 
		padding: 15px;
	}

	body .featured-posts-list li.second {  margin: 0; }
	body .featured-posts-list li {  width: 100%; }
	body .fire-apps {  margin-bottom: 25px; }
	body .footer-credits .right { clear:both; float: none; }
	
	body .footer-info h3 span {
		line-height: 100%;
	}
}
/* Mobile only */
@media screen and (max-width: 400px) {
	body #homepage-slider p {
		display: none;
	}
	body .footer-sitemap li { float: left; width: 50%; }
	
	body .homepage-aciton-btns .f-right, body .homepage-aciton-btns  .f-left  {
			float: none;
			margin-bottom: 15px;
	}
}
/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.entry-meta {
	clear: both;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 30px 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.5em;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Search widget */
#searchsubmit {
	display: none;
}


/*
Theme Name: Fire Services Commissioner
Layout: Content-Sidebar-Sidebar
*/

#primary {
	/*float: left;
	width: 100%;
	 margin: 0 -31% 0 0; */
}
/*
#content {
	margin: 0 31% 0 0;
	padding-right: 4%;
}
*/

#secondary { /* Sidebar 1 */
	float: left;
	overflow: hidden;
	/* width: 27%;*/
	/*padding-left: 4%;*/
	padding-top: 15px;
}
#tertiary { /* Sidebar 2 */
	clear: left;
}
.site-footer {
	clear: both;
	width: 100%;
}

/*
Custom Deepend
*/


body, html {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body {
	background: url(images/body-background-logo.png) no-repeat center top;
}

a, a:visited { color: #0071a2; }
a:hover { color: #666; }

body.alt_size_1 #page { font-size: inherit; }
body.alt_size_2 #page { font-size: 110%; }
body.alt_size_3 #page { font-size: 120%; }
body.alt_size_4 #page { font-size: 130%; }
body.alt_size_5 #page { font-size: 140%; }

body.alt_size_2 #header-search, 
body.alt_size_3 #header-search,
body.alt_size_4 #header-search,
body.alt_size_5 #header-search
{
	position: absolute;
	top: -67px;
	right: 11%;
}

#masthead, #main { 
	/*width: 940px;*/
	margin: 0 auto;
}

.clear { clear: both; }

.divider {
	height: 1px;
	background: #dddddd;
	margin:10px 0;
	clear: both;
}

/*
body.home #secondary { display: none; }
body.home #content { margin: 0; border-right: 0; padding-right: 0; }
*/*

#header-search { float: right; margin-top: 55px; }

#header-search  .search-input {
	border-radius: 3px 0 0 3px;
	padding: 6px;
	margin: 0;
	vertical-align: top;
	width: 85px;
}

#header-search  .submit-input {
	border-radius: 0px 3px 3px 3px;
	border: 1px solid #CCC;
	border-width:1px 1px 1px 0;
}



h1.site-title a {
	display: block;
	text-indent: 400px;
	/* overflow: hidden; */
	background: url(images/firecommissioner-logo.png) no-repeat left top;
	text-decoration: none;
	/* width: 176px; */
	height: 95px;
	padding-top: 40px;
	left: 100px;
	padding-bottom: -40px;
	font-size: 266%;
	line-height: 1.3;
	margin-bottom: 10px;
	color: #666;
}

#masthead  { margin: 30px auto; position: relative; *position: static; }
#masthead hgroup { float: left; }

.site-utilities { position: absolute; right:5px; top: 0; *position: static; *float: right; }
.site-utilities a { display: inline-block; }


/* Main Nav */

.main-navigation { 
	float: left;
	margin-left: 15px; 
	clear: none;
	width: auto;
	margin-top: 55px;
	
}
/*
.main-navigation li { 
	float: left;
	margin-left: 30px; 
}

.main-navigation a {
	color:#0071a2;
	display: block;
	font-size:90%;
	padding-bottom: 5px;
	
}

.main-navigation .current_page_item  a{
	border-bottom: 2px solid #cfcfcf;
	color: #666666;
}
*/



#main-nav {
	list-style:none;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	/* Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:25;
	margin-left: 20px;
	
}

#main-nav li{
	float:left;
	margin-right: 20px;
	position:relative;
}
#main-nav  a{
	display:block;
	padding:5px 10px;
	/* color:#3e93b8; */
	color: #6d6e72;
	text-decoration:none;
	
	font-size: 80%;
}
#main-nav  > li > a {
	border-radius: 3px 3px 0px 0px;
}
#main-nav a:hover, #main-nav li:hover a{
	color:#fff;
}

#main-nav  > li.current_page_item > a, 
#main-nav  > li.current_page_ancestor > a
{
	border-bottom: 2px solid #cfcfcf;
	color: #666666;
}

#main-nav  > li.current_page_item:hover > a,
#main-nav  > li.current_page_ancestor:hover > a {
	color: white;
	border-color: transparent;
}

/*--- DROPDOWN ---*/
#main-nav ul {
	background:#white; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:#0071a2; /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	border-radius: 0px 3px 3px 3px;
	padding:10px 0;
}


#main-nav ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#main-nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#main-nav li:hover ul li.current_page_item a { 
	text-decoration: underline;
	color: white;
}


#main-nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	top:28px;
}

#main-nav li:hover ul li ul { /* Display the dropdown on hover */
	left:100%; /* Bring back on-screen when needed */
	top:-10px;
	padding:0;
	background: #02485E;
}

#main-nav li:hover ul ul  a {  background: #02485E; }

#main-nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#0071a2;
}
#main-nav li:last-child:hover { border-radius: 0px 0px 3px 3px; }
#main-nav li:first-child:hover { border-radius: 0px 3px 3px 3px; }

#main-nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	font-size: 80%;
	padding:10px 20px;;
}
#main-nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:#3e93b8;
}


.assistive-text { display: none; }

#footer-divider { 
	clear:both;
	text-align: center;
	position: relative;
	background:#878787;
}
#footer-divider  img {
	position: relative;
	z-index: 10;
}
#footer-bg {
	background: url(images/footer-bg.png) no-repeat center top;
	height: 57px;
	position: relative;
	z-index: 15;
}
#footer-divider .left, #footer-divider .right { 
	background: url(images/footer-bg-left-repeat.png) repeat-x left top;
	height: 57px;
	width: 50%;
	position:absolute;
	top:0;
	left:0;
}
#footer-divider .right {
	top:0;
	left:auto;
	right:0;
	background: url(images/footer-bg-right-repeat.png) repeat-x left top;
}

#colophon {
	background:#878787;

}
#colophon .footer-inner {
	/*width: 940px;*/
	margin: 0 auto;
	padding-bottom: 1px;
	overflow: hidden;
}

.footer-credits {
	background: #404040;
	text-align: left;
	color: white;
	font-size: 80%;
	
}
.footer-credits .footer-credits-inner {
	/*width: 940px;*/
	margin: 0 auto;
	padding: 25px 0 ;	
}

.footer-credits a  { 
	color: white; 
	text-decoration: none;
}
.footer-credits a:hover { text-decoration: underline; }
.footer-credits .right  {  float: right; }
 
/* footer bottom  */

.footer-info, .footer-sitemap, #gform_wrapper_1 {
	float: left;
}
.footer-sitemap, #gform_wrapper_1 {
	margin-top: 60px;
}

.footer-info { padding-bottom: 40px; }
/*
.footer-sitemap { width: 50%;}
#gform_wrapper_1 { width: 25%;}
*/
.footer-info h3 { 
	font-size: 78%; 
	color: white; 
	text-transform: uppercase;
	line-height: 222%;
	text-shadow: 2px 2px 2px rgba(0,0,0, .3 );
}
.footer-info h3 span { 
	font-size: 244%; 
	display: block; 
	line-height: 64%; 
	margin-bottom: 20px;
	font-weight: bold;
} 
.footer-info .note { 
	font-size: 70%; 
	color: #dddddd;
	margin-right: 20%;
	text-shadow: 2px 2px 2px rgba(0,0,0, .3 );

}

.fire-safety-social {clear:both; padding-bottom: 20px}

.fire-safty-updates {
	float:left;
	margin-right: 20px;
}

.footer-sitemap .col { width: 33%; float: left; color: white; }

.footer-sitemap .col.first { width: 25% ;}
.footer-sitemap .col.second { width: 25% ;}
.footer-sitemap .col.third { width: 49% ;}

.footer-sitemap h3, #gform_wrapper_1 h3 { 
	font-size: 90%; 
	text-shadow: 2px 2px 2px rgba(0,0,0, .3 );
	text-transform: uppercase; 
	margin: 0 auto 5px;
	color: white;
	font-weight: normal;
}
#gform_wrapper_1 .gform_description {
    display: block;
    float: left;
    width: 100%;
    font-size: 9pt;
    color: #fff;
    margin-bottom: 20px;
    line-height: 2; 
}
#gform_wrapper_1 .gform_description dt, #gform_wrapper_1 .gform_description dd {
    display: block;
    float: left;
    width: 50%;
    margin: 0;
}
.footer-sitemap ul { list-style: none; margin:0 0 25px 0; }
.footer-sitemap ul ul {margin-bottom: 0; padding-top: 5px}
.footer-sitemap li {line-height: 1.1;margin-bottom:5px;}
.footer-sitemap li li {margin-left:15px;}
.footer-sitemap ul a { color: white; font-size: 70%; text-decoration: none;padding:2px 0;}
.footer-sitemap ul a:hover {text-decoration: underline;}

#gform_wrapper_1 { margin-bottom: 0; }
#gform_wrapper_1 input, #gform_wrapper_1 textarea {
	padding: 5%;
	width: 90%;
	background: #676767;
	border-radius: 3px;
	margin-bottom: 5px;
	color: white;
	border: none;
}
#gform_wrapper_1 #gform_submit_button_1 {
	background: #676767;
	width: auto;
	font-size: 70%;
	text-transform: uppercase;
	margin-bottom: 0;

}
#gform_wrapper_1 .gform_footer {
	margin-top: 0;
	padding-top: 5px;
}

#gforms_confirmation_message {
	color: #fff;
	font-size: 84%;
	float:right;
	width: 25%;
}

.fire-safty-updates h4 {
	color: white;
	text-transform: uppercase;
	font-size: 80%;
	text-shadow: 2px 2px 2px rgba(0,0,0, .3 );
	margin-bottom: 5px;
}

.fire-safty-updates {
	margin-bottom: 10px;
}

.fire-safty-updates p { 
	display: inline; 
	color: white; 
	font-size: 80%;
	margin-right: 5px;
}

.fire-safty-updates a { 
	display: inline-block;
	text-indent: -500px;
	overflow: hidden;
	width: 19px;
	height: 17px;
	background: url(images/sprite-f-b.png) no-repeat 3px top;
	text-decoration: none;
	margin-bottom: -3px;
}

.fire-safty-updates a.twitter {
	background-position: right top;
	margin-right: 15px;
}

.fire-apps {
	float:left;
	font-size: 84%;
	margin-bottom: 0;
	padding-top: 24px;
	position: relative;
	zoom:1;
}

.fire-apps a {
	color: #fff;
	text-decoration: none;
}

.fa-base {
	background: #46494a url('images/arrow-dropdown-facing-up.png') no-repeat 90% 50%;
	padding:5px 27px 5px 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.fb-base:hover {
	text-decoration: none;
}

.fire-apps .tooltip {
	display: none;
	position: absolute;
	left:0;
	bottom:25px;
	background-color: #46494a;
	color: #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.fire-apps .visible {display:block;}

.tooltip ul {
	display:block;
	list-style: none;
	margin:0;
	padding:5px 0;
	font-size: 84%;
}

.tooltip li {
	display:block;
	margin:0;
	padding:0;
}

.tooltip li a {
	display:block;
	padding:4px 10px;
}

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


/* Homepage*/
.featured-posts-list { margin:0 auto 30px; padding:0; overflow: hidden; }
.featured-posts-list li { 
	margin:0;
	padding: 0;
	float: left; 
	list-style: none;
	width: 30%;
	text-align: center;
}

.featured-posts-list li.second { margin: 0 5%; }
.featured-posts-list p { font-size: 80%; color: #747474; text-align: left; }
.featured-posts-list h3 { margin-bottom: 15px; text-align: left;  }
.featured-posts-list h3 a { color: #343333; text-decoration: none;}
.featured-posts-list h3 a:hover { text-decoration: underline;}
.featured-posts-list a.imglink { 
	display: inline-block;
	display: block\9; /* Fix for IE8 */
	height:157px;  
	text-align: center;
	overflow: hidden;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}
.featured-posts-list a.imglink img { 
	max-width: 100%;
	width: 100%;
}

.header-group  {
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
	padding: 0 0 3px 0;
	margin-bottom: 15px;
	clear: both;
}
.header-group h3 {
	float: left;
	font-size: 100%;
	font-weight: bold;
}
.header-group  a { color: #00acdc; }

.header-group .view-more { 
	float: right; 
	text-decoration: none;
	font-size: 84%;

}


/* Standard Pages */

#content  { 
	border-right: 1px solid #dddddd; 
	padding-right: 5%;
	margin-right: 5%; 
}
h1.entry-title { font-size: 150%; line-height: 1.3; margin-bottom: 10px }

.entry-meta {font-style: italic;}
.entry-meta a { font-style: normal; }
.entry-meta .posted-title { text-transform: uppercase; font-style: normal; font-weight: bold; }

/* Post Single */
.entry-header {
	border-bottom:10px solid #ffcb08;
	/*background: url(images/yellow-divider.png) no-repeat left bottom;*/
	padding-bottom:15px;
}

.entry-meta {
	padding-left: 15px;
	margin-left:-15px;
	font-size: 70%;
}

.addthis_toolbox {
	border-bottom: 10px solid #0071a2;
	padding-bottom: 15px;
}

footer.entry-meta {
	/*background: url(images/blue-divider.png) no-repeat left bottom;*/
}


/* Sidebar */

.widget-title {	text-transform: uppercase; margin-bottom: 11px; color: #666666; }

.widget ul , .widget ul li { list-style: none; margin-bottom: 11px; }
.widget ul { margin-left: 0; padding-left:0; }
.widget ul  ul  li { padding-left: 15px; }
.widget ul  a { 
	font-size: 80%; 
	text-decoration: none;
}
.widget .current_page_item a { color: #666666; }



/* Comments */
#comments  form {  color: #968888; }
#comments .comment-notes { color: #000; }
#comments .form-allowed-tags, #comments .form-allowed-tags code { font-size: 80%; display: none; }
#comments #reply-title { font-size: 160%; }
#comments label { font-size: 80%; color: #968888; }
#comments input {
	display: block;
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 0px;
}
#comments span.required { color: red; }
#comments  textarea { 
	padding: 5px;
	border-radius: 0px;
}

#comments input, #comments  textarea {
background: rgb(196,196,196); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(196,196,196,1) 0%, rgba(249,249,249,1) 11%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,196,196,1)), color-stop(11%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(249,249,249,1) 11%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(249,249,249,1) 11%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(249,249,249,1) 11%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(196,196,196,1) 0%,rgba(249,249,249,1) 11%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

}



/* Partners */
#partners  { 
	overflow: hidden; 
	/*width: 940px; */
	margin: 0 auto;
	clear: both;
}
#partners  p { 
	display: inline; 
	float: left; 
	margin-bottom:0; 
	margin-top: 30px;
	font-size: 80%;
	color: #968888;
	text-transform: uppercase;
}

#partners  .right { float: right; }
.partner-group a {
    background: url("images/spirte-partners.png") repeat scroll -2px -1px transparent;
    display: inline-block;
    height: 35px;
    margin-left: 15px;
    overflow: hidden;
    text-indent: -700px;
    vertical-align: bottom;
}
.partner-group a.cfa {
    width: 35px;
    margin-top: 10px;
}

.partner-group a.mfb {
    background-position: -46px -1px;
    width: 82px;
    margin-top: 10px;
}
.partner-group a.dse {
    background-position: -136px -2px;
    width: 130px;
    margin-top: 10px;
}
.partner-group a.ses { 
	width: 30px;
	height: 46px;
	background-position: -277px 0;
}

/* Slider */

#homepage-slider { 
	margin-bottom: 85px; 
	border: 1px solid #cccccc; 
	border-radius: 3px;
	margin-left: auto;
	margin-right: auto;
}
#homepage-slider .bjqs-controls { display: none; }

#homepage-slider > ul > li .cover {

	background: url(images/slider-cover.png) no-repeat left top;
	width: 400px;
	height: 400px;
	/*position: relative; */
	position: absolute;
	z-index: 10;
}
#homepage-slider  > ul > li > img { 
	float: right;
	z-index: 9;
	position: relative;
	height: auto !important;
	width: auto !important;
	}
#homepage-slider h2 {
	clear: none;
	padding: 40px 15px 10px 40px;
	text-shadow: 2px 2px 2px rgba(0,0,0, .3 );
	color: white;
	font-size: 160%;
	text-transform: uppercase;
	line-height: 1.2;
	width: 233px;
}

#homepage-slider p {
	padding: 0px 15px  0px 40px;
	text-shadow: 2px 2px 2px rgba(0,0,0, .3 );
	color: white;
	font-size: 90%;
	line-height: 180%;
	width: 233px;
}

#homepage-slider .more { 
	display: inline-block;
	background-color: #0075a4;
	color: white;
	text-decoration: none;
	padding: 7px 10px;
	margin-left: 40px;
	border-radius: 3px;
	font-size: 84%;
}
#homepage-slider .more:hover { background-color: #fff; color: #0075a4; }


#homepage-slider ol.bjqs-markers {
	background: url(images/slider-shadow.png) no-repeat center bottom;
	padding-bottom: 40px;
	padding-top: 15px;
}

#homepage-slider .bjqs-markers a { 
	overflow: hidden;
	text-indent: 200px;
	background: #cccccc;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	margin: 0 5px;
}
#homepage-slider .bjqs-markers li.active-marker a { 
	background: #009bcb;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


.fancy-button {
	display: block;
	max-width: 300px;
	text-align: center;
	color: #281a07;
	padding: 18px 0px 14px 0;
	text-decoration: none;
	width: 280px;
	border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: black;
}
.fancy-button:visited {
	color: black;
}

.fancy-button:hover {
	
}

.fancy-button.yellow {
	background: #ffcb08; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffcb08 60%, #f6b211 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffcb08), color-stop(99%,#f6b211)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffcb08 60%,#f6b211 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffcb08 60%,#f6b211 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffcb08 60%,#f6b211 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffcb08 60%,#f6b211 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb08', endColorstr='#f6b211',GradientType=0 ); /* IE6-9 */
}


.fancy-button.yellow:hover {
	background: #ffcb08; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffcb08 60%, #eb9617 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffcb08), color-stop(99%,#eb9617)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffcb08 60%,#eb9617 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffcb08 60%,#eb9617 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffcb08 60%,#eb9617 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffcb08 60%,#eb9617 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb08', endColorstr='#eb9617',GradientType=0 ); /* IE6-9 */
}

.fancy-button.blue {
	background: #00b2dd; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b2dd 60%, #009ccb 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#00b2dd), color-stop(99%,#009ccb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b2dd 60%,#009ccb 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b2dd 60%,#009ccb 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b2dd 60%,#009ccb 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #00b2dd 60%,#009ccb 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2dd', endColorstr='#009ccb',GradientType=0 ); /* IE6-9 */
}

.fancy-button.blue:hover  {
	background: #00b2dd; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b2dd 60%, #0175ac 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#00b2dd), color-stop(99%,#0175ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b2dd 60%,#0175ac 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b2dd 60%,#0175ac 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b2dd 60%,#0175ac 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #00b2dd 60%,#0175ac 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2dd', endColorstr='#0175ac',GradientType=0 ); /* IE6-9 */}
}



.f-left { float: left; }
.f-right { float: right; }

.partner-group  {
	max-width: 770px;
}

.partner-group  img  {
	width: 100%;
}


#menu-side-menu{
	list-style: none;	
}

ul.sub-menu{
	list-style: none;	
}

