/*  
Theme Name: Lakeside 2006
Theme URI: http://lakesidebiblecamp.org/
Description: LBC Theme!
Version: 1
Author: Beau Collins
Author URI: http://beaucollins.com/
*/

* {
 margin: 0;
 padding: 0;
}

pre {
 text-align: left;
}

body {
 text-align: center;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size: 75%;
 color: #333;
 background: url(gfx/shadow.jpg) repeat-y center top #FFC;
}

a {
 color: #09F;
}

a:visited {
 color: #777;
}

a:hover {
 background: #09F;
 color: #FFF;
 text-decoration: none;
}


#photostreamer a, #photosetlist a {
 color: #9BD7FF;
}

#page {
 width: 760px;
 margin: 0 auto;
 text-align: left;
 position: relative;
 font-size: 1em;
}

#header {
 background: url(gfx/green_fade.png) no-repeat;
 height: 130px;
 margin-bottom: 10px;
}

#header h1 {
 position: absolute;
 left: 20px;
 top: 36px;
}

#header h1 a {
 display: block;
 width: 282px;
 height: 86px;
 text-indent: -9999px;
 overflow: hidden;
 background: url(gfx/lakeside.png);
}

#headercontact{
 position: absolute;
 top: 4px;
 left: 10px;
 font-weight: bold;
 color: #FFF;
}

#donate {
 position: absolute;
 top: 10px;
 right: 9px;
 width: 100px;
 height: 96px;
 display: block;
 background: url("gfx/donate.png") left bottom no-repeat;
 text-indent: -1000px;
 overflow: hidden;
}

/* Home Page Stuff */

#whammybar {
 height: 260px;
}

#quickcamps {
 float: left;
 width: 380px;
 height: 260px;
}

#quickcamps #wintercamps, #quickcamps #summercamps {
 float: left;
 width: 190px;
 height: 260px;
}

#quickcamps #wintercamps.doublewide, #quickcamps #summercamps.doublewide {
 width: 380px;
}

#wintercamps {
 background: url(gfx/winter_top.png) #9BD7FF no-repeat;
}

#wintercamps ul {
 height: 235px;
 background: url(gfx/winter_bottom.png) no-repeat left bottom;
}

#summercamps {
 background: url(gfx/summer_top.png) #FFAE93 no-repeat -40px 0;
}

#summercamps.doublewide ul.first {
 background: url(gfx/summer_bottom.png) no-repeat left bottom;
 height: 235px;
}

#summercamps.doublewide {
 background-position: 0 0;
}

#wintercamps.doublewide ul.first {
 background: url(gfx/winter_bottom.png) no-repeat left bottom;
 height: 235px;
}

#wintercamps.doublewide {
 background-position: 0 0;
}

#wintercamps h2, #summercamps h2 {
 height: 23px;
 text-indent: -9999px;
 overflow: hidden;
 background: url(gfx/winter_camps.png) no-repeat 3px 3px;
}

#summercamps h2 {
 background-image: url(gfx/summer_camps.png);
}

.doublewide ul {
 float: left;
 width: 190px;
}

#wintercamps ul.notfirst, #summercamps ul.notfirst{
 background: none;
}


#photostreamer {
 float: right;
 width: 380px;
 height: 260px;
 background: #5F5F5F;
 position: relative;
}

#photostreamer_controls {
 position: absolute;
 top: -26px;
 right: 0;
 width: 260px;
 height: 26px;
 background: url(gfx/streamer_control.png);
}

#photostreamer_controls img {
	display: inline;
	float: left;
	margin: 7px -12px 0 14px;
	cursor: pointer;
}

#photosetlist {
 float: right;
 width: 259px;
 background: url(gfx/photolist_footer.png) no-repeat right bottom;
}

#photosetlist ul {
 list-style: none;
 padding-left: 6px;
 background: url(gfx/photolist.png) no-repeat;
}

#photosetlist li {
 position: relative;
 clear: both;
}

