/*
Theme Name: Great News
Theme URI: http://kopatheme.com
Author: Kopasoft
Author URI: http://kopatheme.com
Description: Great News Wordpress theme is designed for magazine, news and editorial ventures with flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 1.0.2
License: GNU General Public License
License URI: license/README_License.txt
*/

.160ad {background: url('http://www.fangoria.com/new/wp-content/themes/greatnews/images/background/160_back.jpg'); background-position:center; background-repeat:repeat; width: 300px; height: 600; text-align: center; padding: 20px 0 20px 0;}  

.presentsbox {margin: 10px 10px 20px 0; float: left; width: 90px;}

.box {margin: 10px; float: left; padding: 5px;}
.box img {width:150px;}

.presentsbox_wide { background:url(http://www.fangoria.com/new/wp-content/themes/greatnews/images/wrapper/grunge.jpg); width: 780px; height: auto;  padding: 10px 10px 10px 40px; margin: 20px auto 0 auto; font-family:Arial, Helvetica, sans-serif; color: #000; font-size:13px;}

.presents-table td {padding: 4px;}

.presents-table tr {border-bottom: 1px solid #f1f1f1; margin-top: 10px; height: 14px; padding: 10px;}

.presents-table tr.last {border-bottom: 0px;}


/* CUSTOM */

#left-bg-bar {width: 275px; float: left; background: #;  z-index: 999; margin: 40px 0 0 -287px; position: absolute; }
#right-bg-bar {width: 275px; float: right; background: #;  z-index: 999; margin: 40px 0 0 1100px; position: absolute; }

#secondary-page-728 {margin: 20px 0 0 0;}

#top475x90 {margin: 85px 0 0 0px; float: right;}

.ecwid-random-thumbnail {width: 130px; overflow: hidden; margin: 0 0 20px 0; padding: 0 0 10px 0;}
.ecwid-productBrowser-productsGrid-productTopFragment {margin: 10px 0 10px 0;}


.responsive-img {
    max-width: 200px;
    height: auto;
    width: auto\9;
    float: left;
    margin: 10px;
}

h3 a {color:#222!important; text-transform: uppercase;}





/*LAYOUT */
.left-col-full{
    margin: 0 20px 20px;
}
.sidebar{
    margin-bottom: 20px;
}
.kopa-articles-by-category .entry-box{
    margin-bottom: 10px;
}
/* NEWSLETTER*/
.newsletter-form p{
    position: relative;
}
.newsletter-form p label.error{
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0px;
    color: red;
    font-family: 'bebas_neueregular';
}
.newsletter-form p label.newsletter_msg{
    display: block;
    position: absolute;
    bottom: -20px;
    right: 0px;
    color: green;
    font-family: 'bebas_neueregular'; 
}

.newsletter-form p label.newsletter_msg .failure{
    color: red;
}
/*PAGINATION*/
/*

.pagination li {
    float:left;
    margin-right:10px;
    margin-bottom:0;
    list-style:none;
    position:relative;
    z-index:1;
    border:1px solid #FC624E;
    background-color:#FC624E;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pagination li.current {
    border:1px solid #555;
    background-color:#555;
    color:#fff;
    position:relative;
    z-index:1;
}
.pagination li:hover{
    border:1px solid #fff;
    background-color:#555;
    color:#fff;
    box-shadow:0 0 5px #999;
    -moz-box-shadow:0 0 5px #999;
    -webkit-box-shadow:0 0 5px #999;
    position:relative;
    z-index:1;
}
.pagination li a {
    padding:5px 12px;
    display:inline-block;
    color:#fff;
    font-family: 'Patua One',cursive;
    font-size:15px;
}
.pagination li:hover a, .pagination li.current a {	
    color:#fff;
}
.pagination .dots{
    padding:5px 12px;
}
*/
.pagination {
    margin:30px 0;
}
.pagination li{
    display:inline;
    margin-right:10px;
}
.pagination li a{
    font-family:"bebas_neueregular";
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position:relative;
    z-index:0;
    background:#333;
    padding:5px 15px ;
    text-align:center;
    margin-top:20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pagination li a:hover{
    color:#fff;
    text-decoration:none;
    background:#FB010B;
}
/*RATING*/
p.stars{
    height: 16px;
}
p.stars span {
    background: url("images/icons/star.png") repeat-x scroll left 0 transparent;
    float: left;
    height: 16px;
    position: relative;
    width: 60px;
}
p.stars span a {
    float: left;
    height: 0;
    left: 0;
    overflow: hidden;
    padding-top: 16px;
    position: absolute;
    top: 0;
    width: 16px;
}
p.stars span a:hover, p.stars span a:focus {
    background: url("images/icons/star.png") repeat-x scroll left -16px transparent;
}
p.stars span a.active {
    background: url("images/icons/star.png") repeat-x scroll left -32px transparent;
}
p.stars span a.star-1 {
    width: 12px;
    z-index: 10;
}
p.stars span a.star-2 {
    width: 24px;
    z-index: 9;
}
p.stars span a.star-3 {
    width: 36px;
    z-index: 8;
}
p.stars span a.star-4 {
    width: 48px;
    z-index: 7;
}
p.stars span a.star-5 {
    width: 60px;
    z-index: 6;
}
.star-rating {
    background: url("images/icons/star.png") repeat-x scroll left 0 transparent;
    float: right;
    height: 16px;
    width: 60px;
}
.star-rating span {
    background: url("images/icons/star.png") repeat-x scroll left -32px transparent;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 16px;
}
#comments{
    position: relative;
}
#comments-rating-total{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
}
#comments-rating-total p.stars{
    width: 60px !important;
    position: absolute;
    top: 25px;
    right: 0px;
}
.comment-body .comment-meta{
    position: relative;
}
.comment-body .comment-meta p.stars{
    width: 60px !important;
    position: absolute;
    top: 5px;
    right: 0px;
}
.recaptcha_input_area label.error{
    top: auto !important;
    right: auto  !important;
    bottom: -20px !important;    
    left:  -20px !important;
    background: transparent !important;
}
/*SHARE THIS POST*/
.share_block{
    display: block;
    clear: both;
    margin-top: 20px;
    border-top: 1px solid #EEEEEE;
    padding-top: 20px;
    margin-bottom: 0px;
}
.share_block iframe{
    margin: 0px !important;
}
@media only screen and (min-width: 768px) {
    #share_this_post{
        display: inline-block;
    }

    .twitter-share-button{
        width: 100px !important;
    }
    #___plusone_0{
        width: 80px !important;
    }
    .fb-like{
        width: 90px !important;
    }
    .IN-widget{
        width: 100px !important;
    }
    .kopa_pint_it_button{
        width: 80px !important;
    }    
    .share-by-email{
        width: 42px ;
        background:url(images/icons/mail-icon.png) no-repeat 5px center;
        padding-left:25px;
        text-shadow:-1px 1px 0 #FFFFFF;
        color:#333;
        font-weight:bold;		
        background-color: #ECECEC !important;   
        border-color: #E2E2E2 #BFBFBF #B9B9B9 -moz-use-text-color;

        border-radius: 0 2px 2px 0;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px 0;

        display: block;
        float: left;
        height: 18px;
        line-height: 20px;
        text-align: center;   
        vertical-align: top;
        margin-right:30px;
    }
    .patua_one_12,
    #share_this_post,
    .twitter-share-button,
    #___plusone_0,
    .fb-like,
    .IN-widget,
    .kopa_pint_it_button,
    .share-by-email{
        display: block;
        overflow: hidden !important;
        float: left !important;
        height: 20px !important;
        text-align: left !important;
        line-height: 20px !important;
        vertical-align: middle !important;
    }
    #share_this_post{
        width: 200px;
        width: auto;
    }
    .share-by-email{
        width: 42px ;
        background:url(images/icons/mail-icon.png) no-repeat 5px center;
        padding-left:25px;
        text-shadow:-1px 1px 0 #FFFFFF;
        color:#333;
        font-weight:bold;		
        background-color: #ECECEC !important;   
        border-color: #E2E2E2 #BFBFBF #B9B9B9 -moz-use-text-color;
        border-radius: 0 2px 2px 0;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px 0;
        display: block;
        float: left;
        height: 18px;
        line-height: 20px;
        text-align: center;   
        vertical-align: top;
        margin-right:30px;
    }
    .patua_one_12{
        font-family: 'Patua One',cursive;
        font-size: 12px;
        padding-right: 20px;
        text-transform: uppercase;
    }    
}



