/*  
Theme Name: La Spirale d'Or
Theme URI: http://www.laspiraledor.com/
Description: Custom theme for La Spirale d'Or.
Version: 1.0
Author: Jeanne-Marie Monpeurt (design) and Meg Grant (code)

	No part of this website may be reproduced without written permission of La Spirale d'Or
	
*/

/* =============== reset styles */
/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
}
ul { list-style: none; }
table { /*border-collapse: collapse;*/ border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
th, td { vertical-align:top; }
img { display:block; border:0; }
* html li a { height:1%; }
/* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */

/* General Positioning + styles */
body { background:#fffded url(images/bg_site.jpg) 0 0 no-repeat; }
/* see iehacks */
/*#page { 
	width:100%;
	overflow:hidden; 
	background:url(images/bg_site.jpg) 0 0 no-repeat; 
}*/
#middle {  }
/* see iehacks */
#sidebar { 
	float:left; 
	width:154px; 
	margin-right:-10%; 
	padding-top:3em;
} 
/* see iehacks */
#content { 
	float:right; 
	min-height:340px; 
	width:80.6%; 
	margin-left:0; 
	padding-top:3.5em; 
	border-left:1px solid #dfc9ba; 
}

* html #content { height:340px; }
#header, 
#middle, 
#footer { width:770px; }

/* General Styles */
.line hr { display:none; }
.line { 
	border-top:1px solid #dfc9ba; 
	height:1px; 
	margin:0 0 -1px 0;
	clear:both; 
	font-size:0em; 
}
h1 { 
	position:relative; 
	padding-top:3em;
	width:80.6%;
	float:right;
	text-align:right; 
	text-transform:uppercase; 
	font-size:1.2em; 
	font-weight:normal; 
	color:#873a43; 
	letter-spacing:0.1em;
	line-height:0.5em; 
	border-left:1px solid #dfc9ba;
}
#header a { display:none; }
#sidebar ul { padding:0; }
#sidebar li a { 
	display:block;
	padding:3px 15px 3px 5px; 
	background:transparent url(images/point_site.gif) 100% 10px no-repeat; 
	text-align:right;
	text-decoration:none;
	text-transform:lowercase; 
	font-size:1.1em; 
	font-weight:bold; 
	font-style:italic; 
	letter-spacing:0.1em;
}
.home #sidebar ul li#news a, 
#sidebar li.current_page_item a, 
#sidebar li a:hover {
	color:#873a43; 
	background-position:100% -190px;
}

/* Content Styles */
strong { font-weight:bold; }
em { font-style:italic; }
p, p strong, ol, li { color:#444; }
h2, h3, h4, h5, h6, p, ul, ol, small { padding:0 40px; }

small { 
	line-height:1.4; 
	font-weight:bold; 
	font-style:italic; 
	color:#873a43; 
}
	.narrowcolumn small { 
		font-size:0.69em; 
	}
	.widecolumn small { 
		font-size:1em;
	}
	
a { color:#b07e7c; }
a:hover { color:#873a43; }

#content h2 { font-weight:bold; }

#content p, 
#content ul, 
#content ol { margin-bottom:1em; }
		
#content p, 
#content li {
	font-size:0.81em;
	line-height:1.4;
	letter-spacing:0.1em;
	word-spacing:0.1em;
}
#content ul li {
	margin:0 0 0 15px;
	list-style:disc;
}
#content ol li {
	margin:0 0 0 20px;
}

/* calendar styles 
#middle .calendar { padding-top:0; }
	#middle .calendar .entry { margin-top:-61px; margin-left:30px; }
	#middle .calendar .entry h2, 
	#middle .calendar .entry h3, 
	#middle .calendar .entry h4, 
	#middle .calendar .entry p { padding-left:0; }
	#middle .calendar .entry h2 { margin-top:60px; padding-top:3.5em; border-top:1px solid #dfc9ba; }
	*/
/* news styles */
.post { margin-bottom:2em; }
	.post h2 { margin:0 0 0.5em 0; }
		.post h2 a { font-weight:normal; }

/* navigation*/
.navigation { margin:0 40px 20px; width:580px; overflow:hidden; }
	* html .navigation { margin-right:0; }
	.navigation .alignleft, 
	.navigation .alignright { float:left; font-size:0.75em; color:#873a43; }
	.navigation .alignright { float:right; }

/* postmetadata + commentlist */
#content .commentlist { font-size:0.88em; }
#content .postmetadata { font-size:0.69em; }
	#content .commentlist p,  
	#content .postmetadata small, 
	#content .commentlist small { padding:0; }
	#content .commentlist li {  }
	#content .commentlist p { font-size:1em; }

/* review styles */
#content blockquote { margin:0 40px; background:transparent url(images/lquo2.gif) 0 0 no-repeat; }
#content blockquote p { padding:0 0 5px 35px; }
#content cite { display:block; margin-top:5px; font-weight:bold; }

/* form elements*/
input { border:1px solid #b07e7c; }
	input.submit-comment { background:#873a43; color:#fff; }
textarea { border:1px solid #b07e7c; width:100%; }
	* html textarea { width:98%; }

/* burgundy */
h2, h4 { 
	line-height:1.4em;
	color:#873a43; 
}
h3, h5, h6 { 
	line-height:1.4em;
	color:#444; 
}
h2 { 
	font-style:italic;
	letter-spacing:0.1em;
}
h3 { 
	margin:0 0 0.5em 0; 
	font-size:0.88em; 
	font-weight:bold; 
	font-style:italic;
	letter-spacing:0.1em;
}
h4, h5 { 
	margin:0 0 0.3em 0; 
	font-size:0.81em; 
	font-weight:bold; 
	font-style:italic;
	letter-spacing:0.1em;
}
h6 { 
	font-size:0.81em; 	
	letter-spacing:0.1em;
	word-spacing:0.1em;
}

/* footer styles */
#footer ul {
	float:right;
	padding:0 0 10px 0;
	width:80.6%;
	overflow:hidden;
	border-left:1px solid #dfc9ba;
}
#footer li {
	float:left;
	display:inline;
	padding:12px 0 0 40px;
	list-style:none;
	font-size:0.69em;
}
#footer li#homelink {
	float:right;
	padding:0;
}
#footer li#homelink a {
	display:block;
	height:1em;
	width:3em;
	padding:6px 40px 0 0;
	background:transparent url(images/logo_36x25.gif) 100% 0 no-repeat;
	text-decoration:none;
	letter-spacing:0.1em;
	font-size:1.6em; 
	font-weight:bold; 
	font-style:italic; 
}

