@charset "utf-8";

/*
Chicago Lost & Found Styles
Content copyright Chicago Lost and Found NFP
Design, photography, and code copyright kyle@bakerdesignstudio.net
*/

/*** MEAT N POTATOES ***/

/* overzealous zeroing of margins and padding */

body, hr, br, div, p, input, label, form, code, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6, a, img {
	margin:0;
	padding:0;
}

body {
	font:14px "Trebuchet MS", Verdana, Tahoma, Helvetica, Arial;
	text-align:center;
	color:#FFF;
	background:url(../img/bg.jpg) repeat-x fixed center top;
}

body, html { background-color:#963; }

hr {
	height:30px;
	padding:20px 0;
	color: #FFF;
}

#wrap {
	width:800px;
	background:url(../img/frame.png) repeat-y center top;
	margin:0 auto;
	text-align:left;
	padding:0;
	height:auto;
}

#canvas { padding:16px 0; }

/* links */

a, a:visited, a:active {
	color:#FFF;
	text-decoration:none;
}

p a, ul li a { border-bottom:2px solid #9C0; }

a:hover {
	color:#FFF;
	background-color:#9C0;
}

a img, img, a:hover img {
	border:none;
	margin:0;
	padding:0;
	background-color:transparent;
}

/* text headers */

#canvas h1, #canvas h2, #canvas h3, #canvas h4, #canvas h5, #canvas h6, #canvas p, #canvas ul, #canvas ol {
	padding:3px 48px;
	margin:0;
}

#canvas blockquote h1, #canvas blockquote h2, #canvas blockquote h3, #canvas blockquote h4, #canvas blockquote h5, #canvas blockquote h6, #canvas blockquote p, #canvas blockquote ul, #canvas blockquote ol {
	padding:10px 6px;
	margin:0;
}

#canvas h1 { font-size:28px; }

#canvas p { line-height:18px; }

/*** HEADER ***/

#header {
	width:850px;
	height:300px;
	display: block;
	background: url(../img/skirtheader.png) no-repeat left top;
}

#headerTreeLink { 
}

#headerTreeLink span {
	visibility:hidden;
	display:none;
}

#headerTreeLink span, a#headerTreeLink, a:hover#headerTreeLink { background:none; 
}

#header h1 {
	visibility:hidden;
	width:800px;
	height:50px;
	float:left;
	font-size:50%;
}

#header h1 a {
	text-align: center;
	text-decoration: none;
	background: none;
}

#headerlink {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	color: #000000;
	height: 200px;
	width: 176px;
	position: absolute;
	left: 612px;
	top: 60px;
	text-decoration: none;
}

/*** MAIN MENU ***/

#menu {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	height: 30px;
	padding-bottom: 12px;
	padding-top: 6px;
}

#menu ul#menulinks li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}

#menu li a {
	display:block;
	margin:0;
	padding:3px 14px;
	line-height:1.3em;
	background:#52B9BF;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	color:#FFF;
	text-decoration:none;
}

#menu li a:hover {
	background:#DB4229;
	color:#FFF;
	text-decoration:underline;
}

/* show active page */

body#home #menu li#Hhome a, body#donate #menu li#Hdonate a, body#gallery #menu li#Hgallery a, body#treeskirts #menu li#Htreeskirts a, body#about #menu li#Habout, body#contact #menu li#Hcontact a, body#blog #menu li#Hblog a {
 background-color:#9C0;
 border:1px solid #FFF;
}

/* add left+right border to home+contact (menu bookends) */

#menu li#Hhome a { border-left:1px solid #FFF; }

#menu li#Hcontact a { border-right:1px solid #FFF; }

#menu ul#menulinks {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
}

/*** FOOTER ***/

#footer {
	height:auto;
	padding:30px 45px;
	width:740px;
	margin:30px 0 0 0;
	display:block;
	background:url(../img/frame.png) repeat-y fixed center bottom;
	overflow:visible;
	left: 165px;
	position: static;
}

#footer ul#footerlinks {
	margin:0 0 0 3px;
	list-style-type:none;
	white-space:nowrap;
	padding:0;
}

ul#footerlinks li {
	list-style:none;
	display:inline;
}

