/* 
Theme Name: Vietnam Expat
Theme URI: https://vietnam-expat.com
Description: Vietnam Expat Wordpress Theme
*/

p .small {
  font-size: 10px !important; letter-spacing: 1px !important;
}

.home_left {
	width:  calc(33.3% - 30px); display:block; float: left; margin: 15px 15px 15px 15px;
	font-size: 0.9em; letter-spacing: 0.04em; line-height: 1.45em; position: relative; color: #FFFFFF;
}

.home_right {
	width:  calc(50% - 14px); display:block; float: left; margin: 15px 0px 15px 14px;
	font-size: 0.9em; letter-spacing: 0.04em; line-height: 1.45em; position: relative;color: #FFFFFF;
}

.home_left p, .home_right p {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
}
.home_left h2, .home_right h2 {
	font-size: 1.2em; line-height: 1.4em;
	font-weight: 700;
	padding: 10px 15px 12px 15px;
	margin-top: 0;
    position: absolute;
    bottom: 7px;
    left: 10px;
	background: url(images/pattern-bg.png); width:  calc(100% - 20px);
}
.home_left a, .home_right a {
	color: #FFFFFF !important; text-shadow: 1px 1px 1px #333333;
}
.home_left a:hover, .home_right a:hover {
	color: #FFCC66 !important;
}

.home_left img, .home_right img {
    max-width: 100%;
    height: auto;
    width: 100%;
	height: auto; 
	display:block; 
	border: none;
	padding: 0;
	margin: 0;
}

.home_left a img, .home_right a img {
opacity:1;
}
.home_left a:hover img, .home_right a:hover img {
opacity:0.97;
}

.s_thumb {
   display: table-cell;
   padding-top: 5px; }
   
.s_text {
   font-size: 0.9em; line-height: 1.2em; letter-spacing: 0.03em;
   display: table-cell;
   vertical-align: middle;
   min-height: 60px;
   padding-left: 12px;
   padding-bottom: 2px;
}   
.s_text p {
   font-size: 0.85em; line-height: 1.2em; letter-spacing: 0.03em;
   margin: 0;
   padding: 2px 0 2px 0;
}
.footer-top {
	background: url(images/go-top.png);
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
}
.pull-right {
	margin: 1px 1px;
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
}
.article_list {
	width:  calc(50% - 4px); min-height: 450px; margin: 0 2px; display:block; float: left; padding: 0px 10px;
}

.article_list h2 {
	padding: 5px 0;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
}
.article_list p {
	padding: 0;
	margin: 0; font-size: 1em; letter-spacing: 0.04em; line-height: 1.4em;
}
.article_list img {
    max-width: 100%;
    height: auto;
    width: 100%;
	height: auto; 
	display:block; 
	border: none;
	margin-bottom: 10px;
}
/*Template Layout*/
/* Hiding the the toggle */ 
#toggle,
.toggle {
	display: none;
}

/* Hiding and showing the submenu items */
.menu ul ul {
	display: none;
}

.menu ul li:hover > ul {
	display: block;
}

/* Styling for the main menu items */
.menu {
	float: right;
	text-align: left;
	font-family: 'Cinzel', 'Marcellus SC', "Times New Roman", serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 25px;

}

.menu ul {
	position: relative;
	display: table-cell;
	list-style: none;
}

.menu ul:after {
	content: "";
	clear: both;
	display: block;
}

.menu ul li {
	float: left;
}

/* Hover effect */
.menu ul li:hover a {
	color: #ffffff;
}

.menu ul li a {
	display: block;
	padding: 12px 20px;
	color: #A3BABC;
	text-decoration: none;
}

/* Less padding on smaller screens */
@media only screen and (max-width: 1024px){

	.menu ul li a {
		padding: 15px 10px;
	}

.top-bar {
    height: 50px;
    padding-top: 5px;
}
}

/* Styling for the sub menu items */
.menu ul ul {
	position: absolute;
	top: 100%;
	background: #0d092e;
	background: rgba(13,9,46,0.9);
	padding: 0 0 10px 0;
	min-width: 150px;
}

.menu ul ul li {
	float: none; 
	position: relative;
}