@media only screen and (max-width: 767px) {
    #share_this_post{
        display: none;
    }
    .twitter-share-button{
        width: 90px !important;
    }
    #___plusone_0{
        width: 70px !important;
    }
    .fb-like{
        width: 80px !important;
    }
    .IN-widget{
        width: 90px !important;
    }
    .kopa_pint_it_button{
        width: 70px !important;
    }      
    .share-by-email{
        width: 42px ;
        background:url(images/icons/mail-icon.png) no-repeat 5px center;
        padding-left:25px;
        text-shadow:-1px 1px 0 #FFFFFF;
        color:#333;
        font-weight:bold;		
        background-color: #ECECEC !important;   
        border-color: #E2E2E2 #BFBFBF #B9B9B9 -moz-use-text-color;
        border-radius: 0 2px 2px 0;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px 0;
        display: block;
        float: left;
        height: 18px;
        line-height: 20px;
        text-align: center;   
        vertical-align: top;
        margin-right:30px;
    }
    .twitter-share-button,
    #___plusone_0,
    .fb-like,
    .IN-widget,
    .kopa_pint_it_button,
    .share-by-email{
        display: block;
        overflow: hidden !important;
        float: left !important;
        height: 20px !important;
        text-align: left !important;
        line-height: 20px !important;
        vertical-align: middle !important;
    }





}
/*COMMENTS FACEBOOK*/
.comment-facebook {
    padding-top:20px;
    margin-top:20px;
    background:url(images/background/bottom-pattern.png) repeat-x 0 0;
}
/*TOP BANNER*/
.branding .adv-468x60{
    float:right;
    display:block;
}
/*CONTACT FORM*/
.kpcf-form p.input-block{
    margin-bottom: 5px;
    position: relative;
    width: 50%;
}
.kpcf-form p.textarea-block {
    position: relative;    
    width: 100%;
}
.kpcf-form p.submit-blocl{
    position: relative; 
}
.kpcf-form .kpcf-text {
    border: 1px solid #eee;
    height: 29px;
    line-height:29px;
    margin-right: 0px;
    margin-top: 5px;    
    width: 100%;
}
.kpcf-form .kpcf-textarea{
    border: 1px solid #eee;
    height: 127px;
    margin-top: 5px;    
    width: 100%;
}
.kpcf-form .kpcf-text:focus,
.kpcf-form .kpcf-textarea:focus{
    outline:0;
    border:1px solid #FC624E!important
}
.kpcf-form .kpcf-submit {
    margin-bottom:0px;
    margin-top:10px;
    display:block;
    font-family:"bebas_neueregular";
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position:relative;
    z-index:0;
    background:#333;
    width:90px;
    height:33px;
    line-height:33px;
    text-align:center;    
    border:none;
    cursor:pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.kpcf-form .kpcf-submit:hover{
    color:#fff;
    text-decoration:none;
    background:#ff4545;
}

.kpcf-form label.error {
    color: #ff4545;
    position: absolute;
    right: 0px;
    top: 0;
}
.contactus-response {
    margin-bottom: 20px;
    text-align: center;
    font-size:18px;
}
.contactus-response .success {
    color: #ff4545;
    margin-top:20px;
    display:inline-block;
}
.contactus-response .failure {
    color: #ff4545;
    margin-top:20px;
    display:inline-block;
}
/*SOCIAL-LINKs*/
.social-links li a{
    z-index: 10 !important;
}
/*REQUIRED by Theme-Check*/
.sticky{}
.gallery-caption{}
.bypostauthor{}
.wp-caption {
    margin-top: 5px;
}
.wp-caption {
    background-color: none;
    margin-bottom: 5px;
    max-width: 96%;
    padding: 0;
    margin-top: 5px;
}
.wp-caption img {
    display: block;
    margin: 0 auto;
    max-width: 98%;
}
.wp-caption .wp-caption-text, .gallery-caption {
    margin-bottom: 5px;
    padding: 0;
    position: relative;
    color: #888888;
    font-size: 11px;
}
.attachment-post-thumbnail{
    margin-top:10px;
    margin-bottom:10px;
}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.alignright{
    clear: both;
}
.sidebar .slide-title, .sidebar .slide-title a{
    font-size:16px;
    line-height:18px;

}
.sidebar .nivo-caption{
    padding:10px;
}
/*SHORTCODE LOGIN FORM - LOGGED*/
.shortcode-login-form{
    width: 100%;
}
.shortcode-login-form .user-avatar{
    padding: 2px;
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.shortcode-login-form .user-infomation{
    float: left;
}
/*SHORTCODE LOGIN FORM - LOGIN*/
#kopa-shortcode-login-form p.login-username label,
#kopa-shortcode-login-form p.login-password label{
    display: block;    
}
#kopa-shortcode-login-form p{
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}
#kopa-shortcode-login-form input[type="text"],
#kopa-shortcode-login-form input[type="password"]{
    border: 1px solid #EEEEEE;
    height: 29px;
    line-height: 29px;
    margin-right: 0;
    margin-top: 5px;
    width: 100%;
}
#kopa-shortcode-login-form input.button-primary{
    background: none repeat scroll 0 0 #333333;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: "bebas_neueregular";
    font-size: 18px;
    height: 33px;
    line-height: 33px;
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    width: 90px;
    z-index: 0;
}
#kopa-shortcode-login-form input.button-primary:hover {
    background: none repeat scroll 0 0 #FF4545;
    color: #FFFFFF;
    text-decoration: none;
}
#kopa-shortcode-login-form label.error {
    color: #FF4545;
    position: absolute;
    right: 0;
    top: 0;
}
.tag-container{
    margin-top:20px;
    border-top:1px solid #eee;
    padding-top:20px;
}
.tag-icon{
    background:url(images/icons/tag-icon.png) no-repeat left center;
    padding-left:25px;
}
.tag-container span, .tag-container a{
    font-size:12px;
    font-weight:bold;
}

