/*
Theme Name: Flat News
Theme URI: http://themeforest.net/item/flat-news-responsive-magazine-wordpress-theme/6000513?ref=tiennguyenvan
Author URI: http://themeforest.net/user/tiennguyenvan/portfolio?ref=tiennguyenvan
Description: Premium Easy News / Magazine Theme for Wordpress.
Author: Tien Nguyen
Version: 1.5.9
License: GNU General Public License
License URI: README_License.txt
Tags: black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, three-columns, right-sidebar, fluid-layout, blavatar, custom-background, custom-colors, custom-header, custom-menu, featured-images, theme-options, threaded-comments
Text Domain: flatnews


*/
/*Frameworks*/
/*TEMPLATE FRAMEWORKS*/
* {position:relative;margin:0;padding:0;word-wrap:break-word;}
body {max-width: 100%; overflow-x: hidden!important}
img {max-width: 100%;height:auto;}
object, iframe, section {max-width: 100%!important}
a img {border: none;}
iframe, object {max-width: 100%;}
.item-thumbnail {overflow: hidden;display: block;z-index:9;}
.item-thumbnail *, .item-thumbnail img {display:block;max-width: 9999px; max-height: 9999px; padding: 0!important;min-width:100%;min-height:100%}
.hide{display:none;line-height:0}
.clear{clear:both;float:none;line-height:0}
.ib{display:inline-block;zoom:1;*display:inline;}
.oh{overflow:hidden; position:relative}
.ti{text-indent:-999px;font-size:0;line-height:0}
.br4{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.ease {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.ease * {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.table {display: table;width:100%}
.tr {display: table-row;width:100%}
.td {display: table-cell;vertical-align: middle;}
.right {float:right;}
.left {float:left;}
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.sticky, .gallery-caption {}
.bypostauthor {}

/*Layout*/
.wide {
	width: 1080px;
	margin: auto;
}
#wrapper {
	background: white;
}

body {
	font-variant: normal;
	font-weight: normal;
	font-size: 16px;
	background-attachment:fixed;
	background-position:center;
}
a {
	text-decoration: none;
}





/*Widget cover*/
#flexible-home-layout-section .widget {
    margin: 0 0 30px 0;
}
#flexible-home-layout-section .widget .title {
    background: black;
    padding: 10px;
    color: white;
}
.widget ul li {
    margin: 10px 0 0 0;
    padding: 10px 0 0 15px;
    border-top: 1px solid #EEE;
    display: block;
    background: url(images/li-arrow.png) no-repeat 0 13px;
}
#side .widget ul li:first-child,
#flexible-home-layout-section .widget ul li:first-child {
    border-top: none;
    margin-top: 0;
}
#side .widget li ul li:first-child,
#flexible-home-layout-section .widget li ul li:first-child {
    margin: 10px 0 0 0;
    border-top: 1px solid #EEE;
}
.widget.widget_social_icons_widget ul li {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.widget.widget_tag_cloud .widget-title {
    margin-bottom: 5px;
}
.widget form {
    overflow: hidden;
}
.widget form *{
    max-width: 100%;
}
.widget select {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    background: #f8f8f8;
    padding: 10px;
    border: 1px solid #ccc;
}
#footer-section .widget select {
	background: #f0f0f0;
}
.widget.widget_search form {
    width: 100%;
}
.widget.widget_search form input#search-text {
    width: 100%;
    background: #F8F8F8;
    color: #666;
}
#footer-section .widget.widget_search form input#search-text {
	background: #f0f0f0;
}
.widget.widget_calendar table {
    width: 100%;
    background: #f8f8f8;
    padding: 10px;
}
#footer-section .widget.widget_calendar table {
	background: #f0f0f0;
}
.widget.widget_calendar table tbody tr td {
    text-align: center;
}
.widget.widget_calendar table tbody tr td#today {
    background: #eee;
}
#footer-section .widget.widget_calendar table tbody tr td#today {
    background: #ccc;
}

.widget.widget_calendar table caption {
    background: #f0f0f0;
    padding: 10px;
    text-transform: uppercase;
    color: #999;
}
#footer-section  .widget.widget_calendar table caption {
	background: #E8E8E8;
}
.widget.widget_calendar table tfoot a {
    font-weight: bold;
    font-size: 12px;
}
#post-footer-section .widget {
    margin: 0 0 20px 0;
}
#post-footer-section .widget.widget_related_post_widget ul li  {
	border: none;
	background: none;
	padding: 0;
	margin-top: 0;
}
#post-footer-section .widget.widget_related_post_widget ul li.item-0,
#post-footer-section .widget.widget_related_post_widget ul li.item-3,
#post-footer-section .widget.widget_related_post_widget ul li.item-6,
#post-footer-section .widget.widget_related_post_widget ul li.item-9 {
    clear: left;
}

/*HEADER*/
/*Header line 1*/
/*-- page list*/
.header-line-1 {
    background: #FFF;
}
#top-page-list {
    float: left;
}
#top-page-list ul li {
    float: left;
    list-style: none;
    padding: 10px 0 0 0;
}
#top-page-list ul li a {
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 0 0 20px;
}
#top-page-list ul li.current-menu-item a {
    color: #ccc;
}
#top-page-list ul li a:hover {
    text-decoration: underline;
}
#top-page-list .sub-menu {
    background: #f8f8f8;
    position: absolute;
    z-index: 9999;
    min-width: 150px;
    left: 100%;
    display: none;
}
#top-page-list .sub-menu a {
    margin: 0;
    display: block;
    float: none;
    clear: both;
    padding: 5px;
}
#top-page-list .sub-menu li {
    padding: 0;
    margin: 0;
    float: none;
    display: block;
}
#top-page-list .sub-menu li:hover a {
    background: #f0f0f0;
}
#top-page-list > div > ul > li > .sub-menu {
    left: 20px;
}
#top-page-list .sub-menu .sub-menu {
    top: 0;
}
#top-page-list li:hover > .sub-menu {
    display: block;
}

