@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;
}
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:1100px;
}

#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 h1 { font-size:28px; }

/*** HEADER ***/

#header {
	width:800px;
	height:250px;
	background:url(../img/header.png) no-repeat center top;
}

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

/*** MAIN MENU ***/

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

#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 20px; 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#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 75px;
	width:650px;
	margin:30px 0 0 0;
	display:block;
	background:url(../img/frame.png) repeat-y fixed center bottom;
	overflow:visible;
}

#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 36px;
	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:9px;
	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:65px 35px 0;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}

#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;
}

#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; 
}

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

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 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-color: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 {
	padding:auto;
	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; }