/* reset - not as evil as you might think */
a img { border: 0; } 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; background: transparent; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/* body */		
body { background: #222 url('../images/static/background-01.png') repeat-x;}

/* header */
div#header {
	width: 830px;
	height: 170px; overflow: hidden;
	padding-left: 130px;
	margin: 0 auto;
	background:url('../images/static/grant-header-bg-01.jpg') left top no-repeat; 
	}
div#logo, div#mainlogos {
	float: left;
	}


/* nav */
div#nav {
	float: right; margin: 0;
	display: block;
	}
div#nav ul { width: 820px; height: 45px;}

div#nav ul li { float: left;}
div#nav ul li a {
	display: block; width: 164px; height: 45px; line-height: 33px;
	text-decoration: none;
	text-align: center;
	background: #111 url('../images/static/nav-bg-01.png') repeat-x;
	color: #ccc;
	}
div#nav ul li a:hover {
	background: #5c6b70 url('../images/static/nav-bg-hover-02.png') repeat-x;
	color: #fff;
	}
/* down states */
body#home div#nav ul li a#navhome, body#blog div#nav ul li a#navblog, body#media div#nav ul li a#navmedia, body#sponsors div#nav ul li a#navsponsors, body#whowhyhow div#nav ul li a#navwhowhyhow,
body#fears div#nav ul li a#navfears, body#leaveamessage div#nav ul li a#navmessages { background: #f00 url('../images/static/nav-bg-hover-03.png') repeat-x; 	color: #fff; cursor: default; }

/* p */
body { font-family: Arial, sans-serif;}
p { line-height: 1.4em; margin: 0 0 1.2em 0;}
p.clear { clear: both; }
strong { font-weight: bold;}

/* a */
a { text-decoration: none; color: #00a; background: inherit;}
a:hover { text-decoration: underline; }
a { color: purple;}

/* h */
h1, h3, h4 { clear: both; margin-bottom: .5em;}
h1 { font-size: 1.6em; color: #333; padding-left: 10px;}
h2 { font-size: 1.2em; font-weight: bold; margin-bottom: .1em; color: #f00;}
h3 {font-weight: bold; padding: .2em 0;}


/* blog header*/
h4 {
	font-size: 130%; font-weight: bold; color: #fff;
	background: #666 url('../images/sitewide/content/h4-bg-01.png') center center no-repeat;
	height: 30px;
	width: 470px;
	font-size: 18px; line-height: 30px;
	text-indent: 8px;
	}


/* profile */
div#profilediscovery, div#profilegrant { margin: 10px 100px;
	}
div#profilediscovery { }
div#profilegrant { }

/* stuff */
div.clear { clear: both; }


/* img */
img.right { float: right; margin: 0 0 2em 2em;}
img.left { float: left; margin: 0 2em 6em 0;}

/* video players */
div#videoplayer_main {
}

div#videoplayer_main div {
	font-size: 85%;
	line-height: 100%;
	padding: 10px 10px 0 10px;
	background: #ddd;
	margin: 10px 0;
	border: 1px solid #bbb;
}


div#fearslist {
	}
div#fearslist a, li.done {
	list-style-image: url('../images/sitewide/bits/red-tick-01.png');
	color: red;
	font-weight: bold;
	}

/* sponsorlist */
div#sponsorlist { padding: 5px 0px 50px 35px; }
div#sponsorlist img { margin: 0 18px 18px 0; }
div#sponsorlist a img { border: 1px solid #eee; }
div#sponsorlist a:hover img { border: 1px solid #ccc; }


/* news */
div#news {
	clear: both;
	height: 50px;
	overflow: hidden;
	width: 940px;
	background: #eee url('../images/sitewide/thenews/the-news-bg-02.png') center center no-repeat;
	margin: 0 0 10px 0;
	text-indent: 210px;
	}
div#news p { margin: 0; line-height: 50px;}
div#news a { text-decoration: none; color: #f00; padding: .2em;}
div#news a:hover { text-decoration: underline;}


/* blog */
div#blogwrapper {
}
div.blogentry {
	background: #fff;
	border: 0px solid #999;
	padding: 15px 10px;
	margin: 0;
	}
div.blogentry p { padding: 0; font-size: 90%; line-height: 125%; }


/* message */
div#messages {
	}
