/* 
Theme Name: customsbuddy (Prosumer mod)
Theme URI: http://customsbuddy.com
Description: <p>customsbuddy theme is based on <a href="http://www.jauhari.net/themes/Prosumer">Prosumer Theme </a>by Nurudin Jauhari.</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.0
Author: Nurudin Jauhari (Original Author)
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: 27 November 2007 05.39 +7 GMT

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

	Modified & localized by Naoko McCracken (info@nao-net.com) for customsbuddy.com
*/

/* Social Style 
********************* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul, li { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { background: #ffffff; color: #000; font: 12px/1.6em verdana, ariel, sans-serif; text-align: center; margin-bottom: 10px; }
* html body { font-size: 78%; }

img { border: 0; }
img.right { float: right; margin: 10px 0 0 10px; }
img.left { float: left; margin: 0 10px 0 0; }
hr { display: none; }
a { text-decoration: none; }
a:link, a:visited { color: #666; }
a:hover, a:active { }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 4px; }

.clearfix { overflow:auto; }

/* Etc
******************** */
br.clear { clear: both; }

/* Design 
******************** */
#header, #footer, #page { margin: 0 auto; width: 950px; }
#header { background: #880000; height: 131px; margin-bottom: 1px; }
#headerinner { width: 374px; float: left; }

h1#sitetitle-ja, h2#sitetitle-en { margin: 0; font-family: verdana, arial, sans-serif; line-height: 1; }
h1#sitetitle-ja { width: 576px; height: 131px; float: left; }
#sitetitle-ja a:link, #sitetitle-ja a:visited { background: url(images/cb-header.jpg) no-repeat; text-indent: -999em; width: 576px; height: 131px; display: block; float: left; }
h2#sitetitle-en { height: 90px; background: #880000; text-align: left; font-size: 2.6em; line-height: 1.3; }
#sitetitle-en a:link, #sitetitle-en a:visited { color: #fff; display: block; padding: 15px 0 0 30px; }
#sitetitle-en span.description { display: block; font-size: 0.45em; font-weight: normal; }
p#subscribe a:link, p#subscribe a:visited { display: block; text-indent: -999em; background: url(images/subscribe-top.gif) no-repeat; height: 41px; width: 374px; }

#page { text-align: left; background: #ffffff; margin: 20px auto 10px; }
#left { float: left; width: 730px; }
#right { float: right; width: 220px; }
#content { width: 510px; float: right; }

