/*
Theme Name: Shabakeh
Description: The shabakeh WordPress theme.
Version: 1.0
Author: Ali Naderi
Author URI: http://ali.naderi.name/

	This theme was recreated in persian by Ali Naderi,
	whose persian blog you will find at http://raddepa.com/

*/


/**
 *  CSS Resets
 */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, font, img,
strong, sub, sup, b, u, i, center,
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 {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**
 *  Global
 */
body {
	background: #F2F2F2;
	font-family: arial,tahoma,verdana,sans-serif;
	font-size: .9em;
	text-align: center;
}

a, a:visited {
	color: #b1037a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	line-height: 1.5em;
	padding: 5px 10px;
}

small {
	line-height: 1.5em;
	padding: 10px;
	text-align: right;
}

.clear {
	clear: both;
}


/**
 *  Colors
 */
.home a:hover, li.home span {
	background-color: #CC6699;
}

.opinion a:hover, li.opinion span {
	background-color: #CC6666;
}

.news a:hover, li.news span {
	background-color: #CC9966;
}

.art a:hover, li.art span {
	background-color: #CCCC66;
}

.meeting a:hover, li.meeting  span {
	background-color: #99CC66;
}

.interview a:hover, li.interview span {
	background-color: #66CC66;
}


/**
 *  Wraper
 */
#wrapper {
	width: 960px;
	margin: 10px auto;
	padding: 10px 0;
	background: #FFFFFF;
	direction: rtl;
}


/**
 *  Header
 */
#header {
	height: 130px;
	width: 940px;
	margin: 0 auto;
	background: #B1037A url(images/logo.png) no-repeat 5px 2px;
}

#header h1 a {
	margin: 0 10px;
	text-decoration: none;
	text-align: right;
	padding: 40px 20px 0px 0px;
	float: right;
	color: #FFFFFF;
	font: bolder 32px "Times New Roman", Times, serif;
	text-shadow: 2px 2px #222222;
}


/**
 *  Navigation
 */

#navbar {
	width: 940px;
	padding: 0;
	margin: 0 auto;
	font-size: 1em;
	font-weight: bold;
}

ul#topnav {
	margin: 0; 
	padding: 0;
	float: right;
	width: 940px;
	list-style: none;
	position: relative;
	background: url(images/topnav_stretch.gif) repeat-x;
}

ul#topnav li {
	float: right;
	margin: 0; 
	padding: 0;
	border-right: 1px solid #555;
}

ul#topnav li a {
	padding: 10px;
	display: block;
	color: #F0F0F0;
	text-decoration: none;
	text-shadow: 1px 1px black;
}

ul#topnav li span {
	float: right;
	padding: 10px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 940px;
	color: #FFFFFF;
	background: #b1037a;
	text-align: right;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

ul#topnav li:hover {
	background: #C14482;
}

ul#topnav li:hover span {
	display: block;
}

ul#topnav li span a {
	display: inline;
	text-shadow: none;
}

ul#topnav li span a:hover {
	text-decoration: none;
	text-shadow: 1px 1px #000000;
	color: #FFFFFF;
}

/* IE Text Shadow Hack*/
* html ul#topnav li span a:hover {
	color: #000000;
}


/**
 *  Contents
 */
h1, h2, h3, h4 h5, h6, th {
	font-family: arial,tahoma,verdana,sans-serif;
	font-weight: bold;
}

h2 {
	font-size: 1.31em;
	line-height: 1.35em;
	padding: 5px 15px;
}

h2 a, h2 a:visited {
	color: #000000;
}

h2 a:hover {
	color: #C14482;
	text-decoration: none;
}

h4 {
	padding: 7px 10px 3px 0;
}

img {
	padding: 5px 10px;
}

/* Content Rows */
.content-rows {
	margin: 0 auto;
	text-align: right;
	width: 940px;
	padding: 0;
}

.excerpt {
	border-bottom: 1px solid gray;
}

/* Wide Content */
#wide-content {
	margin: 35px 0;
	float: right;
	width: 620px;
	padding: 0;
}

#wide-content a {
	line-height: 1.5em;
	text-align: right;
}

/* Entries */
.entry {
	padding: 10px;
	line-height: 1.5em;
	text-align: justify;
}

.entry p {
	line-height: 1.5em;
	text-align: justify;
	padding-bottom: 15px;	
}

.entry li, .entry div {
	line-height: 1.5em;
}

.entry img {
	padding: 10px 20px 10px 0;
}

.entry em {
	font-style: italic;
	font-family: inherit;
}

/* Narrow Content */
#narrow-content {
	margin: 35px 20px 0 0;
	float: left;
	width: 300px;
	padding: 0;
}

/* Columns */
.col-1, .col-2, .col-3 {
	float: right;
	width: 300px;
	padding: 10px 0;
	border-top: 2px solid #AAAAAA;
} 

.col-1 {
	margin: 10px 0 1px 20px;
}

.col-2 {
	margin: 10px 0 1px 20px;
}

.col-3 {
	margin: 10px 0 1px 0;
}

.col-1 a, .col-2 a, .col-3 a {
	line-height: 1.5em;
	text-align: right;
}


/**
 *  Footer
 */
#footer {	
	margin: 0 auto;
	text-align: right;
	width: 910px;
	padding: 15px;
	color: #FFFFFF;
	background-color: #313131;
}

#footer a, #footer a:hover, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}