/*   
	Theme Name: xGraphic V.2
	Theme URI: http://www.xgraphic.ir/
	Description: ایکس گرافیک نسخه 2
	Author: گروه طراحی آوا
	Version: 2
	Translated by GhalebGraph.ir
	Translaterer: Mehrdad Rostami
	Translated URI: http://ghalebgraph.ir/
	Description: 
	هر گونه سوء استفاده و کپی برداری و انتشار کد این قالب در وب خود حرام است
	هرگونه تغییر در فایل های قالب اصلی و حذف لینک و بنر از قالب حرام است
	Email: Mehrdad.Rostami@mihanmail.ir
*/

html, body, div, span, applet, object, iframe, 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, block, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
background : transparent;
        Border-radius:5px;
}

body {
	background: #eee;
	line-height: 1.7;
	font-size: 8pt;
	direction: rtl;
	font-family : 'Lucida Sans Unicode','Lucida Grande',Tahoma,sans-serif;
}

@font-face{
    font-family: 'BYekan';
    src: url('http://rozblog.com/temp/fonts/BYekan.eot');
    src: local('BYekan'),
    url('http://rozblog.com/temp/fonts/BYekan.eot?iefix') format('eot'),
    url('http://rozblog.com/temp/fonts/BYekan.woff') format('woff'),
    url('http://rozblog.com/temp/fonts/BYekan.ttf') format('truetype'),
    url('http://rozblog.com/temp/fonts/BYekan.svg#webfontGZB3fjCF') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2 {font-family:b yekan, 'Lucida Sans Unicode','Lucida Grande'; font-size:13.3px; font-weight: lighter;}
a, a:link {text-decoration : none; color : #414141;}
a:hover {color : #585858;}
a:visited {color : #545454;}
input, button, textare { font-family: tahoma; font-size: 11px;}
label {color: #555;}
.none { display: none; }
.main { width: 960px; margin: 0 auto; }
.main-w { display:table; width: 960px; margin: 0 auto; }
.l { float: left; } .r { float: right; }
.top-nav {
	position: fixed;
	background: #6F818B;
	padding: 4px 0px;
	margin: 0 0 5px 0;
	width: 100%;
	-webkit-box-shadow: inset 0px -5px 10px -5px #536169;
	box-shadow: inset 0px -5px 10px -5px #536169;
	float: right;
}

.top-nav a {color: #fff;}
.top-nav ul li {
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 6px 8px;
	text-shadow: 0 -1px 0 #313d44;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}

.top-nav ul li:hover {
	cursor: pointer;
	background: #42525b;
	-webkit-box-shadow: inset 0px 0px 8px 0px #313d44;
	box-shadow: inset 0px 0px 8px 0px #313d44;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

.search {
	background: #42525b; 
	-webkit-box-shadow: inset 0px 0px 8px 0px #313d44;
	box-shadow: inset 0px 0px 8px 0px #313d44;
	-webkit-border-radius: 3px;
	border-radius: 3px; 	
	float: left;
}

.search input {
	background: none;
	border: none;
	color: #fff;
	padding: 7px 9px;
	text-shadow: 0 -1px 0 #313d44;	
}

input.b-search { 
	background: url(images/search.png) no-repeat center; 
	width: 30px;
	padding: 6px 8px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.logo {
	width: 220px;
	height: 75px;
	margin: 50px 0 0 15px; 
	float: right;

}

.some-cat { margin: 45px 0 0 0; float: right;}

a.tools {
	display: inline-block;
	background: #9dce55 url(images/tools.png) no-repeat 47% 20%;
	padding: 50px 0 0 0;
	width: 145px;
	height: 30px;
	color: #fff;
	letter-spacing: -0.5px;
	font-family: BYekan;
	font-size: 13.3px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

a.tools:hover {
	-webkit-animation: tools .3s infinite linear;  
	-moz-animation: tools .3s infinite linear;  
	-ms-animation: tools .3s infinite linear;
}

@-webkit-keyframes tools { 
	0% { background-position:47% 20%;}
	50% {background: #8bb749; background-position:47% 20%;}
	100% { background-position:47% 20%;}
}
        
        
@-moz-keyframes tools {
	0% { background-position:47% 20%;}
	50% {background: #8bb749; background-position:47% 20%;}
	100% { background-position:47% 20%;}
}

a.ps {
	display: inline-block;
	background: #0398dd url(images/ps.png) no-repeat 50% 20%;
	padding: 50px 0 0 0;
	width: 145px;
	height: 30px;
	color: #fff;
	letter-spacing: -0.5px;
	font-family: BYekan;
	font-size: 13.3px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

a.ps:hover {
	-webkit-animation: ps .3s infinite linear;  
	-moz-animation: ps .3s infinite linear;  
	-ms-animation: ps .3s infinite linear;
}

@-webkit-keyframes ps { 
	0% { background-position:50% 20%;}
	50% {background: #0086c4; background-position:50% 20%;}
	100% { background-position:50% 20%;}
}
        
        
@-moz-keyframes ps {
	0% { background-position:50% 20%;}
	50% {background: #0086c4; background-position:50% 20%;}
	100% { background-position:50% 20%;}
}

a.wp {
	display: inline-block;
	background: #545454 url(images/wp.png) no-repeat 50% 20%;
	padding: 50px 0 0 0;
	width: 141px;
	height: 30px;
	color: #fff;
	letter-spacing: -0.5px;
	font-family: BYekan;
	font-size: 13.3px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

a.wp:hover {
	-webkit-animation: wp .3s infinite linear;  
	-moz-animation: wp .3s infinite linear;  
	-ms-animation: wp .3s infinite linear;
}

@-webkit-keyframes wp { 
	0% { background-position:50% 20%;}
	50% {background: #454545; background-position:50% 20%;}
	100% { background-position:50% 20%;}
}
        
        
@-moz-keyframes wp {
	0% { background-position:50% 20%;}
	50% {background: #454545; background-position:50% 20%;}
	100% { background-position:50% 20%;}
}

a.gallery {
	display: inline-block;
	background: #ffc000 url(images/gallery.png) no-repeat 50% 20%;
	padding: 50px 0 0 0;
	width: 140px;
	height: 30px;
	color: #fff;
	letter-spacing: -0.5px;
	font-family: BYekan;
	font-size: 13.3px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

a.gallery:hover {
	-webkit-animation: gallery .3s infinite linear;  
	-moz-animation: gallery .3s infinite linear;  
	-ms-animation: gallery .3s infinite linear;
}

@-webkit-keyframes gallery { 
	0% { background-position:50% 20%;}
	50% {background: #ffa200; background-position:50% 20%;}
	100% { background-position:50% 20%;}
}
        
        
@-moz-keyframes gallery {
	0% { background-position:50% 20%;}
	50% {background: #ffa200; background-position:50% 20%;}
	100% { background-position:50% 20%;}
}

a.temp {
	display: inline-block;
	background: #ff0000 url(images/temp.png) no-repeat 50% 20%;
	padding: 50px 0 0 0;
	width: 140px;
	height: 30px;
	color: #fff;
	letter-spacing: -0.5px;
	font-family: BYekan;
	font-size: 13.3px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

a.temp:hover {
	-webkit-animation: temp .3s infinite linear;  
	-moz-animation: temp .3s infinite linear;  
	-ms-animation: temp .3s infinite linear;
}

@-webkit-keyframes temp { 
	0% { background-position:50% 20%;}
	50% {background: #d30000; background-position:50% 20%;}
	100% { background-position:50% 20%;}
}
        
        
@-moz-keyframes temp {
	0% { background-position:50% 20%;}
	50% {background: #d30000; background-position:50% 20%;}
	100% { background-position:50% 20%;}
}

.random-post {  
	float: right; 
	width: 300px; 
	margin-top: 10px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.rd-img {
	width: 300px;
	height: 80.5px;
	margin-bottom: 5px;
	overflow: hidden;
        Border-radius:5px;	
}

h2.rd-title {
	display: inline-table;
	background: url(images/t_bg.png);
	margin: 0;
	padding: 5px;
	width: 290px;
	color: #fff;
	font-weight: lighter;
	text-shadow: 0 1px 0 #000;	
}

.line {
	background: #ccc;
	margin: 10px 5px 0 0;
	width: 5px;
	height: 253px; 
	float: right;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.last-post {
	background: #fff;
	margin: 10px 7px 0 0;
	padding: 6px 8px;
	width: 359px;
	height: 240px;
	float: right;
	-webkit-box-shadow: inset 0px 0px 10px 0px #ccc, 0px 0px 2px 0px #888;
	box-shadow: inset 0px 0px 10px 0px #ccc, 0px 0px 2px 0px #888; 	
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.last-post li {
	display: block;
	background: url(images/arrow1.png) no-repeat left;
	padding: 2px 0;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;	
}

.last-post li:hover {
	display: block;
	background: url(images/arrow.png) no-repeat left;
	padding: 2px 2px 2px 0;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;	
}

.top-ads {
	background: #fff;
	margin: 10px 7px 0 0;
	padding: 6px 8px;
	width: 245px;
	height: 240px;
	float: right;
	-webkit-box-shadow: inset 0px 0px 10px 0px #ccc, 0px 0px 2px 0px #888;
	box-shadow: inset 0px 0px 10px 0px #ccc, 0px 0px 2px 0px #888; 	
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.cat-title {
	position: absolute;
	background: #6F818B;
	width: 100%;
	top: 400px;
	-webkit-box-shadow: inset 0px -5px 10px -5px #536169;
	box-shadow: inset 0px -5px 10px -5px #536169;
	float: right;
	opacity: 0;
	visibility: hidden;
}

.cat-title a { color: #fff; }

#nav li {
	margin: 0px;
	padding: 6px 4px;
	float: right;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	display: block;
	padding: 4px 5px;
	margin: 0;
	text-shadow: 0 -1px 0 #313d44;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}
#nav a:hover {
	background: #fff;
	box-shadow:inset 0 -10px 10px #ccc;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	cursor: pointer;
	background: #42525b;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	width:175px;
	text-shadow:0 0 0 #333!important;
}
#nav ul a:hover {
	background: #8597a1 !important;
	color: #fff !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important; 
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 5px -1px;
	width: 185px;
	position: absolute;
	top: 37px;
	right: 0;
	background: #6F818B;
	-webkit-box-shadow: inset 0px -5px 10px -5px #536169;
	box-shadow: inset 0px 5px 18px -5px #56646c;
        z-index:300;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	right: 185px;
	top: 0px;
}

#nav .current a, #nav  ul ul:hover > a {
	text-shadow: 0 1px 0 #fff;	
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

.sidebar-right {
	width: 300px;
	float: right
}

.sidebar-title {
	background: url(images/sidebar_bg.png) center repeat-x;
	width: 300px;
	text-align: center;
}

.sidebar-title h3 {
	display: inline-block;
	background: #BDC8CC;
	padding: 6px 4px;
	font-size: 11px;
	color: #fff;
	text-shadow: 1px 1px 0 #96a8af;
	-webkit-box-shadow: inset 0px 0px 10px 0px #a7b4b9;
	box-shadow: inset 0px 0px 10px 0px #a7b4b9;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}

.sidebar-body {
	background: #fff;
	padding: 5px;
	width: 290px;
	margin: -5px 0 5px 0;
	-webkit-box-shadow: 0px 1px 2px 0px #999;
	box-shadow: 0px 1px 2px 0px #999; 	
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.sidebar-body li{
	display: block;
	background: url(images/arrow.png) no-repeat top right;
	padding-right: 15px;
}

.sidebar-body ul li ul li{
	display: block;
	background: url(images/arrow1.png) no-repeat top right;
	padding-right: 15px;
}

a.ads-text {
	display: inline-block;
	width: 290px;
	padding: 5px;
	color: #fff;
	margin: 5px 0 0 0;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

a.ads-text:hover {
	-webkit-animation: ads-text .1s infinite linear;  
	-moz-animation: ads-text .1s infinite linear;  
	-ms-animation: ads-text .1s infinite linear;
}

@-webkit-keyframes ads-text { 
	0% { margin-left: -5px;}
	50% { margin-right: -5px;}
	100% { margin-left: -5px;}
}
        
        
@-moz-keyframes ads-text {
	0% { margin-left: -5px;}
	50% { margin-right: -5px;}
	100% { margin-left: -5px;}
}

.ads-text span {
	font-family: Verdana, Geneva, sans-serif;
	float: left;
}

.red { background: red; }
.pr { background: #6F818B; }

.sidebar-ads {
	width: 130px;
	margin: 10px 10px 0 0;
	float: right;	
}

.sidebar-ads-body {
	background: #fff;
	padding: 5px;
	width: 120px;
	margin: 0 0 5px 0;
	-webkit-box-shadow: 0px 1px 2px 0px #999;
	box-shadow: 0px 1px 2px 0px #999; 	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.main-post {
	width: 510px;
	margin: 10px 10px 0 0;
	float: right;
}

.main-ads {
	background: #fff;
	padding: 5px;
	width: 500px;
	margin: 0 0 5px 0;
	-webkit-box-shadow: 0px 1px 2px 0px #999;
	box-shadow: 0px 1px 2px 0px #999; 	
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.post {
	background: #fff;
	padding: 5px;
	width: 500px;
	margin: 0 0 5px 0;
	-webkit-box-shadow: 0px 1px 2px 0px #999;
	box-shadow: 0px 1px 2px 0px #999; 	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;	
}

.post input ,.post textarea ,.post button {
	background: #ddd;
	text-shadow:1px 1px 0 #fff; 
	color: #555;
	font-family: tahoma;
	font-size: 11px;
	border: none;
	padding: 7px;
	margin-bottom: 4px;	
}

.post-image {
	width: 150px;
	height: 150px;
	padding: 5px;
	margin: 0;
	border: #eee solid 1px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: right;
	overflow: hidden;
}

.post:hover .more {
	opacity: 1;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;	
}

a.more {
	display: block;
	position: absolute;
	background: url(images/t_bg.png);
	width: 150px;
	padding: 7px 0;
	margin: 118px 0 0 0;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	opacity: 0;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;	
}

.post-title h2 {
	margin: 0 0 5px 0;
	padding: 5px 7px 5px 0;
	width: 331px;
	color: #555;
	border-bottom: #eee solid 1px;
	float: left;
}

.post-title small {
	margin: 0;
	padding: 5px 7px 5px 0 !important;
	color: #555;
}

.post-title-single h2 {
	margin: 0 0 5px 0;
	padding: 5px 7px 5px 0;
	color: #555;
	border-bottom: #eee solid 1px;
}

.post-title-single small {
	margin: 0;
	padding: 5px 7px 5px 0 !important;
	color: #555;
}

.post-content {
	display: block;
	width: 331px;
	margin: 5px 7px 5px 0 !important;
	color: #555;
	float: left;	
}

.post-content-single {
	display: block;
	margin: 5px 7px 5px 0 !important;
	color: #555;
	float: left;	
}

.post-content-single img {
	padding: 5px;
	margin: 5px 0;
	border: #eee solid 1px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
        Border-radius:5px;	
}

.page {
	background: #fff;
	padding: 5px;
	width: 500px;
	margin: 0 0 5px 0;
	-webkit-box-shadow: 0px 1px 2px 0px #999;
	box-shadow: 0px 1px 2px 0px #999; 	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;	
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a{
	color: #fff9ef !important; 
	text-shadow: 0 -1px 0 #313d44;	
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background: #313d44;
	padding: 3px 8px;
	margin: 0 2px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	background: #6F818B;
	color: #fff9ef !important; 
}

.sr h2 {
	padding: 2px 0;
	color: #555;	
}

.bot-bg {
	background: #6F818B;
	padding: 0;
	margin: 10px 0 0 0;
	width: 100%;
	color: #fff9ef;
	-webkit-box-shadow: inset 0px -5px 10px -5px #536169;
	box-shadow: inset 0px -5px 10px -5px #536169;
	text-shadow: 0 -1px 0 #313d44;
	float: right;
}

a.tempedia { color: #fff !important;}
.tempedia {
	background: #313d44;
	padding: 5px 3px;
	float: left;	
}

img {
max-width: 100%;
}