/*-- social list*/
#social-list-top {
    float: right;
}
ul.social-link-list li {
    list-style: none;
    float: left;
}
ul.social-link-list li a {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(images/color-grey-social-32.png);
    background-repeat: no-repeat;
    margin: 5px 5px 5px 0;
}
ul.social-link-list li a.item-facebook{background-position:-0px -0px}
ul.social-link-list li a.item-facebook:hover{background-position:-250px -0px}
ul.social-link-list li a.item-pinterest{background-position:-47px -0px}
ul.social-link-list li a.item-pinterest:hover{background-position:-297px -0px}
ul.social-link-list li a.item-twitter{background-position:-94px -0px}
ul.social-link-list li a.item-twitter:hover{background-position:-344px -0px}
ul.social-link-list li a.item-google-plus{background-position:-141px -0px}
ul.social-link-list li a.item-google-plus:hover{background-position:-391px -0px}
ul.social-link-list li a.item-feed{background-position:-188px -0px}
ul.social-link-list li a.item-feed:hover{background-position:-438px -0px}
ul.social-link-list li a.item-vimeo{background-position:-0px -47px}
ul.social-link-list li a.item-vimeo:hover{background-position:-250px -47px}
ul.social-link-list li a.item-evernote{background-position:-47px -47px}
ul.social-link-list li a.item-evernote:hover{background-position:-297px -47px}
ul.social-link-list li a.item-dribbble{background-position:-94px -47px}
ul.social-link-list li a.item-dribbble:hover{background-position:-344px -47px}
ul.social-link-list li a.item-tumblr{background-position:-141px -47px}
ul.social-link-list li a.item-tumblr:hover{background-position:-391px -47px}
ul.social-link-list li a.item-behance{background-position:-188px -47px}
ul.social-link-list li a.item-behance:hover{background-position:-438px -47px}
ul.social-link-list li a.item-stumbleupon{background-position:-0px -94px}
ul.social-link-list li a.item-stumbleupon:hover{background-position:-250px -94px}
ul.social-link-list li a.item-dropbox{background-position:-47px -94px}
ul.social-link-list li a.item-dropbox:hover{background-position:-297px -94px}
ul.social-link-list li a.item-soundcloud{background-position:-94px -94px}
ul.social-link-list li a.item-soundcloud:hover{background-position:-344px -94px}
ul.social-link-list li a.item-picasa{background-position:-141px -94px}
ul.social-link-list li a.item-picasa:hover{background-position:-391px -94px}
ul.social-link-list li a.item-lastfm{background-position:-188px -94px}
ul.social-link-list li a.item-lastfm:hover{background-position:-438px -94px}
ul.social-link-list li a.item-forrst{background-position:-0px -141px}
ul.social-link-list li a.item-forrst:hover{background-position:-250px -141px}
ul.social-link-list li a.item-flickr{background-position:-47px -141px}
ul.social-link-list li a.item-flickr:hover{background-position:-297px -141px}
ul.social-link-list li a.item-deviantart{background-position:-94px -141px}
ul.social-link-list li a.item-deviantart:hover{background-position:-344px -141px}
ul.social-link-list li a.item-linkedin{background-position:-141px -141px}
ul.social-link-list li a.item-linkedin:hover{background-position:-391px -141px}
ul.social-link-list li a.item-blogger{background-position:-188px -141px}
ul.social-link-list li a.item-blogger:hover{background-position:-438px -141px}
ul.social-link-list li a.item-instagram{background-position:-0px -188px}
ul.social-link-list li a.item-instagram:hover{background-position:-250px -188px}
ul.social-link-list li a.item-yahoo{background-position:-47px -188px}
ul.social-link-list li a.item-yahoo:hover{background-position:-297px -188px}
ul.social-link-list li a.item-youtube{background-position:-94px -188px}
ul.social-link-list li a.item-youtube:hover{background-position:-344px -188px}
ul.social-link-list li a.item-grooveshark{background-position:-141px -188px}
ul.social-link-list li a.item-grooveshark:hover{background-position:-391px -188px}
ul.social-link-list li a.item-digg{background-position:-188px -188px}
ul.social-link-list li a.item-digg:hover{background-position:-438px -188px}
ul.social-link-list li a.item-skype{background-position:-0px -235px}
ul.social-link-list li a.item-skype:hover{background-position:-250px -235px}
ul.social-link-list li a.item-sharethis{background-position:-47px -235px}
ul.social-link-list li a.item-sharethis:hover{background-position:-297px -235px}
ul.social-link-list li a.item-wordpress{background-position:-94px -235px}
ul.social-link-list li a.item-wordpress:hover{background-position:-344px -235px}
ul.social-link-list li a.item-quora{background-position:-141px -329px}
ul.social-link-list li a.item-quora:hover{background-position:-391px -329px}

/*Search form*/
#searchform {
    float: right;
}
#search-text {
    background: #2B2B2B;  
	border: none;  
    height: 42px;  
    line-height: 42px;  
	padding: 0 20px;  
	margin: 0;  
	display: block;  
	width: 100px;  
	color: #FFF;
}

/*HEADER LINE 2*/
.blog-title {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 0 20px;
    line-height: 1.2em;
    max-width: 332px;
	padding: 20px 0;
}
.header-line-2 {
    line-height: 0.9em;
}
.blog-title a {
    color: white;
}
#header-ads {
    float: right;
}



/* HEADER LINE 3 */
#drop-down-menu {
	background: #f7f7f7;
	height: 50px;
	font-size:16px;
	z-index: 999;
}
#drop-down-menu li {
	display: block;
	float: left;
}
#drop-down-menu ul {
	padding: 0;
	margin: 0;
}
#drop-down-menu ul.sub-menu {
	position: absolute;
	display: none;
}
#drop-down-menu ul.sub-menu ul{
	left: 100%;
	top: 0;
}

#drop-down-menu > div > ul > li > a{
	color: #333;
	height: 50px;
	display: block;
	line-height: 50px;
	padding: 0 20px;
}
#drop-down-menu > div > ul > li:hover > a{
	color: white;
}
#drop-down-menu ul li:hover > ul.sub-menu {
	display: block;
}
#drop-down-menu ul.sub-menu li a {
	display: block;
	background: #333;
	width: 200px;
	padding: 10px 20px;
	color: white;
	font-size: 16px;
}



/*Break news section (ticker)*/
.news-box.break {
    background: #2b2b2b;
    overflow: hidden;
}
.news-box.break h2 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    display: block;
    padding: 0 20px 0 0;
    background: #2b2b2b;
    z-index: 2;
	position: absolute;
}
.news-box.break h2 a {
    color: white;
    padding: 0 40px 0 20px;
    display: block;
    background: url(images/break-separate.png) no-repeat right center;
    height: 50px;
    line-height: 50px;
}
.news-box.break li{
    float: left;
    height: 50px;
    width: auto;
}
.news-box.break li .item-thumbnail {
    height: 30px;
    width: 30px;
    float: left;
    margin: 10px 10px 0 0;
}
.news-box.break .inner {
    z-index: 1;
    min-width: 200px;
}
.news-box.break li h3.title {
	float:left;
	line-height: 30px;
}
.news-box.break li h3.title a{
    font-size: 12px;
    font-weight: normal;
}
.news-box.break li h3.title a{
    color: white;
    display: block;
    padding: 10px 20px 0 0;
}


.news-box.break ul { /* that's your list */
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 9999px;
	left: 100%;
}
.news-box.break ul li {
float: left;
margin: 0;
padding: 0;
}



