/*  

Theme Name: TSBC Default

Theme URI: http://wordpress.org/

Description: Based on the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.

Version: 1.6

Author: Monica S Flores
Author URI: http://10kwebdesign.com



	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 Typography & Colors */

body  {
	font-size: 62.5%; /* Resets 1em to 10px */

		font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;

	color: #333;

	text-align: center;
}


#page   {
	background-color: white;

	border: 1px solid #959596;

	text-align: left;
}


#header {
}


#headerimg 	{ 

	margin: 7px 9px 0; 

	height: 192px; 

	width: 740px; 

	} 



#content {
		font-size: 1.2em;
}


.widecolumn .entry p {
		font-size: 1.05em;
}


.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}


.widecolumn {
	line-height: 1.6em;
}


.narrowcolumn .postmetadata {
	text-align: center;
}


.alt {
	background-color: #FFF;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;
}


#footer {
		border: none;
}


small {
		font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;
}


h1, h2, h3 {
			font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;


	font-weight: bold;
}


h1 {
font-size: 5em;
color: #6C3; 
}


#headerimg .description {
		font-size: 1.2em;

	text-align: center;
}


h2 {
		font-size: 1.6em;
color: #390; 

}


h2.pagetitle {
		font-size: 1.6em;
color: #390; 

}


#sidebarblog h2 {
			font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;

	font-size: 1.2em;
}


h3 {
		font-size: 1.3em;
color: #390; 

}


h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
		text-decoration: none;

	color: white;
}


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
		color: #333;
}


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebarblog h2, #wp-calendar caption, cite {
		text-decoration: none;
}


.entry p a:visited {
		color: #b85b5a;
}


.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	color: #333;
}


.commentlist li {
		color: #333;

	font-weight: bold;
}


.commentlist cite, .commentlist cite a {
		color: #333;

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;
}


.commentlist p {
		font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	color: #333;
}


#commentform p {
			font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;

}


.commentmetadata {
		font-weight: normal;
}





small, #sidebarblog ul ul li, #sidebarblog ul ol li, .nocomments, .postmetadata, blockquote, strike {
		color: #777;
}


code {
		font: 1.1em 'Courier New', Courier, Fixed;
}


acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;
}


a, h2 a:hover, h3 a:hover {
		color: #06c;

	text-decoration: none;
}


a:hover {
		color: #147;

	text-decoration: underline;
}


#wp-calendar #prev a, #wp-calendar #next a {
		font-size: 9pt;
}


#wp-calendar a {
		text-decoration: none;
}


#wp-calendar caption {
		font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;
}


#wp-calendar th {
		font-style: normal;

	text-transform: capitalize;
}
/* End Typography & Colors */







/* Begin Structure */

body {
		margin: 0 0 20px 0;

	padding: 0; 
}


#page {
		background-color: white;

	margin: 2px auto;

	padding: 0;

	width: 760px;

	border: 1px solid #959596;
}


#header {
	
	margin: 0 0 0 1px; 

	padding: 0; 

	height: 200px; 

	width: 758px;
}


#headerimg {
		margin: 0;

	height: 200px;

	width: 100%;
}


.narrowcolumn {
		float: left;
	padding: 2px;
	margin: 10px 0 0;
	width: 350px;
}


.widecolumn {
padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 450px;
}


.post {
	margin: 0 0 40px;
	text-align: left;
	border-bottom: 1px solid #6C3;
}


.post hr {
		display: block;
}


.widecolumn .post {
		margin: 0;
}


.narrowcolumn .postmetadata {
		padding-top: 5px;
}


.widecolumn .postmetadata {
		margin: 30px 0;
}


.widecolumn .smallattachment {
		text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {
		text-align: center;

	margin: 5px 0px;

}



.postmetadata {
		clear: left;

}



#footer {
		padding: 0;

	margin: 0 auto;

	width: 800px;

	clear: both;
}


#footer p {
		margin: 0;

	padding: 20px 0;

	text-align: center;
}
/* End Structure */







/*	Begin Headers */

h1 {
	margin: 5px 0px 0px 0px;
}




h2.pagetitle {
		margin-top: 30px;

	text-align: center;

}



#sidebarblogblog h2 {
		margin: 5px 0 0;

	padding: 0;
}


h3 {
		padding: 0;

	margin: 30px 0 0;
}


h3.comments {
		padding: 0;

	margin: 40px auto 20px ;
}
/* End Headers */







/* Begin Images */

p img {
		padding: 0;

	max-width: 100%;
}


/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {
		display: block;

	margin-left: auto;

	margin-right: auto;
}


img.alignright {
		padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;
}