#photosetlist li.alt a{
 background: #5F5F5F;
}

#photosetlist ul a {
 float: left;
 clear: both;
 display: block;
 height: 72px;
 width: 253px;
 text-decoration: none;
 overflow: hidden;
 border-bottom: 1px solid #5C5C5C;
}

#photosetlist ul a:hover, #photosetlist li.alt a:hover {
 background: #555;
}

#photosetlist img {
 display: inline;
 float: left;
 border: none;
 margin: 10px 15px 0 15px;
 width: 50px;
 height: 50px;
 border: 1px solid #5C5C5C;
}

#photosetlist span {
 display: block;
}

#photosetlist a:hover span.photoset_name {
 text-decoration: underline;
}

a span.photoset_name {
 font-size: 1.2em;
 padding-top: 10px;
}

a span.photoset_description {
 font-size: .8em;
 color: #CCC;
}

a span.photoset_count {
 font-size: .9em;
 color: #CCC;
}

#photosetlist a:hover img {
 padding: 0;
 border: 1px solid  #9BD7FF;
}

#photosetlistfooter {
 padding: 5px 10px;
 text-align: right;
 font-weight: bold;
 margin-left: 6px;
 clear: both;
}

#quickcamps ul {
 list-style: none;
 padding-top: 2px;
}

#quickcamps li {
 margin-bottom: -4px;
 margin-top: -1px;
}

#quickcamps[id] li {
 margin-bottom: 0;
}

#quickcamps a {
 display: block;
 text-decoration: none;
 width: 190px;
}

#quickcamps a span {
 display: block;
}

#wintercamps a {
 color: #004D80;
 background: url("gfx/dotted_winter.gif") center bottom no-repeat;
}

#summercamps a {
 color: #932500;
 background: url("gfx/dotted_summer.gif") center bottom no-repeat;
}

#quickcamps a.last {
 background: none;
}

#wintercamps a:hover {
 background: #8BC1E5;
}

#summercamps a:hover {
 background: #F2A58C;
}

.quickcamp_name {
 font-size: 1em;
 letter-spacing: -1px;
 padding: 4px 15px 0 15px;
}

.quickcamp_details {
 color: #444;
 padding: 0 15px 4px 15px;
 font-weight: normal;
}

.quickcamp_details em {
 font-weight: bold;
 margin-left: 10px;
}

#summercamps .quickcamp_more, #wintercamps .quickcamp_more {
 background: none;
 text-align: center;
 padding: 13px 0;
 margin: 0;
}

#summercamps .quickcamp_more a, #wintercamps .quickcamp_more a {
 background: none;
 text-transform: uppercase;
 font-size: .9em;
 font-weight: bold;
}


#summercamps .quickcamp_more a:hover, #wintercamps .quickcamp_more a:hover {
 text-decoration: underline;
 background: none;
}

#frontnews {
 float: left;
 width: 498px;
 margin: 10px 0;
 color: #777;
}

#frontnews h2 {
 font-size: .8em;
 text-transform: uppercase;
 background: url("gfx/grey_dotted.gif") repeat-x left bottom;
 margin: 0 10px 3px 5px;
 padding: 0 0 3px 5px;
 color: #600;
}

#frontnews ul {
 list-style: none;
 margin: 0 10px;
}

.morenews {
 background: url("gfx/grey_dotted.gif") repeat-x top left;
 padding-top: 5px;
}

.morenews ul {
 margin: 10px 30px;
 list-style: none;
}

.morenews li {
 margin: 5px 0;
 color: #999;
}

#frontnews li {
 margin: 3px 0;
}

li.morenewsitem {
 padding-top: 5px;
 font-size: .7em;
 text-transform: uppercase;
}

#frontnews .date {
 color: #999;
}

#frontnews a {
 font-size: 1.2em;
}

#pagemenu {
 float: left;
 width: 498px;
 margin: 15px 0;
}