/*
PRIMARY
#######
*/
#primary {
	background: #FFF;
	padding: 20px;
}
#main {
	float: left;
	width: 720px;
	margin: 0 20px 0 0;
	min-height: 10px;
}
#side {
    float: left;
    width: 300px;
}
/*FLEXIBLE HOME LAYOUT*/
/*commons*/
#flexible-home-layout-section .news-box {
    margin: 0 0 20px 0;
}
#flexible-home-layout-section .news-box ul.content,
#flexible-home-layout-section .news-box ul.content li.item {
	list-style: none;
}
#flexible-home-layout-section .news-box .snippet {
    line-height: 1.5em;
}
#flexible-home-layout-section .news-box h2.title {
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
}
#flexible-home-layout-section .news-box h2.title a {
    color: white;
    padding: 0 10px;
}
#flexible-home-layout-section .news-box h3.title {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3em;
}
#flexible-home-layout-section .news-box h3.title a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
#flexible-home-layout-section .news-box .meta a, 
.related-post .meta a,
.post-header .meta > *,
.widget_feed_data_widget .item .meta a,
.meta-post-archive > * ,
.related-news .meta a {
    display: inline-block;
    background-image: url(images/meta-icons.png);
    height: 12px;
    font-size: 12px;
    line-height:12px;
    color: black;
    vertical-align: super;
    background-repeat: no-repeat;
    padding: 0 0 0 14px;
    margin: 0 10px 0 0;
    filter: alpha(opacity=40);
    opacity: 0.4;
	*display:inline;
}
#flexible-home-layout-section .news-box .meta a:hover,
.post-wrapper .meta > div:hover,
.related-post .meta a:hover,
.related-news .meta a:hover{
    filter: alpha(opacity=100);
    opacity: 1;
}
#flexible-home-layout-section .news-box .meta a.date,
.post-wrapper .meta div.date,
.related-post .meta a.date,
.widget_feed_data_widget .item .meta a.date,
.meta-post-archive .date,
.related-news .meta .date {
    background-position: 0 -40px;
}
.post-wrapper .meta div.tags {
	background-position: 0 -20px;
}
#flexible-home-layout-section .news-box.hot,
#flexible-home-layout-section .news-box.three,
#flexible-home-layout-section .news-box.combine,
#flexible-home-layout-section .news-box.slider,
#flexible-home-layout-section .news-box.dark {
	clear: both;
} 
#flexible-home-layout-section .news-box .item .item-thumbnail {
    background: #333;
}   
/*HOT layout*/
#flexible-home-layout-section .news-box.hot .item-first {
    width: 420px;
    float:left;
}
#flexible-home-layout-section .news-box.hot .item-first .item-thumbnail {
    width: 420px;
    height: 250px;
}
#flexible-home-layout-section .news-box.hot .item-first h3.title {
    margin: 20px;
}
#flexible-home-layout-section .news-box.hot .item-first h3.title a {
    color: white;
    font-size: 30px;
	line-height: 1.3em;
}
#flexible-home-layout-section .news-box.hot .item-first .snippet {
    margin: 0 20px;
    font-size: 14px;
    color: white;
    filter: alpha(opacity=80);
    opacity: 0.8;
    min-height: 130px;
    border-top: 1px solid white;
    padding: 20px 0 0 0;
}

#flexible-home-layout-section .news-box.hot .item-first .meta {
    background: #EEE;
    padding: 10px 20px 0 20px;
}
#flexible-home-layout-section .news-box.hot .item-other {
    float: right;
    width: 280px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}
#flexible-home-layout-section .news-box.hot .item-other .item-thumbnail {
    width: 280px;
    height: 160px;
}
#flexible-home-layout-section .news-box.hot .item-other h3.title {
    margin: 10px 0 15px 0;
}
#flexible-home-layout-section .news-box.hot .item-other h3.title a{
    color: black;
    font-size: 20px;
}
#flexible-home-layout-section .news-box.hot .item-other .meta {
    margin: 0 0 10px 0;
}
#flexible-home-layout-section .news-box.hot .item-1 {
    padding-top: 0;
    border-top: none;
}

/*THREE columns layout*/ 
#flexible-home-layout-section .news-box.three .item {
    float: left;
    width: 230px;
    margin-left: 15px;
	margin-bottom: 15px;
}
#flexible-home-layout-section .news-box.three .item-0, 
#flexible-home-layout-section .news-box.three .item-3,
#flexible-home-layout-section .news-box.three .item-6 {
    clear: left;
	margin-left: 0;
}
#flexible-home-layout-section .news-box.three .item .item-thumbnail {
    width: 230px;
    height: 125px;
}
#flexible-home-layout-section .news-box.three .meta {
    margin: 10px 0 0 0;
}
#flexible-home-layout-section .news-box.three .snippet {
    font-size: 12px;
    color: #666;
    margin: 10px 0;
}

/*DARK layout*/
#flexible-home-layout-section .news-box.dark .item {
    padding: 20px;
    background: #F0F0F0;
    margin: 0 0 1px 0;
}

#flexible-home-layout-section .news-box.dark .item-thumbnail {
    width: 70px;
    height: 70px;
	float: left;
    margin: 0 15px 0 0;
    z-index: 2;
}
#flexible-home-layout-section .news-box.dark .meta {
    margin: 10px 0 0 0;
}

/*TWO columns layout*/
#flexible-home-layout-section .news-box.two .item-first {
    float: left;
    width: 350px;
    margin: 0 20px 0 0;
}
#flexible-home-layout-section .news-box.two .item.item-other .meta,
#flexible-home-layout-section .news-box.left-col .item.item-other .meta,
#flexible-home-layout-section .news-box.right-col .item.item-other .meta,
#flexible-home-layout-section .news-box.combine .item.item-other .meta {
    margin: 8px  0 0 80px;
}

#flexible-home-layout-section .news-box.two .item.item-other h3.title,
#flexible-home-layout-section .news-box.left-col .item.item-other h3.title,
#flexible-home-layout-section .news-box.right-col .item.item-other h3.title,
#flexible-home-layout-section .news-box.combine .item.item-other h3.title {
    margin: 0 0 0 80px;
}


#flexible-home-layout-section .news-box.two .item-first .meta,
#flexible-home-layout-section .news-box.left-col .item-first .meta,
#flexible-home-layout-section .news-box.right-col .item-first .meta,
#flexible-home-layout-section .news-box.combine .item-first .meta {
    margin: 10px  0 0 0;
}

