/*
   Title:		jean-philippe.leboeuf.name master styles for screen media
   Author:		<jpl@jean-philippe.leboeuf.name>
   Based on:	SimpleBits master styles for screen media (brackets edition)
					<http://www.simplebits.com/css/master.css>
					by Dan Cederholm <dan@simplebits.com>
					updated Dec 28 2006
*/

body { 
		min-width: 62em; /* 2x (LC width + CC padding) + (RC width + CC border) */ 
		background: #f0f0e8 url(img/bg-top.gif) repeat-x top left; /* Almost white (240;240;232) */ 
		margin: 0; 
		padding: 8px 0 0 0; 
		font-family: Verdana, sans-serif; 
		font-size: small; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 

/* ------------------------------------------------------------------------- 
   Links 
*/ 

a { 
	padding-bottom: 1px; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #a8a8a8; /* Light gray (224;224;224) */ 
	text-decoration: none; 
	font-weight: normal; 
	} 
a:link { 
	color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 
a:visited { 
	border-bottom-style: dashed; 
	color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 
a:hover { 
	color: #3870a8; /* Blue (56;112;168) */ 
	} 
a:active { 
	color: #a87038; /* Brown (168;112;56) */ 
	} 

a img { 
		border: none; 
	}

/* ------------------------------------------------------------------------- 
   Page Structure 
*/

#header-container, 
#main-container, 
#footer-container 
	{ 
		width: 50em; /* CC width */ 
		margin: auto; 
		padding-left: 21.5em; /* LC width + CC padding + CC border -.5? */ 
		padding-right: 21.5em; /* RC width + CC padding + CC border -.5? */ 
	} 

#header-container .column, 
#main-container .column, 
#footer-container .column 
	{ 
		position: relative; 
		float: left; 
	} 

#header-container-centre, 
#main-container-centre, 
#footer-container-centre 
	{ /* Central Column (CC) */ 
		width: 50em; /* CC width; 100% for fluid layout */ 
		/*border: 1em solid;*/ /* CC border | horizontal: 2x 1em = 2em */ 		
		padding: 1em 1em; /* CC padding | horizontal: 2x 1em = 2em */ 
	} 

#header-container-left, 
#main-container-left, 
#footer-container-left 
	{ /* Left Column (LC) */ 
		left: -22em; /* correct value must be ajusted by hand, fix for IE6 */ 
		/*right: 24em;*/ /* LC width + CC padding + CC border */ 
		/* LC width = 20em */ 
		width: 18em; /* LC width - LC padding - LC border */ 
		margin-left: -50em; /* CC width; -100% for fluid layout */ 
		/*border: 1em solid;*/ /* LC border | horizontal: 2x 1em = 2em */ 
		padding: 0 1em; /* LC padding | horizontal: 2x 1em = 2em */ 
	} 

#header-container > #header-container-left, 
#main-container-left > #main-container-left, 
#footer-container-left > #footer-container-left  
	{ 
		left: -22em; /* -( LC width + LC padding + LC border + 2x CC padding + 2x CC border ) | correct value for others */ 
	} 

#header-container-right, 
#main-container-right, 
#footer-container-right 
	{ /* Right Column (RC) */ 
		width: 18em; /* RC width - RC padding - RC border */ 
		margin-right: -100%; /* RC width */ 
		/*border: 1em solid;*/ /*  RC border | horizontal: 2x 1em = 2em */ 
		padding: 0 1em; /*  RC padding | horizontal: 2x 1em = 2em */ 
	} 

/* ------------------------------------------------------------------------- 
   Header 
*/ 

#header { 
	} 

/* 
   Logo 
*/ 

#logo { 
	} 

#logo span, #logo a { 
		display: block; 
		width: 201px; 
		height: 47px; 
		background: url(img/logo-jpl.gif) no-repeat; 
		margin: 0; 
		padding: 0; 
		border-style: none; 
	} 
#logo a:hover { 
		background-image: url(img/logo-jpl-hover.gif); 
	} 
#logo img  { 
		display: none; 
		width: 0; 
	} 

/* 
   Navigation 
*/ 

#nav-bar { 
	} 

#nav-bar ul { 
		margin-top: -1em; 
		margin-bottom: 0; 
		margin-left: 0; 
		padding: 0; 
		list-style: none; 
	} 
