/*
Theme Name: Opor Ayam
Theme URI: http://iznyn.com/works/wp-theme/opor-ayam-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, 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.8
Author: Mohammad Arif
Author URI: http://iznyn.com/
Tags: green, brown, fixed-width, two-columns
*/

/*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: #333300; text-decoration: none;}
body {background: #ffffff url(images/bg.gif) repeat-y left top; font-size: 62.5%; color: #3333300;}

/*Easy Clearing*/
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hide {display: none;}

/**
 *TOP
 */
#top {border-top: 8px solid #333300; background: transparent url(images/border-top.png) no-repeat top center; _background: transparent none; padding: 55px 0 70px 80px; min-width: 927px;}

/*Header*/
.header{font: italic bold 10px/30px Georgia, Garamond, "Times New Roman", serif;}
	.header h1 a {font-size: 40px;}
	.header h1 a:hover {color: #666600;}
.header .desc {font-size: 12px; width: 500px; margin-left: 20px;} 

/*Menu*/
#menu {position: absolute; top: 153px; left: 0; width: 100%; background: transparent url(images/menu-border.gif) repeat-x left bottom;}
#menu-inner {float: left; font: italic bold 15px "Trebuchet MS", Arial, sans-serif; width: 1000px;  text-align: right;  padding-right: 7px;}
	#menu-inner ul {margin-right: 17px; float: right;}
	#menu-inner li {float: left; }
		#menu-inner li a {padding: 0 30px; display: block; line-height: 30px; color: #557e03;}
		#menu-inner li a:hover {background: transparent url(images/menu-hover-border.gif) repeat-x left bottom; color: #99cc33;}
/*More page */
.more-pages {position: relative; display: block; height: 16px; width: 14px; background: transparent url(images/btn-more-page.gif) no-repeat; margin-top: 6px;}
.more-pages:hover {background-position: 0 -16px; cursor: pointer;}
.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;}
#menu .hide li a {display: block; padding: 0; font: 12px "Trebuchet MS", Arial, sans-serif; color: #333300;}
#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: #99cc33; cursor: default;}
#menu .more-pages:hover .hide {display: block;}
/*IE6 fix*/
* html #menu #site-menu .more-pages ul {display: block;}
		
/*Search*/
.search {position: absolute; top: 60px; left: 0; width: 1000px; padding-right: 7px;}
.search form {float: right;  padding-right: 40px;}
.search .input-text, .widget_search #s {background: #ffffff url(images/bg-input-search.gif) repeat-x top left; border: none; padding: 6px 4px;}
.search .btn-search, .widget_search #searchsubmit {width: 86px; height: 28px; background: url(images/bg-btn-search.gif) no-repeat; border: none; margin-left: 4px; font-weight: bold; font-style: italic; color: #666633;}
.search .btn-search:hover, .widget_search #searchsubmit:hover {background-position: 0 -28px; cursor: pointer;}
.widget_search #s {width: 100px;}
.widget_search label {display: block; font-size: 1.4em; font-weight: bold; font-style: italic;}




/**
 *MIDDLE
 */
#middle {padding-bottom: 12em;}
	
/*Mid-inner*/
#mid-inner {padding: 40px 0 0 100px; width: 900px; padding-right: 7px;}

/**
 *Content
 */
