/*
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
*/

*{margin:0; padding:0}

body{font-family:'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size:13px; line-height:13px; background-color:#4D4D4D; background:url("images/site_bg.png") top center no-repeat fixed #000}
div{overflow:hidden}

a{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, h2, h4, h5, h6{font-weight:normal; margin:0 0 15px}
h3{color:#202021; font-size:12px; font-weight:bold; margin-bottom:2px; line-height:13px}
h2{font-size:25px; line-height:30px}

p{line-height:19px; margin-bottom:20px;}

img{max-width:100%; height:auto}
.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:980px; display:block; margin:0 auto; padding:20px; background:#fff; 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}

.slider_area {position:relative; width:100%; margin:0; padding:0;}
.slider {height:480px; position:relative; padding:0; overflow:visible; background-color:white}
.slider *{margin:0; padding:0;}
.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;}
.header_area{min-height:480px; }
.logo{margin-top:0px}
.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:#1589FF; 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:10px}
.social{width:190px; margin:0px 0px 10px 0px}
.social ul{list-style:none outside none; margin:0; padding:0}
.social ul li{float:right; margin-right:8px}
.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)}
.instagram{background:url("images/instagram.jpg") }
.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:16%}
.main_menu_area{overflow:visible; background:#1589FF; 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-family:'bebasregular'; font-size:15px; padding:18px 18.7px}
.main_menu_area ul li a:hover{background:#0041C2}
#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-family:arial; 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:25px}
.main_content{width:670px}
.left_coloum{width:670px}
.single_left_coloum_wrapper{position:relative; margin-left:-10px; margin-bottom:30px}
.single_left_coloum_wrapper .title{margin-left:10px}
.single_left_coloum_wrapper p a {text-decoration:underline; color:#00f;}
.single_left_coloum_wrapper ol li {line-height:19px; margin-left:15px;}
.single_left_coloum_wrapper ul li {line-height:19px; margin-left:15px;}
.title{border-bottom:4px solid #1589FF; font-family:'bebasregular'; font-size:20px; word-spacing:2px; text-align:left}
.more{background:url("images/plus.png") no-repeat scroll 57px 9px #1589FF; 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 #1589FF; color:#FFF; display:block; font-size:10px; font-weight:bold; padding:7px 20px; text-transform:uppercase; width:74px; margin-top:10px}

.single_left_coloum{margin-left:10px; width:209px; margin-right:5px; margin-bottom:30px;height:400px}
.readmore, .single_cat_right_content_meta span{color:#1589FF; font-size:12px; text-transform:uppercase; font-weight:bold; margin-right:20px}
.readmore:hover, .single_cat_right_content_meta span:hover{color:red;}
.gallery{margin-top:10px;}
.gallery img{margin-bottom:10px; margin-left:10px; width:150px; height:100px}
.single_cat_left{}
.single_cat_left_content{margin-left:10px; margin-right:10px; width:200px}
.single_cat_left_content h3{font-size:15px}
.single_cat_left_content_meta{font-size:11px}
.single_cat_left_content_meta span{color:#1589FF}

.right_coloum{width:190px}
.single_right_coloum{margin-bottom:20px}
.single_right_coloum ul{margin:0; padding:0; list-style:none}
.single_right_coloum ul li{border-bottom:1px dotted #ddd}
.single_right_coloum ul li:last-child{border-bottom:none}
.single_cat_right_content{padding-bottom:10px}
.single_cat_right_content_meta{}
.editorial {width:100%; background-color:#d2ecf7; min-height:250px; padding:5px 5px 5px 5px}
.editorial h3 {font-size:14px; line-height:18px;}
.kamus {width:100%; background-color:#ffffcc; min-height:200px; padding:5px 5px 0px 5px}
.kamus h3 {font-size:14px; line-height:18px; margin-top:-1px;}

.feedback {width:100%; padding-bottom:10px;}
.feedback_post {font-style:italic; line-height:19px; margin-bottom:10px}
.feedback_post_author {font-size:11px; color:#666666; line-height:18px}

div.feedback-form {float:left;margin-left:20px;}
div.feedback-form div.field {line-height:30px;}
div.feedback-form div.field label {width:150px; vertical-align:middle; text-align:right; margin-right: 10px; display:inline-block}
div.feedback-form div.field input[type=text], input[type=file] {width:300px; height:30px; text-align:left; display:inline-block }
div.feedback-form div.field input[type=submit] {width:100px; height:40px; display:inline-block}

SPAN.ErrorBox {
	BORDER-TOP: #999999 1px dashed; BORDER-BOTTOM: #999999 1px dashed;
	BORDER-RIGHT: #999999 1px dashed; BORDER-LEFT: #999999 1px dashed;
	PADDING-RIGHT: 5px;  PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
	FONT-SIZE: 12px; FONT-FAMILY: helvetica, arial, verdana, sans-serif; COLOR:red; FONT-WEIGHT:500;
	MARGIN: 5px 3px 5px 3px; BACKGROUND-COLOR: #f0f0f0; width:95%;
	TEXT-ALIGN:center; line-height: 24px; display:inline-block;
}

SPAN.MessageBox {
	BORDER-TOP: #999999 1px dashed; BORDER-BOTTOM: #999999 1px dashed;
	BORDER-RIGHT: #999999 1px dashed; BORDER-LEFT: #999999 1px dashed;
	PADDING-RIGHT: 5px;  PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
	FONT-SIZE: 12px; FONT-FAMILY: helvetica, arial, verdana, sans-serif; COLOR:#000000; FONT-WEIGHT:bold;
	MARGIN: 5px 3px 5px 3px; BACKGROUND-COLOR: #ffe0e0; width:95%;
	TEXT-ALIGN:center; line-height: 24px; display:inline-block;
}

.sidebar{width:250px}
.single_sidebar{position:relative; margin-bottom:20px}
.news-letter{padding:10px; background:#E4E4E4}
.news-letter h2{font-family:bebasregular; font-size:20px; 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 #1589FF; border:medium none; color:#FFF; font-weight:bold; padding:8px 20px; font-size:13px}
.news-letter-privacy{color:#1589FF; margin-top:10px}
.popular{}
.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{}
.single_popular p{margin-bottom:0px}
.single_popular h3{line-height:17px; margin-top:0}
#counter 
{
    width: 100%;
	text-align: center;
	border-color: #333333;
	background-color: white;
	box-shadow: 2px 2px 5px #333333;
	padding: 10px 10px 20px 10px;
	font-family: Verdana, Tahoma, Segoe;
	font-size: 13px;
	line-height: 18px;	
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top,rgba(255,0,0,0), rgba(255,0,0,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(255,0,0,0), rgba(255,0,0,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(128,0,0,0), rgba(128,0,0,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top,rgba(255,128,128,0), rgba(255,128,128,1)); /*Standard*/
}
.footer_top_area{border-top:1px dotted #000; padding:20px 0; width:940px; text-align:center; font-size:smaller}
.inner_footer_top{width:730px; margin:0 auto}
.footer_bottom_area{border-top:1px dotted #000; padding-top:15px}
.footer_menu{margin-bottom:20px}
.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}