#nav-bar li { 
		float: left; 
		background: #303840; /* Dark Blue (48;56;64) */ 
		padding: 0; 
		border-top: 0.1em solid #404850; /* Lighter Dark blue-gray (64;72;80) */ 
		border-bottom: 0.1em solid #404850; /* Lighter Dark blue-gray (64;72;80) */ 
		margin: 0; 
		font-family: Georgia, serif; 
		font-size: 80%; 
		letter-spacing: 0.4em; 
		text-transform: uppercase; 
	} 
#nav-bar li a { 
		float: left; 
		background: url(img/nav-bg.gif) no-repeat bottom right; 
		padding: 1em 1em; 
		border: none; 
		text-decoration: none; 
		color: #f0f0e8; /* Almost white (240;240;232) */ 
	} 
#nav-bar li a:hover { 
		background: #404850; /* Lighter Dark blue-gray (64;72;80) */ 
		color: #f0f0e8; /* Almost white (240;240;232) */ 
	} 
#nav-bar li a.active { 
		background: #202830 url(img/nav-bg-active.gif) repeat-x top left; /* Dark Dark Gray (32; 40; 48) */ 
		font-weight: bold; 
		color: #f0f0e8; /* Almost white (240;240;232) */ 
	} 

/* 
   Search form 
*/ 

#search-form { 
		margin-top: 1.5em; 
		margin-left : 0.5em; 
		font-size: 0.5em; 
	} 
#search-form input { 
		margin-left : 0.5em; 
		border-right:1px solid; 
		border-left:1px solid; 
		border-top:1px solid; 
		border-bottom:1px solid; 
		background-color:#f0f0e8; /* Almost white (240;240;232) */ 
		font-size: 1.5em; 
		color:#689830; /* Green (104;152;48) */ 
	} 
#search-form input.search-form-submit { 
		margin-left : 0.5em; 
		border-right:1px solid; 
		border-left:1px solid; 
		border-top:1px solid; 
		border-bottom:1px solid; 
		background-color:#f0f0e8; /* Almost white (240;240;232) */ 
		font-size: 1.5em; 
		color:#689830; /* Green (104;152;48) */ 
	} 

/* ------------------------------------------------------------------------- 
   Basic phrase element styles 
*/ 

em { 
		font-style: italic; 
	} 
strong { 
		font-weight: bold; 
	} 

blockquote { 
		margin-left: 1.5em; 
		border-left: 1px solid #a8a8a8; /* Light gray (224;224;224) */ 
		padding-left: 1.5em;
		font-family: Georgia, serif; 
		font-size: 95%;
		line-height: 1.5em; 
	} 
blockquote.praise { 
		padding: 0 0 1em 3em; 
		border-bottom: 1px solid #eaeaea; /* ??? */ 
	} 

code { 
		font-family: Monaco, monospace; 
		text-align: left; 
	} 

abbr, acronym, .popup { 
		font-style: normal; 
		border-bottom: 1px dotted #a8a8a8; 
		cursor: help; 
	} 
a abbr { 
		border: none; 
	} 

ins { 
		text-decoration: none; 
		font-style: italic; 
	} 
del {
		text-decoration: line-through; 
		color: #384048; 
	} 

address { 
		padding: 0; 
		margin: 0; 
		font-style: normal; 
	} 

span.amp { 
		font-size: 110%; 
		font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
	} 

/* ------------------------------------------------------------------------- 
   Main 
*/ 

/* 
   Need some extra divs, or font-size breaks the layout :-( 
*/ 

#main-container-centre-content { 
		line-height: 1.5em; 
		font-size: 95%; 
	} 

#main-container-left-content { 
		padding: 7em 1em 0 0.5em; 
		line-height: 0.9em; 
		font-size: 90%; 
		color: #787878; /* Gray (120;120;120) */ 
	} 

#main-container-right-content {  
		padding: 7em 0.5em 0 1em ; 
		line-height: 0.9em; 
		font-size: 90%; 
		color: #787878; /* Gray (120;120;120) */ 
	} 

/*  
   Title box 
*/ 

#main-title { 
		margin-bottom: 3em; 
		padding-bottom: 1em; 
		border-bottom: 2px solid #e8e0d8; /* Milk (232;224;216) */ 
	} 

