/*
Theme Name: Fantasy Academy Weblog
Theme URI: http://weblog.fantasy.ir/
Description: 
Version: 0.1
Author: Hassan Derakhshandeh
Author URI: http://www.tween.ir/
*/


* {
padding: 0;
margin: 0;
}

body {
background: #0c141d url(images/bg.jpg) no-repeat fixed top center;
font: 13px/1.7em Tahoma, Arial;
text-align: center;
}

h2 {
color: #707a84;
font: bold 24px Arial, Tahoma;
margin: 20px 0 10px 0;
}

a {
color: #187abf;
text-decoration: none;
}

a:hover, a:focus {
color: #18cad3;
}

form, input, textarea, option, select {
font: 11px Tahoma;
padding: 3px;
}

p {
margin: 5px 0;
}

#wrapper {
margin: 128px auto 0;
width: 820px;
text-align: justify;
}

#header {
margin-bottom: 20px;
}

#header h1 a:link, #header h1 a:visited {
color: #fff;
font: normal 24px Arial, Tahoma;
text-decoration: none;
}

#header h1 a:hover, #header h1 a:focus {
}

#header p {
font: 11px Tahoma;
color: #fff;
}

#page {
width: 100%;
background: #262b30;
border: 1px solid #373c42;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

#content-wrap {
margin: 7px;
background: #fff;
min-height: 850px;
border: 3px solid #404549;
zoom: 1; /* fix floats in ie */
}

#content {
float: right;
width: 500px;
padding: 30px;
}

#sidebar {
width: 230px;
float: left;
}



/* ---------- Menu ---------- */
#menu {
width: 802px; height: 65px;
background: url(images/menu-bg.png) repeat;
margin: auto auto;
position: relative;
top: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
}

#menu ul {
margin-right: 40px;
}

#menu li {
display: inline;
list-style: none;
}

#menu li a {
font: bold 12px Tahoma;
color: #fff;
text-decoration: none;
padding: 25px 40px;
float: right;
}

#menu li a:hover, #menu li a:focus {
background: url(images/menu.png) no-repeat center center;
color: #000;
outline: none;
}



/* ---------- Content ---------- */
#content .underpost a {
}

#content a:link, #content a:visited {
}

#content a:hover, #content a:focus {
}

#content h2 a {
color: #707a84;
font: bold 24px Arial, Tahoma;
margin: 20px 0 10px 0;
text-decoration: none;
}

.meta {
padding: 5px;
background: #e6e9ec;
font-size: 11px;
margin-top: 5px;
}

.meta a {text-decoration: none;}

.description {
}

.post {
text-align: justify !IMPORTANT;
}

.entry-content, .entry-excerpt {
}

.navigation {
}

.entry-meta {
}

.underpost {
}

.post h2 {
}

.entry-date {
}

.entry-month {
}

.entry-day {
}



/* ---------- Sidebar ---------- */
#sidebar h2 {
background: url(images/h3.png) no-repeat center left;
position: relative; left: -25px;
z-index: 10;
min-height: 44px;
text-indent: 50px;
font: bold 12px Tahoma;
color: #fff;
padding-top: 10px;
margin-top: 20px;
}

#sidebar ul {
list-style: none;
}

#sidebar li a:link, #sidebar li a:visited {
text-decoration: none;
display: block;
padding: 5px 10px;
border-bottom: 1px dashed #fff;
font-size: 12px;
}

#sidebar li a:hover {
border-bottom: 1px dashed #cdf;
}

#sidebar ul ul {
}

#sidebar ul ul li, #sidebar ul ul li {
}



/* ---------- Search ---------- */
#searchform div {
margin: 10px auto;
text-align: center;
}



/* ---------- Comments ---------- */

#respond, #comments {
margin-top: 25px;
font-size: 14px;
}

#commentform input {
}

#commentform textarea {
width: 400px;
}

ol.commentlist {
font: 12px/1.6em Tahoma;
}

.commentlist .right {
width: 100px;
text-align: left;
}

.commentlist .left {
width: 360px;
}

ol.commentlist li {
list-style: none;
margin: 10px 0;
padding: 10px;
}

ol.commentlist li:hover {
background: #eef;
}

.avatar {
display: block;
position: relative;
left: -66px;
}

ol.commentlist li cite {
}

#content ol.commentlist li a {
}

li.author {
}



/* ---------- Footer ---------- */
#academy {
width: 200px; height: 70px;
background: url(images/logo.jpg) no-repeat;
}

#rss {
width: 30px; height: 30px;
background: url(images/rss.png) no-repeat;
overflow: hidden;
margin: 20px 0 0 20px;
}

#footer {
width: 100%;
padding: 20px 0;
text-align: center;
color: #fff;
font: 10px Tahoma;
/*background: url(images/footer.png) no-repeat bottom left;*/
position: relative;
z-index: 2;
}

#footer a:link, #footer a:visited {
font-weight: bold;
color: #fff;
text-decoration: none;
}

#footer a:hover, #footer a:focus {
color: #cbd;
}



/* ---------- Wordpress stuff ---------- */
.clear {clear: both;}
.left, .alignleft {float: left;}
.right, .alignright {float: right;}
img.aligncenter, div.aligncenter {display: block; margin: 0 auto;}
img.alignright, div.alignright {margin: 1px 0 2px 10px; display: inline;}
img.alignleft, div.alignleft {margin: 1px 10px 2px 0; display: inline;}
.wp-caption-text {font-size: .7em; line-height: 1.1em; margin: 0;}
a.image:link, a.image:visited, a.image:hover {background: none; padding: 0;}
a.image img {border: none;}
blockquote {padding: 0 10px 0 30px; text-indent: -30px;}
.notext {background-position:0 0; background-repeat:no-repeat; display:block; font-size:0; line-height:0; text-indent:-4000px;}



/* ---------- wpPageNavi plugin ---------- */
/* Use !important to override PageNavi CSS */
.wp-pagenavi {
margin-top: 30px;
color: #707a84 !IMPORTANT;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
padding: 2px 9px !IMPORTANT;
border: 1px solid #bbb !IMPORTANT;
color: #707a84 !IMPORTANT;
}
.wp-pagenavi a:hover {
border: 1px solid #777 !IMPORTANT;
color: #333 !IMPORTANT;
}
.wp-pagenavi span.pages {
border: 1px solid #bbb !IMPORTANT;
}
.wp-pagenavi span.current {
border: 1px solid #bbb !IMPORTANT;
}
.wp-pagenavi span.extend {
border: 1px solid #bbb !IMPORTANT;
}


/* Mozilla based browsers */
::-moz-selection {
background-color: #d5f36a;
}
/* Works in Safari */
::selection {
background-color: #d5f36a;
}