.menu ul ul li a {
	padding: 10px 20px;
	color: #A3BABC!important;
}

.menu ul ul li a:hover {
	color: #ffffff!important;
}

.menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

/* Responsive settings for the menu */
@media only screen and (max-width: 768px) {

	.top-bar {
		padding-top: 0;
	}

	/* The toggle */
	.toggle {
		display: block;
		position: relative;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		color: #A3BABC;
		float: right;
		font-family: 'FontAwesome';
		text-align: center;
		font-size: 14px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			-ms-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}

	.toggle:hover {
		color: #ffffff;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			-ms-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}

	.toggle:after {
		content: '\f0c9';
	}

	#toggle:checked ~ .menu {
		display: block;
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#toggle:checked + .toggle:after {
		content: '\f077';
	}

	/* The menu items */
	.menu {
		display: none;
		filter: alpha(opacity=0);
		opacity: 0;
		margin-top: 50px;
		width: 100%;
		position: absolute;
		right: 0;
		height: auto;
		text-align: left;
		background: #0d092e;
		background: rgba(13,9,46,0.9);
		padding-bottom: 10px;
		padding-left: 30px;
	}

	.menu ul li {
		display: block;
		width: 100%;
		line-height: 30px;
		margin: 0;
	}

	.menu ul li a {
		display: block;
		width: 100%;
		padding: 0;
	}

	/* Styling for the sub menu items */
	.menu ul ul {
		display: block;
		position: relative;
		top: 0;
		background: none;
		padding: 0;
	}

	.menu ul ul li a {
		padding: 0;
	}

	.menu ul ul ul {
		position: relative;
		top: 0;
		left: 0;
	}

}

@media only screen and (max-width: 480px) {
.article_list {
	width:  100%;
	}
	.tb-logo {
		margin-left: 5px;
	}

	.toggle {
		margin-right: -10px;
	}

	.menu {
		padding-left: 15px;
	}

}

/* Dynamic height of the menu */
.tb-large {
	padding-top: 25px;
	padding-bottom: 25px;
}

.tb-small {
	padding-top: 0;
	padding-bottom: 0;
}

@media only screen and (max-width: 768px){

	.tb-large {
		padding-top: 0;
		padding-bottom: 0;
	}

}

/* Transparent top bar */
.top-bar.tb-transp {
	background: #none;
	background: rgba(7,7,7,0.0);
}

.tb-transp .menu ul li a {
	color: #ffffff;
	color: rgba(255,255,255,0.7);
}

.tb-transp .menu ul li:hover a {
	color: #ffffff;
}

.tb-small.tb-transp {
	background: #0d092e;
	background: rgba(13,9,46,0.9);
	border-top:solid 6px;
	border-color:#F00;

}

/* Responsive settings for the transparent top bar */
@media only screen and (max-width: 768px) {

	.top-bar.tb-transp {
		background: #0d092e;
		background: rgba(13,9,46,0.9);
	}

}

body  {
	background-color: #EFF3F8 !important;
	background-position:top;
	background-repeat:repeat-x;
	font-family: sans-serif;
	font-size: 18px;
	color: #262F40;
	margin: 0px auto 0px;
	padding: 0px;
	font-weight: 400;
     }