#main-title h1 { 
		margin: 0; 
		border: none; 
		padding: 0; 
		line-height: 1.6em; 
		font-family: Georgia, serif; 
		font-style: italic; 
		font-weight: bold; 
		letter-spacing: 0; 
		text-transform: none; 
		font-size: 170%; 
		color: #202830; /* Dark Dark Gray (32; 40; 48) */ 
	}

#main-title p { 
		margin: 0 0 0 1em; 
		border: none; 
		padding: 0; 
		line-height: 1.3em; 
		font-size: 90%; 
		font-weight: bold; 
		color: #404850; /* Lighter Dark blue-gray (64;72;80) */ 
	} 

/* ------------------------------------------------------------------------- 
   Footer 
*/ 

#footer-container-centre { 
		margin-top: 3em; 
		margin-bottom: 0em; 
		padding: 0 0 0.5em 0; 
		border-top: 4px solid #e8e0d8; /* Milk (232;224;216) */ 
	} 

#footer-content { 
		padding: 1em 0 2em 0; 
		line-height: 1.5em; 
		font-size: 95%; 
		text-align: center; 
	} 
#footer-content p { 
		margin: 0; 
		padding: 0; 
		font-size: 90%; 
	} 

/* ------------------------------------------------------------------------- 
   Main Content 
*/ 

#main-content h2 { 
		margin: 1em 0 0.5em 0; 
		border-bottom: 1px solid #e8e0d8; /* Milk (232;224;216) */ 
		padding: 0; 
		line-height: 1.6em; 
		font-family: Georgia, serif; 
		font-weight: bold; 
		font-size: 150%; 
		color: #689830; /* Green (104;152;48) */ 
	} 

#main-content h3 { 
		margin: 1em 0 0.5em 0; 
		border-bottom: none;
		padding: 0 0 0 1em; 
		line-height: 1.5em; 
		font-family: Georgia, serif; 
		font-weight: bold; 
		font-size: 130%; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 

#feeds-icons a { 
		border: none; 
	} 
#main-content #blog-madness ul { 
		list-style: none; 
	} 
#main-content #blog-madness li a { 
		border: none; 
	} 
#main-content #licenses ul { 
		list-style: none; 
	} 
#main-content #licenses li { 
		margin-bottom: 0.5em;
	}
#main-content #licenses li a { 
		border: none; 
	} 

/* 
   Entries 
*/ 

#main-content div.entry { 
		margin: 1em 0 1em 0; 
	} 

#main-content div.entry h3 { 
		margin: 0; 
		border: none; 
		padding: 0; 
		line-height: 1.6em; 
		font-family: Georgia, serif; 
		font-style: italic; 
		font-weight: normal; 
		font-size: 130%; 
		color: #745040; /* Red Brown (116;80;64) */ 
	} 
#main-content div.entry h3 a { 
		border: none; 
		text-decoration: none; 
		color: #745040; /* Red Brown (116;80;64) */ 
	} 
#main-content div.entry h3 a:hover { 
		color: #3870a8; /* Blue (56;112;168) */ 
	} 

#main-content div.entry h4 { 
		margin: 0; 
		border: none; 
		padding: 0; 
		line-height: 1.5em; 
		font-family: Georgia, serif; 
		font-weight: normal; 
		font-size: 110%; 
		color: #202830; /* Dark Dark Gray (32; 40; 48) */ 
	}

#main-content div.entry-body p { 
		margin-bottom: 0.5em; 
		padding: 0; 
	} 
#main-content div.entry-body h1 { 
		border: none; 
		padding-left: 0.5em; 
		font-family: Verdana, sans-serif; 
		font-size: 100%; 
		text-decoration: underline; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 
#main-content div.entry-body h2 { 
		border: none; 
		padding-left: 1em; 
		font-family: Verdana, sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		font-size: 100%; 
		text-decoration: underline; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 
#main-content div.entry-body h2 { 
		border: none; 
		padding-left: 1.5em; 
		font-family: Verdana, sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		font-size: 100%; 
		text-decoration: underline; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 
#main-content div.entry-body h3 { 
		border: none; 
		padding-left: 2em; 
		font-family: Verdana, sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		font-size: 100%; 
		text-decoration: underline; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 
#main-content div.entry-body h4 { 
		border: none; 
		padding-left: 2.5em; 
		font-family: Verdana, sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		font-size: 100%; 
		text-decoration: underline; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 
