/*  
Theme Name: Rhapsody in Blue
Theme URI: http://jimthompson.org/wp/rhapsody-in-blue/
Description: An elegant if slightly formal theme in shades of blue and gray. Custom written for jimthompson.org.
Version: 1.1
Author: Jim Thompson
Author URI: http://jimthompson.org/

	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
	

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

body {
	margin: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  color: #666;
	background: url(images/bg.gif);
}

#header {
	overflow: hidden;
  background-color: #6b819e; 
  border-bottom: solid #000;
  border-bottom-width: 1px;
	height: 60px;
}

#header img {
	border-style: none;
}

#content {
	padding-left: 30px;
	padding-right: 30px;
}

#content h2 { 
  font-size: 12pt;
  font-variant: small-caps;
  color: #4F6483;
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  border-bottom: solid #888;
  border-bottom-width: 1px;
  clear: both;
}

div.entrytext p {
  padding: 0 0 0 0;
  margin: 0 0 1.0em 0;
}

#content h3 { 
  font-size: 14pt;
  font-variant: small-caps;
  color: #4F6483;
  margin: 10px 0px 5px 0px;
  padding: 5px 0px 5px 5px;
  border: solid #888;
  border-width: 1px;
  background-color: #eceef1;
  clear: both;
}

#content img {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
}

#content img.noborder
{
  border-style: none;
  padding: 0px;
  margin: 0px;
}

/* Links that appear in post headlines follow the same philosophy as
   body text links, except: there's no change in color when links are
   visited. The reason to change the color of visited links in the
   body text is to construct a visual history for the reader; that adds
   value because of the meaning that links have in the context of the
   body: they're part of the meaning of the text. Headline links, on
   the other hand, are just another way to see the content, and in
   this context there's little value added in keeping the history of
   the link. I see that there's more value in keeping the look of the
   page consistent, so visited headline links don't change color. */

#content h2 a:link
{
  color: #4F6483;
  text-decoration: none; 
}

#content h2 a:visited
{
  color: #4F6483;
  text-decoration: none;
}

#content h2 a:hover
{
  background-color: #ddd;
  text-decoration: none;
}

#content h2 a:active
{
  color: #fff;
  background-color: #4F6483;
  text-decoration: none;
}

div.widecolumn div.post div p.alt small {
	font-size: 8pt;
}

div.narrowcolumn div.post small { 
  font-size: 9pt;
  color: #888;
}

h3#respond {
  font-size: 12pt;
  font-variant: small-caps;
  color: #4F6483;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
/*  border-top: solid #888;
  border-top-width: 1px;*/
}

#content {
  line-height: 1.5em;
	text-align: justify;
}

#content div.image {
  text-align: center;
}

#content div.image p {
  text-align: center;
}

#content div.image a {
  font-variant: small-caps;
}

#content blockquote p code {
  text-align: left;
}

div.entry blockquote code {
	text-align: left;
}

/* Attributes for image links in the main body text - no hover change. */

#content a.image:link {}
#content a.image:visited {}
#content a.image:hover { background-color: transparent; }
#content a.image:active {}

#content p.postmetadata {
	text-align: center;
  font-size: 9pt;
  margin-bottom: 30px;
}

#content p.alt { 
  text-align: justify;
  border-top: solid #888;
  border-top-width: 1px;
  margin-left: 150px;
  margin-right: 150px;
  font-size: 9pt;
}

td#sidebar {
	width:150px;
	margin: 0 0 0 0;
  padding: 2px 5px 20px 0px;
  background-color: #eceef1;
  border-left: solid #888; 
  border-left-width: 1px;
}

@media print
{
  #sidebar { display: none; }
}

#sidebar ul #searchform {
  display: none;
}

#sidebar ul #author {
  display: none;
}

#sidebar ul #sidetitle {
  display: none;
}

#sidebar ul {
  list-style-type: none;
  margin: 0px 10px 0px 0px;
  padding: 0px 10px 0px 15px;
}

#sidebar ul li h2 {
  font-size: 10pt;
  font-weight: bolder;
  font-variant: small-caps;
  color: #4f6483;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: solid #888;
  border-bottom-width: 1px;
}

