/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/


* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, label, ul, ol, dl { margin:1em 0; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
.returnLink {font-size: 2em; }


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	/*background-color:#59594D;
	color:#BFBFBF;*/
	font-size:11px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

/* This class sets the width and position for all rows */
.inside{
	width:80%;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
}

a{
	color:#767467;
	text-decoration:none;
}

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

h1{
	color:#767467;
	font-size:2em;
	font-weight:normal;
	margin:0;
}

h2, h3{
	font-size:1.15em;
	color:#FFF;
	font-weight:normal;
}

#main h2{
	color:#767467;
}

p{
	line-height:1.75em;
}

#intro {
 font-size:1.5em;
}

#menuItem {
 font-size:1.1em;
}

#backItem {
 font-size:1.1em;
 color:#ca1d1d;
}

#note {
  font-size:2em;
  color:#ca1d1d;
  text-align:center;
}

#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #FFF;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #448; }

#navlist li a:hover
{
color: #000;
background: #F0F0F0;
border-color: #778;
}

#navlist li a#current
{
background: #CFE0FC;
border-bottom: 1px solid white;
}


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	height: 250px;
	background:url(images/header.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	position:relative;

}

#header .homeLink
{
	position:absolute;
	top:0;
	left:0;
}
#header .inside{
	padding:0;
}

#header h2{
	font-size:2.25em;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0.25em 0;
	border-right:1px solid #808080;
	float:left;
}
#header h2 a{ text-decoration:none; }

#header p{
	padding:1em 0;
	margin:0;
	line-height:0;
}

/*-----------------------------------------------------------------------------------------------
  Title
-----------------------------------------------------------------------------------------------*/

#title{
	float:Left;
	width:350px;
	height:100px;
}

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

#underheader{
	padding:2em 0;
	background-color:#FFFFFF;
}

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

#main{
	background-color:#FFFFFF;
	padding:1px 0 2em 0;
	color:#767467;
}

#main .primary{
	float:right;
	width:75%;
}
#main .secondary{
	float:right;
	width:20%;
	margin-right:5%;
	padding-top:0.65em;
	display:inline;
}
* html #main .secondary{ margin-right:3%; }

.secondary .featured p{
	border-bottom:1px solid #767467;
	padding:0 0 0.5em 0;
	line-height:1em;
	margin:1em 0 0 0;
}

.secondary .selected{
  /*background-color: #59594D;*/
  color:Navy;
  font-weight:bold;
  font-size:1.2em;
}

.secondary .featured dl{
	margin:0 0;
	border-bottom:1px solid #333333;
	padding:0.5em 0 0.6em 0;
}

.secondary dt{
	display:inline;
	margin:0;
	padding:0;
	color:#AAA;
}
.secondary dd{
	display:inline;
	margin:0;
	padding:0;
}
.secondary dd a{
	color:#53CAF5;
	text-decoration:none;
}
.secondary dd a:hover{
	text-decoration:underline;
	color:#53CAF5;
}

.single-post h1, .single-post h2{ margin-top:0; }

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	color:#939393;
	padding: 0 0 3em 0;
	margin-top: 1em;
	/*padding: 2em 0 3em 0;*/
	background-color: #000000;
	background:url(images/footer_white.png) 50% 0 repeat-x;
}
#footer .inside{
	
	padding:1em 0 1em 0;
}
#footer p{
	margin:0;
	font-size:0.95em;
}
#footer p.copyright{
	float:left;
	color:#767467;
}
#footer p.copyright a{
	text-decoration:none;
	color:#767467;
}
#footer p.copyright a:hover{
	color:#000;
}


#footer p.attributes{ float:right; }
#footer p.attributes a{
	padding:0 0 0 3px;
	text-decoration:none;
	color:#767467;
}
#footer p.attributes a:hover{
	color:#000;
}



/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	float:right;
	width:200px;
	margin:3em 0 0 0;
	text-align:right;
}
#search .searchimg{
	float:left;
	width:14px;
	height:13px;
	background:url(images/search_white.png) 0 0 no-repeat;
	position:relative;
	top:4px;
}
#search input{ 
	width:175px; 
	font-size: 0.85em; 
	background:#CCC;
	margin-top:2px;
}
#search input:focus{
	background:#FFF;
}

#searchform{
	margin:1em 0;
}

#searchform #s{
	background:#222;
	border:none;
	border-bottom:1px solid #333;
	width:30em;
	color:#666666;
	padding:0.25em;
}

#searchform #searchsubmit{
	background:#000;
	color:#666;
	border:none;
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:0.25em;
}

/* Legacy Typo CSS */

#search-results{
	width:30%;
	background:#333;
	padding:0 0 0 0;
	float:right;
	border-top:1em solid #000;
}
#search-results h3{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
	background:#000;
	
}
#search-results small{
	display:block;
	text-align:left;
	font-size:0.9em;
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #555;
}
#search-results small a{
	color:#CCC;
}
#search-results ul li{
	list-style-type:none;
	padding:0 1em 0.5em 1em;
	margin:0.5em 0;
}
#search-results ul li:hover{
	background:#202020;
}
#search-result ul{ margin:0; }
#search-results ul li a{
	text-decoration:none;
	border-bottom:1px dotted #CCC;
}

#search img.archives-icon{
	margin:0 7px 0 0;
	top:1px;
}

.block ul {
	list-style-type:none;
	margin:1.5em 0 2em 0;
	border-top:1px solid #767467;
}

.block ul li {
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px solid #767467;
}

.block ul li .date {
        padding:0 1.5em 0 0;
        color:#CCC;
}

.block ul li a {
	color:#CCCCCC;
	text-decoration:none;
}

.block ul li a:hover {
	color: #FFF;
}

http://www.yaelle.com/javascript/shbox/skin/classic/skin.css

/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

http://www.yaelle.com/wp-content/plugins/wp-syntax/wp-syntax.css

.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
}


