html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%;}
html, button, input, select, textarea { font-family: Arial, Helvetica, serif; color: black; }
body { margin:0; padding:0; background:#dddddd;  font-size: 13px;min-width: 300px; }
.lt-ie9 body {min-width:900px;}
p {margin:0 0 1.5em 0; padding:0; line-height: 16px;font-size: 13px;}

h1 {font-family: 'Oswald', Arial, Helvetica, serif;  font-size:28px; color:#282828; font-weight: normal; padding:0; line-height: 32px; margin:0 0 10px; cursor: default;}
h1 a {color:#000; }
h1 a:hover {color:#1589FF; }
h1 a:visited {color:#000; }

h2 {font-family: Arial, Helvetica, serif;  font-size:19px; font-style:normal; color:#000; font-weight: bold; padding:0; line-height: 21px; margin:0; cursor: default;}
h2 a {color:#000; }
h2 a:hover {color:#b11716; }
h2 a:visited {color:#000; }

h3 { color:#444; display:block; font-size:24px; font-family: "Arial Black",Arial,Helvetica,sans-serif; font-weight: 900; line-height: 30px; padding: 0; margin:0 0 15px 0; cursor: default; text-align: center;}

h4 {color:#000; display:block; font-size:20px; font-family: "Arial Black",Arial,Helvetica,sans-serif; font-weight: 900; line-height: 24px;  margin:0 0 10px 0; cursor: default;}

h5 {font-family: Arial, Helvetica, serif;  font-size:13px; font-style:normal; color:#c0c0c0; font-weight: normal; padding:0; line-height: 14px; margin:5px 0 12px 0; cursor: default;}
h5 span {color:#a3a3a3;}
.exp-share-left h5 {margin-top:0;}


.arialb {  font-family: "Arial Black",Arial,Helvetica,sans-serif; font-weight: 900;}

.blue {color:#3579bf;}

a { color: #1589FF; text-decoration: none; outline: 0;  }
a:hover {color:#1589FF;}
a:visited {color:#1589FF;}

b, strong { font-weight: bold;}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%;}

.mobile {display:none;}

.hidden {display: none !important;   visibility: hidden;}
.clearfix:before, .clearfix:after {  content: "";  display: table;}
.clearfix:after {  clear: both;}
.clearfix { *zoom: 1;}
.above_taboola {
    margin-bottom:25px;
}

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/*input { padding: 5px; width:100%;  font-family: Arial, Helvetica, serif; color: #444; overflow: visible; border:0; font-style: 13px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
}
*/

textarea { overflow: auto; vertical-align: top; resize: vertical;padding: 5px;  font-family: Arial, Helvetica, serif; color: #444; font-size: 13px; width:100%; border:0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;
height:100px;
}

.btn {overflow: visible; display:inline-block; *display:inline; *zoom:1; padding:10px 20px; color:#fff; font-size:14px; line-height: 18px; cursor: pointer;
background: #968f75;
-webkit-border-radius: 4px;
border-radius: 4px; 
-webkit-box-shadow: inset -1px -1px 0px 0px #860101;        
box-shadow: inset -1px -1px 0px 0px #860101;
}

.btn:hover {color:#fff; background:#7f7962;
-webkit-box-shadow: inset 1px 1px 0px 0px #860101;        
box-shadow: inset 1px 1px 0px 0px #860101;
}



header, footer, nav, article, section { display:block; }

.full_site_version_container {display:none;}

.container {width:900px; margin:auto; position: relative;}
.minh {min-height:600px;}

.page-content {padding:27px 0; height:auto; overflow:hidden; background:#ebeeee;}


.left-col {width:560px; float:left; overflow: hidden;}
.right-col {float:right; width:340px;}

.left-col-content {padding-right:23px;}
.right-col-content {padding:20px; background:#fff;}
.right-col-content h3 {	background:url('img/line.gif') repeat-x left center;}
.right-col-content span {	background:#ffffff;padding:0 5px 0 5px;}

  .archive_left { float:left;  }
  .archive_right { float:right;  }
  #selectbox { padding:6px; }

#nav-below {margin:0;padding:5px;min-height:1.25em;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #ebeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ebeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ebeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#ebeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#ebeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#ebeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ebeeee',GradientType=0 ); /* IE6-9 */
}
.nav-previous {float:left;}
.nav-next {float:right;}

/****header****/


.header-box {background:url('img/beafraid.png') no-repeat top left; width:100%; padding:25px 0 45px 0;}
.advert-box {width:100%; padding:25px 0 5px 0; background:#eaeeef;}
.ad728 {margin:auto; text-align: center; width:728px; }
.ad300 {padding:20px; background:#fff; margin-bottom:20px;}
.ad300x250 {width: 300px; height: auto; margin: 0px auto; background: #EEEEEE;}

.menu {width:94%; margin:auto;  background:#000; color:#fff; padding:0 3%;}

.menu ul.left {list-style: none; padding:0; margin:0; float:left;}
.menu ul.right {list-style: none; padding:0; margin:0; float:right;}

.menu ul li {float:left; padding:0;}

.menu ul li a {display:inline-block; *display:inline; *zoom:1; font-size: 13px; color:#fff; font-family: 'Oswald', Arial, Helvetica, serif;  padding:12px; text-transform:uppercase;}
.menu ul li a.logo {padding-left:0;}

.menu ul li a span {color:#999;}
.menu ul.right li a {padding: 12px 8px;}

.menu ul.left li:first-child a {
  margin-top:-36px;
}
.menu ul.left li img {width:200px; height:54px;}
/*
.logo {margin-top:-36px;}
.logo img {width:238px; height:64px;}
*/


.search form { margin:0; padding:0; position: relative; margin:12px 0 0 12px ;}

input.searchbox { padding: 4px 20px 4px 4px; width:130px;  font-family: Arial, Helvetica, serif; color: #444; overflow: visible; border:0; font-size: 13px; margin:0;}
input.searchbtn {position: absolute; top:0px; right:0px;border:0; cursor: pointer; overflow: hidden; width:23px; height:23px; display:block; background:url('img/search.png') no-repeat center center #fff; z-index:99;}

.head-carousel { background:#000; position: relative;  padding:0px 0 30px 0 ;}

.slide-set {width:94%; padding:10px 3% 0 3%; width:94%; background:#000; height:auto; display:none;}

.slide {display:block; float:left; width:15%; margin-right:0.7%;  background:#fff; height:93px; overflow:hidden;border:3px solid #fff; }
.lt-ie9 .slide {margin-right:0.4%;}
.slide:last-child {margin-right:0;}
.slide .caption {display:block; font-size:12px;  font-family: 'Oswald', Arial, Helvetica, serif; line-height: 16px; height:32px; padding:8px 0 0 0 ; color:#000; overflow: hidden; }
.slide:hover {background:#ccc;}

.head-left, .head-right { z-index:999; position: absolute; top:50%; margin-top:-20px; font-size: 20px; line-height: 20px; color:#999;}
.head-left {left: 10px;}
.head-right {right: 10px;}

	
/*****footer**********/

footer .container {background:#000; padding:60px 0;}
.footer-nav {width:78%; padding-left:2%; float: left; margin-top:10px;}
.footer-nav ul {list-style: none; margin:0; padding:0}
.footer-nav ul li  {float:left;}
.footer-nav ul li a {display:inline-block; *display:inline; *zoom:1; color:#999; font-size:14px; line-height: 18px; padding: 12px 8px; font-family: 'Oswald', Arial, Helvetica, serif; text-transform: uppercase;}
.footer-nav ul li a:hover {color:#3579bf}
.footer-nav ul li:first-child a {padding:0 5px;}
.footer-share {float:right; width:18%; padding-right:2%; text-align: right;}
.footer-share a {width:36px; height:36px; line-height:36px; display:inline-block; *display:inline; *zoom:1; -webkit-border-radius: 18px; -moz-border-radius: 18px;border-radius: 18px; background:#555; color:#ccc; margin-left:4px; font-size: 15px; margin-top:12px; text-align: center;}

/******content column******/

article {border-bottom:solid 8px #eeeeee; padding:5%; background:#fff;   box-shadow: 5px 5px 11px #ddd;}
article .exp-wrapper { padding: 2.4%;  }
article h1 {margin-bottom:15px; line-height: 35px;}
.date {width:70%; float:left; margin-bottom:20px;}
.date a {color:#3579bf;}
.share {width:30%; float:right; text-align: right; margin-bottom:20px;}
.share a {display:inline-block; *display:inline; *zoom:1; color:#444; font-size: 13px; margin:0 5px;}
.share a:hover {color:#3579bf;}

.tags {margin-top:20px; float:left; width:60%;}
.moreshare {margin-top:20px; width:38%; float:right; font-family: 'Oswald', Arial, Helvetica, serif; text-align: right; }
.moreshare a {display:inline-block; *display:inline; *zoom:1; margin:0 3px; color:#999; font-size: 15px;}

.main-img {margin-bottom:20px; position: relative; text-align: left;}

.main-img a {position:absolute; left:-6%; bottom:15%; display:block; text-align: center; padding:3px 30px; font-family: 'Oswald', Arial, Helvetica, serif;  font-size:14px; color:#fff; background:#3579bf;}
.main-img a:hover { background:#444; color:#fff;}


.articles-footer {padding:5%; background:#fff; text-align: center;}
.articles-footer a {display:inline-block;*display:inline; *zoom:1; padding:5px 10px; }

.articles-comments {padding:5%; background:#fff;}

.related-posts-wrapper {background:#fff; padding:20px 5%;}
.related-posts-wrapper h1 {font-size:17px; line-height: 20px; color:#999;}
.related-posts { list-style: none; marpgin:0; padding:0;}
.related-posts li {display:block; padding: 8px 2%; width:46%; float:left; height:36px; overflow:hidden;}
.related-posts li .image {float:left; width:30%; margin-right:5% }
.related-posts li .title {width:65%; height: 36px; display: table-cell;  vertical-align:middle; font-size:13px; line-height: 14px; color:#999; font-size:12px;}
.related-posts li .comments { text-align: right; padding-top:3px;}
.related-posts li .comments a {font-size:10px; color:#3579bf;}

.gallery {width:100%; height:500px;}


/**youtube embed**/
.embed-container {   
    position: relative;   
    padding-bottom: 56.25%; /* 16/9 ratio */   
    padding-top: 30px; /* IE6 workaround*/   
    height: 0;   
    overflow: hidden;
}
 
.embed-container iframe,
.embed-container object,
.embed-container embed {   
    position: absolute;   
    top: 0;   
    left: 0;   
    width: 100%;   
    height: 100%;
}
/*****************/




}





/******sidebar*******/


.side-list { list-style: none; margin:0 0 20px 0; padding:0;}
.side-list li {display:block; padding: 8px 0; height:50px; overflow:hidden;}
.side-list li:last-child {border:none; padding-bottom:none;height:50px; overflow:hidden;}

.side-list li .image {float:left; width:30%; margin-right:5% }
.side-list li .title {width:65%; height: 51px; display: table-cell;  vertical-align:middle; font-size:13px; line-height: 17px; color:#202020; float:left;}
.side-list li .comments { text-align: right; padding-top:3px;}
.side-list li .comments a {font-size:10px; color:#3579bf;text-align: right;}


.trend-picker {margin-bottom:20px;}
.trend-picker a {position:relative; width:50%; display:block; float:left; text-align: center; padding:3px 0; font-family: 'Oswald', Arial, Helvetica, serif;  font-size:14px; color:#444; background:#eeeeee;}
.trend-picker a span {width:10px; height:9px; display:none; position: absolute; left:50%; margin-left:-5px; bottom:-7px; background: url('img/point.png') no-repeat;}
.trend-picker a:hover { color:#3579bf}
.trend-picker a.active {background:#3579bf; color:#fff;}
.trend-picker a.active span {display:block;}


/*****FONTS*****/


/*@font-face {
    font-family: 'OswaldLight';
    src: url('Oswald-Light-webfont.eot');
    src: url('Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Light-webfont.woff') format('woff'),
         url('Oswald-Light-webfont.ttf') format('truetype'),
         url('Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
/*@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Regular-webfont.eot');
    src: url('fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*
@font-face {
    font-family: 'OswaldBold';
    src: url('Oswald-Bold-webfont.eot');
    src: url('Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Bold-webfont.woff') format('woff'),
         url('Oswald-Bold-webfont.ttf') format('truetype'),
         url('Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldStencilRegular';
    src: url('Oswald-Stencil-webfont.eot');
    src: url('Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Stencil-webfont.woff') format('woff'),
         url('Oswald-Stencil-webfont.ttf') format('truetype'),
         url('Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
	.thumbcontainer {
   position:relative;
  }
  
  .thumbcontainer .prev {
  	position:absolute;top:42px; left:3px;z-index:100;
  }
  
  .thumbcontainer .next {
  	position:absolute;top:42px;right:3px;z-index:100;
  }
  
  
  .thumbcontainer li {
  	height:85px;
  	width:85px;
  	overflow: hidden;
   }

  .galthumbs {
    display: block;
    position: relative;
    padding: 5px 30px 5px 25px;
    margin: 0;
    background: #eff1f1;
  }
  .galthumbs ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .galthumbs li {
    display: block;
    float: left;
    margin: 5px;
    padding: 0;
    height:85px;
    overflow: hidden;
  }
  .galthumbs li img {
      display: block;
      margin: 0;
      width:85px;
      //height:85px;
  }
  
  .post_gallery_hl {
  	float:left;width:30%;margin-bottom:10px;
  }
  
  .post_gallery_hr {
  	float:right;width:30%;text-align:right;margin-bottom:10px;
  }
  
  .post_gallery_caption {
  	margin-top:10px;
  	margin-bottom:20px;
  }
  
  .post_gallery_image {
  	position: relative;
  	text-align:center;
  }
  
  .post_gallery_box {
  	position: relative;
  }
  
  .post_gallery_prev {
  	position:absolute;top:42%; left:3px;z-index:100;
  }
  .post_gallery_next {
  	position:absolute;top:42%; right:3px;z-index:100;
  }
  
  .articles-footer .current {color:#3579bf;display:inline-block;*display:inline; *zoom:1; padding:5px 10px;}
  
  
  
 .ui-tooltip, .arrow:after {
background: white;
border: 2px solid #aaaaaa;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
  

#commentform textarea {
	
	border: 1px solid #666;
}

#commentform input {
	
	border: 1px solid #666;
}

.commentlist li {
	border-bottom: 1px dashed #666;
	margin-bottom:15px;
	
}

#comments {font-family: 'Oswald', Arial, Helvetica, serif;  font-size:28px; color:#282828; font-weight: normal; padding:0; line-height: 32px; margin:0 0 10px; cursor: default; text-align:left}
.articles-comments { text-align:left }

#respond { text-align:left }

#respond h3 {font-family: 'Oswald', Arial, Helvetica, serif;  font-size:28px; color:#282828; font-weight: normal; padding:0; line-height: 32px; margin:0 0 10px; cursor: default; text-align:left}

.acontent p { padding-bottom:10px !important; margin:0 !important; line-height: 1.6em;}

.ui-tooltip1 {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background-color:white !important; 
    color: #000 !important;
    font-size:12px !important;
    font-weight: normal !important;
    text-transform: none;
}

.adOuterContainer {
    display: block;
    background: none repeat scroll 0 0 #EEEEEE;
    box-shadow: 5px 5px 11px #DDDDDD;
    padding: 5%;
}

.adMainContainer {
    display: block;
    width: 300px !important;
    margin: 20px auto !important;
}

.mobile_site_version_container {
    margin-right: 10px;
    float: right;
    margin-top: 160px;
}

.mobile_site_version_container a {
    color: #999;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 10px;
    font-family: 'Oswald', Arial, Helvetica, serif;
    text-transform: uppercase;
}

.adOuterContainer_for_mobile_ad_zone, .adMainContainer_for_mobile_ad_zone {
  display: none;
}


.taboola-mid-page-container {
padding:5%;
box-shadow: 5px 5px 11px #DDDDDD;
background:white;
border-bottom:solid 8px #eeeeee;
}

.taboola-sidebar-container {
margin-bottom:20px;
}

.acontent iframe {
    max-width: 500px !important;
}

/* For BlogRollRSS */
.RSSBlogroll a {
    padding-bottom: 10px !important;
    margin: 0 !important;
    line-height: 1.6em;
    font-size: 12px;
}

.RSSBlogroll ul li {
    list-style-image: none;
}

/* For Adaptive Media widget */
#os_dmp_embed {
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.more-link {
    font-weight: bold;
    display: block;
    width: 145px;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    padding: 2px;
}

.more-link span {
    font-size: 24px;
    font-weight: 200;
    vertical-align: top;
}

#text-6 {
    display: block;
    margin-top: 20px;
}