img.alignleft {
		padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}


.alignright {
		float: right;
	padding-right: 22px;
	height: 30px;
	
	
}


.alignleft {
		float: left;
	height: 30px;


}

.backtohome {
	background: url("images/gohome.png");
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 15px;
	height: 55px;
}

a.h2link {
	background: url("images/happycircle.jpg") #CFC;
	background-position: center left;
	background-repeat: no-repeat;
	padding: 30px 0px 0px 40px;
	color: #630;
	text-decoration: none;
	font-size: 18px;
	font-style: italic;
	height: 30px;
}

a.h2link:link, visited {
	background: url("images/happycircle.jpg") #CFC;
	background-position: center left;
	background-repeat: no-repeat;
	padding: 30px 0px 0px 40px;
	color: #630;
	text-decoration: none;
	font-size: 18px;
	font-style: italic;
	height: 30px;
}

a.h2link:active, hover {
	background: url("images/happycircle.jpg") #CFC;
	background-position: center left;
	background-repeat: no-repeat;
	padding: 30px 0px 0px 40px;
	color: #630;
	text-decoration: underline;
	font-size: 18px;
	font-style: italic;
	height: 30px;
}



/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {
		margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	} 



html>body .entry li {
		margin: 7px 0 8px 10px;
}


.entry ul li:before, #sidebarblog ul ul li:before {
		content: "\00BB \0020";
}


.entry ol {
		padding: 0 0 0 35px;

	margin: 0;
}


.entry ol li {
		margin: 0;

	padding: 0;
}


.postmetadata ul, .postmetadata li {
		display: inline;

	list-style-type: none;

	list-style-image: none;
}


#sidebarblog ul, #sidebarblog ul ol {
		margin: 0;

	padding: 0;
}


#sidebarblog ul li {
		list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;
}


#sidebarblog ul p, #sidebarblog ul select {
		margin: 5px 0 8px;
}


#sidebarblog ul ul, #sidebarblog ul ol {
		margin: 5px 0 0 10px;
}


#sidebarblog ul ul ul, #sidebarblog ul ol {
		margin: 0 0 0 10px;
}


ol li, #sidebarblog ul ol li {
		list-style: decimal outside;
}


#sidebarblog ul ul li, #sidebarblog ul ol li {
		margin: 3px 0 0;

	padding: 0;
}
/* End Entry Lists */







/* Begin Form Elements */

#searchform {
		margin: 2px auto;

	padding: 5px 3px; 

	text-align: center;
}


#sidebarblog #searchform #s {
		width: 75px;
	padding: 2px;
}

#sidebarblog #searchform input {
	width: 85px;
	padding: 2px;
}



#sidebarblog #searchsubmit {
		padding: 1px;
}


.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;
}


select {
		width: 130px;
}


#commentform input {
		width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;
}


#commentform textarea {
		width: 100%;

	padding: 2px;
}


#commentform #submit {
		margin: 0;

	float: right;
}
/* End Form Elements */







/* Begin Comments*/

.alt {
		margin: 0;

	padding: 10px;
}


.commentlist {
		padding: 0;

	text-align: justify;
}


.commentlist li {
		margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;
}


.commentlist p {
		margin: 10px 5px 10px 0;
}


#commentform p {
		margin: 5px 0;
}


.nocomments {
		text-align: center;

	margin: 0;

	padding: 0;
}


.commentmetadata {
		margin: 0;

	display: block;
}
/* End Comments */







/* Begin Sidebar */

#sidebarblog

{

	padding: 0px 0px 10px 2px;

	width: 100px;
	float: right;
}


#sidebarblog form {
		margin: 0;
}
/* End Sidebar */







/* Begin Calendar */

#wp-calendar {
		empty-cells: show;

	margin: 10px auto 0;

	width: 155px;
}


#wp-calendar #next a {
		padding-right: 10px;

	text-align: right;
}


#wp-calendar #prev a {
		padding-left: 10px;

	text-align: left;
}


#wp-calendar a {
		display: block;
}


#wp-calendar caption {
		text-align: center;

	width: 100%;
}


#wp-calendar td {
		padding: 3px 0;

	text-align: center;
}


#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #333; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
		cursor: help;
}


acronym, abbr {
		border-bottom: 1px dashed #999;
}


blockquote {
		margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;
}


blockquote cite {
		margin: 5px 0 0;

	display: block;
}


.center {
		text-align: center;
}



a img {
	border: none;
}


.navigation {
	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;
}
/* End Various Tags & Classes*/







/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.

	It won't be a stylish marriage, I can't afford a carriage.

	But you'll look sweet upon the seat of a bicycle built for two." */