/*
Theme Name: B4IN
Author: Dzung
Version: 1.1
*/

/*
@import url(http://fonts.googleapis.com/css?family=Scada:700&subset=latin,latin-ext,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(http://fonts.googleapis.com/css?family=Nova+Round|Chela+One|Chau+Philomene+One|Nova+Flat|Fugaz+One|Anton|Merienda+One|Keania+One|Sansita+One|Marmelad|Titan+One&subset=latin,latin-ext,cyrillic);
*/
@import url('http://fonts.googleapis.com/css?family=Oswald:700|Cuprum|Scada:700&subset=latin,latin-ext,cyrillic');

/*** BODY ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;}
body {font-family: "Myriad_Pro", Arial, Helvetica, sans-serif;font-size:1em;text-align:left;position: relative;background: url("/img/rightis/body-bg1.png") repeat fixed 0 0 #ccc;}
.red {color: #9b1f34;}

/*** HEADER ***/
#top-header {width: 100%;overflow: hidden;padding: 10px;font-weight: 600;}
#top-header ul li{float:left;list-style: none;margin-right: 15px;}
#header {background: #fff;border-top: 2px solid #959595;color:#292516;height: 120px;overflow:hidden;text-align:left;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
#logo {overflow:hidden;float: left;height: 75px;padding: 23px 30px;}
#logo img{width: 189px;height: auto;}
#user_status {height: 91px;float: right;margin-right: 15px;margin-top: 15px;}
#login {text-align:right;color:black;padding-top:3px;font: 700 12px "Trebuchet MS",Arial,Helvetica,sans-serif;line-height: normal;height:90px;margin-right:6px;}
#login input[type="text"],#login input[type="password"] {margin:1px;height: 16px;border: 1px solid #888;}
#login input[type="submit"] {margin:2px;font: 13px 'Scada', Arial, sans-serif;padding: 2px 10px 0px 10px;border: 1px solid #c2c2c2;border-radius: 2px;cursor: pointer;background: #feffff; /* Old browsers */ background: -moz-linear-gradient(top,#feffff 0%, #ddf1f9 35%, #a0d8ef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* IE10+ */ background: linear-gradient(to bottom,#feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */} 
#login input[type="submit"]:hover {background: #b3dced; /* Old browsers */ background: -moz-linear-gradient(top,#b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */ background: linear-gradient(to bottom,#b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */}
#status {text-align:right;font-size:13px;line-height:1.7em;padding: 20px 0px 0;color: #000;font-weight: bold;}
#status a {color: #000;}
#joinnow:hover, #status a:hover {color: #0066cc;}
#joinnowtext {position: relative; margin: 2px 0;}
#joinnowtext a {font: 12px 'Scada', Arial, sans-serif;color: black;text-decoration: none;}
#joinnowtext a:hover{color: blue;text-decoration: underline;}
#loginform label {font: 12px 'Scada', Arial, sans-serif;}
.login_table, .login_table2 {
    margin:10px 0 100px 25px;
}
#div_login_form h2 {font: 23px Scada; font-weight:400;}

/*** WRAPPER ***/
#wrapper {position:relative;width:1152px;margin-left:auto;margin-right:auto;text-align:left;}
#topinfo_wrapper {width: 100%;background: #FFF;}

/*** MENU ***/
#menu {
background: #2e2e2e;border: medium none;border-radius: 0;height: 50px;margin: 0;position: relative;width: 100%;}
#menu_center {height: 50px;overflow: hidden; width: 1152px;margin: 0 auto;}
#menu_center ol, #menu_center ul, #menu_center li {list-style: none outside none;margin: 0;padding: 0;height: 50px;}
#menu_center ul {display: inline-block;float: left;}
#menu_center ul li {display: block;float: left;}
#menu_center ul li a {color: #fff;display: block;float: left;font-size: 15px;font-weight: 400;padding: 16px 11px;text-transform: uppercase;text-decoration: none;}
#menu_center ul li a:hover {background: #9b2035;color: #fff!important;}
#main-menu-mob {background: #fff;width: 285px;padding: 5px;border: 1px solid #000;color: #333;height: 27px;margin: 13px 0 0 10px;display:none;}
#topstyle_box {border-bottom: none;text-align:left;margin:0;padding:7px 0;background-color:#FFF;height:90px; }
#topstyle_box_ads {float: left;width: 729px;}
#topstyle_box_info {float: right;width: 398px;margin: -3px 10px 0px;height: 108px;background: url('/img/rightis/upload_news1.png');color: #fff;}
#topstyle_box iframe {margin-left: 5px;}
#submitnews {cursor: pointer;font-size: 13px;height:100px;}
.uptext {width: 250px;padding: 15px;font-family: 'exo', sans-serif,Tahoma;}

