/*  
Theme Name: Jean Lannes
Theme URI: http://www.jeanlannes.com
Description: Custom theme for jeanlannes.com
Version: 1.0
Author: Wade Winningham
Author URI: http://www.updrift.com

	Lannes v1.1

	This theme was designed by Pamela Methot (http://www.redspine.com)
	and built by Wade Winningham (http://www.updrift.com)

*/

@import 'stylesheets/reset.css';
@import 'stylesheets/typography.css';

/* ******** =html entities ********* */
body {
	background: #431814 url(images/page_bg.jpg) no-repeat 50% 0;
	color: #a2a2a2;
	margin: 0 0 20px 0;
	padding: 0; 
	font-family: Georgia, "New Times Roman", sans-serif;
	margin: 0 0 20px 0;
	padding: 0; 
	}

h1, h2, h3, h4, h5, h6 {
	color: #d3bf8f;
	font-family: Georgia, "New Times Roman", sans-serif;
	font-variant: small-caps;
	}
h1 {
	}

h2 {
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}
a {
	outline: none;
	}
	
em {
	background: transparent;
	}

blockquote {
	background: transparent url(images/quotes_bg.gif) no-repeat 0 0;
	color: #a2a27f;
	margin: 0;
	padding-left: 20px;
	font-style: normal;
	}
	blockquote a {
		border-bottom: solid 1px #a2a27f;
		color: #a2a27f !important;
		font-weight: normal;
		text-decoration: none;
		}
		blockquote a:hover {
			background-color: #a2a27f;
			color: #333 !important;
			text-decoration: none;
			}

/* *********** =global styles *********** */
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

.float-left {
	float: left;
	}
	p img.float-right {
		margin-left: 1.5em;
		margin-right: 0;
		}

.float-right {
	float: right;
	}
	
.float-middle {
	float: none;
	margin: 0 auto;
	}
	
.caption {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-bottom: 1.5em;
	text-align: center;
	}
	.caption.top {
		margin-top: 0;
		}
	.caption.float-left {
		margin: 1.5em 1.5em 1.5em 0;
		padding: 0;
		}
	.caption.float-right {
		margin-left: 1.5em;
		margin-right: 0;
		}
	.caption img {
		margin: 0 0 .1em 0;
		}
	.caption span {
		color: #646a6a;
		color: #a8a8a8;
		font-size: .9em;
		line-height: 1.2em;
		}
		
.clear, .clear-left {
	clear: left;
	}
.clear-right {
	clear: right;
	}


/* *********** =#page ************ */
#page {
	background-color: #000;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 950px;
	}


/* *********** =#header ************ */
#header {
	background: transparent url(images/header_bg.png) no-repeat center top;
	height: 163px;
	left: 0;
	padding: 0; 
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	}
	#header h1 {
		text-indent: -9999px;
		}

/* *********** =#content ************ */
#content {
	font-size: 1.1em;
	_font-size: 1.0em;
	line-height: 1.6em;
	margin: 0 70px 0 290px;
	min-height: 680px;
	_height: 680px;
	padding-top: 168px;
	}
	#content p {
		
		}
	#content a {
		color: #d3df8f;
		}
		#content a:hover {
			}
			
	body.links #content ul {
		margin-left: 0;
		}
		body.links #content ul ul {
			margin-left: 15px;
			}
	#content li.linkcat {
		list-style: none;
		}
		#content li.linkcat h2 {
			color: #646a6a;
			font-size: 1.4em;
			font-variant: normal;
			}

/* *********** =.post ************ */
.post {
	}

/* *********** =#timeline ************ */
#timeline {
	background: transparent url(images/timeline_bg.png) repeat-x 0 100px;
	left: 130px;
	padding: 165px 5px 0 30px;
	position: absolute;
	top: 0;
	width: 80px;
	}
	#timeline ul {
		margin: 0 0 10px 0;
		padding: 0;
		}
		#timeline .range {
			color: #d3bf8f;
			font-weight: bold;
			}
	#timeline li {
		list-style: none;
		}
		
	#timeline a {
		color: #646a6c;
		font-variant: small-caps;
		text-decoration: none;
		}
		#timeline a:hover {
			color: #7c6148;
			text-decoration: underline;
			}
		body.lectoure #timeline #lectoure a,
		body.pyrenees #timeline #pyrenees a,
		body.dego #timeline #dego a,
		body.lodi #timeline #lodi a,
		body.arcola #timeline #arcola a,
		body.egypt #timeline #egypt a,
		body.abukir-bay #timeline #abukir-bay a,
		body.alexandria #timeline #alexandria a,
		body.jaffa #timeline #jaffa a,
		body.acre #timeline #acre a,
		body.abukir #timeline #abukir a,
		body.montebello #timeline #montebello a,
		body.marengo #timeline #marengo a,
		body.portugal #timeline #portugal a,
		body.coronation #timeline #coronation a,
		body.ulm #timeline #ulm a,
		body.austerlitz #timeline #austerlitz a,
		body.saalfeld #timeline #saalfeld a,
		body.jena #timeline #jena a,
		body.pultusk #timeline #pultusk a,
		body.danzig #timeline #danzig a,
		body.heilsberg #timeline #heilsberg a,
		body.friedland #timeline #friedland a,
		body.erfurt #timeline #erfurt a,
		body.tudela #timeline #tudela a,
		body.saragossa #timeline #saragossa a,
		body.eckmuhl #timeline #eckmuhl a,
		body.brevet #timeline #brevet a,
		body.post-mortem #timeline #post-mortem a,
		body.aspern-essling #timeline #aspern-essling a {
			color: #7c6148;
			}

