body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {font-family: 'Open Sans', sans-serif;min-width:320px;box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;display:inline;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
b,strong{font-weight:bold;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
body{margin:0;padding:0;position:relative;background-color:#ffffff;word-wrap: break-word;}
body,td,p{font:500 12px 'Open Sans',sans-serif;color:#333;}
.clear{clear:both;}
.center{margin:0 auto;display:block;}
.fl{float:left;}
.fr{float:right;}
.block{display:block;}
.inline{display:inline;}
a:link,a:visited{color:#2f2f2f;text-decoration:none;}
a:hover,a:active{text-decoration:underline;}
strong,b{font-weight:bold;}
u{text-decoration:underline;}
i,em{font-style:italic;}
p{padding:0.5em 0;}
h2{font:500 23px/1.5em 'Open Sans',sans-serif;}
h3{color:#2a2828;font:700 14px 'Open Sans',sans-serif;}
input {-ms-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
	z-index: 999999;
	text-align: center;	
}
#return-to-top span {
    color: #fff;
    margin: 0;
    position: relative;
    top: 8px;
    font-size: 19px;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}


.ui-loader-header{
	display:none;
}

#searchBox{width:100%; box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
#searchBox form{width: 100%; max-width: 700px;}

.searchForm-container {
	margin-left:143px;
	margin-right:40px;
}

#tags-menu-image{cursor:pointer;width:100%;opacity:0.4;}
#tags-menu-image:hover{opacity:0.8;}

.tags-menu-container {
   position:absolute; 
   margin-top:8px;
   margin-left:10px;
   width:25px;	
}

#languageMenu{
	position:absolute;
	right:5px;
	top:10px;
	float:right;
	text-align:center;
}


.dropbtn {
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
	background-color: #ffffff;
}

.dropdown {
    position: relative;
    display: inline-block;
	float:right;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border-bottom: 1px solid black;
}

.dropdown-content img {
    float:left;
}

.dropdown-content a:hover {background-color: #f1f1f1}


#logo{position:absolute;width:100px;float:left;margin-top:8px;margin-left:40px;}

#field{width:100%;height:38px;text-indent:10px;font-family:'Open Sans',sans-serif;font-size:1.3em;color:#333;background:#fff;border:#d9d9d9 solid 1px;border-right:none;}
#field:hover{border:#c0c0c0 solid 1px;border-right:none;}
#field:active,#field:focus{border:#3079ED solid 1px;border-right:none;outline:0!important;}


#submit_search{float:right;cursor:pointer;width:40px;height:38px;line-height:0;font-size:0;text-indent:-999px;color:transparent;background:url('//twatis.com/pic/search-icon.png') center no-repeat #FF0000;border:#E82C0C solid 1px;}
#submit_search:hover{background:url('//twatis.com/pic/search-icon.png') center no-repeat #FF504B;border:#E82C0C solid 1px;}

#left{margin-right:320px;}
#right{position:absolute;right:0;top:0;width:320px;float:right;text-align:center;padding-bottom:8px;}

.source_link{
	margin-left:5px;
}

#main{margin:0 auto;position:relative;width:100%;}
#center{float:left;width:100%;}


.holds-the-iframe {
  background:url("//twatis.com/pic/reloading.gif") center center no-repeat;
 }
#iframe_related {
	width:100%; 
	overflow:hidden; 
	border:none;
}
 
#contents {text-align:left;padding:1px;background-color:#fff;} 
#contents-related {text-align:left;padding:1px;background-color:#fff;} 

.title-wrapper{background-color:#fff; position:relative;}
.title{padding:0 0 0 10px;float:left; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #E2E2E2;}
.title-right{padding:4px 25px 0 0;color:#2f2f2f;font-size:14px;font-weight:bold;line-height:22px;}

#tagsTop{background-color:#FFF;border-bottom:1px solid #E2E2E2;position:relative;float:left;width:100%}

.tags{margin:5px}
.tags a{float:left;text-decoration:none;color:#2f2f2f;padding:2px 5px 2px 5px;margin:0 5px 5px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.2);background-color:#fff;border:1px solid silver;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-radius:2px;cursor:pointer}
.tags a:hover{color:#000;background-color:#D4D4D4}

#TagsContainer {
    display:none;
}

#case-tags {
	display: block;
	background:#fff;
	}	

[class|=case]{display:block;width:100%;margin-top:2px;padding:14px 0;background:#fff;border:1px solid #ccc;text-align:justify}
.scrollable-box{overflow:auto;padding:0 38px;}
#case-tags h2{text-shadow:rgba(255,255,255,.75) 0 1px 0;font-size:13px;font-weight:normal;margin:0;padding:4px 8px;border:none;line-height:16px;background-color:#F0F0F0;display:inline-block; margin-top: 5px;}
#case-tags .line{border-top-width:1px;margin:0 -25px 15px -25px}
#case-tags ul{list-style:none;float:left;padding-right:20px}
#case-tags .col-last{border-right:0}
#case-tags .col-first{border-left:0}
#case-tags li{position:relative;z-index:1}
#case-tags li a{display:inline-block;padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;font-weight:normal;color:#333;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpiTEtL+8/AwMA4c+ZMBhBgYoCA/+np6SgCcEFkAbAgugAjsgAjshlgDsgmgAADAGqxC0BdVL43AAAAAElFTkSuQmCC) no-repeat 0 6px;line-height:35px; background-position-y: 12px;}
#case-tags li:hover a{text-decoration:none;color:#000}
#case-tags li a.current{color:#000;cursor:default;background-color:#ccc}
#case-tags li a.current:hover{color:#000}
#case-tags .block-tags-popular{margin-bottom:25px}
#case-tags .block-tags-popular li{display:inline-block}
#case-tags .block-tags-popular a{width:auto;padding:0 16px 0 0;background:none}

#MenuOpen {
    display:none;	
}
.ShowAllTags {
	background-color: #D4D4D4 !important;
}
.ShowAllTags:hover {
	background-color: #ffffff !important;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
  text-align: center;
  margin-top: 7px;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.player{position:relative;min-height:1000px;padding:0px;margin:0 auto;text-align:center;border-right:1px solid #E2E2E2;}
.player img{max-width:100%;min-width:71px;min-height:71px;background-image:url("//twatis.com/pic/loading.gif"); background-repeat: no-repeat; background-position: center;}
#loading{
	display:none;
	background-image:none;
	min-width:20px;
	min-height:20px;
	width:20px;
	height:20px;
	margin:0 auto;
}

.contentsp{margin:0 auto;text-align:left;background-color:#fff;} 

#img-next{max-width:100%;display:block;margin:0 auto;}

#prev_post{position:absolute;background:url("//twatis.com/pic/left-arrow.png") no-repeat 0 0;width:128px;display:block;float:left;height:128px;top:1px;left:-30px;opacity:0.2;}
#prev_post:hover{opacity:0.8;}

#next_post{position:absolute;background:url("//twatis.com/pic/right-arrow.png") no-repeat 0 0;width:90px;display:block;height:128px;float:right;top:1px;right:7px;opacity:0.2;}
#next_post:hover{opacity:0.8;}

#imgListBox{margin-top:8px;}
.imgList{width:300px;margin:auto;}

.box_img{width:96px;height:96px;overflow:hidden;position:relative;float:left;margin:1px;border:#cccccc solid 1px;}
.box_img img{left:0px;position:absolute;width:100%;min-width:96px;min-height:96px;max-width:96px;background-image:url("//twatis.com/pic/loading.gif"); background-repeat: no-repeat; background-position: center;}
.box_img .img-sel img{opacity:0.4 !important;}

.box_img img:hover { 
  border: 1px solid black;
}



.item:hover .hover{display:block;}
.item .hover{display:none;transition:.25s;background:linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);text-shadow:0 0 2px black;height:20px;width:100%;position:absolute;bottom:0;left:0;text-align:left;}

.item .ititle{display:block;height:18px;overflow:hidden;width:95%;position:absolute;color:#fff;left:3px;font-size:11px;font-weight:bold;text-align:left;line-height:1.7em;margin:1px;}
.item .ititle a:link,.item .ititle a:hover,.item .ititle a:visited,.item .ititle a:visited{color:#fff;text-decoration:none;}

.item .ipics{position:absolute;right:3px;font-size:12px;color:#fff;top:3px;padding:2px;background:#FF3322;text-align:center;height:11px;line-height:1.1em;font-weight:bold;}

.item .hd{display:block;width:20px;height:16px;position:absolute;top:0px;right:0px;padding:2px;font-size:12px;color:#fff;background:#FF3322;text-align:center;height:11px;line-height:1.1em;font-weight:bold;z-index:2;}
.item .photos_count{position:absolute;left:0px;top:0px;font-size:12px;color:#fff;padding:2px;background-color:rgba(0, 0, 0, 0.5);text-align:center;height:11px;line-height:1.1em;font-weight:bold;border-radius: 5px;z-index:2;}


#pagination{width:100%;text-align:center;padding:3px 0 3px 0;border-top:1px solid #E2E2E2; background-color:#FAFAFA;}
#pagination a:link,#pagination a:visited{padding:10px 15px;margin:2px;display:inline-block;border:#e2e2e2 solid 1px;font-size:18px;font-weight:bold;}
#pagination a:hover,#pagination a:active{background-color:#ffffff;text-decoration:none;color:#555;}
#pagination span{min-width:15px;height:24px;padding:1px 3px;margin:2px;display:inline-block;font-size:18px;font-weight:bold;color:#737373;}

.pager{clear:both;}
.pagerSmall{text-align:center;clear:both;padding:1px 0px 0px 4px;width:302px;margin:auto;}
.pagerSmall a,.pagerSmall span{background-color:#ececec;border:#CECECE solid 1px;box-shadow:0 1px #F0F0F0;color:#707070;display:inline-block;float:left;font-size:11px;font-weight:bold;text-decoration:none;width:28px;height:20px;padding-top:6px;margin-right:3.5px;}
.pagerSmall span{opacity:0.5;}
#pagingSmallControls1{overflow:hidden;}

#pager_frame{
	width: 100%; 
	height: 460px; 
	border: 0; 
	visibility: hidden;	
}

#footer-wrapper{width:100%;background-color:#ffffff;border-top:1px solid #e2e2e2;float:left;}
#footer-links{padding:10px 0;color:#333;font-size:12px;line-height:1.4em;text-align:center;}
#footer-links a:link,#footer-links a:visited{color:#555;}
#footer-links a:hover,#footer-links a:active{text-decoration:underline;}


#rightadw {margin: 0 auto;padding:8px 8px 0px 8px;height:250px;width:300px;}
#rightadw2 {margin: 0 auto;padding:8px 8px 0px 8px;height:250px;width:300px;}


.flex-images { overflow: hidden; }
.flex-images .item { 
     float: left;  
	 box-sizing: content-box; 
	 overflow: hidden; 
	 position: relative;
     border: 1px solid #eee;	 
}
	
.flex-images .item img { display: block; width: 100%; background-image:url("//twatis.com/pic/loading.gif"); background-repeat: no-repeat; background-position: center;}

.flex-images .item img { 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  }
.flex-images .item img:hover { 
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.pre_item {display: none;} 

#load_more {     
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    color: #444;
	background-repeat: repeat-x;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-family: arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    text-align: center;
    -webkit-transition: all 0.218s,visibility 0s;
    transition: all 0.218s,visibility 0s;
    -webkit-user-select: none;	
    border: 1px solid #c6c6c6;	
    width:310px;
	}
	
	
@media only screen and (min-width: 0px) and (max-width: 768px) {
#left{margin-right:0px;}
#right{position:relative;float:left;width:100%;}

.player{min-height:0px;}


#next_post{position:relative;}
#prev_post{position:relative;}

#logo{
	float: none;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.tags-menu-container {margin-top: 1px;}
.searchForm-container {margin-left:10px; margin-top: 33px; margin-right: 0px;}


.item .hover{
   display:block;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;	
}


.flex-images .item img { 
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
.flex-images .item img:hover { 
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
}

.tags a:hover{color:#2f2f2f; background-color:#FFF}
.tags a:active{color:#000;background-color:#D4D4D4}


}