/*
Theme Name: Purity Of Soul
Theme URI: http://iznyn.com/works/wp-theme/purityofsoul-wp-theme/
Description: WordPress theme which are arranged in order to welcome the big day of Islam, Idul Fitri 1430 H. This theme very nice for personal blog with two columns, center, right-sidebar and fixed-width. Compatible with WordPress 2.8. Valid CSS & HTML. Design by <a href="http://iznyn.com">iznyn</a> and released under GPL.
Version: 1.9
Author: Mohammad Arif
Author URI: http://iznyn.com/
Tags: blue, white, two-columns, right-sidebar
*/

/*Clearing default style*/
body, p, blockquote, h1, h2, h3, h4, h5 , h6, ul, ol, dl, table {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ul, ol, dl {list-style: none;}
a {color: #333333; text-decoration: none; outline: none;}
a:hover {color: #336699;}
body {font-size: 62.5%; color: #333333;}

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.hide {display: none;}
br {margin: 0.2em; padding: 0; height: 0; display: block; visibility: hidden;}

/**
 *TOP
 */
#top{height: 215px; width: 100%; background: #ffffff url(images/bg-top.gif) repeat-x top left;}
.header {width: 820px; height: 150px; margin: 0 auto; background: transparent url(images/bg-heading.png) no-repeat; _background-image: none; font: italic 14px/24px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #006699;}
.header h1 {font-size: 2.2em; font-weight: bold; padding: 40px 0 0 80px;}
.header a {color: #006699;}
.header a:hover {color: #6699cc;}
.header .desc {padding-left: 120px; width: 280px;}


/*
 *MENU
 */
#menu {position: absolute; top: 150px; left: 0; width: 100%; height: 65px; background: transparent url(images/bg-menu.gif) repeat-x; font: bold 12px/19px "Trebuchet MS", Tahoma, Arial, sans-serif; text-transform: uppercase;}
#site-menu {width: 790px; margin: 0 auto;}
#site-menu li {float: left;  padding: 23px 0;}
#site-menu li.first-menu a {border-left: none;}
#site-menu li.last-menu a {border-right: none;}
#site-menu li a {display: block; padding: 0 40px; border-left: 1px solid #d7dee0; border-right: 1px solid #919697;}
#site-menu li:hover a {color: #336699;}
#site-menu li:hover {background: transparent url(images/bg-menu-hover.png) no-repeat bottom center; cursor: pointer;}
/*More page */
#site-menu .more-pages {position: relative; display: block; height: 21px; width: 20px; background: transparent url(images/button-more-page.png) no-repeat; _background-image: none; margin-top: 6px; padding: 0; margin: 23px 0;}
#site-menu .more-pages:hover {background: transparent url(images/button-more-page.png) no-repeat 0 -21px; cursor: pointer;}
#site-menu .more-pages .hide {position: absolute; left: 0; top: 16px; width: 140px; background: #ffffff url(images/bg-more-page-box.gif) repeat-y top left; padding: 0.4em; z-index: 2;}
#menu .hide li a {display: block; padding: 0; font: 12px "Trebuchet MS", Arial, sans-serif; color: #000033; border: none; text-transform: capitalize;}
#menu .hide li {float: none; text-align: left; padding: 0.2em 0;}
#menu .hide li:hover {cursor: default;}
#menu .hide li a:hover {border-bottom: none; background-color: #6699cc; cursor: default;}
#menu .more-pages:hover .hide {display: block; _display: none;}

.search .widgettitle {text-align: left; margin-bottom: 0.1em;}
.search {margin-bottom: 2em;}
.search .input-text {width: 200px; padding: 0.3em 5px;}
.search .btn-search {margin: 4px 0 0 170px;}


/**
 *MIDDLE
 */
#middle {background: #ffffff url(images/bg-middle.gif) repeat-y top center; padding-bottom: 4em;}
#middle-inner {width: 790px; margin: 0 auto; padding: 30px 0;}
#main-content {width: 518px; float: left; background-color: #ffffff; border: 1px solid #cad7dc; padding: 20px;}
	

/**
 *SIDEBAR
 */
#sidebar {width: 220px; float: right; position: relative; font: 13px "Trebuchet MS", Tahoma, Arial, sans-serif;}
.widget {background-color: #ffffff; border: 1px solid #cad7dc; padding: 1em 1em 3em 1em; margin-bottom: 1em;}
/*RSS*/
.rss {font-weight: bold; font-style: italic; text-align: right; background: url(images/ic-rss.gif) no-repeat center right; padding-right: 20px;}
.widgettitle {font: 2em Georgia, Garamond, "Times New Roman", sans-serif; text-align: right; color: #006699; margin-bottom: 0.6em;}
#widget-about .widgetcontent {font: italic 1.1em Georgia, Garamond, "Times New Roman", sans-serif;}
#main-sidebar .widget li a {display: block; padding: 0.2em 0 1em 0.4em; border-bottom: 1px solid #a8aaaa; margin-top: 0.8em; height: 100%;}
#main-sidebar .widget li a:hover {border-left: 5px solid #73a1cf; background: transparent url(images/bg-sb-hover.gif) repeat-x left bottom; padding-left: 0.6em;}


/**
 *CONTENT
 */
.post {margin-bottom: 6em;}
.post-list {background-image: none; border-bottom: 1px dotted #ccccff; margin-bottom: 3em; padding-bottom: 1em;}
/*Heading*/
.entry-title, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {font-family: Georgia, Garamond, "Times New Roman", sans-serif; margin: 1.1em 0 0.4em;}
.entry-title, .page-title {font-size: 2.6em; color: #006699; font-weight: normal; margin: 0 0 0.8em;}
.page-title {margin-bottom: 1.4em; border-bottom: 1px dotted #336699;}
.post .entry-title {margin: 10px 0 0 70px;}
.e404 .post .entry-title {margin: 0 0 1.4em;}
/*Post Info*/
.post-info {position: relative; margin: 0.1em 0 3em; font: bold 1.0em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #7d8e90;}
.entry-date strong {display: none;}
.entry-date {position: absolute; top: -34px; left: 0; width: 53px; height: 67px; background: transparent url(images/bg-date.gif) no-repeat; padding: 6px 4px; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333333;}
.entry-date abbr {border-bottom: none;}
.entry-date .day {font: italic bold 26px Georgia, Garamond, "Times New Roman", sans-serif; line-height: 20px;}
.month {font-size: 13px; font-weight: bold; letter-spacing: -1.8px;}
.year {position: absolute; top: 3px; right: 2px; font-size: 15px; font-weight: bold;}

.post-author, .post-cat, .post-cc, .post-author address {display: inline;}
.post-author {margin-left: 72px;}
.post-info li {margin-right: 0.6em;}
.post-info li a {color: #006699;}
.post-info li a:hover {color: #0099ff; text-decoration: underline;}

/* Magic Of Category List */
.more-cat {font-style: normal; position: relative;}
.more-cat span {display: none;}
.more-cat:hover {cursor: help; font-weight: bold; font-style: normal;}
.more-cat:hover span {display: block; z-index: 1;}
.more-cat span {position: absolute; left: 0; top: 1.4em; width: 100px; background-color: #ffffff; border: 1px solid #cccc99; padding: 0.6em;}
.more-cat span a {display: block; padding: 0.2em 0; color: #003333;}
.more-cat span a:hover {text-decoration: none; background-color: #ccccff; cursor: default; color: #003333;} 

/**Content Post**/
.entry-content {margin-bottom: 2em;}
.entry-content p {margin-bottom: 1em;}
/*link*/
.entry-content a {color: #006699; font-style: normal; text-decoration: underline;}
.entry-content a:hover {background-color: #ccccff; border-bottom: 1px solid #006699; text-decoration: none;}
/*Heading*/
.entry-content {font: 1.25em Tahoma, Verdana, Arial, sans-serif; line-height: 1.5; letter-spacing: 0.1em;}
.entry-content h1 {font-size: 1.7em;}
.entry-content h2 {font-size: 1.6em;}
.entry-content h3 {font-size: 1.5em;}
.entry-content h4 {font-size: 1.4em;}
.entry-content h5 {font-size: 1.3em;}
.entry-content h6 {font-size: 1.2em;}
/*Image*/
.entry-content img {margin: 0.6em 0; display: block; border: 1px solid #cccc99; padding: 2px;}
.entry-content a:hover img {border-color: #99cc66;}
.entry-content .full {width: 100%; height: auto;}
.entry-content .potrait {width: 220px; height: auto;}
.aligncenter {margin: 0 auto;}
.alignleft {float: left; margin: 0 1em 0.4em 0;}
.alignright {float: right; margin: 0 0 1em 1em;}
.aligncenter .wp-caption-text {text-align: center;}
.wp-caption-text {text-align: center; font-weight: bold; border-top: 1px solid #cccc99; border-bottom: 1px solid #cccc99; padding: 0.3em 0;}
.splash {width: 100%; height: auto;}
/*accronym & abbr */
.entry-content acronym, .entry-content abbr {background-color: #ccccff; border-bottom-color: #003333; cursor: help;}
/*Definition List */
.entry-content dl {margin: 1em 0;}
.entry-content dl dt {font-weight: bold; text-decoration: underline; margin-top: 1em;}
.entry-content dl dd {margin-left: 0.6em; 	border-left: 3px solid #6699cc;	padding-left: 0.5em;}
/*List*/
.entry-content ol {list-style: decimal inside; margin: 0.5em 0 1em 0.8em;}
.entry-content li {padding-bottom: 0.2em;}
.entry-content ol>li>ol {list-style-type: lower-latin;}
.entry-content ol>li>ol ol, .entry-content ol>li>ol ul{list-style-type: circle;}
.entry-content ul {list-style: circle inside;	 margin: 0.5em 0 1em 0.8em;}
/*Address and blockquote styles */
.entry-content address, .entry-content blockquote {margin: 0.6em 0 0.6em 1em; padding-left: 0.8em; border-left: 4px solid #6699cc; color: #999966;}
/*code*/
.entry-content code, .entry-content kbd, .entry-content cite {background-color: #ccccff;}
/*del*/
.entry-content del {color: #c4cbd2;}
/*pre*/
.entry-content pre {background-color: #ccccff; border: 1px dashed #6699cc; padding: 1em; 	margin: 1em 0; font-size: 1.16em; overflow: auto;}
.entry-content pre code {background-color: transparent;}
/*table*/
.entry-content table {margin: 1em 0; border-collapse: collapse;}
.entry-content caption {border-top: 1px dashed #003333; border-bottom: 1px dashed #003333; background-color: #6699cc; font: bold 1.4em Georgia, Garamond, "Times New Roman", serif; padding: 0.2em 0;}
.entry-content thead, .entry-content tfoot {background-color: #336699; border-top: 1px solid #003366; border-bottom: 1px solid #003366; }
.entry-content thead th {padding: 0.2em 1em; }
.entry-content tbody td {padding: 0.2em 0.5em 0.2em 1em;}
.entry-content tbody .sec {background-color: #99ccff;}
.entry-content tfoot td {padding: 0.5em 0 0.5em 1em; font-size: 0.8em; font-style: italic;}


/** Post Meta **/
.post-meta {width: 100%; background: transparent url(images/bg-metafoo-right.gif) no-repeat right center; font: bold 10px/22px "Trebuchet MS", Tahoma, Arial, sans-serif;}


.post-meta a {color: #42494a;}
.post-meta a:hover {text-decoration: underline;}

#nav-below {font: italic bold 12px/16px "Trebuchet MS", Tahoma, Arial, sans-serif;}
.nav-previous {float: left; width: 50%;}
.nav-next {float: right; width: 50%; text-align: right;}

/**
 *FOOTER
 */
#footer {clear: both; border-top: 1px solid #959a9c; background: #ffffff url(images/bg-footer.gif) repeat-x left bottom;}
#footer-inner {width: 790px; margin: 0 auto; font: italic bold 12px/16px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #696969; background: transparent url(images/bg-decoration-footer.png) no-repeat left bottom; _background-image: none;  padding: 20px 0 24px;}
#footer-inner a {text-decoration: underline;}


/**
 *PAGE
 */
#monthly-archives {margin-bottom: 4em;}
#archives .entry-content li {margin-bottom: 0.5em;}
.page .entry-content>div, .page .entry-content>ul>li {margin-bottom: 1em;}

.page .post-edit-link, .subpage  {font: italic bold 1.4em "Trebuchet MS", Arial, sans-serif;}
.page .post-edit-link:hover {color: #006699; text-decoration: underline;}

.subpage {padding: 1em 0 2em;}


/**
 *SINGLE
 */
.single .post-tag  {background: #e2edf1 none; font: bold 1.4em "Trebuchet MS", Tahoma, Arial, sans-serif; padding: 0.4em 0 0.4em 0.6em; margin-bottom: 1.5em;}
.single .post-tag a, .note a, .logged-nfo a {color: #006699; font-weight: bold;}
.single .post-tag a:hover, .note a:hover, .logged-nfo a:hover {color: #336699; text-decoration: underline;}

.note, .logged-nfo, .nocomments {font: italic 1.3em "Trebuchet MS", Tahoma, Arial, sans-serif;}

.single-post #main-content {padding-bottom: 4em;}

/** Comments **/
.sb-comment {font: italic bold 2.4em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #336699; border-bottom: 1px solid #336699; margin-bottom: 1em;}
#comments {margin-top: 4em;}
.single-post .box-inner, .single-post .content-box {float: left;}
.comment {clear: both; margin-bottom: 1em; padding: 10px; float: left; width: 500px; border-bottom: 1px solid #ccccff;}
.comment .author-grav {float: left;}
.comment .comment-content {float: left; margin-left: 12px; width: 420px;} 
.comment-author {font: italic bold 1.6em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #336699;}
.comment-date {font: italic 1.1em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #666666;}
.comment-text {font: 1.3em Tahoma, Arial, sans-serif; color: #333333; padding: 0.7em 0 1em 2.2em; background: url(images/ic-quote.gif) no-repeat;}
/*Comments Text Style*/
.comment-text p {margin-bottom: 0.7em;}
.comment-text blockquote {margin: 0 0 0.4em 0.5em;}
/*link*/
.comment-text a, .comment-text a:active, .comment-text a:visited {text-decoration: underline;}
.comment-text a:visited {color: #006699;}
.comment-text a:hover {background-color: #99ccff; text-decoration: none; border-bottom: 1px solid #003366;}
.comment-text abbr, acronym {color: #006699; cursor: help;}
.comment-text q {font-style: italic;}
.comment-text pre {margin-left: 0.6em; overflow: auto; background-color: #99ccff; color: #333300; border: 1px dashed #333300; padding: 0.6em;}


/*Replay */
#respond {clear: both; padding-top: 0.1em;}
#respond .sb-comment {font-size: 2.4em; margin-top: 1em;}
#respond label {font: italic bold 1.2em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #003366; display: block; margin-top: 1.4em;}
#respond input[type="text"], #respond textarea {background: #cde0f3 url(images/bg-input-comment.gif) repeat-x; border: none; padding: 0.4em;} 
#respond .btn-submit {background: transparent url(images/button-leave-comment.gif) no-repeat; width: 130px; height: 27px; border: none; font: italic bold 1.3em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333300; cursor: pointer; margin-top: 0.6em;}
#respond .btn-submit:hover {background-position: 0 -27px;}
#respond .btn-submit:active {background-position: 0 -54px;}

.comment-closed {font: italic bold 2.0em "Trebuchet MS", Tahoma, Arial, sans-serif; margin-top: 1.2em;}


/**
 *SEARCH PAGE
 */
#search .page-title  {margin-bottom: 0;}
.c-result, .permalink {font: italic bold 1.2em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #003366; margin-bottom: 2em;}
#search .entry-title {margin: 0 0 0.6em 0;}
.permalink {float: none; text-align: right; margin-bottom: 0;}