#main-content div.entry-body h5 { 
		border: none; 
		padding-left: 3em; 
		font-family: Verdana, sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		font-size: 100%; 
		text-decoration: underline; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 
#main-content div.entry-body h6 { 
		border: none; 
		padding-left: 3.5em; 
		font-family: Verdana, sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		font-size: 100%; 
		text-decoration: underline; 
		color: #384048; /* Dark blue-gray (56;64;72) */ 
	} 

#main-content div.entry p.posted { 
		margin: 1em 0 0 0; 
		border-bottom: 1px solid #e8e0d8; /* Milk (232;224;216) */ 
		padding: 0; 
		font-family: Verdana, sans-serif; 
		font-size: 90%; 
		color: #787878; /* Gray (120;120;120) */ 
	} 
#main-content div.entry p.posted a { 
		border: none; 
		text-decoration: none; 
		color: #787878; /* Gray (120;120;120) */ 
	} 
#main-content div.entry p.posted a:hover { 
		color: #3870a8; /* Blue (56;112;168) */ 
	} 

#main-content div.entry p.filed { 
		margin: 0 0 1em 2em; 
		padding: 0; 
		font-family: Verdana, sans-serif; 
		font-size: 90%; 
		color: #787878; /* Gray (120;120;120) */ 
	} 
#main-content div.entry p.filed a { 
		border: none; 
		text-decoration: none; 
		color: #787878; /* Gray (120;120;120) */ 
	} 
#main-content div.entry p.filed a:hover { 
		color: #3870a8; /* Blue (56;112;168) */ 
	} 

#main-content div.entry .comments-head { 
		margin-top: 2em; 
	} 

#main-content div.entry .comments-body { 
		margin-top: 2em; 
		padding: 0 0 0 1.5em; 
		background: url(img/icon-comments.gif) no-repeat 0 top; 
		font-size: 95%; 
	} 

#main-content div.entry .comments-body-order_number { 
		padding: 0 1.5em 0 0; 
		font-weight: bold; 
	} 

#main-content div.entry #comments-form { 
		margin-top: 2em; 
		border: 1px solid #e8e0d8; /* Milk (232;224;216) */ 
		padding: 1em; 
		font-size: 95%; 
		background: none; 
	} 

/* Entry links */

a.elink { 
		margin: 0 1em 0 0; 
		border-bottom: none; 
		padding: 0 0 0 1.5em; 
		background: url(img/icon-entry.gif) no-repeat 0 50%; 
		font-weight: normal; 
		text-decoration: none; 
		color: #787878; /* Gray (120;120;120) */ 
	} 
a.clink { 
		margin: 0 0 0 1em; 
		border-bottom: none; 
		padding: 0 0 0 1.5em; 
		background: url(img/icon-comments.gif) no-repeat 0 50%; 
		font-weight: normal; 
		text-decoration: none; 
		color: #787878; /* Gray (120;120;120) */ 
	} 
a.elink:hover, a.clink:hover { 
		color: #3870a8; /* Blue (56;112;168) */ 
	} 

/* Entries list */

#main-content div.entries-list { 
		margin: 1em 0 1em 0; 
	} 

#main-content div.entries-list ul { 
		list-style: none; 
	} 

#main-content div.entries-list li h3 { 
		margin: 0; 
		padding: 0; 
		line-height: 1.6em; 
		font-family: Georgia, serif; 
		font-style: italic; 
		font-weight: normal; 
		font-size: 100%; 
		color: #745040; /* Red Brown (116;80;64) */ 
	} 
#main-content div.entries-list h3 a { 
		margin: 0; 
		border: none; 
		padding: 0 0 0 1.5em; 
		background: url(img/icon-entry.gif) no-repeat 0 50%; 
		text-decoration: none; 
		color: #745040; /* Red Brown (116;80;64) */ 
	} 
#main-content div.entries-list h3 a:hover { 
		color: #3870a8; /* Blue (56;112;168) */ 
	} 

/* Entries list on this page */

#main-container-right-content #entries-on-this-page li { 
		margin-bottom: 0.5em; 
		padding: 0 0 0 1em; 
		line-height: 1.5em; 
		/*text-indent: 0.5em;*/
		font-style: italic;
	}

