/*
Theme Name: Shasoosa
Description: Designed by <a href="http://aliha.ir/">Aliha</a>
Version: 1.0 beta
Author: Aliha
Author URI: http://aliha.ir/
*/

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;}
body {line-height: 1;}
ol, ul, li, ol li, ul li {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

::-moz-selection {background-color: #ede5d6; color: #fff;}
::selection {background-color: #ede5d6; color: #fff;}

.clear {clear: both;}
.hide {visibility: hidden; font-size: 0;}
.right {float: right;}
.left {float: left;}
img {-ms-interpolation-mode: bicubic;}
small {font-size: 9px !important;}

* {margin: 0; padding: 0;}

body {background: #f4dfc5 url(images/bg.jpg) repeat-x fixed top; font: 11px Tahoma;}

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

a:active, a:hover {color: #000; text-decoration: none;}

#wrapper {width: 750px; margin: 30px auto 20px auto; direction: rtl;}

#header {width: 750px; margin-bottom: 50px;}

.header-logo {width: 188px; height: 159px; float: right;}

#header .category {color: #594c37; font: bold 17px 'B Zar', Zar, Arial, Times; float: right; padding: 25px 10px 0 0; text-shadow: 1px 1px #f4ebdd;}

#posts {width: 480px; float: right;}

.post {background: #faf5ea; padding: 10px; text-align: justify; line-height: 170%; opacity: 0.8; filter: alpha(opasity=80); border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 25px; -moz-box-shadow: 1px 1px 5px #7a6f5c;}
.post .header {margin-bottom: 15px;}
.post .header .title {color: #614619; font: bold 15px 'B Zar', Zar, Arial, Times;}
.post .header .title a {color: #614619;}
.post .header .title a:hover {color: #000;}
.post .header .date {color: #b5ab9e; padding-right: 5px;}
.post .content {color: #000;}
.post .content p {margin-bottom: 10px;}
.post .content img {background: #f0e7d8; max-width: 350px; border: 1px solid #d8ceb6; padding: 4px; -moz-box-shadow: 1px 1px 10px #716755; margin: 10px;}
.post .content img.centered {display: block; margin: 20px auto;}
.post .content img.alignright {display: inline;}
.post .content img.alignleft {display: inline;}
.post .content .alignright {float: right;}
.post .content .alignleft {float: left;}
.post .content .aligncenter {display: block; margin: 20px auto;}
.post .content strong {font-weight: bold;}
.post .content em {font-style: italic;}
.post .content pre {direction: ltr; background: #f5f5f5; border: 1px solid #ccc; padding: 5px;}
.post .content blockquote {color: #564f41; border-right: 5px solid #eadfc9; padding-right: 10px; margin: 10px;}
.post .metadata {margin-top: 15px; color: #b5ab9e;}
.post .metadata a {color: #7b746b;}
.post .metadata a:hover {color: #22201c;}

/* Commenting */

#commentsbox h2.comment-num {font: bold 15px 'B Zar', Zar, Arial, Times; color: #5e513e;}

#comments {width: 480px; margin: 20px auto 0 auto; line-height: 150%; color: #5e513e;}

.commentlist li {margin-top: 10px; margin-bottom: 10px; padding: 10px; background: #fff9e8; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; opacity: 0.8; filter: alpha(opasity=80); text-align: justify; line-height: 170%;}

.alt {background-color: #e3dabf !important;}

.avatar img {border: 2px solid #c5beb0; padding: 1px;}

.pending {margin: 10px 10px 0 0; display: block; font: normal normal 10px Tahoma; color: #c6c6c6;}

.comment-childs {background: #eae4d2; padding: 10px; margin: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.chalt {background: #fff; padding: 10px; margin: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

#commentform {margin: 25px;}

form label {margin: 0 0 8px 0; cursor: pointer;}

form input#author {direction: rtl;}
form input#email, form input#url {direction: ltr;}

form input#author, form input#email, form input#url {background-color: #fdfdfd; border: 1px solid #fff; margin: 3px; color: #555; font: 11px Tahoma; padding: 5px; width: 200px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

form input#author:focus, form input#email:focus, form input#url:focus, form textarea#comment:focus {border: 1px solid #989078; color: #333;}

form textarea#comment {width: 350px; height: 80px; background-color: #fdfdfd; border: 1px solid #fff; padding: 5px; margin: 3px; color: #555; font: 11px Tahoma; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

form input#submit {background-color: #48321d; border: none; font: 11px Tahoma; color: #fff; margin: 8px; padding: 5px; width: 100px; cursor: pointer; -moz-box-shadow: 1px 1px 5px #48321d; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

form input#submit:hover {background-color: #6e4f31;}

/* End Commenting */

#sidebar {background: #e4d7ba; width: 200px; float: left; padding: 10px; text-align: justify; line-height: 170%; opacity: 0.8; filter: alpha(opasity=80); border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 25px; -moz-box-shadow: 1px 1px 10px #908573;}
#sidebar .sidebar-single {margin-bottom: 20px;}
#sidebar .sidebar-right {float: right; text-align: center; width: 98px; border-left: 2px solid #d8caae;}
#sidebar .sidebar-left {float: left; text-align: center; width: 100px;}
#sidebar .widgettitle {color: #706857; font: bold 13px 'B Zar', Zar, Arial, Times; border-bottom: 1px dotted #706857; margin-bottom: 5px;}
#sidebar .sidebar-right .widgettitle, #sidebar .sidebar-left .widgettitle {width: 90px; margin: 0 auto;}
#sidebar ul a {display: block;}
#sidebar .widget {margin-bottom: 10px;}

#footer {width: 750px; text-align: center; margin-top: 50px; color: #8c7a4d; text-shadow: 1px 1px #fff;}