/*
Template Name: The News Reporter
Template URI: http://www.wpfreeware.com/news-reporter-wordpress-magazine-themes/
Author: WpFreeware
Author URI: http://www.wpfreeware.com
Description: A Pro responsive magazine website template
Version: 1.0 
License: GPL
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*begin read more toggle style*/
.read-more-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease;
}
.read-more-toggle {
  display: none;
}
.read-more-toggle-label {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  border: none;
  padding: 5px;
  margin: .5em;
  font-size: .8em;
  background: #CF0000;
  color: white;
}
.read-more-toggle-label:after {
  content: "";
  display: inline-block;
}
.read-more-toggle:checked + .read-more-content {
  display: block;
  /* css animation won't work with "auto"; set to some height larger
    than the content */
  max-height: 13000px;
}
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after {
  content: "";
}
article {
  border-bottom: 1px solid #DDDDDD;
}

article p {
  margin-bottom: .5em;
}
/*end read more toggle style*/

*{margin:0; padding:0}
body{font:"Times New Roman"; font-size:14px; line-height:13px; background:url("images/site_bg.png") top center no-repeat fixed #000}
a{font-size:16px; color:#000; text-decoration:none}
a:hover, a:active, a:focus{text-decoration:none; color:#000}
input[type=text], input[type=password], textarea{border:1px solid #ddd; padding:5px}
input[type=submit]
h1{font-size:25px;}
h1, h2, h4, h5, h6{font-weight:normal; margin:0 0 0 0}
h3{color:#202021; font-size:20px; font-weight:bold; line-height:1.2}
h2{font: "Times New Roman"; font-size:20px; line-height:1.2; }
p{font-size:16px;line-height:1.5}
img{max-width:100%; height:auto}
table {border-collapse:"collapse"; margin-left:auto; margin-right: auto;}
table, tr, th, td {border: 1px solid #DDDDDD}
table tr p{margin-left:5px}
table tr th {background:#dee5ef; padding-left:5px}
.alignleft{float:left; margin-left:0px}
.aligncenter{display:block; margin:10px auto}
.alignright{float:right; margin-left:10px}
.floatleft{float:left}
.floatright{float:right}
.center{width:1220px; display:block; margin:0 auto; padding:20px; background:#f7f7f9; transition:all 1.3s ease 0s; -moz-transition:all 1.3s ease 0s; -webkit-transition:all 1.3s ease 0s; -o-transition:all 1.3s ease 0s; -ms-transition:all 1.3s ease 0s}
div{overflow:hidden}
.slider{height:350px; overflow:visible}
.bxslider, .bx-viewport, .bx-controls, .bx-pager, .bx-controls-direction{overflow:visible}
#selectnav1{display:none}
#selectnav2{display:none}
#nav{display:block}
#f_menu{display:block}
.body_wrapper{background:url("images/body_bg.png") repeat; margin-top:30px; margin-bottom:30px}
.header_area{min-height:auto; width:auto; background-image:url("images/sun.jpg"); background-repeat: no-repeat}
.logo{margin-top:30px; padding-left:50px}
#slogan {color:#fff; text-align: right; padding-right:20px}
.top_menu{margin-left:60px; margin-top:60px; width:330px}
.top_menu ul{list-style:none outside none; margin:0; padding:0}
.top_menu ul li{float:left; border-right:2px solid #000}
.top_menu ul li:last-child{border-right:none}
.top_menu ul li a{color:#CF0000; display:block; font-size:12px; padding:0 11px; line-height:12px}
.top_menu ul li a:hover{text-decoration:underline}
.social_plus_search{margin-bottom:20px}
.social{width:250px; margin:20px 0px 10px 0px}
.social ul{list-style:none outside none; margin:0; padding:0}
.social ul li{float:left; margin-right:7px}
.social ul li a{display:block; padding:12px 13px}
.twitter{background:url("images/social_icons.png") no-repeat scroll 0 0 rgba(0,0,0,0)}
.facebook{background:url("images/social_icons.png") no-repeat scroll -37px 0px rgba(0,0,0,0)}
.feed{background:url("images/social_icons.png") no-repeat scroll -73px 0px rgba(0,0,0,0)}
.search{}
.search #search_form{}
.search #s{width:87%}
.search #searchform{background:url("images/search.png") no-repeat scroll 0 0 rgba(0,0,0,0); border:medium none; height:28px; margin-left:-4px; text-indent:-99999px; width:13%}
.main_menu_area{overflow:visible; background:#0D0E0F; min-height:50px}
.main_menu_area ul{margin:0; padding:0; list-style:none}
.main_menu_area ul li{float:left; position:relative}
.main_menu_area ul li a{color:#FFF; display:block; font:"Times New Roman"; font-size:20px; padding:18px 18.7px}
.main_menu_area ul li a:hover{background:#CF0000}
#nav li ul{transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s}
/* dropdown css level one*/
.main_menu_area ul li ul{background:none repeat scroll 0 0 #0D0E0F; top:100px; position:absolute; width:215px; z-index:99999; right:-99999px}
.main_menu_area ul li ul li{float:none; position:relative}
.main_menu_area ul >li:hover >ul{left:0px; top:49px}
.main_menu_area ul li ul li a{font:"Times New Roman"; font-weight:bold}
.main_menu_area ul li ul li a:hover{}
/* dropdown css level two*/
.main_menu_area ul li ul li ul{background:none repeat scroll 0 0 #0D0E0F; right:215px; position:absolute; width:215px; z-index:99999; right:-99999px}
.main_menu_area ul li ul li ul li{float:none}
.main_menu_area ul li ul li:hover ul{left:215px !important; top:0px}
.main_menu_area ul li ul li ul li a{font-family:arial; font-weight:bold}
.content_area{margin-top:20px}
.main_content{width:840px; }
.reader_content_area {border: 1px solid #DDDDDD; padding:10px 5px 10px 10px; background-color:#f9fafc}
.mid_coloum{width:660px;border: 1px solid #DDDDDD;padding:10px 5px 10px 10px; background-color:#f9fafc}
.single_mid_coloum_wrapper{position:relative; margin-left:-10px; margin-bottom:30px}
.single_mid_coloum_wrapper .title{margin-left:10px}
.title{border-bottom:4px solid #cf0000; font:"Times New Roman"; font-size:30px; word-spacing:2px}
.more{background:url("images/plus.png") no-repeat scroll 57px 9px #CF0000; color:#FFF; display:block; font-size:10px; font-weight:bold; padding:4px 20px; position:absolute; right:0; text-transform:uppercase; top:10px}
.popular_more{background:url("images/plus.png") no-repeat scroll 57px 12px #CF0000; color:#FFF; display:block; font-size:12px; font-weight:bold; padding:7px 20px; width:74px; margin-top:10px}
.single_mid_coloum{width:100%;}
.single_mid_coloum 
.mid_coloum .g {background-color: #EEEEEE; }
.single_mid_coloum {margin:0 15px 0 10px;}
.mid_coloum p{margin-right: 15px;}
.read-more-content li, .reader_content_area li{font-size:16px; line-height:1.5; margin-left:20px;}
.read-more-content ol,ul, .reader_content_area ol,ul{margin-left:5px;}
.read-more-content ul, .reader_content_area ul{padding-left:15px;}

/* .read-more-content ol li{list-style-type: decimal !important;}
.read-more-content ol ul li{padding-left:45px, list-style-type: disc !important;} */
.readmore, .single_cat_left_content_meta span{color:#CF0000; font-size:10px; text-transform:uppercase; font-weight:bold; margin-right:20px}
.readmore:hover, .single_cat_left_content_meta span:hover{color:#CF0000; text-decoration:underline}
.gallery{}
.gallery img{margin-bottom:10px; margin-left:10px; width:175px}
.single_cat_mid{}
.single_cat_mid_content{border-bottom:1px dotted #000; margin-left:10px; width:310px}
.single_cat_mid_content_meta{font-size:11px}
.single_cat_mid_content_meta span{color:#cf0000}
.left_coloum{width:175px; border: 1px solid #DDDDDD; padding:10px; background-color:#f9fafc}
.single_left_coloum h2{color:#CF0000; margin-bottom:5px; padding-top:10px;}
.single_left_coloum ul{margin:0; padding:0; list-style:None; line-height:1.2}
.single_left_coloum ul li{color:#0148ba; border-bottom:1px dotted #ddd}
.single_left_coloum ul li a	{color:#0148ba; }
.single_left_coloum ul li:last-child{border-bottom:none}
.single_left_content{padding-bottom:10px}
.single_cat_left_content_meta{}
.editorial{}
.editorial h3{color:#CF0000}
.sidebar{width:335px; border: 1px solid #DDDDDD;padding:5px; background-color:#f9fafc}
.sidebar .box .buffer {}
.sidebar .box #ytplayer {width:100%; padding: 3px 3px 0; background-color:#DDDDDD}
.single_sidebar{margin-bottom:20px}
.news-letter{padding:10px; background:#E4E4E4}
.news-letter h2{font:"Times New Roman"; margin-bottom:5px; word-spacing:2px}
.news-letter p{}
.news-letter form input#name{border:1px solid #999; margin-bottom:10px; width:100%}
.news-letter form input#email{border:1px solid #999; margin-bottom:10px; width:100%}
.news-letter form input#form-submit{background:none repeat scroll 0 0 #CF0000; border:medium none; color:#FFF; font-weight:bold; padding:8px 20px; font-size:13px}
.news-letter-privacy{color:#cf0000; margin-top:10px}
.popular{padding-top:5px}
.popular ul{margin:0; padding:0; list-style:none}
.popular ul li{border-bottom:1px dotted #000; padding-bottom:10px; margin-bottom:10px}
.popular ul li:last-child{border-bottom:none}
.single_popular h2{color:#0148ba; }
.single_popular p{margin-bottom:0}
.single_popular h3{line-height:17px; margin-top:0}
.footer_top_area{border-bottom:1px dotted #000; border-top:1px dotted #000; padding:20px 0; width:1170px}
.inner_footer_top{width:908px; margin:0 auto}
.footer_bottom_area{margin-top:15px}
.footer_menu{margin-bottom:20px; text-align:center}
.footer_menu ul{margin:0; padding:0; list-style:none}
.footer_menu ul li{border-right:1px solid #000; display:inline}
.footer_menu ul li:last-child{border-right:none}
.footer_menu ul li a{display:inline-block; padding:0 22px}
.footer_menu ul li a:hover{}
.copyright_text{line-height:17px; text-align:center}