@charset "utf-8";
/* CSS Document */
html, body, div, input, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.eot');
	src: url('fonts/BYekan.eot?#iefix') format('embedded-opentype'),url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url("fonts/BYekan.svg") format("svg");
}
body {background:url(images/bg.gif);direction:rtl;font:normal 13px Byekan;}
a:link {color: 5f5f5f;text-decoration: none}
a:visited {color: 5f5f5f;text-decoration: none}
a:hover {color: #fa2fd1;text-decoration: none}
.clear {clear:both;}
.middle {width:1020px;margin:0px auto;}
.topmenu {background:url(images/mbg.gif);height:40px;border-bottom:1px solid #ff38d7;}
.topmenu ul {float:right;list-style:none;}
.topmenu ul li {float: right;background: #ffffff;border-radius: 6px;padding: 5px;border:solid 1px #cdcdcd;margin: 4px 2px;border-top: solid 0px #cdcdcd;box-shadow: 0px 1px 1px #ffb2f0 inset;}
.topmenu ul li a {color:#4e4e4e;}
.topmenu ul li:hover a {color:#fb7cde;}
.topmenu .search { float: left; position:relative;}
.topmenu .search input[type=text] {float: left;background: #ffffff;border: solid 1px #cdcdcd;border-radius: 5px;padding: 6px 5px;width: 100%;margin: 4px 0px 0px -7px;text-align: left;color: #dddddd;font: normal 12px Byekan;
}
.topmenu .search input[type=submit] {position:absolute;top:13px;left:76%;background:url(images/search.gif);width:23px;height:15px;cursor:pointer;}
.box {margin: 5px;background: #ffffff;width: 100%;border: solid 1px #cfcfcf;border-radius: 5px;}
.box-bottom {margin: -5px 3% 0px 1px;background: #ffffff;width: 94%;border-right: solid 2px #ed5688;border-left: solid 2px #ed5688;}
.alltopbg {background: url(images/topbg.gif);height: 21px;width: 100%;border-radius: 5px;}
.headads {float:left;width:620px;margin:15px 0px;}
.headads .ads1 {float: left;width: 120;height: 120;margin: 3px 0px 6px 14px;}
.headads .ads2 {float: left;width: 468;height: 60;margin: 1px 1px 1px 4px;}
.header {background:url(images/header.png);width:285px;height:104px;float:right;margin:4% 4% 0px 0px;}
.ggright {float:right;width:150px;}
.ggcenter {float:right;width:550px;}
.ggleft {float:right;width:300px;margin:0px 10px;}
.ggcenter-box {float:right;width:49%;margin:0px 0px 0px 10px;}
.ggcenter-box:nth-child(2n) {float:right;width:49%;margin:0px;}
.box .title {float: right;width: 100%;height: auto;display: block;margin: 0px;padding: 0px;border-bottom:solid 1px #e0e0e0;}
.box .title p {float: right;margin: -6px 2px;padding:0px 1px 7px 0px;display: block;font-size: 17px;color:#373736;}
.ico1 {float: right;background:url(images/icon1.gif);width:16px;height:13px;margin:1px 3px}
.ico2 {float: right;background:url(images/icon2.gif);width:16px;height:19px;margin:1px 3px}
.ico3 {float: right;background:url(images/icon3.gif);width:19px;height:15px;margin:1px 3px}
.ico4 {float: right;background:url(images/icon4.gif);width:20px;height:16px;margin:1px 3px}
.ico5 {float: right;background:url(images/icon5.gif);width:16px;height:15px;margin:1px 3px}
.ico6 {float: right;background:url(images/icon6.gif);width:17px;height:18px;margin:1px 3px}
.ico7 {float: right;background:url(images/icon7.gif);width:21px;height:19px;margin:1px 3px}
.ico8 {float: right;background:url(images/icon8.gif);width:20px;height:17px;margin:1px 3px}
.ico9 {float: right;background:url(images/icon9.png);width:19px;height:18px;margin:1px 3px}
.ico10 {float: right;background:url(images/icon10.gif);width:21px;height:21px;margin:1px 3px}
.content1 ul {list-style:none;float:right;margin: 0px;padding: 0px;}
.content1 ul li {margin:2px 5px;padding:2px 2px;line-height: 14px;}
.content1 ul li a {background-image: url(images/li1.gif);background-repeat: no-repeat;background-position: right center;padding-right: 21px;color: #111;}
.content2 ul {list-style:none;float:right;margin: 0px;padding: 0px;}
.content2 ul li {margin:2px 5px;padding:2px 2px;line-height: 14px;}
.content2 ul li a {background-image: url(images/li2.gif);background-repeat: no-repeat;background-position: right center;padding: 0 17px 2px 0;color: #111;}
.content2 ul li:hover a {background-image: url(images/li5.gif);background-repeat: no-repeat;background-position: right center;padding: 0 21px 2px 0;color: #eb0053;}
.content3 ul {list-style:none;float:right;margin: 0px;padding: 0px;}
.content3 ul li {margin:2px 5px;padding:2px 2px;line-height: 14px;}
.content3 ul li a {background-image: url(images/li3.gif);background-repeat: no-repeat;background-position: right center;padding-right: 21px;color: #111;}
.content3 ul li:hover a {background-image: url(images/li4.gif);background-repeat: no-repeat;background-position: right center;padding-right: 21px;color: #eb0053;}
.content {padding:5px;color: #373736;}
.formcontent {padding:5px;color: #373736;float:right;}
.footerpic {float:right;background:url(images/footpic.gif);width:22px;height:62px;margin:5px;}
.gg {float:left;margin:2%;color:#252525;border-bottom:solid 1px #ff0060;font-size: 17px;}
.gg a {color:#252525;}
.gg a:hover {color:#ff0060;}
.foot1 {float:right;margin:5px;}
.foot1 ul {list-style:none;margin:0px;padding:0px;}
.foot1 ul li {float:right;padding:10px 5px;}
.foot1 ul li a {color:#bebebe}
.foot1 ul li:hover a {color:#252525;border-bottom:solid 1px #ff0060;}
.foot2 {float:left;margin:0px 0px -7px 0px;padding:5px;}
.box input[type=text], .box input[type=password] {background:none;width:60%;height:20px;border:solid 1px #cfcfcf;border-radius:5px;margin: 5px;font:13px Byekan;}
.box input[type=submit], .box input[type=button], .box input[type=reset] {background:ffffff;color:#3c3c3c;border:solid 1px #cfcfcf;border-radius:5px;margin: 5px;padding:5px;font:13px Byekan;}
.box input[type=submit]:nth-child(2n) , .box input[type=button]:nth-child(2n), .box input[type=reset]:nth-child(2n) {background:ffffff;color:#3c3c3c;border:solid 1px #cfcfcf;border-radius:5px;margin: 5px;padding:5px;font:13px Byekan;}
.box .ads3 {margin:26px 2px 0px 0px;text-align:center;}
.box .postdetails {float: right;width: 100%;height: auto;display: block;margin: 0px;padding: 0px;border-top: solid 1px #e0e0e0;}
.box .postdetails p {float: right;margin: 0px 2px;padding:0px 1px 7px 0px;display: block;color:#373736;}
.author {float: right;background:url(images/author.gif);width:21px;height:17px;margin:1px 3px}
.date {float: right;background:url(images/date.gif);width:17px;height:19px;margin:1px 3px}
.comment {float: right;background:url(images/comment.gif);width:21px;height:18px;margin:1px 3px}
.likeicon {float: right;background:url(images/likeicon.gif);width:19px;height:17px;margin:1px 3px}
.like {float: right;background:url(images/like.gif);width:21px;height:19px;margin:1px 3px}
.dislike {float: right;background:url(images/dislike.gif);width:20px;height:19px;margin:1px 3px}
.postfoot {background: #ffffff;width: 98%;border: solid 1px #cfcfcf;border-top: solid 0px #cfcfcf;border-radius: 3px;margin: -5px 10px 5px 0px;}
.postfoot .tag{float: right;background:url(images/comment2.png);width:19px;height:18px;margin:1px 3px}
.commentico {float: right;background:url(images/tag.png);width:20px;height:16px;margin:1px 3px}
.postico {float: right;background:url(images/posticon.gif);width:28px;height:18px;margin:1px 3px}
h2 a, h2 a:hover{color: #111; font-size:13px;}
h3 a, h3 a:hover{color: #ff0099; font-size:13px;}
h4 a, h4 a:hover{color: #373736; font-size:12px;}
h5 a {color: #555;}
.statr {float:right;width:45%;}
.statl {float:right;width:45%;border-right:solid 1px #eb0053; padding:2px 5px;}
.user-comment-GhalebGraph {border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;border:1px solid #999;width:100%;height:118px;font:9pt tahoma;direction:rtl;}
.user-comment-GhalebGraph2{background:#808080;width:1px;height:1px;}
.more {background:#f52b64;color:#fff; font:12px tahoma,sans;font-weight:600; padding:5px;margin:2px;border-radius:7px; width:40%;}
.more:hover {background:#f52b64 url(images/ziba.gif) repeat-x scroll left top;color:#FFF;border-color:#FFF}
.textads {display: block; padding: 5px; text-shadow: 1px 1px #ffffff; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 5px; background: #c3f3fc;border: 1px solid #75dfee;}
.box img{ max-width:540px;margin:1px; }
.rozads img{width: 130;height: 80;}
@media screen and (max-width:  980px) {
.middle {width:95%; margin:0px auto;}
.topmenu {height:auto;}
.headads {width:95%; margin:0px 4%;}
.ggright {width:48%; margin:0px 1%;}
.ggcenter {width:95%; margin:0px 1%;}
.ggleft {width:48%; margin:0px 1%;}
.ggcenter-box {width:100%;}
.ggcenter-box:nth-child(2n) {width:100%;}
.box img{ max-width:90%; }
.footer {width:93%; margin:0px 2%;}
.box-bottom {width: 85%;}
}
@media screen and (max-width: 325px) {
.ggright {width:95%; margin:0px 1%;}
.ggleft {width:95%; margin:0px 1%;}
.header { display:none;}
}
@media screen and (max-width: 300px) {
.topmenu .search { display:none;}
}