#pagemenu .menu, #sidebar .menu {
 float: left;
 width: 243px;
 list-style: none;
}

#pagemenu .first {
 margin-right: 10px;
}

#pagemenu .pagenav, #sidebar .pagenav {
 background: url('gfx/menuheader.png') no-repeat;
 color: #666;
 font-weight: normal;
 font-size: 1.2em;
 padding: 6px 8px;
}

#pagemenu .pagenav ul, #sidebar .pagenav ul {
 margin: 5px 0 15px 0;
 list-style: none;
}

#pagemenu .page_item, #sidebar .page_item {
 padding: 4px 6px;
 margin: 3px 0;
 background: url('gfx/grey_dotted.gif') repeat-x left bottom;
}

#pagepost{
 float: left;
 width: 490px;
}

#sidebar{
 float: right;
 width: 245px;
}

.post h2, .campschedule h2 {
 font-size: 2.2em;
 font-weight: normal;
 margin: 0 20px;
}

.post .entry {
 margin: 20px;
 color: #555;
}

.entry p {
 margin: 10px 0;
}

.entry ul, .entry ol {
 margin: 10px 30px;
}

.entry li {
 margin: 5px 0;
}

.entry .floatleft {
 float: left;
}

.entry .floatright {
 float: right;
}

.entry img {
 border: none;
}

/* Camp Page */

#campinfo {
 float: left;
 width: 380px;
 position: relative;
 overflow: hidden;
}

#campinfo #campseason {
 color: #FFF;
 display: block;
 padding: 3px 8px;
 font-weight: bold;
 font-size: 1.23em;
}

#campinfo h2 {
 font-weight: normal;
 font-size: 1.4em;
 letter-spacing: -1px;
 margin: 10px 10px 0 10px;
}

#campinfo #campdetails {
 font-weight: bold;
 margin: 0 10px 10px 10px;
}

#campinfo #campdetails span {
 display: block;
}

#campinfo #campdescription {
 margin: 10px 0;
}

#campdescription p {
 margin: 10px;
 padding: 5px 0;
}

#campdescription ul {
 margin: 10px 35px;
}

#campdescription li {
 margin: 5px 0;
}

.summerdetails {
 background: url(gfx/summer_bottom.png) #FFAE93 no-repeat left bottom;
}

#campinfo.summerdetails #campseason {
 background: url(gfx/summer_top.png) no-repeat;
}

.winterdetails {
 background: url(gfx/winter_bottom.png) #9BD7FF no-repeat left bottom;
}

#campinfo.winterdetails #campseason {
 background: url(gfx/winter_top.png) no-repeat;
}

#morecamps {
 float: left;
 margin: 10px;
 display: inline;
 clear: left;
 width: 360px;
}

#morecamps ul {
 float: left;
 width: 180px;
 list-style: none;
 color: #666;
 clear: none;
}

#morecamps li {
 margin: 5px 0;
}

#morecamps h3 {
 background: url("gfx/grey_dotted.gif") repeat-x left bottom;
 margin-bottom: 3px;
 padding-bottom: 3px;
}

#registrationinfo{
 float: left;
 width: 340px;
}

#registrationinfo h2 {
 margin: 10px 0;
}

.reginfo {
 display: block;
 font-size: 1.2em;
 margin: 3px 0;
}

#paymentinfo {
 float: right;
 width: 380px;
}

#paymentinfo table, #registrationinfo table {
 border: 1px solid #CCC;
 width: 90%;
 margin: 20px auto;
 text-align: left;
}

#paymentinfo th, #registrationinfo th {
 background: #AAA;
 padding: 1px 3px;
 color: #FFF;
}

#paymentinfo tbody tr td, #registrationinfo tbody tr td {
 border-bottom: 1px solid #ccc;
}

#paymentinfo tbody tr.total td, #registrationinfo tbody tr.total td {
 font-weight: bold;
 font-size: 1.1em;
 border: none;
}

#paymentoptions {
 float: right;
 width: 380px;
}