#flexible-home-layout-section .news-box.two .item-first h3.title {
    margin: 15px 0;
}
#flexible-home-layout-section .news-box.two .item-first h3.title a {
    font-size: 26px;
	line-height: 1.3em;
}
#flexible-home-layout-section .news-box.two .item-other h3.title {
     font-size: 18px;   
}
#flexible-home-layout-section .news-box.two .item-other h3.title a {
     color: black;   
}
#flexible-home-layout-section .news-box.two .item-first .snippet {
    font-size: 14px;
    display: block;
    margin: 0;
}
#flexible-home-layout-section .news-box.two .item-other {
    float: left;
    width: 350px;
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #eee;
}
#flexible-home-layout-section .news-box.two .item-1 {
    border: none;
    margin: 0;
    padding: 0
}
#flexible-home-layout-section .news-box.two .item-first .item-thumbnail {
    width: 350px;
	height: 230px;
}
#flexible-home-layout-section .news-box.two .item-other .item-thumbnail {
    width: 70px;
    height: 70px;
    float: left;
}

/*ONE columns layout*/
#flexible-home-layout-section .news-box.left-col {
    float: left;
    width: 350px;
}
#flexible-home-layout-section .news-box.right-col {
    float: right;
    width: 350px;
}

#flexible-home-layout-section .news-box.left-col .item-first .item-thumbnail,
#flexible-home-layout-section .news-box.right-col .item-first .item-thumbnail {
    width: 350px;
    height: 230px;
    margin: 0 0 10px 0;
}
#flexible-home-layout-section .news-box.left-col .item-first h3.title,
#flexible-home-layout-section .news-box.right-col .item-first h3.title {
    font-size: 26px;
    margin: 10px 0 15px 0;
}
#flexible-home-layout-section .news-box.left-col .item-first .snippet,
#flexible-home-layout-section .news-box.right-col .item-first .snippet {
    font-size: 14px;
    margin: 0 0 15px 0;
}
#flexible-home-layout-section .news-box.left-col .item-other,
#flexible-home-layout-section .news-box.right-col .item-other {
    padding: 15px 0 0 0;
    border-top: 1px solid #eee;
    margin: 0 0 15px 0;
}
#flexible-home-layout-section .news-box.left-col .item-other .item-thumbnail,
#flexible-home-layout-section .news-box.right-col .item-other .item-thumbnail {
    width: 70px;
    height: 70px;
	float: left;
}

#flexible-home-layout-section .news-box.left-col .item-other h3.title,
#flexible-home-layout-section .news-box.right-col .item-other h3.title {
    margin: 0 0 5px 0;
}
#flexible-home-layout-section .news-box.left-col .item-other h3.title a,
#flexible-home-layout-section .news-box.right-col .item-other h3.title a {
    color:black;
}

/*SLIDER layout*/
#flexible-home-layout-section .news-box.slider .outer { position: relative; overflow: hidden; }
#flexible-home-layout-section .news-box.slider .outer li { list-style: none; }
#flexible-home-layout-section .news-box.slider .outer ul li { float: left; }
#flexible-home-layout-section .news-box.slider .item-thumbnail {
    width: 720px;
    height: 300px;
	z-index: 0;
}
#flexible-home-layout-section .news-box.slider .outer ul {
    margin: 0;
    padding: 0;
}
#flexible-home-layout-section .news-box.slider h3.title {
    position:absolute;
    top: 35%;
    left: 0;
    text-align: center;
    font-size: 30px;
    width: 90%;
    margin: 0 5%;
}
#flexible-home-layout-section .news-box.slider h3.title a{
    color: white;
    text-shadow: 3px 3px 3px #000;
}
#flexible-home-layout-section .news-box.slider h3.title a:hover{
    filter: alpha(opacity=100);
    opacity: 1;
}
#flexible-home-layout-section .news-box.slider ol.dots {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
#flexible-home-layout-section .news-box.slider .dots li {
    cursor: pointer;
    background: white;
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
    border: 1px solid #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    font-size: 11px;
    font-weight: bold;
	*display:inline;
}
#flexible-home-layout-section .news-box.slider .dots li.active {
    filter: alpha(opacity=100);
    opacity: 1;
    color: white;
    border-color: white;
}
#flexible-home-layout-section .news-box.slider .dots li:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

/*COMBINE layout*/
#flexible-home-layout-section .news-box.combine .item.item-3,
#flexible-home-layout-section .news-box.combine .item.item-5,
#flexible-home-layout-section .news-box.combine .item.item-7,
#flexible-home-layout-section .news-box.combine .item.item-9,
#flexible-home-layout-section .news-box.combine .item.item-11{
    clear: left;
}
#flexible-home-layout-section .news-box.combine .item.item-first .item-thumbnail {
    width: 350px;
    height: 250px;
	float: left;
    margin: 0 20px 0 0;
}

#flexible-home-layout-section .news-box.combine .item.item-first .meta {
    float: left;
    width: 350px;
    margin: 10px 0 0 0;
}
#flexible-home-layout-section .news-box.combine .item.item-first .snippet {
    float: left;
    width: 350px;
    margin: 0;
}
#flexible-home-layout-section .news-box.combine .item.item-first h3.title {
    font-size: 26px;
}
#flexible-home-layout-section .news-box.combine .item.item-other .item-thumbnail {
    width: 70px;
    height: 70px;
	float: left;
}
#flexible-home-layout-section .news-box.combine .item.item-other {
    float: left;
    width: 360px;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #eee;
}
#flexible-home-layout-section .news-box.combine .item.item-other h3.title a{
    color: black;
}
#flexible-home-layout-section .news-box.combine .item.item-first{
    clear: both;
    margin: 0 0 5px 0;
}

/*fix floating bug*/
.news-box {clear: both;}
.news-box.left-col {clear: left!important;}
.news-box.right-col {clear: right!important;}

/*POST CONTENT*/
h1.post-title {
	font-size: 32px;  
	font-weight: normal;
    line-height: 1.3em;
}
.post-feature-image {
    float: left;
    background: #f8f8f8;
    padding: 5px;
    border: 1px solid #eee;
    margin: 0 10px 10px 0;
    line-height: 0;
}
.post-feature-image img {
    max-width: 300px;
    height: auto!important;
}
.post-body {
    line-height: 1.5em;
}
.post-body p {
    margin: 1em 0;
}
.post-body .post-summary p {
    font-weight: bold;
}
.post-header .meta.post-meta {
    line-height: 0;
    margin: 15px 0 0 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px 0;
}
.post-header .meta a{
	color: #333;
}
.post-header .meta .cate {
	background-position: 0 -20px;
}
.post-header .meta .date {
	background-position: 0 -40px;
}
.meta > *:hover {
	filter: alpha(opacity=100)!important;
	opacity: 1!important;
}

