*{padding:0;margin:0;}html{height:101%;box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}
body{font:100%/1.5 tahoma, arial;color:#222;}

h1{font-size:120%;}h2{font-size:110%;color:#f00;}h3{font-size:100%;color:#50a842;}
h1{background-color:#eee;padding:10px;border-bottom:5px solid #FF52AE;}
p{text-align:justify;}ul,ol{list-style:none;}
a{color:#0000FF;font-weight:bold;text-decoration:none;}a:hover{color:#CC0001;}
img{border:0;}

#wholePage{margin:0 auto;padding-top:66px;width:100%;min-width:360px;max-width:950px;box-shadow:0 5px 5px grey;direction:rtl;}
/*		Header		*/
#header { clear:both;width:100%;margin:0 auto 0 auto;}
#header .logo { width:300px;height:100px;background:url("style/logo.jpg") top right no-repeat;}
#header .logo a{ display:block;padding:15% 100px 33% 0;font:normal 20px arial;}

#threadContent{background-color:#eee;padding:10px;}
#threadContent p{margin-bottom:10px;}
#threadContent h2, h3{padding-top:5px;}
#threadContent img{ width:100%;max-width:300px;}

/* Footer */
#footer { clear:both;margin:5px auto 0 auto;background:#ccc;border-top:8px solid #DE009C;padding:10px;}

/* ------------------ Header and Menu -------------------  */
#menuContainer{z-index:1000;width:100%;min-width:340px;position:fixed;top:0;left:0;}
#menuContainer .Table{max-width:950px;margin:0 auto;}
#menuButton{cursor:pointer;color:#2d2d2d;}
#menuHead{background-color:#fff;max-width:950px;}
#menuHead img{margin-top:2px;}
#menuBody{border:1px solid #ddd;position:absolute;z-index:1000;width:100%;max-width:950px;font-size:16px;background-color:#fff;}
#menuBody li a{display:block;height:40px;line-height:40px;padding-right:15px;border-bottom:1px solid #ddd;}
.hideMenu{display:none;}.displayMenu{display:block;}
#searchIcon{width:40px;height:40px;}
#openMenu, #closeMenu{width: 60px;height: 30px;margin: 0 auto;}
#searchIcon{width: 40px;height: 40px;margin: 2px 0 0 2px;}
#searchIcon svg, #openMenu svg, #closeMenu svg{fill:#de009c;}
.Table{width:100%;padding-bottom:8px;box-shadow:0 5px 5px grey;background-color:#03a1e8;}
.gsc-results-wrapper-overlay{width:90%!important;top:10%!important;left:5%!important;right:5%!important;bottom:5%!important;}

/* ------------------ Home & Categories -------------------  */
/* Categories Style */
#divCategories, #threadContent{ width:calc(100% - 320px);background-color:#fff;padding:5px;}
#divSideBar{ width:300px;margin-right:5px;}
/* Left Side */
#divSideBar .sectionHead{ height:35px;line-height:35px;padding-right:10px;background-color:#ccc;}
#divSideBar ul{ margin:0;}
#divSideBar li{ height:55px;border-bottom:1px solid #BEBEBE;}
#divSideBar .divImage{ width:80px;height:55px;overflow:hidden;border:1px solid #BEBEBE;box-sizing:border-box;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);}
#divSideBar .divImage img{ margin-right:-10px;}
#divSideBar .divLink{
	width:calc(100% - 85px);
	height:50px;
	overflow:hidden;
	margin-right:5px;
	font-size:12px;
	position:relative
}
#divSideBar .divLink a{
   position:absolute;
   top:50%;
   transform:translate(0, -50%);
}

/* Excerpts Side */
.excerpts{	width:300px;}
.mgLeft{ margin-left:5px;}
.mgRight{ margin-right:5px;}
.excerpts .imgCutter{ height:220px;}

.excerpts .imgCutter div{position:absolute;bottom:0;right:0;background-color:#fff;border-top:5px solid #f9a1df;overflow:hidden;width:100%;height:60px;}
.excerpts .imgCutter div a{	position:absolute;top:50%;transform:translate(0, -50%);padding:14px 5px;width:100%;}

.excerpts{ margin-bottom:15px;text-align:center;}
.excerpts .imgCutter { overflow:hidden;position:relative;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);}
.excerpts .imgCutter a{display:block;font-size:16px;}

@media screen and (max-width:949px) {
	.excerpts{	width:100%;float:none !important;}
	.mgLeft, .mgRight{ margin-left:0;margin-right:0;}
}
@media screen and (max-width:670px) {
	#divCategories, #threadContent, #divSideBar{clear:both;float:none;width:100%;margin-right:0;}
}

/* 	Next Previous System 	*/
#NPSystem{width:100%;min-height:48px;height:100%;text-align:center;font-size:16px;font-weight:bold;}
#NPSystem ul{margin-right:5px;}
#NPSystem li{float:right;display:inline;line-height:50px;height:50px;}
#NPSystem .dots, #NPSystem li a{display:block;border:1px solid #f9a1df;border-radius:10px;box-sizing:border-box;}
#NPSystem .dots{min-width:40px;}
#NPSystem li a{width:100%;min-width:50px;text-decoration:none;}
#NPSystem a.active, #NPSystem a.active:hover{background-color:#888;color:#000;cursor:default;border:1px solid #888;}
#NPSystem a:hover{background-color:#ffabe6;}

/* alignment classes */
.a-left { text-align:left;}
.a-right { text-align:right;}
.a-center { text-align:center;}
.f-left { float:left;}
.f-right { float:right;}


/* display and additional classes  */
.cleaner{ clear:both;}
.red   { color:#CC0000;}
.subtitle { font:normal 12px Arial;}
.borderButton { border-bottom:2px dashed #f00;}

.notice { text-align:center;padding:5px;border:1px dashed #f00;font:18px bold Arial;}