.post img.wp-post-image{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    margin: 20px auto;
}
.main-body .wrapper .primary .breadcrumb{
    margin-top:0;
}
.main-body .wrapper .primary .article-list li{
    border-bottom: 1px dotted #FB010B;

    list-style: none outside none;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
/*background-image:url('images/borders/border.png'); background-repeat: no-repeat; background-position:bottom;*/

}

.related-news .play-icon{
    position:absolute;
    left:0;
    top:0;
    background:url(images/icons/play.png) no-repeat center center;
    width:100%;
    height:100%;
    display:block;
}
.related-news  .black-overlay{
    width:95%;
    height:95.0920245399%;
    background:#000;	
    opacity:0.3;
    filter: alpha(opacity = 30);
    cursor:pointer;
    display:block;
    margin:4px;
}
.related-news .video-thumb,
.related-news .article-thumb{
    position:relative;
    background:url("images/background/tag-pattern.png") repeat scroll 0 0 transparent;
    padding:4px;
}
.list-carousel ul.related-news li article img {
    width:100%;
    height:auto;
    display:block;
}



@media only screen and (max-width: 600px) {
.nivoSlider {
    display: none;
}

#top475x90 {
  display: none!important;
}


.post img.wp-post-image {
  max-width: 100%;
 }

img {max-width: 100%; height: auto;}


#left-bg-bar {display: none;}
#right-bg-bar {display: none;}
}