/*post format*/
.post-body img {
	max-width: 100%!important;
}
.post-body img.alignleft {
    float: left;
    margin: 0 10px 10px 0;
}
.post-body blockquote {
    margin: 15px 0 20px 0;  
    padding: 5px 20px;  
	background: #F0F0F0;  
	font-style: italic;  
	border-top-width: 6px;
	border-top-style: solid;
	line-height: 2;  
	font-size: 14px;  
	color: #333;
}
.post-body div.aligncenter {
    margin: auto;
}
.post-body .wp-caption {
    text-align: center;
}
.post-body .wp-caption .wp-caption-text {
    margin: 0 0 1em 0;
    font-size: 12px;
    color: #666;
    font-style: italic;
}
.post-body .alignleft {
    float: left;
    border-right: 15px solid #FFF;
}
.post-body .alignleft img {
    float: left;
    padding: inherit;
}
.post-body .alignright {
    float: right;
    border-left: 15px solid #FFF;
}
.alignnone {
	margin: auto;
	display: block;/*Update v1.1*/
}
.post h1, 
.post h2, 
.post h3, 
.post h4, 
.post h5, 
.post h6 { 
padding: 7px 0 0 0; 
margin: 0 0 10px 0; 
}
.post-body ul,
.post-body ol {
    padding: 0 0 0 40px;
    font-size: 14px;
}
.post-body * {/*Update version 1.1*/
	max-width: 100%;
}

/*post apps*/
.post-header .meta .post-apps {
    position: absolute;
    right: 0;
    width: 16em;
    top: 0px;
    background: none!important;
    font-size: 16px;
	filter: alpha(opacity=100);  
    opacity: 1;
	display:block!important;
	margin: 0;
	padding: 0;
}
.post-apps a {
	filter: alpha(opacity=100);  
    opacity: 1;
}
.post-apps * {
	line-height: 12px;	
}
.post-apps a {
    color: black;
	font-size:16px;
    text-transform: uppercase;
}
.post-apps a.zoom-text {
    float: right;
}
.post-apps .addthis_toolbox {
    float: right;
    width: 75%;
}
.post-apps a.addthis_button_print span {
    margin: -1px 6px 0 0;
}
.post-apps a.addthis_button_email span {
    margin: -2px 5px 0 10px;
}
.post-apps a.addthis_button_print {
    background: #f8f8f8;
    padding: 5px;
    margin: -10px 0 0 0;
    float: right;
}
.post-apps a.addthis_button_email {
    background: #f0f0f0;
    padding: 5px 5px 6px 0;
    margin: -10px 0 0 0;
    float: right;
}
.zoom-out-text {
    background: #f8f8f8;
    padding: 5px 5px 8px 5px;
    margin: -10px 0 0 0;
}
.zoom-in-text {
    background: #f0f0f0;
    padding: 5px 5px 8px 5px;
    margin: -10px 0 0 0;
}

.author-image {
    float: left;
    z-index: 9;
}
.author-image img {
    margin-right: 15px;
}
.author-info h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
}
.author-info h4 a {
}
.author-info p {
    margin: 5px 0 10px 0;
    font-size: 14px;
    color: #666;
    line-height: 1.4em;
}
.post-author {
    border-top: 1px solid #EEE;
    padding: 20px 0 0 0;
}
.post-author h3.author-title {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
}
.author-image a {
    line-height: 0;
}
.author-connect a.author-social {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-image: url(images/author-box-social-icons.png);
    filter: alpha(opacity=40);  
    opacity: 0.4;
}
.author-connect a.author-social:hover {
    filter: alpha(opacity=100);  
    opacity: 1;
}
.author-social.website {background-position: 0 -210px}
.author-social.facebook {background-position: -13px 0;}
.author-social.twitter {background-position: 0 -58px;}
.author-social.gplus {background-position: 0 -30px}
.author-social.instagram {background-position: 0 -90px}
.author-social.pinterest {background-position: 2px -150px;}
.author-social.youtube {background-position: 0 -180px}
.author-social.rss {background-position: 0 -120px}

/*ARCHIVE PAGES*/
.archive-thumbnail {
    width: 300px;
    height: 200px;
    float: left;
}
h2.archive-post-title {
	font-size: 24px;  
	font-weight: normal;
    margin: 0 0 0 320px;
    line-height: 1.3em;
}
.post-body-archive {
    line-height: 1.3em;
    color: #666;
    margin: 0 0 0 320px;
}
.post-body-archive .snippet {
    margin: 0;
}
.meta-post-archive {
    margin: 10px 0 0 320px;
}
.archive-inner {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}
.meta.meta-post-archive .cate {
    background-position: 0 -20px;
}
.tags {
    padding: 10px 0 15px 0;  
    border-top: 1px solid #EEE;  border-left: none;  border-right: none;  margin: 20px 0;  z-index: 999;
}
.tags > * {
    float: left;
}
.tags span.label {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}
.tags ul li {
    float: left;
    list-style: none;
}
.tags ul li a {
    margin: 0 0 0 10px;
    background: #f8f8f8;
    border: 1px solid #EEE;
    padding: 3px;
    color: #999;
    font-style: italic;
}
.tags ul li a:hover {
    color: white;
    background: black;
}
.tags ul {
    margin: 0;
    padding: 0;
}


/*SIDE*/
#side h2.widget-title {
    text-transform: uppercase;  
    font-weight: normal;  
    font-size: 18px;  
    border-bottom: 4px solid #333;
}

#side h2.widget-title span.active {
    background: #333;
    color: #FFF;
}
#side h2.widget-title span {
    background: #F0F0F0;
    margin: 0 3px 0 0;
    padding: 0 10px;
}
#side .widget {
    margin: 0 0 20px 0;
}
.widget_feed_data_widget .item .meta {
	margin: 10px 0 0 80px;
}

.widget_feed_data_widget .item {
    margin: auto;
    padding: 10px 0;
    border-top: 1px solid #eee;
}
.widget_feed_data_widget .item .item-thumbnail {
    width: 70px;
    height: 70px;
    float: left;
    margin: 0 0 0 0;
}
.widget_feed_data_widget .item .title {
	font-weight: normal;  
	font-size: 16px;
    line-height: 1.3em;
    margin: 0 0 0 80px;
}
.widget_feed_data_widget .item-nothumb .title {
	margin: 0;
}
.widget_feed_data_widget .item-nothumb .meta {
	margin: 10px 0 0 0;
}

#right-side-tab .widget,
#right-side-tab .widget h2.widget-title {
	display: none;
}
#right-side-tab h2.widget-title span {
	cursor: pointer;
}
#right-side-tab .widget.tab-active {
	display: block;
}
.recent-comment-item .comment-avatar {
    display: block;
    float: left;
    z-index: 10;
    overflow: hidden;
}
.recent-comment-item .body {
    margin: 0 0 0 80px;
    font-size: 14px;
    line-height: 1.5em;
}
.recent-comment-item.item-nothumb .body {
    margin: 0;
}

