/*  
Theme Name: Prosumer
Theme URI: http://www.jauhari.net/themes/prosumer
Description: <p>Prosumer Theme is clean layout that build with 3 Columns Layout.</p><ul style="list-style:none;"><li>* Left and Right Sidebar</li><li>* Widget Ready</li><li>* Change About text via Admin Profile</li><li>* Tested on WordPress 2.1.x</li></ul> <p>Visit the <a href="http://www.jauhari.net/themes/prosumer">Theme Page</a> for theme update and other related information.</p><p>The CSS, XHTML and design is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a></p>
Version: 1.1
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net/

	This theme was designed and built by Nurudin Jauhari,
	whose blog you will find at http://www.jauhari.net/themes/prosumer
	Crafted on 06 June 2007
	Last Edit: 06June 2007 04.00  +7 GMT

	The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:
	http://creativecommons.org/licenses/by/3.0/

	/**
	Georgia, "Times New Roman", Times, serif
	Garamond, Georgia, "Times New Roman", times, serif
	Arial, Helvetica, sans-serif
	***/
*/

/* Social Style 
********************* */

html
{ font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%; margin-bottom: 0.1em; }
*
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
img
{ font-family: Verdana, Arial, Helvetica, sans-serif; border: 0; }
p
{ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; margin: 0.7em 0; }
dl
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1em 0; }
dt
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
dd
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0.5em; padding: 0; }
img.right
{ font-family: Verdana, Arial, Helvetica, sans-serif; float: right; margin: 10px 0 0 10px; }
img.left
{ font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin: 0 10px 0 0; }
hr
{ font-family: Verdana, Arial, Helvetica, sans-serif; display: none; }
body
{
	background: #fffdf6;
	color: #333;
	font: 72%/1.6em Verdana, Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
	text-align: center;
}
a
{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:link, a:visited
{ color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:hover, a:active
{ font-family: Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Etc
******************** */
br.clear { font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; }

/* Design 
******************** */
#top { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; width: 950px; position: relative; height: 131px; background: #333; border-bottom: 2px solid #fff; }
#topi { font-family: Verdana, Arial, Helvetica, sans-serif; background: #333 url(images/head.jpg) no-repeat; left: 0; width: 576px; height: 131px; top: 0; position: absolute; width: 600px; height: 131px; }
#page { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 950px; background: #fffdf6; margin: 20px auto 10px; }
#header { font-family: Verdana, Arial, Helvetica, sans-serif; background: #1bacf2; border-bottom: 5px solid #b98718; }
#headr { width: 950px; margin: 0 auto; color: #c3eafb; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
#headr h1 {
	margin: 0;
	padding: 20px 0 0 600px;
	font-size: 22pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#headr h1 a { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; }
#headr h1 a:hover { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; }
#headr .description { padding: 10px 0 0 600px; color: #efefef; font-family: Verdana, Arial, Helvetica, sans-serif; }
.rss2 { font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; right:0; bottom: 0; }
#left { font-family: Verdana, Arial, Helvetica, sans-serif; float: left; width: 730px; }
#right { font-family: Verdana, Arial, Helvetica, sans-serif; float: right; width: 220px; }

#content { font-family: Verdana, Arial, Helvetica, sans-serif; width: 510px; float: right; }
.post { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; }
.entry { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; text-align: justify; }
.entry  a { color: #af8c00; font-family: Verdana, Arial, Helvetica, sans-serif; }
.side1 { width: 200px; float: left; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.side2 { width: 200px; float: right; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.gap { font-family: Verdana, Arial, Helvetica, sans-serif;
/*	padding: 10px; */
}
/*#out-foot {
	background: #ccc;
}
*/
#footer { font-family: Verdana, Arial, Helvetica, sans-serif; background: #d4d3cf; margin: 0 auto; padding-top: 10px; text-align: center; width: 950px; }
#footer { color: #333; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footer a { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline
 }
#footer a:hover { color: #06c; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
/* Design 
******************** */
.side1  ul, .side2  ul{ font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; }
.side1  ul.children, .side2  ul.children{ font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 16px; }
.boxy, .side1 .categories, .side2 .categories, .widget, .side1 .linkcat, .side2 .linkcat  { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; }

input#s { width: 185px; padding: 5px; margin-bottom: 10px; background: #f7f0d4; border: solid 2px #e2b400; color: #a73228; font-family: Verdana, Arial, Helvetica, sans-serif; }
input#s:focus { background: #fff; color: #a73228; font-family: Verdana, Arial, Helvetica, sans-serif; }

input#searchsubmit
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; }


/* Design  Typo
********************* */
.side1 h2, .side2 h2{ color: #fff; font: 1.2em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 5px; padding: 4px; background: #6f7374; }
.side1 ul li ul li a, .side2 ul li ul li  a { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/star2.gif) no-repeat left top; padding-left: 18px; }

.side1 ul li ul li  a:hover,.side2 ul li ul li  a:hover { color: #822601; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/star.gif) no-repeat left top; }
.side1 ul li ul li.current_page_item a,.side1 ul li ul li.current-cat a, .side2 ul li ul li.current-cat a  { color: #822601; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background: url(images/star.gif) no-repeat left top; }

h2.pagetitle {
	text-align: left;
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
}

.post h2 {
	font: 2em Verdana, Arial, Helvetica, sans-serif;	

}
.post h2 a { color: #015d82; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; }
.post h2 a:hover { color: #980f1f; font-family: Verdana, Arial, Helvetica, sans-serif; }
p.postmeta { margin-bottom: 10px; color: #a73228; font-family: Verdana, Arial, Helvetica, sans-serif; }

p.meta { font-size: 87%; border-top: 2px solid #822601; margin-bottom: 10px; color: #a73228; font-family: Verdana, Arial, Helvetica, sans-serif; }
p.meta a
{ color: #a73228; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
span.user
{ font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px; }

span.timr
{ background: #822601; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px; }
span.catr
{ font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px; }
span.editr
{ font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px 2px 2px 18px; }
span.commr
{ font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/ico/comment.gif) no-repeat; padding: 0 2px 0 18px; }
.post ul.postspermonth{ font-family: Verdana, Arial, Helvetica, sans-serif; list-style:none; padding: 0; margin: 0; }
.post p a { font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc; }
.post ul { font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 35px; }
.post ol { font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 40px; }
.post p a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; border: none; }
.categr, .monthr { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; }
.categr h2, .monthr h2{ font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc; }

.rss { font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/feed-icon-10x10.png) no-repeat left center; padding-left: 12px; }
/* Comment Etc
********************* */
.navigation 
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; width: 510px; float: left; }

.navigation a
{ color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; }
.alignleft
{ font-family: Verdana, Arial, Helvetica, sans-serif; float: left; width: 50%; }
.alignright
{ font-family: Verdana, Arial, Helvetica, sans-serif; float: right; text-align: right; width: 50%; }



.ileft { font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin-right: 5px; }
#avatr { font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #333; }
p.stats { color: #999; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; border-style: solid none; border-width: 1px medium; border-top-color: #ccc; border-bottom-color: #ccc; }
blockquote
{ background: url(images/blockquote.gif) no-repeat left top; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1em; padding: 0 0 10px 50px; }
#content .commentsfeedr
{ font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/ico/feed_add.png) no-repeat left center; padding: 3px 20px; }
#content .trackbackr
{ font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/ico/arrow_refresh.gif) no-repeat left center; padding: 3px 20px; }
input.textbox, textarea
{
	background: #fff url(images/shadow_top.gif) repeat-x 50% top;
	border: solid 1px #ccc;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}
input.textbox:focus, textarea:focus
{ font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(images/shadow_top.gif) repeat-x 50% top; border: solid 1px #999; }
#submit
{ font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px; }
.comment
{ font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(images/shadow_top.gif) repeat-x 50% top; border-bottom: 1px solid #ddd; list-style: none; margin: 0; padding: 1em 0.5em; }
.alt
{ font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff; }
.MyAvatars
{ font-family: Verdana, Arial, Helvetica, sans-serif; float: right; margin-left: 5px; margin-right: 10px; padding: 3px; border-color: #ccc #999 #999 #ccc; border-style: solid; border-width: 1px; }

h3#respond, h3#comments {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#comment { font-family: Verdana, Arial, Helvetica, sans-serif; width: 98%; }
/* Top Navigation Style 
********************* */
/*  Menuv
******************** */
#topy { width: 950px; margin: 0 auto; background: #e2b400; position: relative; height: 40px; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#menuv  ul { font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; left: 10px; bottom: 10px; position: absolute; }
#menuv li { font-family: Verdana, Arial, Helvetica, sans-serif; display: inline; }
#menuv li.page_item  a, #menuv li.admintab  a { padding: 4px 10px 3px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; background: #333; border: solid 1px #5a1301; margin-right: 8px; }
#menuv li  a:hover { background: #efefef; color: #5a1301; font-family: Verdana, Arial, Helvetica, sans-serif; }
#menuv li.current_page_item  a { background: #fff; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 4px 10px 3px; border: solid 1px #5a1301; margin-right: 8px; }

#menuv li.rss2  a { font-family: Verdana, Arial, Helvetica, sans-serif; right: 0; top: 0; position: absolute; }

fieldset { font-family: Verdana, Arial, Helvetica, sans-serif; border: none; }
textarea#cp_message { font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; }


pre {
	width: 95%;
	overflow:auto;
	font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #a73228;
	max-height: 350px;
	margin: 10px 0;
	border: solid 1px;
	padding: 5px;
	background: #f7e2d4;
}

code {
font: 13px Verdana, Arial, Helvetica, sans-serif;
color: #a73228;
padding: 2px;
}

/* Change Log *** 
1.0	: Initial Public Released
1.1 	: Fix Some Issue
*** */