ul#footerlinks li a, ul#footerlinks li a:active, ul#footerlinks li a:visited {
	margin:0;
	float:left;
	padding:0 24px;
	border-right:1px dotted #FFF;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-color:#DB4229;
	color:#FFF;
	font-size:11px;
}

ul#footerlinks li a:hover { background-color:#9C0; }

/* bookend border for footer menu */

#footer ul#footerlinks li.Ffirst a { border-left:1px solid #FFF; }

#footer ul#footerlinks li.Flast a { border-right:1px solid #FFF; }

/* show active page in footer */

body#home #footer ul#footerlinks li#Fhome a, body#legal #footer ul#footerlinks li#Flegal a, body#donate #footer ul#footerlinks li#Fdonate a, body#gallery #footer ul#footerlinks li#Fgallery a, body#contact #footer ul#footerlinks li#Fcontact a, body#sitemap #footer ul#footerlinks li#Fsitemap a { background-color:#0CC; }

p#copyright {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-top:12px;
}

h1#bakercredit {
	text-align:center;
	font-size:10px;
	padding:0px;
	margin:12px 275px 0;
	color:#999;
	background-color:#333;
}

h1#bakercredit a, h1#bakercredit a:visited, h1#bakercredit a:active {
	text-decoration:underline;
	font-weight:bold;
	color:#F60;
	background-color:#333;
	border:0;
}

/*** HEADER CONTACT FORM ***/

#headerform {
	float:right;
	width:352px;
	height:auto;
	padding:18px;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	background-color: #FFF;
	margin: 8px 0 8px 8px;
}

#headerform label {
	color:#547F97;
	text-transform:uppercase;
}

#headerform textarea.message {
	border:1px solid #69C;
	margin:4px 0;
	font-family:'Courier New', Courier, monospace;
	font-size:13px;
	color:#666;
}

#headerform label.messagelabel span {
	position:absolute;
	left:-10000px;
	top:0px;
}

#headerform input.email {
	width:262px;
	border:1px solid #69C;
	font-size:13px;
	font-family:'Courier New', Courier, monospace;
	color:#666;
	margin-bottom: 2px;
}

#headerform input.submit {
	border:1px solid #FFF;
	color:#FFF;
	background:#547F97;
	font:"Courier New", Courier, monospace;
}

/*** PAGE - HOME ***/

img#mitch {
	float:right;
	padding:5px 15px 0 7px;
}

img#skirtlg { float:left; }

img#skirtsm { float: right; }

body#home #canvas blockquote {
	padding:16px;
	margin:40px 50px 6px;
	background:#EFE3CB;
	color:#000;
	font:italic 110%/24px Georgia, "Times New Roman", Times, serif;
	border:2px solid #422B0F;
}

body#home ul.info {
	float:right;
	width:222px;
	margin:11px 0 12px 12px;
	border:2px solid #FFF;
	background-color:#DB4229;
	padding:14px 14px 20px 20px;
}

body#home ul.info h2 {
	font-size:15px;
	padding:0;
}

body#home ul.info h3 {
	font-size:13px;
	padding:0;
}

body#home ul.info li {
	margin:0;
	padding:9px 0;
}

body#home #canvas { }

/*** PAGE - DONATE ***/

body#donate div#donatecopy a, body#donate div#donatecopy a:visited, body#donate div#donatecopy a:active {
	border:0;
	text-decoration:underline;
	font-weight:bold;
}

body#donate div.contact { padding-right:50px; }

body#donate div#donatecopy h1, body#donate div#donatecopy p { color:#FFF; }

body#donate ul.info {
	float:right;
	width:238px;
	margin:11px 0 12px 12px;
	border:2px solid #FFF;
	background-color:#DB4229;
	padding:14px 14px 20px 20px;
}

body#donate ul.info h2 {
	font-size:15px;
	padding:0;
}

body#donate ul.info li {
	margin:0;
	padding:9px 0;
}

ul.info, ol.info {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

div#donationlevels { padding:8px 50px 0; }

table#donations {
	width:100%;
	padding:0;
	margin:0;
	text-align: center;
	font-size:16px;
	color:#422B0F;
	font-size:13px;
	background:none;
	border:1px solid #52B9BF;
}