/*** STATS ***/
#stats {color: #000;font: 13px 'Scada', "Trebuchet MS", Arial, Helvetica, sans-serif;padding-top: 16px;}
#stats td {text-align:right;padding:0 0 0 3px}

/*** SEARCH ***/
#searchbar {margin-top: 8px;margin-right: 8px;}
#searchbar #cse-search-box {background: none repeat scroll 0 0 #fff;border: 1px solid #957F7F;border-radius: 3px;float: right;height: 25px;width: 215px;margin: 4px 0;padding: 0;position: relative;}
#searchbar input {margin: 0;}
#searchbar #q {background: none repeat scroll 0 0 transparent;border: medium none;color: #333;font-size: 12px;height: 23px;padding: 1px 5px;width: 180px;float: left;}
#searchbar #sa {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;color: #000;content: "🔍";cursor: pointer;display: block;float: right;font-size: 14px;height: 25px;line-height: 15px;padding: 0;width: 25px;}

/*** FOOTER ***/
div#theme-footer {position: relative;color: #DDD;background: #333;text-shadow: 0 0 1px #000;border-bottom: 1px solid #222;overflow: hidden;font-size: 13px;padding: 15px 30px;text-align: justify;}
.footer-3c .footer-widgets-box {width: 30.66666666666667%;}
.footer-widget {width: 30.66666666666667%;float: left;padding: 0px 15px;}
.footer-widgets-box {float: left;margin-right: 4%;}
.footer-widget-top {border-bottom: 1px solid #222;padding: 10px 0;}
.footer-widget-top h4 {font-family: Oswald, Tahoma;font-size: 18px;text-transform: uppercase; font-weight:400;}
.footer-widget-container {padding: 10px;border-top: 1px solid #444;}
.social-icons.icon_32 {font-size: 18px;color: #FFF;  text-align: center;} .social-icons.icon_32 a{color: #FFF!important;}
.author-avatar img {border: 1px solid #CCC;padding: 4px;background: #FFF;float: left;margin: 0 10px 5px 0;}
.footer-bottom {position: relative;background: #2E2E2E;line-height: 35px;border-top: 1px solid #444;color: #CCC;font-size: 14px;padding: 0px 30px;}
.alignright{float: right;} .alignleft {float: left;}
.footer-bottom .social-icons {float: right;margin: 3px 15px 0;line-height: 0;}
.footer-menu li {float: left;margin-right: 15px;list-style: none;}
div#theme-footer a, .footer-bottom a { color: #CCC; font-size: 14px; font-weight: 500;}
.category_title .ellipsis,.book_title .ellipsis {
    font-size: 13.5px;
    line-height: 20px;
    padding: 0;
}

.category_title a {
    border-bottom: 1px dashed #D5D6D7;
    text-transform: capitalize;
    width: 100%;
    display: inline-block;
    height: 30px;
    line-height: 30px!important;
}
.category_title i.icon-right:before {
font-size: 10px;
width: 15px;
}
.container {
    width: 100%;
    margin: 0 auto;
}

/*** BOTTOM CENTER FLOAT ADS ***/
#bottom_center_float_ads {margin: 0 200px; width: 752px; position: fixed; bottom: 0;}
#story_ad_bottom {text-align: center;}

/* Myriad Pro Font */

@font-face {
font-family: 'Myriad_Pro';
font-style: normal;
font-weight: 400;
src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
font-family: 'Myriad_Pro';//Myriad Pro Semibold Italic
font-style: italic;
font-weight: 500;
src: local('Myriad Pro Semibold Italic'), url('../fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}
@font-face {
font-family: 'Myriad_Pro';//Myriad Pro Semibold
font-style: normal;
font-weight: 500;
src: local('Myriad Pro Semibold'), url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
font-family: 'Myriad_Pro';//Myriad Pro Bold Italic
font-style: italic;
font-weight: 700;
src: local('Myriad Pro Bold Italic'), url('../fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}
@font-face {
font-family: 'Myriad_Pro';//Myriad Pro Bold
font-style: normal;
font-weight: 700;
src: local('Myriad Pro Bold'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff');
}

/* Myriad_Pro_Condensed */

@font-face {
font-family: 'Myriad_Pro_Condensed';//Myriad Pro Condensed Italic
font-style: italic;
font-weight: 400;
src: local('Myriad Pro Condensed Italic'), url('../fonts/MYRIADPRO-CONDIT.woff') format('woff');
}
@font-face {
font-family: 'Myriad_Pro_Condensed';//Myriad Pro Condensed
font-style: normal;
font-weight: 400;
src: local('Myriad Pro Condensed'), url('../fonts/MYRIADPRO-COND.woff') format('woff');
}

@font-face {
font-family: 'Myriad_Pro_Condensed';//Myriad Pro Bold Condensed Italic
font-style: italic;
font-weight: 600;
src: local('Myriad Pro Bold Condensed Italic'), url('../fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}
@font-face {
font-family: 'Myriad_Pro_Condensed';//Myriad Pro Bold Condensed
font-style: normal;
font-weight: 600;
src: local('Myriad Pro Bold Condensed'), url('../fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
}

/* Glyphicons Bootstrap Icon */
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?62160920');
  src: url('../fonts/fontello.eot?62160920#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?62160920') format('woff'),
       url('../fonts/fontello.ttf?62160920') format('truetype'),
       url('../fonts/fontello.svg?62160920#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?62160920#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello"; font-style: normal;font-weight: normal;speak: none;width: 25px;height: 24px;display: inline-block;
text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;line-height: 24px;
font-size: 13px;
-webkit-font-smoothing: antialiased;-o-transform: scale(1);
text-rendering: optimizeLegibility;text-shadow: none;
  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;} 
.icon-user:before { content: '\e800'; } /* 'î €' */
.icon-500px:before { content: '\e801'; } /* '' */
.icon-grooveshark:before { content: '\e802'; } /* 'î ‚' */
.icon-forrst:before { content: '\e803'; } /* 'î ƒ' */
.icon-digg:before { content: '\e804'; } /* 'î „' */
.icon-viadeo:before { content: '\e805'; } /* 'î …' */
.icon-myspace:before { content: '\e806'; } /* 'î †' */
.icon-yelp:before { content: '\e807'; } /* 'î ‡' */
.icon-home:before { content: '\e808'; } /* 'î ˆ' */
.icon-play:before { content: '\e809'; } /* 'î ‰' */
.icon-alert:before { content: '\e80a'; } /* 'î Š' */
.icon-ok:before { content: '\e80b'; } /* 'î ‹' */
.icon-cancel:before { content: '\e80c'; } /* '' */
.icon-info:before { content: '\e80d'; } /* '' */
.icon-quote:before { content: '\e80e'; } /* 'î Ž' */
.icon-wordpress:before { content: '\e80f'; } /* '' */
.icon-reddit:before { content: '\e810'; } /* '' */
.icon-location:before { content: '\e811'; } /* 'î ‘' */
.icon-download-alt:before { content: '\e812'; } /* 'î ’' */
.icon-delicious:before { content: '\e813'; } /* 'î “' */
.icon-flickr:before { content: '\e814'; } /* 'î ”' */
.icon-share:before { content: '\e815'; } /* 'î •' */
.icon-down:before { content: '\e816'; } /* 'î –' */
.icon-up:before { content: '\e817'; } /* 'î —' */
.icon-right:before { content: '\e818'; } /* 'î ˜' */
.icon-left:before { content: '\e819'; } /* 'î ™' */
.icon-twitter:before { content: '\e81a'; background: #45B0E3;} /* 'î š' */
.icon-facebook:before { content: '\e81b'; background: #39599F;} /* 'î ›' */
.icon-github:before { content: '\e81c'; } /* '' */
.icon-rss:before { content: '\e81d'; background: #f8bc2e;} /* '' */
.icon-pinterest:before { content: '\e81e'; } /* 'î ž' */
.icon-gplus:before { content: '\e81f'; background: #FA0101;} /* 'î Ÿ' */
.icon-linkedin:before { content: '\e820'; } /* 'î  ' */
.icon-doc:before { content: '\e821'; } /* 'î ¡' */
.icon-youtube:before { content: '\e822'; } /* 'î ¢' */
.icon-xing:before { content: '\e823'; } /* 'î £' */
.icon-dropbox:before { content: '\e824'; } /* 'î ¤' */
.icon-tumblr:before { content: '\e825'; } /* 'î ¥' */
.icon-apple:before { content: '\e826'; } /* 'î ¦' */
.icon-dribbble:before { content: '\e827'; } /* 'î §' */
.icon-skype:before { content: '\e828'; } /* 'î ¨' */
.icon-foursquare:before { content: '\e829'; } /* 'î ©' */
.icon-vk:before { content: '\e82a'; } /* 'î ª' */
.icon-vimeo:before { content: '\e82b'; } /* 'î «' */
.icon-friendfeed:before { content: '\e82c'; } /* 'î ¬' */
.icon-blogger:before { content: '\e82d'; background: #F39D38;} /* 'î ­' */
.icon-deviantart:before { content: '\e82e'; } /* 'î ®' */
.icon-stumbleupon:before { content: '\e82f'; } /* 'î ¯' */
.icon-instagram:before { content: '\e830'; } /* 'î °' */
.icon-lastfm:before { content: '\e831'; } /* 'î ±' */
.icon-spotify:before { content: '\e832'; } /* 'î ²' */
.icon-evernote:before { content: '\e833'; } /* 'î ³' */
.icon-paypal:before { content: '\e834'; } /* 'î ´' */
.icon-picasa:before { content: '\e835'; } /* 'î µ' */
.icon-soundcloud:before { content: '\e836'; } /* 'î ¶' */
.icon-behance:before { content: '\e837'; } /* 'î ·' */
.icon-image:before { content: '\e838'; } /* 'î ¸' */
.icon-gallery:before { content: '\e839'; } /* 'î ¹' */
.icon-videocam:before { content: '\e83a'; } /* 'î º' */
.icon-shuffle:before { content: '\e83b'; } /* 'î »' */
.icon-sound:before { content: '\e83c'; } /* 'î ¼' */
.icon-search:before { content: '\e83d'; } /* 'î ½' */
.icon-videocam-1:before { content: '\e83e'; } /* 'î ¾' */
.icon-picture:before { content: '\e83f'; } /* 'î ¿' */
.icon-ok-circled2:before { content: '\e840'; } /* 'î¡€' */
.icon-home-1:before { content: '\e841'; } /* '' */
.icon-tag:before { content: '\e842'; } /* 'î¡‚' */
.icon-tags:before { content: '\e843'; } /* '' */
.icon-chat-empty:before { content: '\e844'; } /* 'î¡„' */
.icon-attention:before { content: '\e845'; } /* 'î¡…' */
.icon-pencil:before { content: '\e846'; } /* '' */
.icon-trash:before { content: '\e847'; } /* '' */
.icon-calendar:before { content: '\e848'; } /* '' */
.icon-book:before { content: '\e849'; } /* '' */
.icon-mail:before { content: '\e84a'; } /* 'î¡Š' */
.icon-info-circled:before { content: '\e84b'; } /* 'î¡‹' */
.icon-help-circled:before { content: '\e84c'; } /* '' */
.footer-menu {text-align: center;}