@import url('reset.css');

/* 
	Main CSS doc for Everyone For Edmonton | 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
	#5d8086		teal text
	#f5f2d9		tan text
	
*/

/*
**	=global
************************/
body					{ background:#f0ecd0 url('../img/tan-texture.jpg'); color:#5d8086; font:75%/1 arial,helvetica,sans-serif; }
a						{ color:#f5f2d9; text-decoration:none; }
a:hover					{ color:#fff; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.4; }
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 h2				{ font-size:2.25em; }
#content h3				{ font-size:2em; }
#content h4				{ font-size:1.75em; }
#content h5				{ font-size:1.25em; }
#content h6				{ font-size:1em; margin-bottom:1em; }
#content img			{ margin-bottom:1em; }
#content ul,#content ol	{ list-style-position:inside; }
#content li				{ list-style-type:disc; }
#content ol li			{ list-style-type:decimal; }*/


.fancy					{ font-family:'arial black',arial,sans-serif; font-style:normal; text-transform:uppercase; letter-spacing:-1px; }
h2						{ font:2.25em/1.2 'arial black',arial,sans-serif; text-transform:uppercase; }


/* grid */
.wrap					{ margin:0 auto; padding:0; width:960px; position:relative; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }


.col					{ float:left; width:220px; margin:0 10px; }
.last					{ margin-right:0; }
/*#site-info .col			{ margin-left:0; width:230px; }*/


/*
**	=branding
************************/
#branding				{ background:url('../img/bg-branding.png') no-repeat center top; }
#branding .wrap			{ border-top:10px solid #587a7f; border-color:rgba(80,110,115,0.85); height:140px; }
#logo					{ background:url('../img/logo-e4e.png'); display:block; height:113px; width:111px; text-indent:-9999em; margin-top:10px; }
#branding blockquote p	{ background:url('../img/bg-tagline.png'); height:36px; width:513px; margin:0; text-indent:-9999em; position:absolute; top:55px; right:0; }


/*
**	=scissors
************************/
.scissors				{ background:url('../img/bg-scissors.gif') repeat-x 0 0; height:16px; }


/*
**	=main-info
************************/
#main-info				{ background:url('../img/bg-slideshow.png') no-repeat center top; }
#main-info .wrap		{ height:350px; padding-bottom:15px; padding-top:1px; }

/* =slideshow */
#slideshow				{ display:inline; float:left; height:350px; width:610px; }

/* =details */
#details				{ color:#f5f2d9; display:inline; float:left; padding-top:30px; height:320px; width:340px; } /* height:350px; */
.details				{ font-family:'arial black',arial,sans-serif; text-transform:uppercase; line-height:0.9; letter-spacing:-1px; margin-bottom:1em; overflow:hidden; }
.details span			{ font-size:1.25em; text-align:right; width:50px; float:left; margin-right:10px; margin-top:3px; }
.details em				{ font-size:2.25em; float:left; width:280px; font-style:normal; }
p.desc					{ font-size:1.5em; margin:20px 40px 1em 62px; line-height:1.2; }
p.desc em				{ font-weight:bold; }

a#learn-more			{ background:#f5f2d9; color:#5d8086; padding:5px 10px; font-size:1.5em; line-height:1; float:right; margin:20px 10px 0 0; }
#learn-more:hover		{ color:#6B8A8F; }

/*
**	=participants
************************/
#participants			{ background:url('../img/blue-texture.jpg'); color:#f5f2d9; }
#participants .wrap		{ margin-top:15px; padding-top:30px; } /* height:470px; */

#get-listed				{ font-size:1.0833em; line-height:1; position:absolute; top:41px; right:0; }



/* =tabs */
#tabnav					{ float:left; width:240px; }
#tabnav li				{ text-align:right; }
#tabnav a				{ display:block; font-size:1.333em; padding:3px 10px; }
#tabnav a.active		{ background:#6b8a8f; background:rgba(110,141,146,0.85); }

#tabs					{ background:#6b8a8f; background:rgba(110,141,146,0.85); float:left; min-height:490px; width:720px; }
#tabs ul				{ overflow:hidden; margin:0.75em 0 1em; }
#tabs li				{ list-style-type:disc; display:inline; float:left; margin:0 0 0 25px; width:325px; }
#tabs li a				{ background:url('../img/bg-org-link.gif') no-repeat right 50%; padding-right:15px; }



/*
**	=

************************/
#more-info				{}
#more-info .wrap		{ background:url('../img/bg-cityscape.gif') no-repeat right bottom; padding:30px 0 60px; }

#more-info h2			{ margin-left:10px; }
h2#resources			{ position:absolute; left:730px; top:30px; margin:0; }

#more-info p			{ font-size:1.1667em; }
#more-info a			{ color:#5D8086; }
#more-info a:hover		{ color:#6B8A8F; }


#resource-list a		{ background:no-repeat 15px center; border:1px dashed #bab7a2; color:#547980; display:block; font-size:1.5em; padding:12px 12px 12px 65px; margin:0 0 12px; }
#resource-list a:hover	{ color:#6B8A8F; }
a#posters				{ background-image:url('../img/icon-circle.png'); }
a#parking				{ background-image:url('../img/icon-parking.png'); }
a#directions			{ background-image:url('../img/icon-directions.png'); }




/*
**	=site-info
************************/
/*#cityscape				{ background:url('../img/bg-site-info.png') no-repeat 50% 0; height:60px; }*/
#site-info				{ background:#5d8086 url('../img/blue-texture.jpg'); color:#F5F2D9; padding-top:30px; }
#site-info .wrap		{ padding:0 0 20px; width:960px; overflow:hidden; }
#site-info p#copyright,
#site-info h2			{ margin-left:10px; clear:both; }
h2#register				{ position:absolute; left:730px; top:0; margin:0; }
#site-info p			{ font-size:0.9167em; }
#site-info p img		{ margin:10px 0 20px; }
#site-info p a			{ font-weight:bold; }