/*
Theme Name: Bare Responsive
Theme URI: http://www.hongkiat.com/blog/
Author: Jake Rocheleau
Author URI: http://www.hongkiat.com/blog/author/jake/
Description: Bare Responsive is a simple Wordpress theme template for developers. You can get started with this very basic set of styles and page structures, then customize the design to your liking. It's super easy to launch a new Wordpress theme if you can start with some foundation!
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, grey, responsive, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, mobile, iphone, android, webkit, css3, transitions, custom-fonts, minimalism
*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  outline: none;
}
html { 
	position: relative;
    min-height: 100%;
}
body { 
	font-size: 62.5%; 
	line-height: 1; 
	font-family: 'Oxygen', sans-serif;
	background-color:#f4f4f4;
	margin: 0 0 97px;
	color:#0d0d0d;
}
blockquote {
	margin-left:20px;
	margin-right:20px;	
}
.wrapper { 
	max-width: 1170px; 
	margin: 0 auto; 
}
footer { 
	position: absolute;
    left: 0;
    bottom: 0;
    height: 87px;
    width: 100%;
	background-color:#0d0d0d;
	border-bottom:solid 10px #fd5902;
}
#TB_overlay {
background:none !important;
}
#footer-content{
	padding-top:30px;
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
}
#footer-content p {
	font-size:12px;	
	color: #fff; 	
}
#footer-content a {
	color: #fff; 	
}
#footer-content td {
	width:33%;	
}
#footer-content img{
vertical-align:text-top;
}
article, aside, details, figcaption, figure, header, hgroup, menu, nav, section { 
	display: block; 
}
header { 
	width: 100%; 
	background-color:#fff;
}
.posthead, .archiveshead {	
	background-color:#f4f4f4;
}
#top-divider {
	border-top:dotted 2px #f0b190;
	line-height:6px;
	margin-top:20px;	
}
.divider {
	height:5px;
	background-color:#000;	
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
#searchsubmit {
	background-image:url(img/search.gif);
	width:53px;
	height:35px;
	border:none;
	cursor:pointer;
}
#front-slider {
	margin-top:10px;
	background-image:url(img/large-logo.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	background-color:#000;
}
ol, ul { 
	list-style: none; 
}
blockquote, q { 
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after { 
	content: ''; 
	content: none; 
}
table { 
	border-collapse: collapse; 
	border-spacing: 0;
}
img { 
	border: 0; 
	max-width: 100%; 
}
p { 
	font-size: 14px; 
	line-height: 1.75em;
	margin-bottom: 12px; 
}
#main td {
	font-size: 14px; 
	line-height: 1.75em;	
}
.page-list, #content li { 
	font-size: 14px; 
	line-height: 1.75em;
}
a {
	text-decoration: none;
	color: #5f1200;
	transition: color .2s linear;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
}
a:hover {
	text-decoration: underline;
	color: #fd5902;
}
#top { 
	margin-bottom: 40px;
}
h1, h2, h3 {
	font-family: 'Happy Monkey', sans-serif;	
	font-weight: normal;
}
h1 { 
	font-size: 3.6em; 
	color: #fd5902; 
	padding-bottom:40px;
}
h1 a { 
	color: #575757;
}
h1 a:hover { 
	color: #575757; 
	text-decoration: none;
}
h4 {
	text-transform:capitalize;
}
h4 a {
	color:#000;	
}
#mainbody { 
	display: block; 
	z-index: auto; 
	width: 100%;
}
.breadcrumbs {
	color:#ff4c12;	
	font-family: 'Happy Monkey', cursive;
	font-size:1.4em;
	text-transform:uppercase;
}
.breadcrumbs a {
	
	color:#ff4c12;	
}
.frontbox-content {
	background-color:#fafafa;
	width:32%;
	padding-left:3%;
	padding-right:3%;
	padding-top:30px;
}
.frontbox-content a {
	color:#000;	
}
.frontbox-footer {
	background-color:#fafafa;
	background-image:url(img/front-box-footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:40px;
}
.frontbox1-head {
	background-color:#ff4c12;
	font-family: 'Happy Monkey', cursive;
	font-size:2.8em;
	color:#fff;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
}
.frontbox2-head {
	background-color:#ffbd12;
	font-family: 'Happy Monkey', cursive;
	font-size:2.8em;
	color:#fff;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
}
.frontbox3-head {
	background-color:#de3e00;
	font-family: 'Happy Monkey', cursive;
	font-size:2.8em;
	color:#fff;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
.more1, .more2, .more3 {
	width:110px;
	font-size:17px;
	color:#fff;
	line-height:40px;
	font-weight:bold;
	padding-left:20px;	
}
.more1 a, .more2 a, .more3 a {
	color:#fff;	
}
.more1 {
	background-color:#ff4c12;	
}
.more2 {
	background-color:#ffbd12;
	
}
.more3 {
	background-color:#de3e00;	
}
#front-left {
	float:left;	
	width:60%;
}
#front-left h2 {
	color:#fd5902;
	font-size:30px;	
	font-weight:normal;
	border-bottom:solid 1px #cccccc;
	padding-bottom:20px;
}
#front-right {
	float:right;
	width:30%;
}
#front-right h2 {
	color:#d82900;
	font-size:30px;	
	font-weight:normal;
	border-bottom:solid 1px #cccccc;
	padding-bottom:20px;
}
.cff-viewpost-facebook {
	float:right !important;	
	font-size:14px !important;
	margin-top:3px !important;
}
.cff-text {
	display:block !important;
}	
.cff-date, .cff-more  {
	font-size:14px !important;
}
.children li {
	margin-left:20px;	
}
.alignleft {
	float:left;
	margin-right:20px;
	margin-top:5px;	
}
.alignright {
	float:right;
	margin-left:20px;
	margin-top:5px;		
}
.left-col {
	float:left;
	width:45%;	
}
.right-col {	
	float:right;
	width:45%
}
.scale-of-fees td p{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}

/** full navigation **/
/*.menu{
    text-align:center;
}
.menu li{
    display:inline;
}
.menu a{
    display:inline-block;
}*/
#navbar { display: none; }
nav { display: block; }
#n ul { 
	display: block; 
	height: 50px; 	
	background: -moz-linear-gradient(#e15304, #fc5802);
	background: -webkit-linear-gradient(#e15304, #fc5802);
	background: -o-linear-gradient(#e15304, #fc5802);
	background: -ms-linear-gradient(#e15304, #fc5802);/*For IE10*/
	background: linear-gradient(#e15304, #fc5802);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e15304', endColorstr='#fc5802');/*For IE7-8-9*/ 
	height: 1%;/*For IE7*/ 
	border-top: 4px solid #ff5902; 
	text-align:center;
}

#n ul li { display: inline-block; position: relative; font-size: 16px; margin-right:2px;margin-left:2px;text-transform:uppercase; }
#n ul li a { display: block; padding: 0px 12px; line-height: 50px; color: #fff; }
#n ul li a:hover { color: #000; text-decoration: none; background: #fafafa; }

#n ul li ul { display: none;  margin: 0; position: absolute; top: 50px; zoom: 1; z-index: 9999; background: #fff; border-top: 1px solid #cacaca; border-bottom: 1px solid #e1e1e1; text-align:left;}
#n ul li ul li { display: block; width:250px; border: 0;text-transform:capitalize; margin-left:0px;margin-right:0px;font-size:14px;}
#n ul li ul li a { background: #ff5902; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;line-height:20px;padding-top:5px;padding-bottom:5px;}

#n ul li:hover > ul { display: block; }
#n ul li:hover > a { text-decoration: none; }

/** posts **/
#content { width: 100%; position: relative; }
#main { display: block; width: auto; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 12px; }

.post { display: block; margin-bottom: 25px; padding-top: 10px; padding-bottom: 15px; }
.post header { display; block; margin-bottom: 25px; }

.post p { margin-bottom: 20px; line-height: 1.7em; } 

.post header h2 { font-size: 2.4em !important; line-height: 1.4em; margin-bottom: 4px !important; color: #323232; }
.post header h2.bigger { font-size: 3.1em !important; }

.post h2 { display: block; font-size: 2.4em; color: #434343; line-height: 1.4em; margin-bottom: 15px; }

.post h3 { font-size: 1.7em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 4px; background: #f5f5f5; margin-bottom: 15px; margin-top: 5px; }

.post h4 { display: block; font-size: 1.4em; text-transform: uppercase; color: #fd5902; line-height: 1.5em; margin-bottom: 3px; font-weight: bold; letter-spacing: 0.15em; text-decoration: none; padding-left: 25px; border-left: 3px solid #fd5902; }

.post .meta { font-size: 1.2em; line-height: 1.3em; }
.post .meta i { display: block; margin-bottom: 10px; font-style: normal; color: #666; }

.post .postcontent { margin-bottom: 25px; }

.post .more-link { display: block; font-size: 1.6em; font-weight: bold; margin-top: 15px; }
.post p .more-link { font-size: 1.0em; }

.postbrdr { border-bottom: 3px solid #ccc; }

.archiveshead h2 { font-size: 2.2em; color: #454545; font-weight: bold; line-height: 1.55em; }

#navbelow { display: block; width: 100%: padding: 0px; margin-top: -10px; margin-bottom: 15px; }

.nav-prev { float: left; display: block; }
.nav-next { float: right; display: block; }
 
.nav-prev a, .nav-next a { display: block; padding: 3px 5px; font-size: 1.3em; }
.nav-prev a:hover, .nav-next a:hover {  }


/** comments **/
#comments { display: block; margin-top: 15px; } 
.post #comments h3 { font-size: 1.7em; line-height: 1.45em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 10px; background: #f5f5f5; }

#comments #respond { margin-left: 0; }
#comments .commentlist .comment #respond { margin-left: 35px; font-size: 1.0em; } 
		/* for the threaded reply comment form styles */
		
#cancel-comment-reply { font-weight: bold; display: block; position: relative; }
#cancel-comment-reply-link { display: block; padding: 0px 4px; font-size: 0.8em; position: absolute; right: 0; top: -12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; } 
#cancel-comment-reply-link:hover { color: #fff; text-decoration: none; background: #5d9de5; }

.commentlist { list-style: none; }
.commentlist .comment { display: block; position: relative; margin-bottom: 28px; }

.commentlist .comment .comment-author { position: relative; }
.commentlist .comment .comment-author .avatar { display: inline-block; padding: 5px; background: #fafafa; border: 1px solid #ccc; margin-right: 15px; }

.commentlist .comment .comment-author .fn { font-weight: bold; font-size: 1.65em; line-height: 1.1em; font-style: normal; position: absolute; top: 2px; color: #535353; }
.commentlist .comment .comment-author .says { display: none; }

.commentlist .comment .comment-meta { position: absolute; top: 25px; margin-left: 60px; font-size: 1.2em; }

.commentlist .comment p { display: block; margin-top: 15px; padding-right: 10px; }

.commentlist .comment .comment-body .reply { font-size: 1.3em; }
.commentlist .comment .comment-body .reply a.comment-reply-link { display: inline-block; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; }

.comment-awaiting-moderation { font-size: 1.2em; color: #444; display: block; text-decoration: underline; text-align: center; margin-top: 4px; margin-bottom: -5px; }

.commentlist .comment ul.children { margin-left: 40px; padding-top: 15px; }

#commentform { display: block; width: 100%; margin-bottom: 0; margin-top: 6px; }
#commentform label { font-size: 1.2em; line-height: 1.6em; display: block; width: 100%; color: #575757; margin-bottom: 2px; font-weight: bold; }
#commentform label small { display: inline; size: 0.9em; font-style: italic; font-weight: normal; color: #7dafe6; }

#commentfields #commentfields { display: block; margin-bottom: 4px; }
#commentfields #commentfields .ibox { display: block; margin-bottom: 10px; width: 100%; }

#commentfields .basicinput { display: block; padding: 7px 6px; font-size: 1.5em; width: 90%; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentfields textarea { display: block; padding: 5px 4px; font-size: 1.45em; width: 90%; height: 125px; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentform #comment { display: block; margin-bottom: 8px; color: #565656; font-size: 1.4em; font-family: Arial, Tahoma, sans-serif; line-height: 1.5em; padding: 4px 7px; }

#commentform #submit, .button {
	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color: #79bbff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #469df5;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	font-size: 1.45em;
	font-weight: bold;
	padding: 6px 24px;
	margin-bottom: 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #287ace;
}

#commentform #submit:hover, .button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color: #4197ee;
}

#commentform #submit:active, .button:active {
	position:relative;
	top:1px;
}

/** sidebar **/
#sidebar { display: block; float: right; width: 250px; padding-top: 30px; height: 100%; }

#sidebar .widget { display: block; margin-bottom: 20px; }
#sidebar .widget h3 { font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: normal; text-transform: uppercase; padding: 15px 0px; padding-bottom: 5px; font-size: 1.6em; border-bottom: 1px solid #ddd; color: #898989; margin-bottom: 10px; } 

#sidebar .widget ul { display: block; margin-left: 10px; }
#sidebar .widget ul li { font-size: 1.1em; margin-bottom: 6px; }
#sidebar .widget ul li ul { font-size: 0.9em; }
#sidebar .widget ul li a { display: block; padding: 6px 12px; font-size: 1.2em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; }

#sidebar .widget ul li a:hover { color: #fff; background: #5d9de5; text-decoration: none; }


/** search **/
#s { padding: 2px 2px; color: #565656; border: 1px solid #bbb; outline: none; width: 210px; height:24px; font-size: 1.2em;margin-top:1px; }
#searchform {
	margin-bottom:20px;	
}
#searchform img {
	margin-top:3px;	
}
#front-search {
	float:right;margin-top:30px;
}
#inner-search {
 	float:right;margin-top:70px;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { 		

#front-slider {
	background-image: none;
}
#n ul li:hover > ul { display: none; }
		
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 		
#front-slider {
	background-image: none;
}
#n ul li:hover > ul { display: none; }
		
}


	
/* Tablet Landscape */

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
#front-slider {
	background-image: none;
}
#n ul li:hover > ul { display: none; }

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#front-slider {
	background-image: none;
}
#n ul li:hover > ul { display: none; }

}

/* Iphone Portrait */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 
#front-slider {
	background-image: none;
}
#n ul li:hover > ul { display: none; }
}

/* Iphone Lanscape */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
#front-slider {
	background-image: none;
}
#n ul li:hover > ul { display: none; }
}



/* Mobile Smartphones ----------- */
@media only screen 
and (min-width : 0) 
and (max-width : 620px) {
		
	#n ul li:hover > ul { display: none; }

	#main { display: block; float: none; width: auto; overflow: hidden; margin: 0; }
	#sidebar { display: none; float: none; }
	
	#sidebar-responsive { display: block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 12px; margin-bottom: 15px; }
	#sidebar-responsive .widget { display: block; margin-bottom: 15px; }
	#sidebar-responsive .widget h3 { font-family: "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: bold; font-size: 1.5em; line-height: 1.4em; color: #898989; margin-bottom: 8px; text-transform: uppercase; border-bottom: 1px solid #ddd; }
	
	#sidebar-responsive ul li { display: block; }
	#sidebar-responsive ul li a { display: block; padding: 10px 20px; font-size: 1.6em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: none; -webkit-transition: none; -moz-transition: none; }
	#sidebar-responsive ul li a:hover { text-decoration: none; background: #565656; color: #fff; }
	
	.post header h2 { font-size: 2.75em; }
	
	.post .meta { font-size: 1.1em; line-height: 1.6em; }
	.post .meta i { margin-bottom: 4px; }
	
	#commentform #allowed_tags { display: none; }
}