body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}
em { font-size: 1em; letter-spacing: 0.02em; }
.table-hover { max-width:1000px; text-align:center; width: 90%; margin: 0 auto; }
.table-hover td, .table-hover th { border-bottom: 1px solid #999999; padding: 5px; }
.alignright { float: right; }
.alignleft { float: left; padding: 5px 12px 0 0; }
.aligncenter { display: block; margin: 0 auto;}
.read-blog {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #4B72B1;background-color:#637DBA; float: left; margin-right: 15px}
.read-blog a {color: #FFFFFF !important; font-size: 1em; line-height: 2em; letter-spacing: 0.04em; padding: 0 18px; font-weight: bold;}
.read-blog a:hover {color: #F4F7DD !important;}
.wp-caption {
	font-size: 0.65em;
	line-height: 1em;
	text-align: center;
	font-style: italic;
	background: #F8F8F8;
	border: none;
	margin: 0; 
}
@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

.tags { float: left; padding-bottom: 15px; }
.tags a { font-size: 0.8em !important; line-height: 1.4em !important; letter-spacing: 0.1em; font-weight: normal; margin: 0 6px 5px 0; padding: 5px 10px; text-transform: uppercase; border: 1px solid #C2D5ED; display: inline-block; }
.tags a:hover { background: #A5C1E4; color: #FFFFFF !important; 1px solid #5C1E4; }
	
.share-post{border-top: 1px solid #d1d1d1;float: left;width: 100%; height: auto; padding: 0 8px 20px; display: inline-block;}
.share-title{text-transform: uppercase;width:120px;padding:10px;text-align: center;font: 700 15px/15px 'Arial';}
.share-post li{float:left; list-style: none;}
.fb-share-icon, .twitter-share-icon, .google-share-icon, .pinterest-share-icon, .stumble-share-icon, .reddit-share-icon, .tumblr-share-icon {float: left;width: 30px;height: 30px;margin: 10px 5px;}
.fb-share-icon {background: url(images/sharebuttons.png) -38px 0;}
.twitter-share-icon{background: url(images/sharebuttons.png) -3px 0;}
.google-share-icon{background: url(images/sharebuttons.png) -105px 0;}
.pinterest-share-icon{background: url(images/sharebuttons.png) 101px 0;}
.stumble-share-icon {background: url(images/sharebuttons.png) -72px 0;}
.reddit-share-icon{background: url(images/sharebuttons.png) 67px 0;}
.tumblr-share-icon {background: url(images/sharebuttons.png) 33px 0;}
	
#author-info { width: 98%; border: 1px solid #D1D1D1; float: left; padding: 0px 20px; margin-bottom: 10px; }
#author-image { padding: 20px 20px 20px 0; float: left; }
#author-desc { color: #818890; font: 400 14px/16px 'Arial'; padding-top: 20px; width: 75%; float: left; }
#author-desc h2 { font: 700 15px/15px 'Arial';  text-transform: uppercase; padding-bottom: 5px; }
.category-slider { float: left; overflow: hidden; padding: 0px 8px 25px 8px; }

.social-icon {
	padding: 0;
	float: left;
	position: relative;
	left: 2%;
	margin: 18px 2px 0 2px;
	border: 0;
	width: 30px;
	height: 30px;
}

.search-box {
	float: left;
	padding-top: 17px;
	margin: 0 35px;
}

.search-input {
	border: 1px solid #006699;
	padding: 2px 4px;
	height: 30px;
	background: #FFFFFF url(images/search-icon.png) no-repeat;
	background-position: right 0px center;
	width: 120px;
	z-index: 1000;
}

.featured-single-wrapper {float: left; width: 100%; height: auto; margin: 10px 0; display: block;}
.featured-single-wrapper { position: relative; }
.featured-single-wrapper img { width: 100%; max-width: 720px; height:auto; margin-bottom: 15px; opacity: 0.95; filter: alpha(opacity=95); z-index: 1;}
.featured-single-wrapper span {  z-index: 100;position: absolute; margin-top: 5%; padding: 0 5% 0 5%; color: #FFFFFF; width: 100%; background: url(images/pattern-bg.png);}
.featured-single-wrapper h2 {text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); font-size: 1.5em; line-height: 3em; font-weight: bold; clear:both; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.05em; padding: 0; margin:0;}

.post-image img {width: 100%; height: auto;}

/*
Posts-----------------------------------------------------------
*/

.posts-list { overflow: hidden; width: 100%; float:left;padding: 0; margin-top: 10px;}
.posts-list li {position: relative; padding: 0; margin-bottom: 25px;float: left;width: 100%; list-style: none;}
.posts-list img {padding-right: 16px;float: left;width: 200px;height: 140px;}
.posts-text h2 { text-transform: uppercase; padding: 0; margin: 0; font-size: 1.09em; line-height: 1.2em; letter-spacing: 0.04em;}
.posts-content {display: table-cell; vertical-align: middle;float: left; width: calc(100% - 216px); letter-spacing: 0.03em; padding: 0; margin: 0;}
.posts-date-posted { color: #9c9c9c; padding: 2px 0px; }
.posts-thumb { float: left; display: table-cell;}
.posts-text { }
.posts-title {}

#head {
	max-width: 1100px;
}
.bigbanner {
	display: block; text-align:center; width: 100%; max-width: 728px; height: auto; border: none; margin: 8px auto 0 auto;
}
.bigbanner img {
	width: 100%; max-width: 728px; height: auto; border: none;
}

a, a:visited {
	color: #2255AA;
	text-decoration: none;
	}
	
a:hover {
	color: #37489B;
	text-decoration: underline;
	}

.logo {float:left; width: 210px; margin-left: 14px;}


/* navbar */

.navbar-header img {
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.navbar-header img:hover {
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
} 

#nav {
   	top: 0;
   	width: 100%;
	height: auto;
}
.navbar, .nav, .navbar-default {
	background: #105C9C !important;
	border: none!important;
	z-index: 1000;
}
.navbar {
	border: none;
	border-bottom: 1px solid #346FB3;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	padding: 0;
	margin: 0;
}
.navbar .nav .active > a{
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.25) !important;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.31s ease-in-out;   
   }
.navbar .nav .active > a:hover{
    color: #4484CE !important;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.31s ease-in-out;    
   }
.nav.navbar-nav > li.dropdown.active.open > a, 
.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu a:hover,
.nav.navbar-nav > li.dropdown.open > a, 
.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu a:hover
{
color: #FFFFFF;
background: #3A70A3 !important;
}
.dropdown-menu li {text-transform: none; display: block; position: relative}

#head_navi {
	letter-spacing: 0.07em;
	min-height: 20px;
	margin-top: 12px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 0.05em;
	font-weight: 500;
	text-transform: uppercase;
}
#head_navi ul {
	margin: 0;
	padding: 0;
	float: left;
	}
	
#head_navi li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#head_navi a {
	color: #FFFFFF;
	padding: 10px 12px 10px 12px;
	margin: 0 2px 0 7px;
}

#head_navi a:hover {
	background: rgba(255, 255, 255, 0.35);
    color:  #D6E4F5;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-image: none;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;    
}

.dropdown-header {
	padding: 8px 10px 8px 10px !important;
	color: #E9E9E9!important;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	display: block;
	margin: 0;
	width: 100%;
    opacity: 0.97;
    filter: alpha(opacity=97); /* For IE8 and earlier */
}

#head_navi li ul li {
	background: #597A9B;
	display: block;
	margin: 0;
}
#head_navi li ul li a {
	padding: 10px 15px 10px 15px;
	background: #597A9B;
	display: block;
	margin: 0;
}

