@font-face {
	font-family : 'Yekan';
	font-weight : normal;
	src         : url('cssfile/YekanWeb-Regular.woff') format('woff');
}

@font-face {
	font-family : 'Yekan';
	font-weight : bold;
	src         : url('cssfile/YekanWeb-Bold.woff') format('woff');
}

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, caption, tbody, tfoot, thead, tr, th, td {
	margin         : 0;
	padding        : 0;
	border         : 0;
	outline        : 0;
	font-size      : 100%;
	vertical-align : baseline;
	background     : transparent;
}

body {
	background  : #dcdddf url("cssfile/wood_pattern.jpg");
	color       : #000;
	font-family : 'Yekan', serif;
	margin      : 0 auto;
	padding     : 0;
	position    : relative;
	direction   : rtl;
}

h1 {
	font-size : 28px;
}

h2 {
	font-size : 26px;
}

h3 {
	font-size : 18px;
}

h4 {
	font-size : 16px;
}

h5 {
	font-size : 14px;
}

h6 {
	font-size : 12px;
}

h1, h2, h3, h4, h5, h6 {
	color : #563d64;
}

small {
	font-size : 10px;
}

b, strong {
	font-weight : bold;
}

a {
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

.left {
	float : left;
}

.right {
	float : right;
}

.alignleft {
	float       : left;
	margin-left : 15px;
}

.alignright {
	float        : right;
	margin-right : 15px;
}

.clearfix:after,
form:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
}

body > div {
	margin   : 25px auto;
	position : relative;
	width    : 900px;
	clear    : both;
}

#contentWrapper {
	width : 450px;
	float : right;
}

.alert {
	text-align  : center;
	padding-top : 100px;
	color       : red;
	position    : absolute;
	left        : 0;
	width       : 900px;
}

#loginpage {
	width                 : 450px;
	float                 : right;
	margin                : 0 auto;
	position              : relative;
	width                 : 400px;
	background            : #f9f9f9;
	background            : -moz-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background            : -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background            : -o-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background            : -ms-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background            : linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f9f9f9', GradientType=0);
	-webkit-box-shadow    : 0 1px 0 #fff inset;
	-moz-box-shadow       : 0 1px 0 #fff inset;
	-ms-box-shadow        : 0 1px 0 #fff inset;
	-o-box-shadow         : 0 1px 0 #fff inset;
	box-shadow            : 0 1px 0 #fff inset;
	border                : 1px solid #c4c6ca;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	-ms-border-radius     : 5px;
	-o-border-radius      : 5px;
	border-radius         : 5px;
	padding               : 10px;
}

#loginpage ul, #loginpage li {
	margin-right : 15px;
	margin-left  : 5px;
	text-align   : justify;
}

#content {
	background         : #f9f9f9;
	background         : -moz-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background         : -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background         : -o-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background         : -ms-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background         : linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f9f9f9', GradientType=0);
	-webkit-box-shadow : 0 1px 0 #fff inset;
	-moz-box-shadow    : 0 1px 0 #fff inset;
	-ms-box-shadow     : 0 1px 0 #fff inset;
	-o-box-shadow      : 0 1px 0 #fff inset;
	box-shadow         : 0 1px 0 #fff inset;
	border             : 1px solid #c4c6ca;
	margin             : 0 auto;
	padding            : 25px 0 0;
	position           : relative;
	text-align         : center;
	text-shadow        : 0 1px 0 #fff;
	width              : 400px;
}

#content h1 {
	color          : #7e7e7e;
	font           : bold 25px 'Yekan', Helvetica, Arial, sans-serif;
	letter-spacing : -0.05em;
	line-height    : 20px;
	margin         : 10px 0 30px;
}

#content h1:before,
#content h1:after {
	content  : "";
	height   : 1px;
	position : absolute;
	top      : 10px;
	width    : 27%;
}

#content h1:after {
	background : rgb(126, 126, 126);
	background : -moz-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : -webkit-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : -o-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : -ms-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	right      : 0;
}

#content h1:before {
	background : rgb(126, 126, 126);
	background : -moz-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : -webkit-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : -o-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : -ms-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background : linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
	left       : 0;
}

#content:after,
#content:before {
	background : #f9f9f9;
	background : -moz-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background : -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background : -o-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background : -ms-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background : linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f9f9f9', GradientType=0);
	border     : 1px solid #c4c6ca;
	content    : "";
	display    : block;
	height     : 100%;
	left       : -1px;
	position   : absolute;
	width      : 100%;
}

#content:after {
	-webkit-transform : rotate(2deg);
	-moz-transform    : rotate(2deg);
	-ms-transform     : rotate(2deg);
	-o-transform      : rotate(2deg);
	transform         : rotate(2deg);
	top               : 0;
	z-index           : -1;
}