.recent-comment-item .body .comment-name {
    font-weight: bold;
}
.recent-comment-item .body span {
    color: #999;
}
.recent-comment-item .body .comment-post-name {
    font-style: italic;
}
.recent-comment-item .body a:hover {
    text-decoration: underline;
}

/*FOOTER*/
#bottom-ads {
    max-width: 728px;
    margin: 20px auto;
    text-align: center;
}
#bottom-ads iframe {
    margin: auto;
}
#copyright {
    background: #333;
    padding: 30px 0;
    font-size: 12px;
    color: #ccc;
    text-align: center;
}
#copyright a {
    color: white;
}
#footer-section {
    background: #F8F8F8;  
    padding: 40px 0 0 0;
}
#footer-section .widget {
    display: inline-block;  
	vertical-align: top;  
	width: 20%;  
	
    margin: 0 0 40px 4%;
	*display:inline;
}
#footer-section .widget-title {
	font-size: 16px;  
	text-transform: uppercase;  
	font-weight: normal;  
	margin: 0 0 10px 0;
}
.tagcloud a {
	margin: 0 5px 5px 0;  
	float: left;  
	padding: 5px;  
	filter: alpha(opacity=100);  
	opacity: 1;  
    color: white;
    font-size: 16px!important;
}
.tagcloud a:hover {
    background: black;
}
.widget .menu li {
    margin: 10px 0 0 0;  
    padding: 10px 0 0 15px;  
    border-top: 1px solid #EEE;  
    display: block;  
    background: url(images/li-arrow.png) no-repeat 0 13px;
}
#footer-section .flickr_badge_image img {
	width: 72px!important;
}
#side .flickr_badge_image img {
	width: 75px!important;
}
.flickr_badge_image img {
    float: left;
    height: auto;
}
.flickr_badge_image a:hover {
    filter: alpha(opacity=60);  opacity: 0.6;
}


/*JUMP TOP*/
a.scrollup {
    z-index:2;
    background: #444 url(images/jump-top-arrow.png) no-repeat center center;
    width:40px;
    height:40px;
    text-indent:-99999px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    position:fixed;
    bottom:-100px;
    right:10px;
    cursor:pointer;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    overflow:auto;
    opacity:.7;
}
a.scrollup:hover{
	filter: alpha(opacity=100);
	opacity: 1;
}


/*SHARING TOOLS*/
.share-post .title {
    float: left;
    padding: 0 10px 0 0;
}
.share-post .addthis_toolbox {
    padding: 4px 0 0 0;
}
.share-post .addthis_toolbox .addthis_button_tweet {
    width: 85px;
}
.share-post .addthis_toolbox .addthis_button_facebook_like {
    width: 80px;
}
.share-post .addthis_toolbox .addthis_button_google_plusone {
    width: 65px;
}
.share-post .addthis_button_facebook_like iframe.fb_iframe_widget_lift {
    max-width: none!important;
}
.share-post {
    padding: 10px 0 5px 0;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    margin: 20px 0 10px 0;
	z-index: 999;
}

/*RELATED POSTS*/
#post-footer-section .widget .widget-title ,
.share-post .title{
    font-weight: normal;  
    text-transform: uppercase;  
    font-size: 20px;
}
.related-news ul, .related-news li {
    display: block;
    list-style: none;
}
.related-news .item-thumbnail {
    width: 230px;
    height: 125px;
}

.related-news .item {
    float: left;
    width: 230px;
    margin-left: 15px;
    margin-top: 10px;
}
.related-news .item-0, 
.related-news .item-3,
.related-news .item-6 {
    margin-left: 0;
}

.related-news h3.title {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.3em;
}
.related-news .meta {
	margin-top: 10px;
}


/*PAGINATION*/
.page-numbers {
    font-size: 16px;
    display: inline-block;
    border: 1px solid #EEE;
    padding: 0 10px;     
	margin: 0 5px 0;
	*display:inline;
}
.page-numbers:hover {
    background: #EEE;
}
.paginations.item_pagination {
    width: 100%;  
    margin: 0 0 20px 0;  
    padding: 20px 0;  
    border: 1px solid #EEE;  
    border-left: none;  
    border-right: none;
}
.paginations .item {
    float: right;
    text-align: right;
    width: 50%
}
.paginations .item:first-child {
    float: left;
    text-align: left;
}
.paginations .item span {
    font-size: 10px;
    color: #CCC;
    text-transform: uppercase;
    display: block;
}
.paginations .item a {
    display: block;
    font-size: 16px;
}
.paginations .item a:hover {
    text-decoration: underline;
}

/*SCROLL BAR*/
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track {
background:#FFF;
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;
border:1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);
}
::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb:active {
background:#888;
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);
}



/*COMMENT*/
#reply-title {
  padding: 0 0 5px 0;
  letter-spacing: 0.15em;
  color: gray;
  margin: 0 0 15px 0;
  border-bottom: 5px solid #f0f0f0;
  float: left;
  font-weight: normal;  
  text-transform: uppercase;  
  font-size: 20px;
}
#reply-title small {
  float: right;
}
#reply-title a {
  display: block;
  margin-top: -1.7em;
  font-size: 12px;
  margin-left: 10px;
}


/*comment list design*/
.comments ol, .comments ul {
	list-style-type: none;
	padding: 0;
	text-align: left;
}
.comments .comment-block {
    background: #FFF;  
	border-radius: 1px;  
	-moz-border-radius: 1px;  
	-webkit-border-radius: 1px;  
	box-shadow: 0 1px 3px 0 #B5B5B5;  
	-moz-box-shadow: 0 1px 3px 0 #b5b5b5;  
	-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;  position: relative;  
	padding: 10px;  
    margin-left: 25px;
}
.comments .avatar-image-container {
    overflow: hidden;  
	width: 45px;  
	height: 45px;  
    margin: 15px 10px 10px 0;  
	background: #FFF;  
	padding: 2px;  
	-moz-border-radius: 1px;  
	-webkit-border-radius: 1px;  
	box-shadow: 0 0 3px #B5B5B5;  
	-moz-box-shadow: 0 0 3px #b5b5b5;  
	-webkit-box-shadow: 0 0 3px #B5B5B5;  
    float: left;
    z-index: 9;
    position: relative;
    max-width: 100px;
    max-height: 100px;
}
.comments .avatar-image-container img {
    max-width: 100%;
    width: 100%;
}
.comments .comment-author-name {
    font-weight: bold;
    font-style: italic;
    display: block;
    margin: 12px 0 0 0;
}
.comments .comments-content .datetime {
    display: block;
    font-size: 11px;
}

