@import url('reset.css');

/* 
	Main CSS doc for Thom LaMontagne Parade theme | Copyright 2009
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
	Palette
	#333333		dark gray
	
*/

/*
**	=global
************************/

/* default */
body					{ background:#fff; color:#444; font:75%/1 arial,helvetica,sans-serif; position:relative; }
a						{ color:#000; border-bottom:1px dotted #333; padding-bottom:2px; text-decoration:none; }
a:hover					{ color:#999; border-color:#aaa; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ font-size:1.1667em; line-height:1.5; }
h1,h2,h3,h4,h5,h6		{ font-weight:normal; margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0 dotted #ccc; border-top-width:1px; height:0; clear:both; }

.content ul,
.content ol				{ list-style-position:inside; margin-left:20px; }
.content li				{ list-style-type:disc; position:static; left:auto; top:auto; height:auto; }
.content ol li			{ list-style-type:decimal; }
.content h2				{ font-size:2em; }
.content h3				{ font-size:1.75em; }
.content h4				{ font-size:1.5em; }
.content h5				{ font-size:1.25em; }
.content h6				{ font-size:1.25em; }



/*
**	=branding
************************/
#branding				{ position:fixed; left:20px; top:20px; width:300px; }
#logo					{ color:#444; font-size:2.5em; line-height:1.25; margin:0 0 0.5em; border:0; }
#logo span				{ color:#999; display:block; font-size:0.5em; font-weight:normal; }

/*
**	=nav
************************/
#nav					{ margin:0; margin:20px 0 0 20px; }
#nav li					{ font-size:1em; }
#nav li ul				{ margin:0 0 0 10px; }
#nav a					{ border:0; color:#999; font-size:1.0833em; font-weight:bold; }
#nav a:hover			{ color:#666; }
#nav a.current			{ border-bottom:1px dotted #999; color:#333; }


/*
**	=gallery
************************/
ul#gallery				{ margin:0; list-style-type:none; }
#gallery li				{ display:block; margin:0 0 1em; padding:1em 0; }
a#fancy_left,
a#fancy_right,
#gallery a.modal		{ border:0; }
#gallery a:hover img	{ border-color:#dcdcdc; }
#gallery img			{ border:7px solid #aaa; }
#gallery .meta			{ margin:0.25em 0 0; position:relative; }
#gallery .meta p		{ font-size:1em; margin-right:30px; }
#gallery a.perma		{ border:0; color:#aaa; font:0.8333em/1 verdana,arial,sans-serif; letter-spacing:-2px; }
#gallery a.perma:hover	{ color:#333; }

/*
**	=content
************************/
#main-content			{ padding-top:30px; margin-left:350px; width:514px; } /* is so it respects margin in IE */
#main-content h2		{ font-size:2em; }



/*
**	=site-info
************************/
#site-info				{ clear:both; color:#999; margin:20px 0 0 350px; width:514px; }
#site-info p			{ font-size:1em; }



/*
**	=color variations
************************/
body.dark				{ background:#444; color:#bbb; }
.dark #logo				{ color:#fff; }
.dark #nav a			{ color:#999; }
.dark #nav a:hover		{ color:#bbb; }
.dark #nav a.current	{ color:#fff; border-color:#fff; }
.dark a					{ color:#fff; border-color:#fff; }
.dark a:hover			{ color:#999; border-color:#999;}
.dark #fancy_overlay	{ background:#aaa; }
.dark #gallery a.modal img		{ border-color:#999; }
.dark #gallery a:hover img		{ border-color:#fff; }
.dark #gallery a.perma:hover	{ color:#fff; }


/*
**	=font variations
************************/
body.serif				{ font-family:georgia,'times new roman',serif; }
.serif h1,.serif h2,
.serif h3,.serif h4,
.serif h5,.serif h6		{ font-style:italic; }
.serif h1 #logo			{ font-style:normal; }


/* =georgia headings */
.georgia h1,.georgia h2,
.georgia h3,.georgia h4,
.georgia h5,.georgia h6,
.georgia #nav a				{ font-family:georgia,'times new roman',serif; font-style:italic; font-weight:normal; }

/* =trebuchet headings */
.trebuchet h1,.trebuchet h2,
.trebuchet h3,.trebuchet h4,
.trebuchet h5,.trebuchet h6,
.trebuchet #nav a			{ font-family:"trebuchet MS",sans-serif; }

/* =arial headings */
.arial h1,.arial h2,
.arial h3,.arial h4,
.arial h5,.arial h6,
.arial #nav a			{ font-family:arial,helvetica,serif; font-style:normal; }