#head_navi li ul li a:hover {
	text-decoration: none;
	background: #2D5786;
    color:  #D6E4F5;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;    
}

.nav.navbar-nav > li.dropdown ul ul,
.nav.navbar-nav > li.dropdown ul ul li
{
display:block;
width: 100%;
padding-left: 7px !important;
list-style: square !important;
z-index:1000;
}

/* Content */

#content {
	max-width:1080px;
	width: 100%;
	height:auto;
	margin: -20px auto 20px auto;
	padding: 0px 0px 0px 0px;
	float: left;
	background: #FFFFFF;
	-moz-box-shadow: 0 0 2px DDDDDD;
   	-webkit-box-shadow: 0 0 2px #DDDDDD;
   	box-shadow: 0 0 2px #DDDDDD;
     }

#wrap {
	max-width:1080px;
	width: 100%;
	height:auto;
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px;
	position: relative;
     }
	 
#footer {
	padding: 5px  10px 12px 10px;
	margin: 10px;
	clear: both;
	font-size: 0.9em;
	border:1px solid #F4F4F4;
	background: #FCFCFC;
	height: 30px;
	}

#footer p {
	margin: 0;
	}
		
.footerleft {
	width: 50%;
	float: left;
	text-align: left;
	}
	
.footerright {
	width: 50%;
	float: right;
	text-align: right;
	}
.wide-bold-blue	{
font-family: Impact; text-align:center; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal;text-transform: none; color: #025999; margin: 0;width: 100%; font-size: 2.4em; letter-spacing: 0.05em;
}
/* BLOG */