div#messages ol, div#messages ul { list-style: none; margin: 0; padding: 0;}

ol#messagelist li.messageentry {
	padding: 5px; margin: 2px 0 4px 0;
	border-bottom: 1px solid #bbb;
	font-weight: normal;
	font-size: 90%; line-height: 120%;
	background: #ddd;
	}

	div#messages form {
		background: #eee;
		border: 1px solid #ccc;
		padding: 15px;
		margin-bottom: 15px;
		}

	div#messages label {
		clear: both;
		display: block;
		padding-top: 10px;
		text-transform: uppercase;
		font-weight: bold; font-size: 80%;
		}


div#formname, div#formlocation { width: 50%; float: left;}
div#formname input, div#formlocation input { width: 180px}
div#formmessage textarea { width: 390px; height: 3em;}
div#formsubmit { margin-top: 10px;}
div#formsubmit p { font-size: 70%; color: #555; }

div#messages legend { font-weight: bold; }





/* * * * * * * * * content * * * * * * * */

/* content */
div#content {
	width: 960px; margin: 0 auto;
	padding-top: 14px;
	background: #ddd url('/images/sitewide/content/content-bg-01.png') top center no-repeat;
		background: #eee url('../images/sitewide/contentbg/content-bg-01.png') top center no-repeat; color: #111;
		clear: both;
	}
	
/* content columns */
div#main_content {
	width: 420px;
	float: left;
	margin: 0 0px 40px 20px;
	}

div#sub_content {
	margin: 0 20px 40px 0px;
	padding: 5px 10px 15px 15px;
	float: right;
	width: 460px;
	background: #fff url('../images/sitewide/contentbg/sub-content-bg-01.png') top center no-repeat;
	}

div#sub_content h2 { margin: 0px 0 5px 0px; padding: 0; }



/* l */

div#sub_content ol {
	margin-left: 15px;
	list-style-type: decimal;
	list-style-position: outside;
}
div#sub_content ol li {
margin: 0 0 0 15px;
padding: 5px 0 5px 0px;
border-bottom: 0px solid #eee;
line-height: 140%;
font-size: 90%;
font-weight: bold;
}

div#sub_content ol li span { font-weight: normal;}





/* * * * * * * * * screen * * * * * * * */
div#main {
	width: 480px;
	padding: 0px;
	float:left;
	background: #eee;
	}

div#sub {
		width: 460px;
		padding: 7px 10px;
		float:right;
		background: #fff url('../images/sitewide/content/top-left-fff-eee.png') top left no-repeat;
	}

/* footer */
div#footer {
	margin-top: 20px;
	clear: both;
	padding: 10px;
	background: #222 url('../images/sitewide/contentbg/footer-bg-02.png') top center no-repeat;
	text-align: center;
	color: #eee;
	}

p.botnav a {
	color: #ddd;
	padding: .3em .8em;
	border: 1px solid #222;
}
p.botnav a:hover { color: #fff; text-decoration: none; background: #444;
border: 1px solid #666; border-bottom: 1px solid #444; border-left: 1px solid #444;}

p.credit a {
	color: #888;
	padding: .2em;
}
p.credit a:hover { text-decoration: none; color: #fff; }
p.credit {
	font-size: 80%;
	color: #888;
	padding: .2em;
}



div#videoplayer {
/*	margin: 0 0px 10px 40px; */

background: #eee;
padding: 15px 40px 5px 40px;
	}

div#fearsscroller {
	width: 440px;
	background: #eee;
	overflow: auto;
	padding: 0 0 10px 37px;
	}
div#fearsscroller img { margin: 2px 2px;}
div#fearsscroller a img { border: 1px solid #ccc; }
div#fearsscroller a:hover img { border: 1px solid #f00; }

div#sub p { font-size: 90%; line-height: 140%; margin-bottom: 0.9em;}


/* feardesc */
div#feardesc { margin: 20px; }

div#feardesc div {
	width: 45%;
	margin: 1% 1% 0 0; padding: 10px 10px 10px 10px; border: 1px solid #ccc; float: left; background: #fff; height: 115px; overflow: auto;}

div#feardesc div p { font-size: 90%; margin: 0;}
div#feardesc div img { float: left; margin: 0px 10px 10px 0;}
div#feardesc div p a { color: #f00; }
div#feardesc div p a:hover { background: #f00; color: #fff; text-decoration: none; padding: 2px;}