/* *********** =#sidebar ************ */
#sidebar {
	background: transparent url(images/sidebar_bg.png) no-repeat 0 70px;
	color: #431814;
	font-size: 1.1em;
	height: 746px;
	left: 0;
	padding-top: 163px;
	position: absolute;
	top: 0;
	width: 147px;
	}
	#sidebar a {
		color: #431814;
		display: block;
		line-height: 1.2em;
		padding: 4px 0 3px 20px;
		text-decoration: none;
		text-transform: uppercase;
		}
		#sidebar a:hover,
		#sidebar a.active,
		body.jean-lannes #sidebar #jean-lannes a,
		body.collection #sidebar #collection a,
			body.my-collection-americana #sidebar #collection a,
			body.my-collection-napoleonic-1769-1797 #sidebar #collection a,
			body.my-collection-napoleonic-1798-1799 #sidebar #collection a,
			body.my-collection-napoleonic-1800-1804 #sidebar #collection a,
			body.my-collection-napoleonic-1805-1807 #sidebar #collection a,
			body.my-collection-napoleonic-1808-1809 #sidebar #collection a,
			body.my-collection-napoleonic-1810-1816 #sidebar #collection a,
		body.contact #sidebar #contact a,
		body.links #sidebar #links a {
			background: transparent url(images/menu_active_indicator.gif) no-repeat 0 0;
			}
		#sidebar a:hover {
			text-decoration: underline;
			}
	
	#sidebar ul {
		margin: 0 5px;
		}
		#sidebar ul ul {
			margin-left: 0;
			}
	#sidebar li {
		list-style: none;
		margin: 0 0 10px 0;
		padding: 0;
		}
		#sidebar li.break {
			}

/* ********** =#collectionmenu *********** */
#collectionmenu { 
	border-bottom: solid 1px #333;
	color: #333;
	display: none;
	margin-bottom: 20px;
	}
	#collectionmenu ul { padding: 0; margin: 0; border-bottom: solid 1px #333; list-style: none;}
	#collectionmenu li { border-left: solid 1px #333; display: inline; }
		#collectionmenu li.first { border-left: none; }
	#collectionmenu a {
		color: #646a6c;
		font-variant: small-caps;
		padding: 2px 5px; 
		text-decoration: none;
		}
		#collectionmenu a:hover {
			color: #7c6148;
			text-decoration: underline;
			}

body.my-collection-americana #collectionmenu,
body.my-collection-napoleonic-1769-1797 #collectionmenu,
body.my-collection-napoleonic-1798-1799 #collectionmenu,
body.my-collection-napoleonic-1800-1804 #collectionmenu,
body.my-collection-napoleonic-1805-1807 #collectionmenu,
body.my-collection-napoleonic-1808-1809 #collectionmenu,
body.my-collection-napoleonic-1810-1816 #collectionmenu { display: block; }

body.my-collection-americana #collectionmenu .americana a,
body.my-collection-napoleonic-1769-1797 #collectionmenu .n1769 a,
body.my-collection-napoleonic-1798-1799 #collectionmenu .n1798 a,
body.my-collection-napoleonic-1800-1804 #collectionmenu .n1800 a,
body.my-collection-napoleonic-1805-1807 #collectionmenu .n1805 a,
body.my-collection-napoleonic-1808-1809 #collectionmenu .n1808 a,
body.my-collection-napoleonic-1810-1816 #collectionmenu .n1810 a { color: #7c6148; }

/* ********** =#postmortemmenu *********** */
#postmortemmenu { 
	border-bottom: solid 1px #333;
	color: #333;
	display: none;
	margin-bottom: 20px;
	}
	#postmortemmenu ul { padding: 0; margin: 0; border-bottom: solid 1px #333; list-style: none;}
	#postmortemmenu li { border-left: solid 1px #333; display: inline; }
		#postmortemmenu li.first { border-left: none; }
	#postmortemmenu a {
		color: #646a6c;
		font-variant: small-caps;
		padding: 2px 5px; 
		text-decoration: none;
		}
		#postmortemmenu a:hover {
			color: #7c6148;
			text-decoration: underline;
			}

body.post-mortem-russia #postmortemmenu,
body.post-mortem-spain #postmortemmenu,
body.post-mortem-france #postmortemmenu { display: block; }

body.post-mortem-russia #postmortemmenu .russia a,
body.post-mortem-spain #postmortemmenu .spain a,
body.post-mortem-france #postmortemmenu .france a { color: #7c6148; }
		
/* *********** =#searchform ************ */
#searchform {
	margin-top: 30px;
	margin-left: 5px;
	text-align: left;
	}
	#searchform input#s {
		width: 85%;
		}

/* *********** =#footer ************ */
#footer {
	clear: both;
	color: #714c4b;
	margin: 0 auto;
	text-align: right;
	width: 950px;
	}

body.jean-lannes #content h2 { display: none; }