h1.pagetitle{font-size: 1.5em; font-weight: bold; clear:both; margin: 6px 0 12px 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.04em;}
h2.pagetitle{font-size: 1.5em; font-weight: bold; clear:both; margin: 5px 0;}
#wp_content{clear:both;}
.post p img {
	border: 0;
	max-width: 100%;
	height: auto;
}	
.post { height: auto; float: left; }

#wp_content h3 {font-size: 1.4em; line-height: 1.6em;margin:5px 0; font-weight: bold;}
#wp_content h3 a{color: #006699;}
#wp_content h2 a{color: #006699;}
#wp_content h1 a{color: #006699;}
#wp_content .category_tag{font-size:14px;font-weight:700;color:#C00;text-transform:uppercase;}
#wp_content .category_tag a:hover{color:#C00;}
#wp_content .category_tag a{color:#333333;font-size:14px;}
#under_title{border-bottom:1px solid #CCCCCC;text-align:center;margin-bottom:20px;padding-bottom:3px;}
.entry p{font-size: 1.4em; line-height: 1.6em; letter-spacing: 0.04em; margin: 15px  0;}
.entry li {font-size: 1.2em; line-height: 1.4em; letter-spacing: 0.03em; margin:10px 0;}
#wp_content a:hover{color: #003366; text-decoration: none;}
#wp_content.narrowcolumn{width:  calc(100% - 345px); float:left; margin:0; padding: 12px 10px 10px 20px;}
#wp_content.widecolumn{float:left;width: 100%;margin:0; padding: 10px 25px 10px 25px; font-size: 1.25em; line-height: 1.6em; letter-spacing: 0.01em;}
#wp_content .entry{margin-bottom: 12px;}
#wp_content .post{padding-bottom:5px;margin-bottom: 12px;}
.single #wp_content .post{border-bottom:none;margin-bottom:5px;padding-bottom:10px;}
#wp_content p.postmetadata{font-size:14px;line-height:18px;padding:5px;margin:10px 0px 10px 0px; border:1px solid #F4F4F4; background: #FCFCFC;}
#wp_sidebar{width:325px;float:right;margin: 0px 10px 10px 0px; padding: 4px 10px 0px 20px; border-left: 1px solid #F4F4F4;font-size:18px; letter-spacing: 0.04em;}
#wp_sidebar .searchbar{margin:-10px 0 10px;}
#wp_sidebar h2{margin: 15px 0px 0px 0px;font-size: 0.9em; font-weight: normal;border-bottom:1px solid #E6E8E8;padding: 0px 0px 5px 0px;line-height: 1.2em; letter-spacing: 0.05em; color: #6A6A6A;}
#wp_sidebar ul {margin: 0px 0px 20px 0px; padding: 0px; list-style: none;}
#wp_sidebar li {margin: 0px; padding: 7px 0px 7px 0px; border-bottom:1px dashed #E6E8E8; font-weight: normal; font-size: 0.9em;}
.sidebar_ad {width: 100%; max-width: 300px; height: 250px; display: inline-block;}
.post_ad {width: 100%; height: auto; max-width: 635px; max-height: 80px; display: inline-block;}
#respond .inp {
	height: 2em;
}
#respond .sbm {
	width: 10em;
	height: 2.5em;
	font-size: 1.2em;
	line-height: 2em;
	letter-spacing: 0.07em;
	color: #003366;
	background: #EEF2FF;
	border: 1px solid #C7D0E9;
	margin: 0 auto;
	display: block;
	text-align: center;
}
#respond .sbm:hover {
	width: 10em;
	height: 2.5em;
	font-size: 1.2em;
	line-height: 2em;
	border: 1px solid #417CA0;
	background: #417CA0;
	color: #FFFFFF!important;
	margin: 0 auto;
	display: block;
	text-align: center;
    cursor: pointer;
}
.commentlist li .avatar{float:left;border:1px solid #eee;background:#fff;overflow:hidden;margin:-6px 4px 4px 0;padding:2px; margin-top:5px;}
.commentlist span{font-weight:700;font-style:normal;}
.commentlist span a{font-weight:700;font-style:normal;}
.commentlist .comment-author{display:inline; padding-top: 7px;}
.commentlist .comment-author img { margin-top: -1px;}
.commentlist .comment-meta{display:inline; padding-top: -5px;}
.commentlist .comment-body p{display: block; margin-top: 2px;}
.commentlist .comment-body .reply{display: block; margin-top: 2px;}
.commentlist .post_info{margin-top:3px;border-top:1px dotted #666;padding:15px 0 6px;}
.commentlist li{list-style:none;font:12px Arial, Helvetica, sans-serif;margin-left: -40px;padding:10px;}
.depth-1{border: 1px solid #F1F3FA; margin-top: 20px;}

#wp_content #comments{color: #003366;font-size:14px;margin-bottom:15px;text-transform:uppercase;font-weight:700;}
#wp_content h3#reply{border-bottom:1px solid #CCC;color: #003366;font-size:14px;margin-bottom:15px;text-transform:uppercase;font-weight:700;}
#wp_content #reply_block{width:95%;margin-left: 20px;}
#wp_content #reply_block_container{background: #FBFBFB none repeat scroll 0 0;border:1px solid #F4F4F4;padding:5px 8px 12px;}
#commentform p{font-size:14px;}
#commentform{margin:5px 10px 0 0;}
#commentform input{font:11px Arial, Helvetica, sans-serif;width: 100%;font-size:14px;margin:5px 5px 1px 0;padding:2px;}
#commentform textarea{font:11px Arial, Helvetica, sans-serif;}
.wp-pagenavi{float:right;}
.wp-pagenavi a{text-decoration:none;border:1px solid #777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi a:link{text-decoration:none;border:1px solid #777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi a:visited{text-decoration:none;border:1px solid #777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi a:hover{border:1px solid #777;color:#333;background-color:#FFF4AA;}
.wp-pagenavi a:active{text-decoration:none;border:1px solid #777777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi span.pages{color:#555;border:1px solid #777;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi span.current{font-weight:700;border:1px solid #777;color:#555;background-color:#EEE;margin:2px;padding:2px 4px;}
.wp-pagenavi span.extend{border:1px solid #777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.box {
	width:300px;
	height:auto;
	background: #F8F8F8;
	border: 1px solid #E5E5E5;
	padding: 5px;
	margin: 10px 0px 0px 0px;
}
/************************************************
*	Hyperlinks									*
************************************************/

.homesection {
	width:300px; float:left; margin: 0 7px 0 3px;
}
.homesection h2 {
	border: 1px solid #F1F4F5; color: #333333; padding: 5px 10px 5px 10px; font-size:14px; letter-spacing: 0.03em; font-weight: normal; margin-bottom: 15px;
}
.sectionbody {
	line-height: 21px;
	font-size: 16px;
	 letter-spacing: 0.05em;
	color:#333333;
	padding: 0 10px 0 10px;
	text-align: left;
}
.sectionbody p {
	padding: 2px 0 1px 0;
	margin: 2px 0 1px 0;
}
		
/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 995px) {

.home_right { width: 100%; margin: 0 0 20px 0; padding: 0 0 0 0; }

#head {
	width: 100%;
     }
.logo { max-width: 200px;}
#head_navi {
	margin-top: 5px;
	font-size: 1em;
}
.social-icon {
	margin: 10px 2px 0 2px;
}

.search-box {
	padding-top: 10px;
	margin: 0 15px;
}
}
@media only screen and (max-width: 940px) {
.logo { max-width: 140px; margin-top: 5px;}
.posts-text h2 {font-size: 16px; line-height: 26px;}
.posts-content { width: 100%;font-size: 12px; line-height: 14px;  }
.posts-thumb { width: 100%; padding-right:4%; }
.posts-list li {padding-bottom: 2%; width: 100%; }
.posts-list img { padding-right: 0; width: 100%; height: auto;}
.posts-date-posted{font-size: 11px; line-height: 12px;padding: 1% 0;}
.post-date { display: none; margin: 0;}
}
@media only screen and (max-width: 900px) {
.social-icon {
	display: none;
}

.search-input {
	width: 105px;
	}
}
@media only screen and (max-width: 768px) {

#head_navi li ul li a {
	widows: 100%;
}

.search-box {
	padding-bottom: 25px;
	margin: 0 15px;
	width: 200px;
}

.search-input {
	width: 200px;
	}



.bigbanner {margin: 54px auto 0 auto;}

#mobile {
	width: 100%; display: block; overflow: hidden;
}
.menuarchive {
	margin: 7px auto 0 auto;
	padding: 3px 3px 0 3px;
	float: left;
	position: relative;
	left: 9%;
	border: 0;
	width: 100%;
	max-width: 9.6em;
	max-height: 30px;
	font-size: 1em;
	letter-spacing: 0.03em;
	vertical-align: middle;
}

.logo {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 1px auto auto 1px;
	border: 0;
}

.navbar-default .navbar-toggle {
	background:url(images/navi.png) no-repeat;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 10px 7px 4px auto;
	border: none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	border: none;
	background: url(images/navi.png) no-repeat !important;
	opacity: .7; 
	filter:Alpha(Opacity=70);
}
/* navbar */
.navbar-collapse {
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15);
	border: none;
	}
