/* admin stylesheet */

html, body {
	margin: 0;
	padding: 0;
	background: #53B6E7 url(/images/global/bg.png) bottom center no-repeat;
}

h1, h2, h3, h4, h5 { margin: 0 0 10px 0; color: #1AA7E5; }
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }

h2 span.date,
h3 span.date { color: #999; }
h2 span.date { font-size: 0.5em !important; }
h3 span.date { font-size: 0.7em !important; }

a { color: #1AA7E5; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 20px 0; }
ul li { list-style: circle; margin: 20px 14px; }
table { border-collapse: collapse; margin: 20px 0; width: 100%; }
table td,
table th { text-align: left; border: 1px solid #ccc; height: 1.5em; padding: 6px; background: none; vertical-align: top; }
table th { background: #D1E5FF; }
form p { margin: 10px 0; }
strong { font-weight: bold; }
em { font-style: italic; }

label { font-weight: bold; }
fieldset { padding: 0 0.8em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; margin: 0; }
input,
textarea,
select { margin: 0.25em 0; border: 1px solid #bbb; padding: 4px; }
select { width: 300px; padding: 0; }
textarea { height: 250px; width: 97%; padding: 5px; font: inherit; font-size: 1.2em; }
textarea:focus,
select:focus { border: 1px solid #666; }

ul.fancy { margin: 40px 0; }
ul.fancy li { background: url(/images/global/list_icon.png) 0 0 no-repeat; margin: 0 0 20px 40px; padding: 0 0 0 40px; list-style: none; height: 40px; }

p.date { color: #999; }

/* helpers */
.center { text-align: center; }
.clear { clear: both; }
.fr { float: right; }
.fl { float: left; }
img.fr { float: right; margin: 0 10px 20px 20px; }

/* Content */
div#wrapper,
div#footer { width: 760px; margin: 0 auto; }
div#wrapper { border: 1px #999 solid; background: #fff; margin-top: 16px; }

div#footer { text-align: right; font-size: 0.9em; padding: 10px 0; }
div#footer ul li { display: inline; margin: 0 0 0 16px; }
div#footer ul li a { color: #fff; }
div#footer ul li.limited_info { color: #fff; font-size: 0.8em; }

div#header { height: 140px; position: relative; }
div#header a.logo,
div#header a.info { display: block; height: 140px; }
div#header a.logo { width: 384px; background: #fff url(/images/global/logo.png) 10px 10px no-repeat; }
div#header a.info { width: 290px; background: #fff url(/images/global/header_info.png) 0 20px no-repeat; position: absolute; right: 0; top: 0; }
div#header a:hover { text-decoration: none; }

div#navigation { height: 54px; margin: 10px 0; background: #fff url(/images/global/nav-bg.png) 0 0 no-repeat; text-align: right; position: relative; }
div#navigation ul li { display: inline; margin: 0 0 0 4px; }
div#navigation ul li,
div#navigation ul li a { color: #fff; }
div#navigation ul li a:hover { text-decoration: none; }
div#navigation ul.main,
div#navigation ul.sub { position: absolute; right: 10px; }
div#navigation ul.main { top: 8px; }
div#navigation ul.sub { top: 33px; }
div#navigation ul.main li a:hover,
div#navigation ul.main li a.selected { color: #8BC542; }
div#navigation ul.sub li a:hover,
div#navigation ul.sub li a.selected { color: #EB008B; }
div#content { padding: 10px; }

input.submit { background: #EB008B; border: none; color: #fff; font-weight: bold; }
input.submit:hover { background: #8BC542; color: #EB008B; }

/* errors & feedback */
div.errorExplanation { border: 2px #ff5c5c solid; margin: 20px 0; }
div.errorExplanation h2 { background: #ff5c5c; border: none; padding: 10px; color: #fff; }
div.errorExplanation p,
div.errorExplanation ul { margin: 0 10px; padding: 4px 0; }
div.errorExplanation ul li { padding: 0; }

div.flash { width: 740px; padding: 10px; text-align: center; margin: 0 auto 10px auto; }
div.error,
div.warning,
div.failure { background: #FF7E7E; }
div.notice,
div.message,
div.success { background: #8BC542; }

/* posts */
.post { position: relative; margin: 0 0 20px 0; background: #F7FBFF; padding: 10px 4px; }
.post h3 { border-bottom: 1px #ccc solid; margin: 0 0 10px 0; padding: 0 0 4px 0; }
.post p { margin: 10px 0; }
.post p.date { color: #999; }

div.post_image { text-align: center; margin: 20px 0; }
div.post_image img { border: 10px #ccc solid; }

div#latest_post { float: right; width: 194px; height: 290px; background: #fff url(/images/global/news-bg.png) 0 0 no-repeat; padding: 16px 20px 20px 20px; margin: 0 0 0 10px; color: #fff; }
div#latest_post h4,
div#latest_post a { color: #FDFF00; }
div#latest_post p { margin: 10px 0; }
div#latest_post img { margin: 0 0 0 18px; }

a.who_we_are_image { display: block; height: 192px; width: 174px; background: url(/images/global/imagery/who_we_are.png) 0 0 no-repeat; float: right; margin: 0 0 20px 20px; }
a.who_we_are_image span { display: none; }

/* about info */
#about_frame { height: 560px; width: 740px; position: relative; }
#about_frame h2.team { background: url(/images/global/header_team.png) 0 0 no-repeat; width: 172px; height: 30px; margin: 0 auto; }
#about_frame h2.team span { display: none; }
#about_frame img.polaroid,
#about_frame div.biog { position: absolute; }
#about_frame img.polaroid { cursor: pointer; }
#about_frame img.lucy { bottom: 20px; right: 10px; }
#about_frame img.matt { top: 10px; right: 10px; }
#about_frame img.gemma { top: 60px; left: 260px; }
#about_frame img.john { bottom: 10px; left: 10px; }
#about_frame img.becky { top: 10px; left: 10px; }
#about_frame div.biog { height: 240px; width: 220px; top: 300px; left: 260px; font-size: 14px; color: #222; }

/* gallery */
#spotlight { text-align: center; margin: 20px 0; }
#spotlight img { border: 10px #8BC542 solid; }
#gallery_nav { width: 200px; float: left; margin: 0; }
#gallery_nav ul li { margin: 0 0 6px 0; list-style: none; }
#gallery_nav ul li a { display: block; padding: 4px 0; color: #EB008B; }
#gallery_nav ul li a.selected { color: #8BC542; }
#gallery_viewer { width: 520px; float: right; }
#gallery_viewer p { margin: 0 0 10px 0; }
#gallery_viewer div.thumbnail { float: left; margin: 0 8px 8px 0; height: 162px; width: 162px; }
#gallery_viewer div.thumbnail a img { border: 6px #fff solid; }
#gallery_viewer div.selected a img { border: 6px #8BC542 solid !important; }

#affiliates { text-align: center; }
#intro_video { text-align: center; margin: 40px 0; }

div.shoutout { margin: 20px 0; width: 480px; border-top: 2px #FF0086 solid; border-bottom: 2px #FF0086 solid; }
div.shoutout p { margin: 10px 0; text-align: center; font-size: 1.2em; }