#registrationform {
 float: right;
 display: inline;
 width: 380px;
 text-align: center;
 background: url(gfx/registrationform_top.jpg) no-repeat #666;
 color: #FFF;
 margin-bottom: 10px;
}

#registrationform h2 {
 margin: 0;
 padding: 2px 20px;
}

#registrationform form {
 background: url(gfx/registrationform_bot.jpg) no-repeat left bottom;
}

.camperadder {
 margin: 10px 20px;
 display: block;
 float: right;
 color: #6CF;
}

.camperadder:visited {
 color: #6CF;
}

.camperadder:hover {
 background: #FFF;
}

/* form.registration styles */

form.registration {
	width: 380px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 10px;
}

fieldset {
	margin: 0 22px;
	border: 0;
	padding: 0 0 0 10px;
}

span.clear {
	clear: both;
	display: block;
	height: 1px;
}

fieldset.camper {
	padding: 10px;
}

fieldset.alt {
	background-color: #777;
	border-bottom: 1px solid #636363;
	border-top: 1px solid #636363;
}

legend {
	display: none;
}

form.registration h3 {
	clear: both;
	padding: 5px 0 1px 0;
	margin: 5px 20px 5px 20px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #888;
}

form.registration h4 {
	clear: both;
}

form.registration label {
	display: block;
	width: 310px;
	font-size: .9em;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form.registration input {
	display: block;
	margin-top: 3px;
}

form.registration select {
	float: left;
	display: block;
}

form.registration label.field-address,
form.registration label.field-city,
form.registration label.field-email {
	clear: left;
}

form.registration label.field-first {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form.registration label.field-last {
	float: left;
	margin: 0;
	width: 150px;
}

form.registration label.field-first input,
form.registration label.field-last input {
	float: left;
	width: 150px;
	padding: 0px;
}

form.registration label.field-birthday {
	float: left;
	width: 110px;
	margin-right: 15px;
}

form.registration label.field-birthday input {
	float: left;
	width: 115px;
	padding: 0;
}

form.registration label.field-age {
	float: left;
	width: 25px;
	margin-right: 10px;
}

form.registration label.field-age input {
	float: left;
	width: 25px;
	padding: 0;
}

form.registration label.field-camper_type {
	float: left;
	width: 150px;
}

form.registration label.field-camper_type select {
	float: left;
	width: 150px;
	margin-top: 3px;
}

form.registration label.field-grade {
	float: left;
	width: 60px;
	margin-right: 10px;
}

form.registration label.field-grade select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form.registration label.field-gender {
	float: left;
	width: 80px;
}

form.registration label.field-gender select {
	width: 80px;
	float: left;
	margin-top: 3px;
}

form.registration label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form.registration label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form.registration label.field-zip {
	float: left;
	width: 80px;
}

form.registration label.field-zip input {
	float: left;
	width: 80px;
}

form.registration label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form.registration label.field-address input {
	float: left;
	width: 310px;
	padding: 0px;
}

form.registration input.radio {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form.registration label.radioitem {
	clear: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px 0px;
	width: 290px;
}

textarea {
	display: block;
}

form.registration input.checkbox {
	display: inline;
	float: left;
	clear: left;
	padding: 0px;
	margin: -3px 0 0 5px;
}

form.registration input[class=checkbox]{
	margin: 0 5px;
}

form.registration label.field-checkbox {
	float: left;
	display: inline;
	width: 160px;
	clear: none;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 15px 0px;
}

form.registration textarea {
	margin-top: 3px;
	width: 310px;
}

form.registration .error {
	border: 2px solid #F00;
	background-color: #FAA; 
}

form.registration p {
	margin: 20px;
}

.errormessage {
	background: #FAA;
	border: 2px solid #F00;
	padding: 5px;
	color: #000;
	margin: 10px 32px;
	font-weight: bold;
	text-align: center;
}

/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* SIFR decoys */

.sIFR-hasFlash .post h2 {
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	letter-spacing: -5px;
}

/* Footer */

#footer {
	text-align: right;
	font-size: .8em;
	color: #999;
	margin: 20px 0 -10px 0;
	padding: 10px;
	clear: both;
}

#footer a {
	text-decoration: none;
	color: #577B57;
	padding: 0 2px;
}

#footer a:hover {
	color: #FFF;
	background: #999;
}