#head_navi {
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	height:auto;
	margin: 12px auto 10px auto;
	padding: 0;	
	display: block;
	position: relative;
	font-weight: 300;
}

#head_navi li ul {
	width: 100%;
	height: auto;
}

#head_navi a {
	color: #FFFFFF;
	padding: 10px 12px 10px 12px;
	margin: 5px 0;
}
.dropdown-menu li {display: block; z-index: 1000;}
.dropdown-menu li:last-child {margin-bottom: 15px!important;}
.nav.navbar-nav > li.dropdown ul ul,
.nav.navbar-nav > li.dropdown ul ul li
{
display: none;
}
/* Content */

#content {
	width: 94%;
	height:auto;
	margin: 0 auto 15px auto;
	display: block;
	position: relative;
	left: 3%;
	right: 3%;
	padding: 0;
	background: #FFFFFF;
     }
#wrap {
	width: 100%;
	height:auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
     }
	 
#footer {
	padding: 5px  10px 12px 10px;
	margin: 10px;
	clear: both;
	border:1px solid #F4F4F4;
	background: #FCFCFC;
	height: 65px;
	}

#footer p {
	margin: 0;
	}
		
.footerleft {
	width: 100%;
	float: left;
	text-align: left;
	}
	
.footerright {
	width: 100%;
	float: left;
	text-align: left;
	}
	
	