.post { margin-bottom: 10px; clear: both; }
.entry { margin-bottom: 10px; clear: both; }
.entry a { color: #AF8C00; }

.side { width: 200px; float: left; }
#side2 { float: right; color: #000; }

#footer { background: #D4D3CF; margin-bottom: 5px; padding: 10px; text-align: center; clear: both; }
#footer p, #podPress_footer { margin: 0; color: #555; font-size: 0.92em; }
#footer a, #podPress_footer a { color: #444; text-decoration: underline; }
#footer a:hover, #podPress_footer a:hover { color: #06c; text-decoration: none; }

/* Design 
******************** */
#side1 ul, #side2 ul { list-style: none; }
#side1 ul.children, #side2 ul.children { margin-left: 16px; }
.boxy, #side1 .categories, #side2 .categories, .widget, #side1 .linkcat, #side2 .linkcat { margin-bottom: 10px; }
input#s { width: 180px; padding: 5px; margin-bottom: 10px; background: #F7F0D4; border: 2px solid #880000; color: #A73228; }
input#s:focus { background: #fff; color: #A73228; }
input#searchsubmit { margin: 0; }

/* Design Typo
********************* */
#side1 h2, #side2 h2 { 	font: 1.2em verdana, arial, sans-serif; 	color: #fff; text-transform: uppercase; margin-bottom: 5px; padding: 4px 8px; background: #880000; }
#side1 h3, #side2 h3 { font: 1.1em verdana, arial, sans-serif; font-weight: bold; color: #333; }
#tag_cloud h2 { margin-bottom: 10px; }
#side1 ul li ul li a, #side2 ul li ul li a { 	color: #333; background: url(images/star2.gif) left top no-repeat; padding-left: 18px; }

#recentcomments .recentcomments a:link, #recentcomments .recentcomments a:visited { background: none; }
#side1 ul li ul li a:hover,#side2 ul li ul li a:hover { 	color: #822601; background: url(images/star.gif) left top no-repeat; }
#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-weight: bold; background: url(images/star.gif) left top no-repeat; }
.post h2 { font-size: 1.8em; line-height: 1.3; }
.post h2 a { color: #000000; }
.post h2 a:hover { color: #980F1F; }
.post h3 { font-weight: bold; font-size: 1.4em; }
.post h4 { font-weight: bold; font-size: 1.3em; }
.side form { border: 0; padding: 0 10px; }
.side form p { margin-bottom: 3px; }

.post p { line-height: 1.6em; margin: 0 0 1em 0; }
.post dl { margin: 0 0 1em 0; }
.post dt { font-weight: bold; }
.post dd { margin: 0.5em; padding: 0; }
.post p a { text-decoration: underline; }
.post p a:hover { text-decoration: none; }
.post ul, .post ol { margin: 0 0 1em 35px; }
.post ul li { list-style-type: disc; }
.post ol li { list-style-type: decimal; }
.post p a:hover { border: none; }
.rss { background: url(images/feed-icon-10x10.png) left center no-repeat; padding-left: 12px; }

ul.meta { font-size: 0.94em; border-top: 2px solid #822601; margin: 0; color: #555; }
ul.meta li { list-style: none; line-height: 1; margin: 5px 0 10px 0; float: left; display: block; padding: 0 5px; }
ul.meta a:link, ul.meta a:visited { color: #A73228; text-decoration: none; font-weight: bold; }
ul.meta a:hover, ul.meta a:active { text-decoration: underline; font-weight: bold; }
ul.meta li.tag { margin-top: 10px; border-right: solid #999 1px; padding-left: 0; }
ul.meta li.timr { background: #822601; color: #fff; margin-top: 0; padding: 5px; }
ul.meta li.catr, ul.meta li.editr { border-left: solid #999 1px; }
p.commr { 	background: url(images/ico/comment.gif) 0 0 no-repeat; margin-bottom:20px; padding: 0 2px 0 18px; clear: both; }

.post .noborder { border: none; }
.post .noleftpad { padding-left: 0; }

/* Comment Etc
********************* */
.navigation { margin-bottom: 20px; width: 510px; float: left; }

.navigation a { color: #666; }
.alignleft { float: left; width: 50%; }
.alignright { float: right; text-align: right; width: 50%; }

ol.commentlist { margin: 1em 0; }
ol.commentlist li { list-style: none; }

.ileft { float: left; margin-right: 5px; }
#avatr { border: 1px solid #333; }
blockquote { background: url(images/blockquote.gif) no-repeat left top; color: #666; margin: 1em; padding: 0 0 0 50px; }
input.textbox, textarea { background: #fff url(images/shadow_top.gif) repeat-x top; border: #ccc 1px solid; font: 1em Verdana, Arial, Serif; padding: 2px; }
input.textbox:focus, textarea:focus { background: #fff url(images/shadow_top.gif) repeat-x top; border: #999 1px solid; }
#submit { padding: 3px 5px; }
.alt { background: #fff; }

h3#respond, h3#comments { font-size: 1.4em; clear: both; }

#comment { width: 98%; }

/* Top Navigation Style 
********************* */
/* Menuv
******************** */
#topy { width: 950px; margin: 0 auto; background: #880000; font-size: 1.2em; clear: both; }
div#menuv { font-size:1em; padding: 5px 7px; margin-bottom: 10px; }
#menuv ul { list-style: none; margin: 0; padding: 0; }
#menuv ul li { float: left; }
#menuv ul li a { padding: 3px 10px; display: block; border: 1px solid #5A1301; margin-right: 0.5em; }
#menuv li.page_item a, #menuv li.admintab a { color: #fff; margin-right: 0.5em; background: #333; }
#menuv li a:hover { background: #efefef; color: #5A1301; }
#menuv li.current_page_item a { color: #333; background: #fff; }

#menuv ul ul { display:none; }
#menuv ul ul li { float:none; }
#menuv ul ul li a { margin:0; padding:0; }
#menuv ul li:hover ul { display:block; position:absolute; padding-top: 4px; }
#menuv ul li:hover ul li a { border: 1px solid #fff; background:#333; color: #fff; display:block; padding: 3px 10px; width:10em; }
#menuv ul li:hover ul li a:hover { background: #fff; border: 1px solid #333; color: #333; }

pre { width: 95%; overflow:auto; font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif; color: #A73228; max-height: 350px; line-height: 18px; margin: 10px 0; border: 1px solid #A73228; padding: 5px; background: #F7E2D4; }

code { font: 13px 'Courier New', Courier, Verdana, Arial, monospace; color: #A73228; padding: 2px; }

table.plain { margin: 10px 20px 1em 20px; border: solid #7F7F7F; border-width: 1px 0 0 1px; border-collapse: collapse; }
table.plain th, table.plain td { border: solid #7F7F7F; border-width: 0 1px 1px 0; padding: 2px 10px; background: #FFF; text-align: left; }
table.plain th { white-space: nowrap; background: #efefef; text-align: center; }

div.melmag-form { background: #efefef; padding: 10px; }
.post div.melmag-form { margin: 10px 20px 1em 20px; }
div.melmag-form h3 { margin-bottom: 10px; }
#menuv div.melmag-form h3 { font-weight:bold; }
div.melmag-form form, div.melmag-form p { margin: 0; padding: 0; }
div.melmag-form p.powered { width: 12em; float: right; text-align: center; margin: 10px 0 0 0; font-size: 0.8em; }
div.melmag-form p.powered img { margin-bottom: 2px; display: block; margin: 0 auto; }
div.melmag-form br { display:none; } /* wordpress bug that inserts br after label */

/* cforms */
.cform { margin:10px auto 0 auto; width: 500px; }
.cform fieldset	{ margin-top:10px; padding:5px 0 5px 0;  border:none; }
.cform .cf_hidden { display:none; border:none!important; background:none!important; padding:0!important; margin:0!important; }
.cform legend { font-weight: normal; font-size: 1.6em; color: #444; }

ol.cf-ol { margin:0!important; padding:15px 0 0 0!important; border-top:1px solid #f2f2f2; }
ol.cf-ol li { background:none!important; margin:5px 0!important; /*some themes may interfere otherwise*/ padding:0; list-style:none!important; text-align:left; line-height:1.1em; }

/* just for text-only fields (no input)               */
ol.cf-ol li.textonly { color:#888888; font-size:1em; margin:12px 0 !important; padding:0 0 0 100px; }

/* global definitions for field labels                */
.cform label { width:130px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:left; vertical-align:top; }
.cform label span { display:block; width:130px; /* must be the same as above!*/ }
label.cf-before { margin:4px 10px 0 0; }
label.cf-after { margin:4px 2px 0 6px; text-align:left; width:105px; }
label.cf-after span { width:105px; display:block; }
label.cf-group-after { margin:4px 0 0 2px; width:90px; text-align:left; }
label.cf-group-after span { width:90px; display:block; }

/*   FORM FIELDS general formatting                   */

.cform input,
.cform textarea,
.cform select { padding:3px; border:1px solid #aaa; color:#888; background:#ffffff url(../../plugins/cforms/images/field-bg-top.gif) repeat-x top left; vertical-align:top; }
.cform input:hover,
.cform textarea:hover,
.cform select:hover { border: 1px solid #FFCC00; background:#ffffff url(../../plugins/cforms/images/field-bg-bottom.gif) repeat-x bottom left; }

.cform input:focus,
.cform textarea:focus,
.cform select:focus { color:#666; background:#ffffff url(../../plugins/cforms/images/field-bg-bottom.gif) repeat-x bottom left; }

.cform textarea,
.cform input { width:298px; }
.cform select { width:306px; /* attempt to have equal length */ }
.cform select.cfselectmulti	{ height:7.5em; }

.cform textarea { overflow:auto; }

/* formatting for text:  "(required)"  & other        */

span.reqtxt, span.emailreqtxt { margin:1px 5px 7px 140px; display: block; vertical-align:top; color: #777; font-size:0.85em; line-height:1.2em; }

/*   radio button title                               */

ol.cf-ol li.cf-box-title { font-size:1em; line-height: 1.4; margin:12px 0 0 !important; }

/* check box groups                                   */

ol.cf-ol li.cf-box-group { padding: 0 0 5px 0; }
ol.cf-ol li.cf-box-group span { width: 130px; } 

/*   check boxes                                      */

input.cf-box-a, input.cf-box-b { margin:1px 0 0 0; width:12px; height:12px; border:none!important; background:none!important; vertical-align: sub; }

/*   FORM submit button                               */

p.cf-sb { margin: 0; padding:0 3px 0 0 !important; text-align:right; }
.cform input.sendbutton { width:100px; padding:2px; margin: 0 0 0 100px; font-size:1em; background:url(../../plugins/cforms/images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; }

/*   FORM FIELDS enhanced error display               */
ol.cf-ol li.cf_li_err { background:#FFDFDF url(../../plugins/cforms/styling/li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0; padding:5px 0!important; margin:5px 0!important; }
ol.cf-ol li ul.cf_li_text_err { margin:0 0 0 10px; padding:0; color:#333; }
ol.cf-ol ul.cf_li_text_err li { background:url(../../plugins/cforms/styling/icon-alert.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px; }
ol.cf-ol ul.cf_li_text_err li:before { content:''; }

/* 'visitor verification' related styles              */
label.secq, label.seccap { vertical-align:text-bottom; margin-bottom:4px; }

input.secinput { vertical-align:text-bottom; }

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha { height:15px; width:100px; padding: 4px 4px; margin: 0; vertical-align:text-bottom; }

img.captcha { vertical-align:text-bottom; margin:0 0 0 10px!important; padding:0!important; border:none!important; float:none!important; }
img.captcha-reset { vertical-align:text-bottom; background:	url(../../plugins/cforms/styling/captcha_reset_white.gif) no-repeat; margin:0 0 2px 3px; width:21px; height:21px; border:none; }
img.imgcalendar { border:none; }

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info { color:#333; display:none; padding:10px 15px!important; width:380px; line-height:1.3em; margin:10px auto; }
div.cf_info ol { margin:0; padding:5px 15px 0 30px; }
div.cf_info ol li { padding:1px 0; margin:2px 0; }
div.cf_info a { color:red!important; text-decoration:underline!important; }
div.success { background:#F9F9F9 none repeat scroll 0%; color:#aaa; display:block; }
div.failure { display:block; background:#FFDFDF url(../../plugins/cforms/styling/li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0; }

/*   formatting for invalid user inputs               */
.cform .cf_error { color:red; border:1px solid #FF0000; }
div.mailerr { display:block; }
.mailerr, .cform .cf_errortxt { color:red; }

/* change formatting of response msgs here            */
p.cf_info { margin:10px 0; text-align:center; }
p.success { color:green; }
p.failure { color:red; }

/* disabled fields [disabled] does not work on IE!    */

[disabled] { color:#dddddd; border-color:#dddddd!important; background:none!important; }
.disabled { border-color:#dddddd!important; }

/* upload box styling                                 */

.cform input.cf_upload  { width:220px; background: #f9f9f9; border:1px solid #888888; }

/*  Other: link love                                  */
.linklove { margin:6px auto 10px !important; padding:0 6px 0 0 !important; text-align:right; width:500px; }
.linklove a, .linklove a:visited { font-size: 0.9em; color:#aaaaaa!important; }

/*  Other: browser hacks                              */
*+html ol.cf-ol, *+html ol.cf-ol li { display: inline-block;  /*for ie7*/ }
* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt { display: inline-block; }
* html .cform legend { position:absolute; left: -8px; top:0; margin-left:0; }
*+html .cform legend { position:absolute; left: -8px; top:0; margin-left:0; }
* html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; }
*+html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; }
* html img.captcha { margin-bottom:1px!important; }
*+html img.captcha { margin-bottom:1px!important; }