#sidebar ul li ul {
  list-style-type: none;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#sidebar ul li ul li { 
  font-size: 9pt;
}

#sidebar p {
  font-size: 8pt;
  margin: 20px 10px 0px 0px;
  padding: 0px 10px 0px 15px;
}

/* Links in the sidebar vary again in appearance. Like the headline
   links, these don't have a special color for visited links, for the
   same reason: it adds little value. Unlike the links in the body
   text, these links appear in a normal weight, not bold. The reason
   for putting the links in bold in the body text is to make them
   stand out. Pretty much everything in the sidebar, on the other
   hand, is a link; therefore there's no particular reason to make
   them stand out. It's pretty obvious on a web page that a list off
   to the side is a list of links; however, the links do have a hover
   background, like all the other links, so if it's not already
   obvious that these are links, it will become obvious when the mouse
   rolls over them. */

#sidebar a:link
{ 
  color: #666; 
  text-decoration: none;
  font-weight: normal;
}

#sidebar a:visited
{ 
  color: #666; 
  text-decoration: none;
  font-weight: normal;
}

#sidebar a:hover
{
  color: #eceef1; 
  background-color: #aaa;
  text-decoration: none;
  font-weight: normal;
}

#sidebar a:active
{
  color: #fff; 
  background-color: #4F6483; 
  text-decoration: none;
  font-weight: normal;
}

/* Another class of links for the sidebar. These are like the links
   for the body text, where we want the links to stand out in bold
   text, but we also need the background for the hover to be darker
   like for the other sidelinks. */

#sidebar p.sidebar a:link 
{ 
  color: #4F6483; 
  text-decoration: none;
  font-weight: bold;
}

#sidebar p.sidebar a:visited
{ 
  color: #666;
  text-decoration: none; 
  font-weight: bold;
}

#sidebar p.sidebar a:hover 
{ 
  color: #eceef1; 
  background-color: #aaa;
  text-decoration: none; 
  font-weight: bold;
}

#sidebar p.sidebar a:active 
{ 
  color: #fff; 
  background-color: #4F6483; 
  text-decoration: none;
  font-weight: bold; 
}

/* Set the link attributes for links in the main body text. Instead of
   underlining links, like most browsers do by default, links will be
   bold. This calls attention to them in a way I find less distracting
   than underlining. Of course, color is also used to distinguish the
   unvisited link. Visited links revert back to the normal text color,
   but retain bold weight. A solid, but light-colored, background is
   used for link hovers. This is probably gratuitous, since the cursor
   changes in most (every?) browser when hovering over a link. Active
   links have light text on a dark background. */

a:link 
{ 
  color: #4F6483; 
  text-decoration: none;
  font-weight: bold;
}

a:visited
{ 
  color: #666;
  text-decoration: none; 
  font-weight: bold;
}

a:hover 
{ 
  background-color: #ddd; 
  text-decoration: none; 
  font-weight: bold;
}

a:active 
{ 
  color: #fff; 
  background-color: #4F6483; 
  text-decoration: none;
  font-weight: bold; 
}

hr {
	display: none;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}

div.navigation div.alignleft {
	padding: 0 0 10px 0;
}

div.navigation div.alignright {
	padding: 0 0 10px 0;
}

div.navigation a:link
{
  color: #666;
  text-decoration: none; 
  font-size: 10pt;
  font-weight: bold;
}

div.navigation a:visited
{
  color: #666;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}

div.navigation a:hover
{
  background-color: #ddd;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}

div.navigation a:active
{
  color: #fff;
  background-color: #4F6483;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}

#footer { 
  height: 40px;
  margin: 0;
  background-color: #6b819e; 
  border-top: solid #000;
  border-top-width: 1px;
  color: #eceef1;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
}

#footer p { 
  font-size: 8pt;
}

#footer a:link 
{ 
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#footer a:visited
{ 
  color: #fff;
  text-decoration: none; 
  font-weight: bold;
}

#footer a:hover 
{ 
  color: #eceef1; 
  background-color: #aaa;
  text-decoration: none; 
  font-weight: bold;
}

#footer a:active 
{ 
  color: #fff; 
  background-color: #4F6483; 
  text-decoration: none;
  font-weight: bold; 
}

abbr
{ 
  cursor: help;
}