/* Stickies */

#stickies {
 position: absolute;
 left: 340px;
 top: 40px;
 color: #999;
 list-style: none;
}

#stickies .pagenav {
 font-size: .9em;
 font-weight: bold;
 color: #999;
}

/* Photo Albums and the like */

#photoviewer {
 float: left;
 width: 520px;
 text-align: center;
 heighT: 520px;
}

#canvas {
 position: relative;
 margin: 0 auto;
 text-align: center;
}

#photoviewer img {
 display: block;
 margin: 0 auto;
}

#photosetmenu {
 float: right;
 width: 220px;
 position: relative;
}

#photosetmenu ul {
 list-style: none;
}

#photosetmenu li {
 float: left;
}

#photosetmenu a {
 display: block;
 padding: 2px;
}

#photosetmenu img {
 display: block;
 width: 40px;
 height: 40px;
 border: none;
}

#photosetmenu a:hover {
 border: 2px solid #09F;
 padding: 0;
}

#photosetmenu li.here {
 border: 2px solid #F00;
}

#photosetmenu li.here a {
 padding: 0;
}

#photosetmenu li.here a:hover {
 border: none;
}

#flickrstream {
 overflow: hidden;
 width: 380px;
 height: 260px;
 position: relative;
}

#flickrstream img{
 position: absolute;
}

.photoarchive {
 clear: both;
 padding: 20px 0;
}

.photoarchive h2 {
 margin: 0 20px;
 font-weight: normal;
 border-bottom: 1px solid #DDD;
 font-size: 1.4em;
}

.photosetlist {
 list-style: none;
 clear: both;
 margin: 0 10px;
}

.photosetlist li {
 float: left;
 width: 235px;
 margin: 5px;
}

.photosetlist a{
 display: block;
 width: 235px;
 border: 1px solid #DDD;
 background: #EEE;
 text-decoration: none;
}

.photosetlist a:hover {
 background-color: #39F;
 border: 1px solid #39F;
 color: #FFF;
}

.photosetlist img {
 border: 1px solid #333;
 width: 40px;
 height: 40px;
 float: left;
 margin: 5px;
}

.photosetlist .title {
 display: block;
 margin: 5px 0 -10px 0;
 font-size: 1.4em;
}

.photosetlist .clear {
 clear: both;
 height: 0;
 display: block;
 margin-top: -20px;
}

.photosetlist small {
 display: block;
 font-size: 1em;
}

.campschedule {
 margin: 20px;
 text-align: center;
}

.campschedule h2 {
 text-align: left;
}

.campschedule table {
 margin: 20px;
 text-align: left;
 margin: 20px auto;
 border-collapse: collapse;
 border: 1px solid #DDD;
}

.campschedule thead tr {
 background: #DDD;
}

.campschedule .alt {
 background: #E9E9E9;
}

.campschedule td {
 padding: 5px 15px;
}

.campschedule th {
 padding: 5px 10px;
}

.projecttable {
 font-size: .9em;
 border-collapse: collapse;
 background: #EFEFEF;
}

.projecttable td {
 padding: 5px 7px;
 border-bottom: 1px solid #CCC;
}

.projectheading {
 font-weight: bold;
 padding: 0;
 background: #69F;
 color: #FFF;
 text-align: center;
}

.photosetbreadcrumb {
 margin: 0 20px;
 display: block;
}

#hint {
 display: none;
 position: absolute;
 top: -18px;
 left: 0;
}

.arrows {
 font-size: 14px;
}

#fiftieth {
  float: right;
  width: 259px;
  text-align: center;
}