/* mostrecent */
div#mostrecent {
	margin: 1% 1% 0 0; padding: 10px 10px 10px 10px; border: 1px solid #ccc; float: none; background: #fff; height: 115px; overflow: auto;}

div#mostrecent p { font-size: 100%; margin: 0;}
div#mostrecent img { float: left; margin: 0px 10px 10px 0;}
div#mostrecent p a { color: #f00; }
div#mostrecent p a:hover { background: #f00; color: #fff; text-decoration: none; padding: 2px;}



/* messages */
div#messagelist { width: 900px; margin: 10px auto; clear: both;}
div#messagelist div {
	width: 46%;	margin: 1% 1% 0 0; padding: 10px 10px 10px 10px; border: 1px solid #ccc; float: left; background: #fff; height: 95px; overflow: auto;}
	
div#messagelist div.grantmsg {
	background: #ffe0e0;
	border-color: #ffbfbf;
	}	
div#messagelist p { font-size: 90%; line-height: 125%; margin: 0;}


/* homepage */
div#sidepanel div {
	font-size: 85%;
	line-height: 100%;
	padding: 10px 10px 5px 10px;
	background: #fff;
	margin: 10px 0;
	border: 1px solid #ddd;
		border-bottom: 1px solid #ccc;
				border-left: 1px solid #ccc;
}


/* leaveamessageform */

div#leaveamessageform {
	float: left;
	background: #ddd;
	width: 46%;
	padding: 1% 1%;
	border: 2px solid #bbb;
}

div.pagetop { padding: 0 20px; }
div.pagetop h1 { padding: 0;}


h6 { font-weight: normal; color: #f00;}


/* paypal form */
form.ppform { width: 110px; margin: 5px; float: right;}
form.ppform input { margin: 0; padding: 0; }




/* inthemedia */
div#inthemedia {
	margin-top: 20px;
	font-size: 90%;
	line-height: 120%;
	}
div#inthemedia p { margin-bottom: .5em;}
div#sidepanel div#discovery {
	background: #fff url('../images/sitewide/bits/discovery-logo-bg-01.png') 20px 20px no-repeat;
	}


/* photos */
div#photos {
	width: 400px;
	margin: 20px auto;
	background: #ddd;
	}
div#photos img {
	margin: 5px;
	}


/* tellafriend */

div#tellafriendwrap {
	margin: 20px auto;
	padding: 20px;
	width: 500px;
	background: #fff;
	border: 1px solid #ccc;
	}

div#tellafriendwrap form#tellafriendform {
	
	}

form#tellafriendform div {
	clear: both;
	margin: 10px;
}


/* audio players */
div#main_content div#sidepanel div#radioplayer {	
}

/* dl */
dl { margin: 20px;}
dt { font-weight: bold; margin: 20px 0 5px 0;}
dd { line-height: 1.4em;}


/* welcome */
div#sidepanel div#welcome { line-height: 130%; font-size: 100%;}


/* fearface */

div#fearfacewrap {
	width: 860px;
	margin: 20px auto; background: #eee;
	}
div#fearfacewrap img {
	margin: 7px 10px;
	}





	div#homeheader {
		width: 960px; height: 280px;
		border: 0px solid #f00;
		padding: 0;
		background: #eee url('/images/sitewide/frontpage/30fears-welcome-bg-02.jpg') top left no-repeat;


	}

	div#homewelcome {
		width: 500px;
		float: right;

	}

	div#homewelcome h1 { display:none; }

	div#homewelcome div {
		width: 330px;
		position: relative;
		top: 35px;left: 10px;
		overflow: hidden;
		font-size: 90%;
	}

	div#homenews {
		width: 460px;
		overflow: hidden;
		float: left;
		}


	div#newsbox, div#mostrecent {
		width: 413px;
		height: 98px;
		border: 1px solid #ccc;
		padding: 10px; margin: 10px;
		background: #fff;
		font-size: 90%;
		}

	div#newsbox div img { float: right; }

	div#newsbox {
		background: #fff url('/images/news/news-bg-text-04.png') center left no-repeat;
	}
	div#newsbox div {
		margin: 8px 8px 5px 40px;
	}