/*
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:Arial; 
    font-size:18px;
    line-height:28px;
    background:url("images/site_bg.png") top center no-repeat fixed #000}


a
{color:#000; 
text-decoration:none;
}

a:hover, a:active, a:focus{
text-decoration:none; 
color:#000;
}

h3{
    color:#202021; 
    font-size:12px; 
    font-weight:bold; 
    margin-bottom:2px; 
    line-height:13px;
}

.hh3{
    color:#7E00F7; 
    font-size:20px; 
    font-weight:bold; 
    margin-bottom:2px; 
    line-height:13px;
}

.hhh3{
    color:#202021; 
    font-size:20px; 
    font-weight:bold; 
    margin-bottom:2px; 
    line-height:13px;
}



h2{
    font-size:25px; 
    line-height:30px;
}

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:1300px; 
    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
}

div{
    overflow:hidden;
}

#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{

}

.logo{
    margin-top: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:#7E00F7; 
    display:block; 
    font-size:12px; 
    padding:0 11px; 
    line-height:12px;
}

.top_menu ul li a:hover{
    text-decoration:underline;
}


.main_menu_area{
    overflow:visible; 
    background: #7E00F7; 
    min-height:65px;
}

.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:'Bebas Neue'; 
    font-size:20px; 
    padding:18px 18.7px;
    text-transform:uppercase;
    
}

.main_menu_area ul li a:hover{
    background:#3C01D8;
    
}

#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;
}



.slider_area, .slider{
    display:block; 
    position:relative;
     width:100%; 
     margin:0; 
     padding:0;
    }


.slider *{
    margin:0; 
    padding:0;
}

.slider img{
    max-width:100%;
}


.slider1{
    width:1200px;
}

.slider2{
    width:250px;
}

.content_area{
    margin-top:25px;
}

.main_content{
    width:975px;
}

.left_coloum{
    width: 450px;
}
.left_coloum1{
    width: 450px;
}

.single_left_coloum_wrapper{
    position:relative; 
    margin-left:-1px; 
    margin-bottom:30px;
}

.single_left_coloum_wrapper .title{
    margin-left:10px;
}


.title{
    border-bottom:4px solid #7E00F7;
    font-family: 'Bebas Neue';
    font-size:26px;
     word-spacing:2px;
     text-transform:uppercase;
     color: #7E00F7;
     
    }

.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:10px; 
    font-weight:bold; 
    padding:7px 20px; 
    text-transform:uppercase; 
    width:74px; 
    margin-top:10px;
}

.single_left_coloum{
    margin-left:10px;
     width:143px;
    }

.readmore, .single_cat_right_content_meta span{
    color:#CF0000; 
    font-size:10px; 
    text-transform:uppercase; 
    font-weight:bold; 
    margin-right:20px;
}

.readmore:hover, .single_cat_right_content_meta span:hover{
    color:#CF0000; 
    text-decoration:underline;
}




.gallery{}
.gallery img{
    margin-bottom:10px; 
    margin-left:10px; 
    width:141px;
}




.single_cat_left{}
.single_cat_left_content{
    border-bottom:1px dotted #000; 
    margin-left:10px; width:220px;
}



.single_cat_left_content h3{
    font-size:15px;
}

.single_cat_left_content_meta{
    font-size:11px;
}

.single_cat_left_content_meta span{
    color:#cf0000;
}

.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 h3{
    margin-top:10px;
}

.single_cat_right_content_meta{}
.editorial{}
.editorial h3{
    color:#CF0000;
}

.sidebar{
    width:250px;
}

.single_sidebar{
    margin-bottom:20px;
}


.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: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:940px;
    }

.inner_footer_top{
    width:730px; 
    margin:0 auto;
}

.footer_bottom_area{
    margin-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;
}


 
.button {
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 15px;
}

.button1 {background-color: #7E00F7;} /* Green */
.button2 {background-color: #7E00F7;} /* Blue */


/* Slideshow */

* {
    box-sizing: border-box;
  }
  body {
    font-family: Verdana, sans-serif;
  }
  .mySlides {
    display: none;
  }
  img {
    vertical-align: middle;
    
  }
  
  /* Slideshow container */
  .slideshow-container {
    max-width: 1300px;
    position: relative;
    margin: auto;
  }
  
  /* Caption text */
  .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  
  /* The dots/bullets/indicators */
  .dot {
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.30s ease;
  }
  
  .active {
    background-color: #3C01D8;
  }
  
  /* Fading animation */
  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 3.5s;
    
  }
  
  @-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .text {font-size: 11px}
  }