/* BLOG */

h1.pagetitle{font-weight: bold; clear:both; margin: 7px 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px;}
h2.pagetitle{font-weight: bold; clear:both; margin:2px 0 0;}
#wp_content{clear:both;}
#wp_content h3 {margin:5px 0 0; font-weight: bold;}
#wp_content h3 a{color: #006699;}
#wp_content h2 a{color: #006699;}
#wp_content h1 a{color: #006699;}
#wp_content .category_tag{color:#C00;text-transform:uppercase;}
#wp_content .category_tag a:hover{color:#C00;}
#wp_content .category_tag a{color:#333333;}
#under_title{border-bottom:1px solid #CCC;text-align:center;margin-bottom: 5px;padding-bottom:3px;}
.entry p{margin: 0;}
.entry li {
}
#wp_content a:hover{color: #003366; text-decoration: none;}
#wp_content.narrowcolumn{float:left; width: calc(100% - 34px); margin: 15px 17px 15px 17px; padding: 0;}
#wp_content.widecolumn{float:left;width: 90%;margin:0; padding: 5px 15px 5px 15px; font-size: 1.25em; line-height: 1.6em; letter-spacing: 0.01em;}
#wp_content .post{padding-bottom: 1px;margin: 8px;}
.single #wp_content .post{border-bottom:none;margin-bottom: 2px;padding-bottom: 2px;}
#wp_content p.postmetadata{padding:5px;margin:5px 2px 5px 2px; border:1px solid #F4F4F4; background: #FCFCFC;}
#wp_sidebar{  width:  calc(100% - 34px); margin: 15px 17px 15px 17px; padding: 0;float: left;clear: both; border-left: none;}
#wp_sidebar .searchbar{margin:-10px 0 10px;}
#wp_sidebar h2{margin: 5px 0px 0px 0px;font-weight: bold;border-bottom:1px solid #E6E8E8;padding: 0px 0px 0px 0px;line-height:28px;}
#wp_sidebar ul {margin: 0px 0px 2px 0px; padding: 0px; list-style: none;}
#wp_sidebar li {margin: 0px; padding: 7px 0px 7px 0px; border-bottom:1px dashed #E6E8E8;}
.commentlist li .avatar{float:left;border:1px solid #eee;background:#fff;overflow:hidden;margin:-6px 4px 4px 0;padding:2px; margin-top:5px;}
.commentlist span{font-weight:700;font-style:normal;}
.commentlist span a{font-weight:700;font-style:normal;}
.commentlist .comment-author{display:inline;}
.commentlist .comment-meta{display:inline;}
.commentlist .post_info{margin-top:3px;border-top:1px dotted #666;padding:15px 0 6px;}
.commentlist li{list-style:none;font:11px Arial, Helvetica, sans-serif;margin:-10px 0 0;padding:0 5px 10px 10px;}
.depth-1{border:10px solid #ccc;}
#wp_content #comments{color: #003366;margin-bottom:15px;text-transform:uppercase;font-weight:700;}
#wp_content h3#reply{border-bottom:1px solid #CCC;color: #003366;margin-bottom:15px;text-transform:uppercase;font-weight:700;}
#wp_content #reply_block{width: 100%;margin-left: 2px;}
#wp_content #reply_block_container{background: #FBFBFB none repeat scroll 0 0;border:1px solid #F4F4F4;padding:5px 8px 12px;}
#commentform p{}
#commentform{margin:5px 10px 0 0;}
#commentform input{font:11px Arial, Helvetica, sans-serif;width: 100%;margin:5px 5px 1px 0;padding:2px;}
#commentform textarea{font:11px Arial, Helvetica, sans-serif;}
.wp-pagenavi{float:right;}
.wp-pagenavi a{text-decoration:none;border:1px solid #777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi a:link{text-decoration:none;border:1px solid #777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi a:visited{text-decoration:none;border:1px solid #777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi a:hover{border:1px solid #777;color:#333;background-color:#FFF4AA;}
.wp-pagenavi a:active{text-decoration:none;border:1px solid #777777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi span.pages{color:#555;border:1px solid #777;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi span.current{font-weight:700;border:1px solid #777;color:#555;background-color:#EEE;margin:2px;padding:2px 4px;}
.wp-pagenavi span.extend{border:1px solid #777;color:#555;background-color:#FFF;margin:2px;padding:2px 4px;}
.box {
	width: 100%;
	height:auto;
	background: #F8F8F8;
	border: 1px solid #E5E5E5;
	padding: 5px;
	margin: 10px 0px 0px 0px;
}
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #2255AA;
	text-decoration: none;
	}
	
a:hover {
	color: #003366;
	text-decoration: underline;
	}
	
#content p img {
	border: none;
    float: left;
	margin: 5px 5px 5px 0px;
}
.homesection {
	width: 100%; float:left; margin: 0 3px 0 2px;
}
.homesection h2 {
	border: 1px solid #F1F4F5; color: #333333; padding: 2px 5px 2px 5px; font-weight: normal; margin-bottom: 15px;
}
.sectionbody {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0 5px 0 5px;
	text-align: justify;
}
.sectionbody p {
	padding: 2px 0 1px 0;
	margin: 2px 0 1px 0;
}

}

@media only screen and (max-width: 640px) {

.wp-caption {
	width: 100% !important;
	height: auto;
}
.featured-single-wrapper h2 {font-size: 1em; line-height: 2em;}
.featured-single-wrapper span {argin: 0}
.featured-single-wrapper .the-text {font-size: 0.8em;}
.featured-single-wrapper {font-size: 0.7em}

#footer {
	padding: 5px  10px 12px 10px;
	margin: 10px;
	clear: both;
	border:1px solid #F4F4F4;
	background: #FCFCFC;
	height: 82px;
	}
}
@media only screen and (max-width: 340px) {
.social-icon {
	display: none;
}
}