.comment-actions {
    position: absolute;  
	bottom: 0;  
	right: 0;  
	background: #DDD;  
	text-shadow: 0 1px 1px #FFF;  
	font-size: 11px;
}
.comment-actions:hover {
    background: #333;    text-shadow: 0 1px 1px #000;
}
.comment-actions:hover a {
    color: white;
}
.comment-actions .comment-reply-link {
    padding: 3px 10px;
    display: block;
}
#comments li.comment {
    margin: 0 0 20px;
}
#comments ul.children {
    margin: 20px 0 0 50px;
}
#comments .datetime {
    font-size: 12px;
    font-style: italic;
    display: block;
    margin: 7px 0;
    filter: alpha(opacity=60);  opacity: 0.6;
}
#comments .datetime a {
    color: #666;
}
#comments .comment-content {
    margin: 0 0 0 24px;
}
#comments li #respond {
    margin: 20px 0 0 26px;
}

/*Comment form*/
#respond {
  margin: 20px 0 30px 0;
}
#respond .must-log-in {
    clear: both;
}
#respond p {
  margin: 0 0 30px 0;
}
#respond form {
  font-size: 18px;
  clear: both;
}
#respond form label, #respond form small {
  display: block;
  cursor: pointer;
}
#respond form p.comment-form-author, 
#respond form p.comment-form-email {
  float: left;
  width: 48%;
}
#respond form p.comment-form-author {
    margin-right: 4%;
}

#respond form p.comment-form-url {
  width: 100%;
  clear: both;
}
#respond #author,
#respond #email {
  margin-top: 10px;
  width: 92%;
  padding: 10px 4%;
}
#respond #url {
    width: 96%;
    display: block;
    padding: 10px 2%;
}

#respond form input[type=text],
#respond form input[type=email],
#respond form input[type=url],
#respond form textarea {
  font: inherit;
  line-height: 1.5em;
  background: #f7f7f7;
  color: gray;
  margin-top: 10px;
  -webkit-transition: background, 0.35s;
  -ms-transition: background, 0.35s;
  -o-transition: background, 0.35s;
  -transition: background, 0.35s;
  transition: background, 0.35s;
  border: 1px solid #EEE;
  border-left: none;
  border-right: none;
  -moz-box-shadow: 0 0 10px #000000;  -webkit-box-shadow: 0 0 10px #000000;  
  box-shadow: 0px 0px 2px #ccc;
  border-top: none;
}
#respond form input[type=text]:focus,
#respond form input[type=email]:focus,
#respond form input[type=url]:focus,
#respond form textarea:focus {
  background: #e9e9e9;
  outline: none;
}
#respond form input[type=text]:invalid,
#respond form input[type=email]:invalid,
#respond form input[type=url]:invalid,
#respond form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

#respond form textarea {
  width: 96%;
  height: 150px;
  padding: 10px 2%;
}
#respond form #submit {
  text-decoration: none;
  -webkit-transition: background, 0.35s;
  -ms-transition: background, 0.35s;
  -o-transition: background, 0.35s;
  -transition: background, 0.35s;
  transition: background, 0.35s;
  padding: 30px;
  color: white;
  border: 2px solid #f8f8f8;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-appearance: none;
  font-weight: 700;
  width: 100%;
  display: block;
  border-top: none;
  border-left: none;
  cursor: pointer;
}
#respond form #submit:hover, #respond form #submit:focus {
  background: black;
}
#respond form .comment-notes {
  font-size: 16px;
  color: #cccccc;
  margin: 0 0 20px 0;
}
#comment-form-title {
  margin: 0 0 15px;
}

.comments-logged-in-as, .logged-in-as {
  font-size: 12px;
  color: #b3b3b3;
  letter-spacing: 1px;
}

#allowed_tags {
  margin: 20px 10px 10px 0;
}

.nocomments {
  margin: 0 20px 20px;
}

/*NOT FOUND PAGES*/
.desc-404 {
    text-align: center;  
    font-size: 30px;  
    margin: 30px 0 0 0;
}
body.search-no-results p.no-results {
    text-align: center;  
    font-size: 20px;  
    margin: 20px;
    font-style: italic;
    color: #666;
}
body.error404 #main,
body.page #main {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
}
body.error404 #main {
	text-align: center;
}
.img-404 {
    color: #CCC;  
    font-size: 150px;  
    text-align: center;
}
.error404 #main #searchform,
.search-no-results #main #searchform {
    max-width: 100%;
    width: 320px;
    margin: 10px auto 30px auto;
    float: none;
}
.error404 #main #searchform #search-text,
.search-no-results #main #searchform #search-text {
    width: 90%;
    padding: 10px 5%;
    background: #f8f8f8;
    color: black;
    font-size: 20px;
}
a.home-from-none {
    text-align: center;  
    font-size: 30px;  
    text-transform: uppercase;  
    border: none;
    margin: 0 0 50px 0;
    display: block;
}
a.home-from-none:hover {
    text-decoration: underline;
}

/*CONTACT FORM*/
#contact-form .label {
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
}
#contact-form input {
    background: #f8f8f8;
    border: 1px solid #eee;
    padding: 5px 10px;
    margin: 0 0 20px 10px;
}
#contact-form #message_input {
    background: #f8f8f8;
    border: 1px solid #eee;
    padding: 5px 10px;
    width: 300px;
    height: 100px;
    margin: 0 0 0 10px;
}
#contact-form {
    margin: 20px 0;
}
#contact-form .show-all a {
    text-transform: uppercase;
    color: white;
    padding: 10px 20px;
    margin: 0 0 0 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#contact-form .show-all a:hover {
    background: black;
}
.contact-success {
    background: aliceblue;
    color: #008000;
    padding: 10px 30px;
    font-style: italic;
    margin: 10px 0;
}