#content {float: left; width: 660px;}
/*Box Style*/
.content-box {background-color: #ffffff; border: 1px solid #e0e0ca; padding: 1px; margin-bottom: 1.5em;}
	.content-box .box-inner {background: #f0f0e0 url(images/bg-hover-box.png) no-repeat bottom right; _background-image: none; padding: 1.4em 1.4em 2.4em;}

/*Post style*/
.entry-title {font: bold 2.3em Georgia, Garamond, "Times New Roman", serif;}
	.entry-title a:hover {color: #336600;}
.entry-date {font: 1.1em "Trebuchet MS", Arial, sans-serif; color: #999966;}
	.entry-date abbr {border-bottom: none; font-style: italic;}
.entry-content {padding: 1.5em 0 1.7em; color: #333300; font: 1.3em  Tahoma, Verdana, Arial, sans-serif; }
	.entry-content p {margin-bottom: 1em; letter-spacing: 0.1em; line-height: 1.4;}
.post-info {border: 1px solid #cccc99; background: #cdcd9a url(images/bg-meta-foo.gif) repeat-x; padding: 0.8em; color: #666633; font: 1.1em "Trebuchet MS", Arial, sans-serif; position: relative;}
	.post-info * {display: inline;}
	.post-info strong {font-weight: normal;}
	.post-info .permalink {position: absolute; top: 0.8em; right: 1em; _right: 3em;}
	.post-cat, .post-cc {border-left: 1px solid #b1b17e; padding-left: 1.1em;}
	.post-cat, .post-author {border-right: 1px solid #dfdfa8; padding-right: 1.1em;}
	.post-info a {color: #666633;}
	.post-info a:hover {color: #669900; text-decoration: underline;}
		.post-author address {font-style: normal;}
		
	.single .post-info {position: static;}
		
/* Magic Of Category List */
.more-cat {font-style: normal; position: relative;}
.more-cat span {display: none;}
.more-cat:hover {cursor: help; font-weight: bold;}
.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: #333300;}
.more-cat span a:hover {text-decoration: none; background-color: #99cc66; cursor: default; color: #333300;} 

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

		
/**
 *Sidebar
 */
#sidebar {float: right; width: 210px;}
.widget {margin-bottom: 5em;}
	.widgettitle {font: italic bold 2.8em Georgia, Garamond, "Times New Roman", serif; color: #666633; margin-bottom: 0.4em;}
	.widget a {display: block; font: bold 1.2em "Trebuchet MS", Tahoma, Arial, sans-serif; margin-left: 0.6em; background: transparent url(images/bullet-list.png) no-repeat left center; padding: 1.2em 0 1.2em 1.4em; color: #333300; border-bottom: 1px solid #999966;}
	.widget a:hover {background-image: url(images/bullet-list-hover.png); color: #669900;}
	
.widget.widget_tag_cloud a, #wp-calendar a {display: inline; background: transparent none; margin: 0; padding: 0 0.5em 0 0;}

/* Calendar */
#wp-calendar  {width: 100%; border-collapse: collapse; font-size: 1.4em;	line-height: 2.0;}
#wp-calendar tfoot, #wp-calendar thead, #wp-calendar tbody tr  {border-bottom: 1px solid #333300;}
#wp-calendar thead {border-top: 1px solid #333300;}
#wp-calendar tfoot, #wp-calendar thead {background-color: #336600; line-height: 32px;}
#wp-calendar td {text-align: center; padding: 0 1px 0 0;}
#wp-calendar tfoot a {font-size: 1em; color: #000000;}
#wp-calendar tfoot a:hover {text-decoration: underline;} 
#wp-calendar tfoot td { text-align: left; padding-left: 0.6em;}
#wp-calendar tbody td a {padding-right: 0; display: block; background-color: #99cc66;}
#wp-calendar #today {background-color: #cccc99;}
#wp-calendar caption {text-align: left; font: italic 1.3em Georgia, "Times New Roman", serif; margin-bottom: 0.4em; color: #669900;}

	
/**
 *Footer
 */
#footer {width: 900px; margin: 0 7px 0 100px; border-top: 1px solid #9f9f8e; padding: 0.8em 0 3em; font: italic bold 1.1em/1.6 Georgia, Garamond, "Times New Roman", serif; color: #9f9f8e;}
#footer a {color: #9f9f8e; text-decoration: underline;}
#footer a:hover {color: #669900; text-decoration: none;}


/**
 *More
 */
.page-title {font: italic bold 2.4em Georgia, Garamond, "Times New Roman", serif; color: #666633; margin-bottom: 0.8em;}

/*Single post*/
.single-post .post-author {font: 1.1em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #999966; border-right: none;}
	.single-post .post-author strong {font-weight: normal;}
	.single-post .post-author address {display: inline;}
		.single-post .post-author a, .single-post .post-info a, .single-post .note a, .subpage a {color: #669900; font-weight: bold; font-style: italic;}
		.single-post .post-author a:hover, .single-post .post-info a:hover, .single-post .note a:hover , .subpage a:hover {color: #99cc00; text-decoration: underline;}
.single-post .entry-title {font-size: 2.5em;}
.single-post .post-info {background: transparent none; border-right: none; border-left: none; padding: 0.5em 1em; font-size: 1.2em;}
	.single-post .post-info li {display: block; padding: 0.3em 0;}
	.single-post .post-info strong {font-weight: bold;}
	.single-post .post-cat {padding: 0; border: none;}
	
.single-post .note, .logged-nfo, .nocomments {font: italic 1.2em Georgia, Garamond, "Times New Roman", serif; margin: 1em 0 0 1em;}

/*Comments*/
#comments {margin-top: 4em;}
/*.single-post .box-inner, .single-post .content-box {float: left;}*/
	.sb-comment {font: italic bold 2.2em Georgia, "Times New Roman", serif; color: #333300; border-bottom: 1px solid #333300;  margin-bottom: 1em;}
	.comment {clear: both; margin-bottom: 1em; background-color: #99cc66; padding: 10px; width: 600px;}
	.comment .author-grav {float: left;}
	.comment .comment-content {float: left; width: 520px; margin-left: 12px;} 
	.comment-info {padding-bottom: 0.3em; border-bottom: 1px solid #ccff66;}
		.comment-author {font: italic bold 1.4em Georgia, "Times New Roman", serif; color: #333300;}
		.comment-date {font: italic 1.1em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #ccff66;}
		.comment-text {font: 1.3em Tahoma, Arial, sans-serif; color: #ffffff; padding-left: 0.8em; margin-top: 0.5em; border-left: 3px solid #ccff99;}
	.comment.c-alt {background-color: transparent;}
	.c-alt .comment-author {color: #669900;}
	.c-alt .comment-date {color: #666633;}
	.c-alt .comment-text {color: #333300; border-left-color: #99cc66;}
	.c-alt .comment-info {border-bottom-color: #666633;}
	
	/*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: #666633;}
	.comment-text a:hover {background-color: #ccff66; text-decoration: none; border-bottom: 1px solid #666666;}
	.c-alt .comment-text a, .c-alt .comment-text a:active, .c-alt .comment-text a:visited  {color: #336600; font-style: normal; text-decoration: underline;}
	.c-alt .comment-text a:visited  {color: #669900;}
	.c-alt .comment-text a:hover {background-color: #99cc66; border-bottom: 1px solid #336600; text-decoration: none;}
	.comment-text abbr, acronym {color: #ffffcc; cursor: help;}
	.c-alt .comment-text abbr, .alt .comment-text acronym {color: #669900;}
	.comment-text q {font-style: italic;}
	.comment-text pre {margin-left: 0.6em; overflow: auto; background-color: #ccff99; color: #333300; border: 1px dashed #333300; padding: 0.6em; _width: 100%;}
	.c-alt .comment-text pre {background-color: #99cc66;}
	
/*Replay */
#respond {clear: both; padding-top: 0.1em;}
#respond .sb-comment {font-size: 3em; margin-top: 1em;}
.logged-nfo a {color: #669900; font-weight: bold;}
.logged-nfo a:hover {text-decoration: underline;}
#respond label {font: italic bold 1.2em "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333300; display: block; margin-top: 1.4em;}
#respond input[type="text"], #respond textarea {background: #ffffff url(images/bg-input-replay.gif) repeat-x; border: none; padding: 0.4em;}
#respond textarea {background-image: url(images/bg-input-replay-com.gif); _background-image: none;}
#respond .btn-submit {background: transparent url(images/bg-btn-replay.gif) no-repeat; width: 123px; height: 29px; 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 -29px;}
.comment-closed {font: italic bold 2.4em Georgia, Garamond, "Times New Roman", serif;}

/**
 *Post Content 
 */
.entry-content blockquote p {font-size: 1.0em;}
/*link*/
.entry-content a, .entry-content a:active, .entry-content a:visited  {color: #336600; font-style: normal; text-decoration: underline;}
.entry-content a:visited  {color: #669900;}
.entry-content a:hover {background-color: #99cc66; border-bottom: 1px solid #336600; text-decoration: none;}
/*heading*/
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin: 1.2em 0 0.4em; font-family: Georgia, "Times New Roman", serif;}
.entry-content h1 {font-size: 2.0em;}
.entry-content h2 {font-size: 1.8em;}
.entry-content h3 {font-size: 1.6em;}
.entry-content h4 {font-size: 1.4em;}
.entry-content h5 {font-size: 1.3em;}
.entry-content h6 {font-size: 1.2em;}
.entry-content h1:first-child {margin-top: 0.3em;}
/*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;}
/*accronym & abbr */
.entry-content acronym, .entry-content abbr {background-color: #99cc66; border-bottom-color: #336600; 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 #99cc66;	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 #99cc66; color: #999966;}
/*code*/
.entry-content code, .entry-content kbd, .entry-content cite {background-color: #99cc66;}
/*del*/
.entry-content del {color: #dddd88;}
/*pre*/
.entry-content pre {background-color: #99cc66; border: 1px dashed #333300; padding: 1em; 	margin: 1em 0; 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 #666633; border-bottom: 1px dashed #666633; background-color: #99cc66; font: bold 1.4em Georgia, Garamond, "Times New Roman", serif; padding: 0.2em 0;}
.entry-content thead, .entry-content tfoot {background-color: #669933; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
.entry-content thead th {padding: 0.2em 1em; }
.entry-content tbody td {padding: 0.2em 0.5em 0.2em 1em;}
.entry-content tbody .sec, .entry-content tbody .alternate {background-color: #99cc66;}
.entry-content tfoot td {padding: 0.5em 0 0.5em 1em; font-size: 0.8em; font-style: italic;}

/**
 *Archives Page Style
 */
#category-archives .entry-content {list-style: inside circle;}
#archives .entry-content {font: 15px "Trebuchet MS", Tahoma, Arial, sans-serif; padding-top: 1em;}
#category-archives .entry-content * {font-size: 15px;}
.entry-content li {padding-bottom: 0.5em;}
#category-archives ul {margin: 0; margin-left: 0.8em;}
#category-archives ul li {padding: 0; margin: 0.6em 0;}

/*Sub Pages*/
.subpage {font: bold 1.4em "Trebuchet MS", Tahoma, Arial, sans-serif; padding: 1em 0 2em;}

.attachment .entry-title {font-size: 1.8em;}

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

/*Error*/
.error404 {font-size: 1.1em;}
.error404 .entry-title {font-size: 2.2em; margin-bottom: 0.4em;}

/*Search*/
#search .page-title {margin-bottom: 0;}
.c-result {font-size: 1.4em; font-style: italic; color: #333300; margin-bottom: 1em;}
#search .entry-content {padding: 0.8em 0 0.1em;}
#search .permalink {float: none; font: bold 1.2em "Trebuchet MS", Arail, sans-serif; text-align: right;}
#search .permalink a:hover {text-decoration: underline;}
.s-result {margin-bottom: 3em; padding-bottom: 1em; border-bottom: 1px dotted #999933;}