/*

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.7

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: #FFCC00;}

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;*/ height:178px; 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;*/ height: 28px; /*background: transparent url(images/bg-menu.gif) repeat-x;*/ background: transparent url(images/bg_site-menu_ven.png) repeat-x; font: bold 12px/19px "Trebuchet MS", Tahoma, Arial, sans-serif; text-transform: uppercase;}

#site-menu {/*width: 790px;*/ width: 870px; margin: 0 auto; height: 28px; top: -18px; position: relative;}

#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 20px; /*border-left: 1px solid #d7dee0; border-right: 1px solid #919697;*/ color: #FFFFFF}

#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: 0px; padding:0px; 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: 1.2m Georgia, Garamond, "Times New Roman", sans-serif; text-align: right; color: #666666; margin-bottom: 0.6em; font-weight:bold;}

#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;*/ font-family: "Trebuchet MS", sans-serif; margin: 1.1em 0 0.4em;}

.entry-title, .page-title {font-size: 2.6em;/*font-size: 2.6em;*/ /*color: #006699;*/ color: #ff9900; 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: 0px; 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; color:#999999; }

.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;*/ text-align:center; margin-left: auto; margin-right: auto; font-size: 12px; font-weight: bold; font-family: "Trebuchet MS", sans-serif; /*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; color: #7f7fff}





/**

 *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;}



/**

 *BOTTOM BANNERS

 */

 #banner-pre-footer {width: 840px; height: 140px; margin-left: auto; margin-right: auto; margin-bottom: 20px; border-top: 1px solid #CCCCCC; /*border-bottom: 1px solid #CCCCCC; padding-bottom:10px;*/ padding-top:15px; padding-left:5px; }

 .banner-pre-footer-img { margin-left: 5px; margin-right: 5px;}