#content:before {
	-webkit-transform : rotate(-3deg);
	-moz-transform    : rotate(-3deg);
	-ms-transform     : rotate(-3deg);
	-o-transform      : rotate(-3deg);
	transform         : rotate(-3deg);
	top               : 0;
	z-index           : -2;
}

#content form {
	margin   : 0 20px;
	position : relative
}

#content form input[type="text"],
#content form input[type="password"] {
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	-ms-border-radius     : 3px;
	-o-border-radius      : 3px;
	border-radius         : 3px;
	-webkit-box-shadow    : 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	-moz-box-shadow       : 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	-ms-box-shadow        : 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	-o-box-shadow         : 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	box-shadow            : 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	background            : #eae7e7 url("cssfile/icons.png") no-repeat;
	border                : 1px solid #c8c8c8;
	color                 : #777;
	font                  : 13px Yekan, Arial, sans-serif;
	margin                : 0 0 10px;
	padding               : 5px 40px 5px 0;
	width                 : 80%;
}

#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow : 0 0 2px #ed1c24 inset;
	-moz-box-shadow    : 0 0 2px #ed1c24 inset;
	-ms-box-shadow     : 0 0 2px #ed1c24 inset;
	-o-box-shadow      : 0 0 2px #ed1c24 inset;
	box-shadow         : 0 0 2px #ed1c24 inset;
	background-color   : #fff;
	border             : 1px solid #ed1c24;
	outline            : none;
}

#UserName {
	background-position : right 10px !important
}

#Password {
	background-position : right -53px !important
}

#txtCaptcha {
	background   : #eae7e7 !important;
	padding      : 5px 0 5px 0 !important;
	text-align   : center;
	width        : auto !important;
	margin-right : 15px !important;
}

#content form input[type="submit"] {
	background            : rgb(254, 231, 154);
	background            : -moz-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
	background            : -webkit-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
	background            : -o-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
	background            : -ms-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
	background            : linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
	filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee79a', endColorstr='#fec151', GradientType=0);
	-webkit-border-radius : 30px;
	-moz-border-radius    : 30px;
	-ms-border-radius     : 30px;
	-o-border-radius      : 30px;
	border-radius         : 30px;
	-webkit-box-shadow    : 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	-moz-box-shadow       : 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	-ms-box-shadow        : 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	-o-box-shadow         : 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	box-shadow            : 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	border                : 1px solid #d69e31;
	color                 : #85592e;
	cursor                : pointer;
	float                 : right;
	font-weight           : bold;
	font-size             : 15px;
	font-family           : Yekan, Arial, serif;
	height                : 35px;
	margin                : 20px 15px 35px 0;
	position              : relative;
	text-shadow           : 0 1px 0 rgba(255, 255, 255, 0.5);
	width                 : 120px;
}

#content form input[type="submit"]:hover {
	background : rgb(254, 193, 81);
	background : -moz-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
	background : -webkit-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
	background : -o-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
	background : -ms-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
	background : linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
	filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec151', endColorstr='#fee79a', GradientType=0);
}

#content form div a {
	color           : #004a80;
	float           : right;
	font-size       : 12px;
	margin          : 30px 15px 0 0;
	text-decoration : underline;
}

.button {
	background            : rgb(247, 249, 250);
	background            : -moz-linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background            : -webkit-linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background            : -o-linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background            : -ms-linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background            : linear-gradient(top, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
	filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
	-webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-ms-box-shadow        : 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow         : 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow            : 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-border-radius : 0 0 5px 5px;
	-moz-border-radius    : 0 0 5px 5px;
	-o-border-radius      : 0 0 5px 5px;
	-ms-border-radius     : 0 0 5px 5px;
	border-radius         : 0 0 5px 5px;
	border-top            : 1px solid #cfd5d9;
	padding               : 15px 0;
}

.button a {
	background         : url("cssfile/icons.png") 0 -112px no-repeat;
	color              : #7e7e7e;
	font-size          : 17px;
	padding            : 2px 0 2px 40px;
	text-decoration    : none;
	-webkit-transition : all 0.3s ease;
	-moz-transition    : all 0.3s ease;
	-ms-transition     : all 0.3s ease;
	-o-transition      : all 0.3s ease;
	transition         : all 0.3s ease;
}

.button a:hover {
	background-position : 0 -135px;
	color               : #00aeef;
}

.newest {
	background-color : rgba(255, 255, 255, 0.3);
	padding          : 10px;
	margin           : 12px;
}
.col {
    width: 25%;
    float: right;
    direction: rtl;
    text-align: right;
    color: #563d64;
    max-height: 346px;
	margin-bottom:10px;
}
.cover-link {
	text-align : center;
	display    : block;
}

.cover {
	width : 90%;
}

a.title {
	text-decoration : none;
	color           : red;
	padding         : 0 10px;
}

.contributors {
	padding : 0 10px;
}