#main-container-right-content #entries-on-this-page li a { 
		margin: 0; 
		border: none; 
		padding 0; 
		background: url(img/icon-entry.gif) no-repeat 0 0; 
		text-decoration: none; 
		color: #745040; /* Red Brown (116;80;64) */ 
	} 
#main-container-right-content #entries-on-this-page li a:hover { 
		color: #3870a8; /* Blue (56;112;168) */ 
	}

/* Entries list by category */

#main-container-right-content #entries-by-category li a { 
		margin: 0; 
		border: none; 
		padding: 0; 
		background: none; 
		text-decoration: none; 
	} 

/* Entries list by month */

#main-container-right-content #entries-by-month li a { 
		margin: 0; 
		border: none; 
		padding: 0; 
		background: none; 
		text-decoration: none; 
	} 

/* ------------------------------------------------------------------------- 
   Sidebars 
*/ 

#main-container-right-content #sections li a { 
		margin: 0; 
		border: none; 
		padding: 0; 
		background: none; 
		text-decoration: none; 
	} 

#main-container-left-content h2, 
#main-container-right-content h2 
	{ 
		margin: 2em 0 1em 0; 
		border-bottom: 1px solid #e8e0d8; /* Milk (232;224;216) */ 
		padding: 0; 
		text-indent: 0.5em; 
		line-height: 1.1em; 
		font-family: Georgia, serif; 
		font-weight: normal; 
		letter-spacing: 0.1em; 
		font-size: 110%; 
		color: #689830; /* Green (104;152;48) */ 
	} 

#main-container-left-content h2 a, 
#main-container-right-content h2 a
	{
		color: #689830; /* Green (104;152;48) */ 
		border-bottom: none; 
	}

#main-container-left-content h2 a:hover, 
#main-container-right-content h2 a:hover 
	{
		color: #3870a8; /* Blue (56;112;168) */ 
		border-bottom: none; 
	}

#main-container-left-content h3, 
#main-container-right-content h3 
	{ 
		margin: 2em 0 0.5em 0.5em; 
		border-bottom: 1px solid #e8e0d8; /* Milk (232;224;216) */ 
		padding: 0; 
		line-height: 1em; 
		font-family: Georgia, serif; 
		font-weight: normal; 
		letter-spacing: 0.1em; 
		font-size: 100%; 
		color: #689830; /* Green (104;152;48) */ 
	} 

#main-container-left-content h4, 
#main-container-right-content h4 
	{ 
		margin: 1em 0 0.5em 1em; 
		border-bottom: none; 
		padding: 0; 
		line-height: 1em; 
		font-family: Georgia, serif; 
		font-weight: normal; 
		letter-spacing: 0.1em; 
		font-size: 100%; 
		color: #689830; /* Green (104;152;48) */ 
	} 

#main-container-left-content p, 
#main-container-right-content p 
	{ 
		margin: 0 0 0 1.5em; 
		padding: 0; 
		line-height: 1em; 
		font-size: 90%; 
	} 

#main-container-left-content ul, 
#main-container-right-content ul 
	{ 
		margin: 0 0 0 0.5em; 
		padding: 0; 
		line-height: 1em; 
		list-style: none; 
		line-height: 1em; 
		font-size: 90%; 
	} 

#main-container-left-content li a, 
#main-container-right-content li a 
	{ 
		margin: 0 0 0.5em 1em; 
		border-bottom: none; 
		padding: 0 0 0 1.5em; 
		background: url(img/icon-bullet.gif) no-repeat 0 50%; 
	} 

#radio { 
		margin: 2em 0 2em 0; 
	}

#photobar li { 
		margin: 0 0 1em 0; 
		padding: 0; 
	} 

#photobar li a 
	{ 
		margin: 0; 
		padding: 0; 
		background: none; 
	} 

div.highlight { 
		float: left; 
		margin-bottom: 2em;
		padding: 1em; 
		border-top: 1px solid #e8e0d8; /* Milk (232;224;216) */ 
		border-bottom: 1px solid #e8e0d8; /* Milk (232;224;216) */ 
		background: #e8e0d8 url(img/block-grad.gif) no-repeat top left; /* Milk (232;224;216) */ 
	} 
div.highlight h2 { 
		margin-top: 0; 
		padding-top: 0; 
	} 
div.highlight a { 
		margin-top: 0; 
		border-bottom: none; 
		padding-top: 0; 
	}