/* 
	Main CSS doc for Parade (Default Design) | Copyright 2008
	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
	Red: 	#ED2D00
	Gray:	#E5E5E5
	
*/

/*
**	=global
**************************/
body					{ background:#fff; color:#000; font-size:75%; font-family:helvetica,arial,sans-serif; }
a						{ color:#000; text-decoration:none; font-weight:bold; }
a:hover					{ text-decoration:underline; }
a img, img				{ border:0; }
p,ul,ol,
h1,h2,h3,h4,h5,h6		{ margin-bottom:1em; }
h1,h2,h3,h4,h5,h6		{ color:#ED2D00; font-weight:normal; margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }


/*
**	=wrap
**************************/
#wrap					{ margin:0 auto; padding-top:65px; position:relative; width:901px; }



/*
**	=branding
**************************/
#branding				{ position:absolute; top:35px; left:50px; }
#branding a				{ color:#000; font-size:2.5em; font-weight:normal; text-decoration:none; }
#branding a span		{ color:#ED2D00; font-size:0.5833em; font-family:georgia,'times new roman',serif; font-style:italic; }



/*
**	=nav
**************************/
#nav					{ position:absolute; right:50px; top:0; }
#nav li					{ float:left; margin-left:10px; }
#nav li a				{ color:#777; font-size:1.25em; font-weight:bold; float:left; text-decoration:none; padding:8px 10px; }
#nav li a:hover			{ color:#ED2D00; }
#nav li a.active		{ background:#ED2D00; color:#fff; }



/*
**	=content
**************************/
.content				{ color:#666; font-size:1.25em; padding:10px 50px; overflow:hidden; }
.content h2				{ color:#ED2D00; clear:both; font-size:2em; margin:0.75em 0 0.25em; }
.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:1em; margin-bottom:1em; }
.content p				{ line-height:1.4; width:70%; }
.content ul,
.content ol				{ list-style-position:inside; }
.content li				{ list-style-type:disc; position:static; left:auto; top:auto; height:auto; }
.content ol li			{ list-style-type:decimal; }

#gallery				{ height:554px; position:relative; width:801px; }
#gallery ul,
#gallery li				{ display:block; height:534px; width:801px; }
p.caption				{ bottom:-1.75em; font-size:0.9167em; left:0; margin:0; position:absolute; }
#prev,#next				{ display:block; position:absolute; top:0; height:534px; width:50px; background:url('../img/prev.gif') no-repeat 0 50%; text-indent:-9999em; }
#prev					{ left:-50px; }
#next					{ background-image:url('../img/next.gif'); right:-50px; }
#prev:hover,#next:hover	{ background-position:-50px 50%; }

#galleries				{ clear:both; float:left; margin-bottom:2em; width:801px; }
#galleries li			{ background:#E5E5E5; display:block; float:left; height:173px; margin:10px 12px 0 0; width:259px; overflow:hidden; position:relative; }
#galleries li.right		{ margin-right:0; }
#galleries li h3		{ background:#494949; color:#fff; font-size:1em; margin:0; padding:7px 10px 5px; position:absolute; left:0; top:0; z-index:2; -moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px; }
#galleries li a			{ background-position:center center; display:block; height:153px; margin:10px 0 0 10px; width:239px; }



/*
**	=site-info
**************************/
#site-info				{ clear:both; margin:10px auto; position:relative; width:801px; }
#copyright				{ color:#aaa; width:66%; }
#copyright a			{ color:#aaa; }
#copyright a:hover		{ color:#444; }
#parade					{ position:absolute; right:0; top:0; }
#parade a				{ background:url('../img/logo-parade.gif'); display:block; height:43px; text-indent:-9999em; width:87px; }


/*
**	=font variations
**************************/
body.serif					{ font-family:georgia,"Times New Roman",serif; }


/*
**	=color variations
**************************/
body.dark					{ background:#000; color:#fff; }
.dark a						{ color:#fff; }
.dark #nav li a				{ color:#aaa; }
.dark #nav li a:hover		{ color:#ED2D00; }
.dark #nav li a.active		{ background:#ED2D00; color:#fff; }
.dark #branding a			{ color:#fff; }
.dark .content				{ color:#aaa; }
.dark #copyright			{ color:#666; width:66%; }
.dark #copyright a			{ color:#666; }
.dark #copyright a:hover	{ color:#999; }
.dark #galleries li			{ background:#2a2a2a; }
.dark #next					{ background-image:url('../img/next-reverse.gif'); }
.dark #prev					{ background-image:url('../img/prev-reverse.gif'); }