/* ------------------------------------------------------------

Title:     San Francisco World's Fair
Author:    maaniksingh@gmail.com
Created:   February 22 2007
Updated:   March 18 2007

------------------------------------------------------------ */

/* Colors 
Red: #F30;
Green: #6C6;
Blue: #69F;
Yellow: #FC0;
*/

/* General Styles */
body
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	line-height: 150%;
	text-align: center;
	color: #ccc;
	background: #222 url("../img/bg.jpg");
}

img { border: 0px; }

ul li
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul
{
	padding: 0px 20px;
	margin: 0;
}

/* LINKS */

a:link, a:visited
{
	color: #6C6;
	background: none;
	text-decoration: none;
	padding: 1px;
	border-right: 0;
}

a:hover
{
	color: #69F;
	background: none;
	text-decoration: none;
	padding: 1px;
	border-bottom: 1px dotted #69F;
}

/* Menu Links Colors and Rollover */
#menu li#link-home a:link,
#menu li#link-home a:visited { color: #69F; }
#menu li#link-mission a:link,
#menu li#link-mission a:visited { color: #FC0; }
#menu li#link-participants a:link,
#menu li#link-participants a:visited { color: #F30; }
#menu li#link-community a:link,
#menu li#link-community a:visited { color: #6C6; }
#menu li#link-schedule a:link,
#menu li#link-schedule a:visited { color: #69F; }
#menu li#link-schedule a:link,
#menu li#link-schedule a:visited { color: #FC0; }
#menu li#link-contact a:link,
#menu li#link-contact a:visited { color: #F30; }

#menu a:link,
#menu a:visited,
#menu a:hover
{
	border-bottom: 0px;
	padding: 4px 6px;
	display: block;
}

#menu a:link, #menu a:visited
{
	color: #69F;
	text-decoration: none;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}

#menu li#link-home a:hover
{
	color: #000;
	background: #fff;
	text-decoration: none;
}

#menu li#link-mission a:hover
{
	color: #000;
	background: #fff;
	text-decoration: none;
}

#menu li#link-participants a:hover
{
	color: #000;
	background: #fff;
	text-decoration: none;
}

#menu li#link-community a:hover
{
	color: #000;
	background: #fff;
	text-decoration: none;
}

#menu li#link-schedule a:hover
{
	color: #000;
	background: #fff;
	text-decoration: none;
}

#menu li#link-contact a:hover
{
	color: #000;
	background: #fff;
	text-decoration: none;
}

a.alt:link, a.alt:visited, a.alt:hover { text-decoration: none; }

a.pdf:link,
a.pdf:visited,
a.pdf:hover
{
background: url("../img/pdf.gif") no-repeat; padding-left: 26px;
}

h1
{
	font: 200% normal helvetica, arial, sans-serif;
	margin-top: 20px;
}

h2 { font-size: 115%; }
#main-home1 h1,
#main-home1 h2,
#main-home1 h3,
#main-home1 h4 { color: #fc0; }
h1, h2, h3 { color: #FC0; }
h4 { color: #F30; margin-bottom: 0; padding-bottom: 0;}
h1, h2, h3, h4, p, img { padding: 0px 20px; }

abbr, acronym, span.abbr
{
	cursor: help;
	border-bottom: 1px dashed #000;
}

.em { color: #fff; }

.hr {border-bottom: 1px solid #222; margin: 0px 20px;}

.tiny { font-size: x-small; }
.med {font-size: medium;}
.large { font-size: large; }

.red	{color: #F30;}
.yellow	{color: #FC0;}


/* ------------------------------------------------------------

PAGE STRUCTURE

------------------------------------------------------------ */

#wrap
{
	width: 760px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	font-size: 95%;
	text-align: left;
	background: #000;
}

#header
{
	height: 370px;
	padding: 0px;
	font-size: 95%;
	text-align: left;
	background: #000;
	/* position: relative;
	/*border: 1px solid red;*/
}

#header img { padding: 0; }

#logo
{
	margin: 0;
	padding: 0 40px;
	position: absolute;
	bottom: 30px;
}

#main
{
	float: right;
	width: 760px;
	margin: 0px;
	background: #000;
	padding-bottom: 40px;
}

#main-home
{
	float: left;
	width: 265px;
	font-size: x-small;
}

#main-home p,
#main-home1 p
{
	margin-top: 0px;
	padding-top: 0px;
}

#main-home h4,
#main-home h3,
#main-home1 h4,
#main-home1 h3
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#main-home1
{
	background: #111;
	float: left;
	width: 255px;
	font-size: x-small;
	border-left: 20px solid #000;
}

#main-home1 img { padding: 0px; }

#main-home1 div
{
	padding-bottom: 20px;
	border-bottom: 5px solid #000;
}

#sidebar-home
{
	background: none;
	float: right;
	width: 485px;
}

#community #sidebar-home p
{
margin-top: 0;
padding-top: 0;
}

#main-2col
{
	background: none;
	float: left;
	width: 400px;
}

#main-2col img { padding-top: 20px; }

#sidebar
{
	background: none;
	float: right;
	width: 340px;
}

#sidebar ul { margin-bottom: 0; }
#sidebar h2, #sidebar p { padding: 0 10px 0 0; }
#thumbs { padding: 20px 20px; }

#thumbs a:link, 
#thumbs a:visited
{
	background: none;
	text-decoration: none;
	padding: 0px;
	border: 0px;
}

#thumbs a:hover
{
	background: none;
	text-decoration: none;
	padding: 0px;
	border: 0px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

#footer
{
	height: 150px;
	background: #000 url("../img/bg-footer.jpg") bottom repeat-x;
	font-size: x-small;
	padding: 10px 0px;
	clear: both;
}

#footer p { }

/* you are here */
body#home h2
{
	font-size: 200%;
	font-weight: normal;
}

body#home #menu li#link-home a,
body#mission #menu li#link-mission a,
body#participants #menu li#link-participants a,
body#community #menu li#link-community a,
body#schedule #menu li#link-schedule a,
body#contact #menu li#link-contact a
{
	background: none;
	color: #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #000;
}

#menu ul
{
	margin: 0;
	padding: 10px 20px;
	margin-left: 270px;
}

#menu li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FORM STYLES */
form { padding: 10px; }
form p { padding: 20px; }

#notify
{
	color: #fff;
	padding: 10px;
	font-size: x-small;
}

#notify div
{
	padding: 3px 0px;
	border-bottom: 1px solid #111;
}

#notify h4
{
	margin: 0px;
	font-size: x-small;
	font-weight: normal;
	color: #FC0;
}

fieldset
{
	background: #111;
	border: 1px solid #222;
	padding-left: 10px;
}

legend
{
	color: #FFF;
	background: #222;
	padding: 2px 6px;
}

#notify input, #notify textarea
{
	color: #333;
	border: 0px;
	padding: 4px 0px 2px 0px;
	margin: 2px 0 8px 0;
	font-size: large;
}

#notify input:focus,
#notify textarea:focus
{
	color: #000;
	background-color: #69F;
}