/*  
Theme Name: Aliha
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 {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: #e84200; color: #fff;}
::selection {background-color: #e84200; color: #fff;}

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

* {margin: 0; padding: 0;}

body {background: #f2f2e3; font: 11px Tahoma;}

a:link, a:visited {color: #08c4e0;}

a:active, a:hover {color: #057485;}

#top-dashed {border-top: 2px solid #e84200; width: auto;}

#all {direction: rtl;}

#wrapper {width: 745px; direction: rtl; margin: 0 auto; margin-bottom: 50px;}

#header {width: auto; height: 100px; margin-top: 20px;}

#logo {background: url(images/ra-logo.png) no-repeat; width: 337px; height: 97px; display: block; float: right;}

#menu {padding: 35px 10px 0 0; float: right;}
#menu ul li {float: right; margin: 5px;}
#menu ul li a {background: #e9e9d9; color: #919184; padding: 8px; display: block; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#menu ul li a:hover {background: #fff; color: #e84200;}
#menu ul .current_page_item a {background: #fff; color: #e84200;}

#content {margin-top: 50px; float: left; width: 745px;}

#posts {float: left;}

.first-post {background: #e14102 url(images/ipod-cast.png) no-repeat 10px 10px !important; width: 520px; padding: 10px; text-align: justify; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 8px solid #d43300 !important; -moz-box-shadow: 1px 1px 25px #761c00 !important; -webkit-box-shadow: 1px 1px 25px #761c00 !important; box-shadow: 1px 1px 25px #761c00 !important; margin-bottom: 35px;}
.first-post .post-title {padding-left: 30px;}
.first-post .post-title h1 {color: #fff !important; text-shadow:1px 1px #a22600 !important;}
.first-post .post-title h1 a {color: #fff !important;}
.first-post .post-title h1 a:hover {color: #fecbbb !important;}
.first-post .post-content {color: #fff !important; text-shadow: 1px 1px 0 #872101 !important;}
.first-post .post-content a {color: #852000 !important; border-bottom: 1px dotted #852000 !important; padding-bottom: 3px !important; text-shadow: none !important;}
.first-post .post-content a:hover {color: #000 !important; border-bottom: 1px dotted #000 !important;}
.first-post .post-content blockquote {text-shadow: none; color: #6b6b60 !important;}
.first-post .post-content ul {color: #eee !important;}
.first-post .download {background: url(images/f-download.png) no-repeat right !important; color: #f8b9a5 !important;}
.first-post .download b {text-shadow:1px 1px #cf3100 !important;}
.first-post .download a {background: #eb581d !important; color: #fff !important;}
.first-post .download a:hover {background: #cf3100 !important; color: #fff !important;}
.first-post .post-metadata {color: #fff !important;}
.first-post .post-metadata a {color: #fff !important;}
.first-post .post-metadata a:hover {color: #000 !important;}
.first-post .post-metadata .datecolor {color: #f1ab95 !important;}

.post {background: #ebebd9; width: 520px; padding: 10px; text-align: justify; line-height: 170%; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border-top: 8px solid #deded2; border-left: 8px solid #deded2; border-right: 8px solid #e3e3d6; border-bottom: 8px solid #e3e3d6; -moz-box-shadow: 1px 1px 25px #bcbcaf; -webkit-box-shadow: 1px 1px 25px #bcbcaf; box-shadow: 1px 1px 25px #bcbcaf; margin-bottom: 35px;}

.post .post-title {margin-bottom: 10px;}
.post .post-title h1 {font: bold 17px 'B Zar', 'Zar', Arial; color: #5a5a4f; text-shadow:1px 1px #fff;}
.post .post-title h1 a {color: #5a5a4f;}
.post .post-title h1 a:hover {color: #000;}
.post .post-content {color: #5a5959; padding: 5px;}
.post .post-content p {margin-top: 8px;}
.post .post-content a {border-bottom: 1px dotted #08c4e0; padding-bottom: 3px;}
.post .post-content a:hover {border-bottom: 1px dotted #057485;}

.post .audio-player {width: 300px; float: left; margin-top: 10px;}
.post .download {background: url(images/download.png) no-repeat right; padding-right: 18px; float: right; color: #555; font-size: 9px; margin-top: 10px;}
.post .download a {background: #dedecc; padding: 2px; color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.post .download a:hover {background: #78ccde; color: #fff;}
.post .download b {text-shadow:1px 1px #fff;}

.post .post-metadata {margin-top: 10px; color: #000;}
.post .post-metadata a {color: #000;}
.post .post-metadata a:hover {color: #e84200;}
.post .post-metadata  .sharing {font-size: 9px;}
.post .post-metadata  .sharing a {margin-right: 5px;}
.post .post-metadata .right {float: right;}
.post .post-metadata .right .like {background: url(images/emoticon-smile.png) no-repeat right; padding-right: 18px; display: inline; height: 18px;}
.post .post-metadata .left {float: left;}
.post .post-metadata .datecolor {color: #868585;}

.post .post-content ul {margin: 10px; list-style: none; font-size: 11px; color: #888;}
.post .post-content ul li {list-style: inside square;}
.post .post-content blockquote {margin: 15px auto; width: 480px; color: #848479; font: italic 11px Tahoma; padding: 5px; line-height: 170%; text-align: right !important;}
.post .post-content blockquote span {background: #fff; border: 3px solid #fff;}
.post .post-content img {background: #f3f3e0; padding: 4px; border: 1px solid #deded2; margin: 5px;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin: 5px 7px 5px 2px; display: inline;}
img.alignleft {margin: 5px 7px 5px 2px; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
strong {font-weight: bold;}
em {font-style: italic;}

/* Commenting */

#comments {width: 450px; margin: 20px auto 0 auto; line-height: 150%; color: #777;}

.commentlist li {margin-top: 10px; margin-bottom: 10px; padding: 10px; background: #e9e9db; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

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

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

#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 #e84200; 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: #e84200; border: 1px solid #fff; font: 11px Tahoma; color: #fff; margin: 8px; padding: 5px; width: 100px; cursor: pointer;}

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

/* End Commenting */

.next-previous-page {width: 350px; margin: 0 auto;}

#sidebar {width: 160px; float: right; text-align: justify; line-height: 160%;}

#sidebar .feedbox {width: 130px; height: 40px; margin: 0 auto 15px auto;}

#sidebar .widgetbox {background: #fff; padding: 5px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 20px;}

#sidebar .widgetbox .title {font: bold 15px Arial; color: #7a7979; border-bottom: 1px dotted #7a7979; padding: 5px 10px 3px 10px;}

#sidebar .widgetbox:hover .title {color: #e84200; border-bottom-color: #e84200;}

#sidebar .widgetbox ul {padding: 5px;}

#sidebar .widgetbox ul a {display: block;}

#sidebar .widgetbox p {padding: 3px; font-size: 10px; color: #8c8c8c;}

#sidebar #flash-player {background: url(images/flash-player.png) no-repeat top right; padding-right: 45px;}


#footer {background: #e84200; padding: 10px 20px; position: absolute; width: 100%; margin: 0 auto; color: #fff; border-top: 3px dashed #db3e00; text-align: center;}

#footer a {color: #fff;} #footer a:hover {color: #000;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
#footer {position: relative; width: auto;}
}

/* Tipsy */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); direction: rtl;}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }