/*
Theme Name: BBJ 2010 (Modyfied WordPress Default Theme)
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.0
Author: Michael Heilemann & hojland
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Structure */
body, #submit, .sml, small												{	font-family: Arial,Verdana,Sans-Serif;
																			font-size:67%; /* Resets 1em to 10px */	}
h2.hero, #submit, .description											{   font-size: 125% }
small, .entry p.postmetadata small										{   font-size: 80% }
#submit, .description													{   font-weight: bold }
#page 																	{	margin:auto;
																			width:1000px;
																			border:1px solid #cccccc;
																			background: #eee url('/wp-content/themes/bbj/images/bg.png') no-repeat 0px bottom !important; }
		
/* Colors ################################### */ 

.blue, a, a:link, .single #comments, #respond h2						{ color:#1d409b } 
.green, a:active, a:hover, #submit:hover, h2:hover a, .single h2,
.page .post h2:hover, .page .post h2									{ color:#99cc33 } 
.red																	{ color:#990000 } 
#content, a small,.sml, a .sml											{ color:black } 
#header, #header h1 a, #footer, h2.hero a, #submit, h2 a, .white,
.widget h2, .widget														{ color:white } 
.lightgrey																{ color:#eee } 
.grey, #footer, .description											{ color:#ccc }
.darkgrey																{ color:#666 }
body, #page, .vcard														{ background-color:white } 
.blackbg																{ background-color:black } 
.lightgreybg, .comment													{ background-color:#eee }
.greenbg, .post h2														{ background-color:#99cc33 } 
.greybg 																{ background-color:#ccc } 
.darkgreybg 															{ background-color:#333 }
#content																{ background: url('/wp-content/themes/bbj/images/bg2.png')  !important } /*  */ 
#footer, .widget														{ background: url('/wp-content/themes/bbj/images/bg3.png')  !important } /*  */ 

/* Actions ################################### */
#content .post h2 							{ background: #99cc33 url('/wp-content/themes/bbj/images/actions.png') no-repeat 300px 0px; clip:rect(0 200px 25px 0) } /* note the position */ 
.single #content .post h2, .page .post h2	{ background: #eee url('/wp-content/themes/bbj/images/actions.png') no-repeat 300px -265px !important; clip:rect(0 265px 25px 0) !important } /* note the position */ 
#content .post h2:hover 					{ background-color:#fff !important } 
.single h2.hero, #content .post h2.hero, #submit							{ background: url('/wp-content/themes/bbj/images/actions.png') no-repeat 0 -62px !important }
.single h2.hero:hover, #content .post h2.hero:hover, #submit:hover			{ background: url('/wp-content/themes/bbj/images/actions.png') no-repeat 0 -162px !important }

.widecolumn, .archive #content, .page #content					{ width:600px !important }
#content														{ width:600px }
textarea														{ width:550px }
#sidebar, .vcard, #submit										{ width:300px }
#submit															{ height:100px }
#headerimg														{ width:95% }
cite															{ width:80% }


/* Heights ##############################3333##### */ 

.single .post h2, .page .post h2			{ height:43px } 
#footer, h2.hero		 					{ height:100px !important }
cite 										{ height:100% !important } 

/* Misc ################################### */

a 											{ text-decoration:none }
#content .post h2.hero:hover, #submit, #submit:hover, #content .post h2, #sIFR_replacement_8 { cursor:pointer !important }

/* Margins & Paddings ############################ */
#sidebar ul, ul h2, li, .postmetadata ul, .postmetadata li, small, .single ol,
h1, h2, h3, h4, ul, #header,html, body															{ margin:0 !important }
#content, #headerimg, #sidebar																	{ margin:20px }
#headerimg, #sIFR_replacement_8																	{ margin-top:30px }
#sIFR_replacement_8																				{ margin-left:30px }
.widget_recent_comments,.single .post-1,.single h3,.single .commentlist, .widget				{ margin-bottom:20px !important }
#headerimg																						{ margin-left:20px } 

#footer	p																		{ padding:20px !important }
#content h2.hero div.action, #submit											{ padding-top:30px !important  }
div.action, .single #submit														{ padding-left:30px !important  }
.post h2, #sidebar .widget, .comment, .archive #content							{ padding:10px }
.postmetadata, .entry, .single #comments, #respond, .navigation div 			{ padding-left:10px }
.postmetadata, .entry, .navigation div 											{ padding-right:10px }
#sidebar ul, h2.hero, .single ol, .commentlist div div 							{ padding:0	}

/* Aligns & Floats */
#sidebar, .vcard, cite															{ float:right }
.vcard img, #content															{ float:left }
#footer ,#sidebar																{ clear:both }
body 																			{ text-align: center }
#page, #submit																	{ text-align: left }
.single div.comment-body img 													{ vertical-align:text-top; }

/* Borders */
#page, .post, #sidebar .widget, .comment, .vcard								{ border: 1px solid #ccc }
.comment 		 																{ border-bottom: 1px solid #ccc }
.post h2.hero, li#comment-1, .single .post 										{ border-bottom: none !important }
#submit, .archive .post															{ border:none }


#sidebar ul, .postmetadata ul, .postmetadata li, .single ol 
																				{ list-style-type: none;
																				  list-style-image: none }
h2.hero div 																	{ display: inline }
#sidebar ul li, 
#content .post h2.hero div.action, .vcard, cite									{ display: block }

/* Body Class single (posts and such ) ############################ */
.single div.comment-body .vcard .says 											{ display:none }
.single .sIFR-flash 															{ margin:0 !important  }
.single div.comment-author														{ padding:10px }