table#donations td, table#donations th {
	padding:4px 0;
	border-bottom:2px solid #8A532F;
}

table#donations td {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#EFE3CB;
}

table#donations th {
	color: #FFF;
	font: Georgia, Times, serif;
	background-color:#422B0F;
}

table#donations th span { visibility:hidden; }

table#donations tr td a img { border:1px solid #FFF; }

table#donations tr td a:hover img { border:1px solid #DB4229; }

th#button p {
	font-size:10px;
	line-height:10px;
	font-style:italic;
}

th#donationlevel { width:40%; }

th#contribution { width:20%; }

th#button { width:40%; }

p#paypalnote {
	margin:0 50px;
	background-color:#52B9BF;
	padding:7px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	border:1px solid #FFF;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	clear: both;
}

/*** PAGE - GALLERY ***/

body#gallery div#thumbs {
	padding:0 45px;
	text-align:center;
}

body#gallery div#thumbs a { border:0; }

body#gallery div#thumbs a img {
	border:2px solid #FFF;
	padding:2px 2px 16px 2px;
	background-color:#FFF;
}

body#gallery div#thumbs a:hover img {
	padding-bottom:16px;
	background-color:#9C0;
}

div.thumbtitlewrap {
	padding:12px 10px 0;
	height:auto;
}

table.thumbtitles {
	width:100%;
	margin-bottom: 8px;
}

table.thumbtitles th {
	height:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

table.thumbtitles td {
	width:auto;
	text-align:center;
}

.hiddenphotolinks {
	position:absolute;
	top:0px;
	left:-10000px;
	visibility:hidden;
	font-size:50%;
}

/*** PAGE - CONTACT ***/

body#contact div.contacts {
	margin:10px 50px;
	padding:36px 14px 0 14px;
	border:2px solid #422B0F;
	background-color:#EFE3CB;
	color:#422B0F;
	height:70px;
	text-align: right;
}

body#contact div.contacts h2, body#contact div.contacts h3 {
	padding:0;
	margin:0;
}

body#contact div.contacts h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight:normal;
	float:left;
	border-left:2px solid #09F;
	padding-left:12px;
	color:#09F;
}

div.contacts img {
	float:left;
	padding:0px 14px 0 0;
}

body#contact div.contacts h3 {
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	margin-top: 9px;
}

body#contact div.contacts h3 a, body#contact div.contacts h3 a:active, body#contact div.contacts h3 a:visited { color:#DB4229; }

body#contact div.contacts#myspace, body#contact div.contacts#twitter {
	height:38px;
	padding:6px 14px;
	color:#999;
}

body#contact div.contacts#myspace h2, body#contact div.contacts#twitter h2 {
	color:#999;
	text-decoration:line-through;
	border:#CCC;
}

/*** PAGE - LEGAL ***/

body#legal #canvas p {
	line-height:32px;
	font-size:16px;
}

body#legal #canvas {
	padding-left:50px;
	padding-right:50px;
	width:700px;
}

/*** PAGE THANKYOU ***/

body#thankyou #headerform { text-align:center; }

body#thankyou #headerform h2 {
	font-size:14px;
	color:#000;
}

/*** PAGE SITEMAP ***/

body#sitemap #canvas ul {
	padding:0 65px;
	line-height:40px;
}

/*** TREE SKIRT-RELATED STYLES ***/

#TreeSkirtFeature01 { padding:12px 40px 12px 54px; }

#TreeSkirtFeature01 img {
	float:left;
	padding:4px 12px 0 0;
}

#TreeSkirtsOld {
	color:#000;
	float:right;
	padding:35px 0 0 0;
	width:164px;
	font-size: 15px;
}
a#SkirtLink {
	float:right;
	padding:0;
	width:295px;
	display:block;
	text-indent:-9999px;
	background:none;
	height: 200px;
}
#TreeSkirtsOld p, #TreeSkirtsOld h4 { padding:2px 0; text-align:center; }
#TreeSkirtsOld p { font-size:11px; }
#TreeSkirtsOld h4 { font-size:13px; }
#TreeSkirtsOld p a { text-decoration:none; border:none; color:blue; }