/* RESPONSIVE */
/* ############### */
.selectnav {display:none;}
@media screen and (max-width: 1079px) {
	#res-menu-1, #res-menu-2 {display: none;}
	.selectnav {display:block;}
	#wrapper {width: 760px}
	#selectnav1 {
	    width: 300px;
	    height: 30px;
	    margin: 4px 0 0 5px;
	    border: 1px solid #EEE;
	    font-size: 10px;
	    padding: 5px;
	}
	#selectnav2 {
	    font-size: 20px!important;
	    background: transparent;
	    border: none;
	    font-size: 10px;
	    padding: 5px 5px;
	    width: 100%;
	    height: 50px;
	}
	.header-line-2.table,
	.header-line-2 .tr {
	    display: block!important;
		width: 100%!important;
	}
	.header-line-2 .td {
	    position: static;
		display: block!important;
	    margin: auto;
	    clear: both;
	    float: none; 
	    text-align: center;
	    max-width: 728px;  
	}
	.blog-title {
		max-width: 100%;
		padding: 20px 0;
	}
	#main {
	    width: 100%;
	    clear: both;
	    float: none;
	}
	#side {
	    width: 100%;
	    float: none;
	    clear: both;
	    margin: 40px 0 0 0;
    }
	#right-side-bottom .widget {
	    width: 300px;
	    float: left;
	    margin: 0 60px 0 0;
	}
	#footer-section .widget {
        display: inline-block;
        vertical-align: top;
        width: 37%;
		margin: 0 6% 30px 7%;
		*display: inline;
    }
}
@media screen and (max-width: 759px) {
	.widget {
		max-width: 100%!important;
		overflow: hidden!important;
	}
	.adsbygoogle, .adsbygoogle *, .adsbygoogle iframe {
		overflow: hidden!important;
		max-width: 100%!important;
		position: static!important;
	}
    .scrollup {z-index: 999}
    #wrapper {width: 390px;}
    #selectnav1 {
        clear: both;
        width: 100%!important;
        float: none;
        margin: 0 0 10px 0!important;
        padding: 0;
    }
    #top-page-list,
    #social-list-top,
    .header-line-1 #searchform,
    .header-line-1 #searchform #search-text {
        position: static;
        float: none;
        clear: both;
        width: 100%;
        margin: auto;
        padding: 0;
    }
    #top-page-list {
		width: auto;
		padding: 5px 5px 0 5px;
	}
	.header-line-1 #searchform #search-text {
		width: 90%!important;
		padding: 0 5%!important;
		margin-bottom: 0!important;
	}
    .header-line-1 #searchform #search-text {
        margin: 10px 0 15px 0
    }
    #social-list-top {
        text-align: center;
    }
    #social-list-top li, 
	#social-list-top a,
	#social-list-top div, 
	#social-list-top ul {
        display: inline-block;
		*display: inline;
    }

    #flexible-home-layout-section .news-box .item,
    #flexible-home-layout-section .news-box .item-first .item-thumbnail,
	#flexible-home-layout-section .news-box.slider .item .item-thumbnail	{
        width: 100%;
    }
	#flexible-home-layout-section .news-box.hot .item,
	#flexible-home-layout-section .news-box.hot .item .item-thumbnail,
	#flexible-home-layout-section .news-box.three .item,
	#flexible-home-layout-section .news-box.two .item-first .item-thumbnail,
	#flexible-home-layout-section .news-box.left-col .item-first .item-thumbnail,
	#flexible-home-layout-section .news-box.right-col .item-first .item-thumbnail,
	#flexible-home-layout-section .news-box.combine .item-first .item-thumbnail {
		width: 100%!important;
	}
	#flexible-home-layout-section .news-box .item-thumbnail img{
		min-width: 100%;
		min-height: 100%;
	}
    #flexible-home-layout-section .news-box.hot .item-first {
        margin: 0 0 20px 0   
    }
	#flexible-home-layout-section .news-box.three .item .item-thumbnail,
	#flexible-home-layout-section .news-box.three .item .item-thumbnail img {
        width: 100%!important;
    }
	
	#flexible-home-layout-section .news-box.three .item .item-thumbnail img {
		min-height: 125px;
	}
	 
    #flexible-home-layout-section .news-box.three .item {
        margin: 0 0 20px 0;
    }
    #flexible-home-layout-section .news-box.dark .item-thumbnail {
        width: 70px!important;
    }
    #flexible-home-layout-section .news-box.dark .item {
        width: auto!important;
    }
    #flexible-home-layout-section .news-box.two .item-first {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #eee;
    }
    #side .widget, #side .section {
        width: 100%!important;
    }
    .banner.has-dots {
        width: 100%!important;
    }
	#footer-section {
		padding: 30px 20px;
	}
    #footer-section .widget{
        width: 100%!important;
		margin: 10px 0;
    }
    #main {
        max-width: 100%;
    }
	.post-apps {
		position: static!important;
		clear: both;
		float: none;
		text-align: left;
		margin: 15px 0 0 0!important;
	
		width: 100%!important;
		padding: 0!important;
	}
	.post-apps a.zoom-text {
		float: left;
	}
	.post-apps .addthis_toolbox {
		float: left;
	}
	.post-apps a.addthis_button_print {
		float: left;
	}
	.post-apps a.addthis_button_email {
		float:left;
	}
	.paginations .item {
		display: block;
		clear: both;
		text-align: center!important;
		width: 100%!important;
		float: none;
		position: static!important;
		margin: 0 0 10px 0;
	}
	#flexible-home-layout-section .news-box.combine .item.item-first h3.title,
	#flexible-home-layout-section .news-box.combine .item.item-other .meta {
		float: none;
		width: auto;
		clear: both;
	}
	#flexible-home-layout-section .news-box.combine .item.item-first h3.title {
		padding: 10px 0 0 0;
	}
	#side h2 {
		font-size: 90%;
	}
	p, div {
		max-width: 100%;
	}
	.archive-inner .item-thumbnail {
		width: 100%;
		float: none;
	}
	.post-title.archive-post-title {
		float: none;
		margin: 0;
	}
	.meta.meta-post-archive {
		float: none;
		margin: 10px 0;
	}
	.post-body.post-body-archive {
		margin: 0;
	}
	.post-feature-image {
		float: none;
		margin: 10px auto;
		width: auto;
	}
	.post-feature-image img {
		width: 100%!important;
		height: auto!important;
	}
	.news-box.three.related-news .item {
		width: 100%;
		float: none;
		margin: 0 auto 40px auto!important;
		text-align: center;
	}
	.news-box.three.related-news .item .item-thumbnail {
		width: 100%;
	}
	.news-box.three.related-news .item h3.title {
		padding: 0;
	}
}

@media screen and (max-width: 599px) {
	#wpadminbar {
		top: -46px;
	}
}
@media screen and (max-width: 389px) {
	#footer-section {
		padding: 20px 10px;
	}
    #wrapper, .item, .widget, .section, #main, #side, .news-box {
        max-width: 100%;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    
}

/*PRINT*/
@media print {
	.header-line-1,
	#header-ads,
	.header-line-3,
	#side,
	.share-post,
		
	#post-footer-section,
	.paginations.item_pagination,
	#comments,
	#respond ,
	#bottom-ads,
	#footer	{
		display: none;
	}
	.header-line-2.table {
		width: 100%;
		display: block!important;
		background: none;
	}
	.header-line-2.table .tr {
		display: block!important;
		width: 100%;
	}
	.header-line-2.table .td {
		display: block!important;
		width: 100%;
	}
	.blog-title {
		max-width: 100%;
		padding: 20px 0;
	}
	.blog-title a {
		color: black;
	}
	
	
	#main {
		width: 100%;
		float: none;
	}
	.post-header .meta .post-apps {
		display: none!important;
	}
	.post-header .meta.post-meta .comment {
		display: none;
	}
	.post-header .meta.post-meta .cate,
	.post-header .meta.post-meta .date {
		padding: 0;
	}
	.wide {
		width: 90%;
		margin: 50px 3% 50px 7%;
	}
}

