/*   
	Kubrick v1.2.5  for  WordPress 1.2
	 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
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #0e1e2b;
	color: #333;
	text-align: center;
	}

h5 { font-size: 14px; font-weight:bold; margin: 0px; padding: 0px; text-decoration: none; display:inline;}

h6 {font-size: 14px; font-weight:bold; text-decoration: underline; margin: 0px; padding: 0px;}



a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #fff;
	text-decoration: underline;
	}
	

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}
/* COMIC BOX BG REAL */
#page {
	background-color: #0e1e2b;
	margin: 20px auto;
	padding: 0;
	width: 550px;
	border: 1px solid #000;
	}
	

#footer {
	padding: 0;
	margin: 0 auto;
	width: 540px;
	clear: both;
	}

#footer p {
	color: white;
	font: 13px ;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
/* End Structure */


/* 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;
	}
	
.alignleft {
	float: left
	}
/* End Images */

/* 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;
	}

hr {
	display: none;
	}

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." */


/* Menu Navigation bar start */


#menunav     { font-weight: bold; font-size:13px; color:#000; }
#menunav a   {   text-decoration: none; color:#000; padding: 5px; background-color: #845b03; border: 1px solid #000}
#menunav a:hover { background-color: #663300; color:#fff; }
#menunav li  {display:inline; }
#menunav ul  {margin: 10px;}




/* Navigation bar end */

#example 				{ width: 540px; margin: 0 auto; text-align: center; }
	
	#cg_nav1, #cg_nav2 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
	#cg_nav1 a, #cg_nav2 a 	{ text-decoration: none; }
	#cg_nav1 a:hover, #cg_nav2 a:hover {  text-decoration: underline; }
	#cg_nav1 a:hover, #cg_nav2 a:hover {  color:#fff; }
	#cg_credits 			{ font-family:"Courier New", Courier, mono; font-size: 11px; color:#999; }
	#cg_credits a 			{ color:#666; text-decoration: none; }
	#cg_credits a:hover		{ text-decoration: underline; }
	.cg_arrow1, .cg_arrow2	{ font-weight: bold; }
	#cg_nav1 , #cg_nav2      { color:#76a68b; }
	#cg_nav1 a, #cg_nav2 a     { color:#74c60f; }
	
/* From HTML */
	
	body         { background-color: #90a395; }
	/*body         { background: url("kubrick/compass-bg.jpg"); } */
	/* #page        { background: url("kubrick/kubrickbg.jpg") repeat-y top; border: none; } */
	#header     { background: url("kubrick/kubrickheader.jpg") no-repeat bottom center; }
	#footer     { background-color: #364737;}
	/* #footer     { background: url("kubrick/kubrickfooter.jpg") no-repeat bottom; border: none;} */
	#header     { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
	#headerimg     { margin: 7px 9px 0; height: 192px; width: 740px; }	
	
	/* chapter index page */
	#totem-content	{   background-color:#fff; 
						padding: 20px; 
						color: #000; 
						font-size: 14px; 
						/*height: 300px; */
						width: 500px;
						}
	#totem-content img  {border: 3px double #000;}
	#totem-content a    {color: #000;}
	#totem-content a:hover  {text-decoration: none; font-weight: bold; color: #835b03; }
	#totem-content  a:hover img {border: dotted #835b03;}
	.totems td {border: 3px solid #fff; background-color: #dce6df; text-align: center;}
	table.totems {border-spacing: 5px;}

	.characters td {border: 3px solid #fff; background-color: #dce6df; text-align: left; padding: 10px;}
	.characters img { float: left; margin: 5px;}
	table.characters {border-spacing: 5px;}