/*
----------------------------------------------------------
Based on http://exploding-boy.com/ by Christopher Ware

===== CONTENTS =====

	1: Page Structure 
	2: Headings
	3: Entry Contents
	4: Comments
	5: Navigation
	6: Bottom Columns
	
====================

----------------------------------------------------------
*/


/*- 1: Page Structure---------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	color: #000;
	font-family: "Comic Sans MS", Georgia, "Times New Roman", Times, serif;
	margin: 0 auto;
	background: #171;
	/*background: #e48d85 url(../images/cartoon-character-chicken-logo.gif) no-repeat right bottom;
	background-attachment: fixed;*/
}
#wrap {
	width: 800px; /* Needs to be the same size as the bordershadow.gif width */
	margin: 0 auto;
	text-align: left;
	font: 12px/19px Arial, Helvetica, San-serif;
	background: #171 url(../images/bordersides171.gif) repeat-y right top;
}
#heading {
	background: #171 url(../images/bordertop171.gif) no-repeat left bottom;
	color:#FF9900;
	height:160px;
	position:relative; z-index:8;
	line-height:normal;
}
#content {
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left:10px; margin-right:10px;
	z-index:9;
	position:relative;
}
#footer {
	background: url(../images/borderinbetween171.gif) no-repeat left top;
	height:83px;
	/* padding-top: 30px; was 60 */
	clear: both; float:none;
	text-align: center;
	padding-bottom: 0px;
	font-size:90%;
}

/*- 2: Headings---------------------------------------- */

.section-header {
	position: relative;
	height: 78px;
	/*overflow: hidden;*/ /*good for ie7, bad for ie6 */
}
.section-header span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#header-logo-heading {
	padding: 6px 0px 0px 20px;
	width: 171px;
	height: 212px;
	color: #333;
	top:0;
	z-index:10;
	position:relative;
}
#header-logo-heading span {
	/*background: url(../images/logo.gif) no-repeat;*/
}
p {margin-bottom:10px;}

h1, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	/*letter-spacing: -1px;*/
	color: #161;
	font-weight: normal;
}
h1 {
	font-size: 22px;
}
h2 {
	color:#c00;
	font-family: Andy, "Comic Sans MS", Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight:500;
}
h3 {
	font-size: 16px;
	margin-bottom: 0px;
}
h4 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 2px solid #eaeaea;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #191;
	text-decoration: none;
}
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {
	color: #1c1;
	text-decoration:underline;
}

/*- 3: Entry Contents---------------------------------- */
.event-day {
	width:100px; float:left; text-align:right; padding-right:6px;
	font-family: "Comic Sans MS", Georgia, "Times New Roman", Times, serif;	
	font-size:130%;
	}
.event {
	width:310px; float:left; text-align:left; 
	font-family: "Comic Sans MS", Georgia, "Times New Roman", Times, serif;	
	font-size:130%;
	padding-bottom:15px;
	}
.comic {
	font-family: "Comic Sans MS", Georgia, "Times New Roman", Times, serif;	
	font-size:130%;
	}

blockquote {
	margin: 10px 0;
	padding: 0 0 0 12px;
	border-left: 4px solid #ddd;
	font-style: italic;
	background: url(../images/quotes1.png) left top no-repeat;
text-indent: 25px;
}
.center {
	text-align: center;
}
.alignleft {
	float: left;
	margin: 0 7px 0 0;
	display: inline;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.alignright {
	float: right;
	margin: 0 0 0 7px;
	display: inline;
}
img.noborder {
	border: none;
	display: block;
	margin: 0 auto;
}
ol {
	margin-left: 30px;
}
textarea {
	width: 753px;
}
#content .more {
	margin-top: -10px;
	text-align: right;
}
.entry {
	padding-bottom: 10px;
}
.entry ul {
	padding-top: 5px;
}
.aside {
	font: 11px/17px Arial, Helvetica, San-serif;
	padding-bottom: 0px;
}
.posted {
	color: #999;
	font-size: 11px;
	margin-top: 3px;
}
a:link, a:visited {
	color: #191;
	text-decoration: none;
}
a:hover, a:active {
	color:#1c1;
	text-decoration: underline;
}
.posted a:link, .posted a:visited {
	color: #666;
	text-decoration: none;
}
.posted a:hover, .posted a:active {
	color: #999;
	text-decoration: underline;
}
.navlinks {
	padding-bottom: 10px;
}


/*- 5: Navigation-------------------------------------- */

.hidden-elements {
	position: absolute;
	left: -9999px;
	width: 0;
	overflow: hidden;
}
#navigation {
	float: right;
	/*margin-top: -55px;*/
	padding-right: 10px;
	position:relative; z-index:9;
	margin-top:10px; width:400px;
}
#navigation ul li {
	display: inline;
	float: left;
	padding: 0 15px 0 0;
	background: none;
}
#navigation ul li a {
	letter-spacing: -.5px;
	text-transform: lowercase;
	text-align: center;
	font: 16px 'Comic Sans MS', 'Century Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#navigation ul li a:link, #navigation ul li a:visited {
	text-decoration: none;
	color: #ee9977;
	overflow: hidden;
}
#navigation ul li a:hover {
	color: #c00;
}
.pagenav {
	color:#008080;
	font-family: 'Comic Sans MS', 'Century Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:120%;
	font-weight:bold;
}
.pagenav a:link, .pagenav a:visited {
	color:#e69348;
	font-weight:bold; text-decoration:none;
}
.pagenav a:hover {
	color:#c00;
	font-weight:bold; text-decoration:none;
}
/*- 6: Bottom Columns---------------------------------- */

#flickr {
	margin: 0 auto;
	background: url(../images/borderinbetween171.gif) no-repeat left top;
	text-align: center;
	padding: 50px 0 12px;
}
#flickr img {
	padding: 5px;
	width: 50px;
	height: 50px;
	border: 1px solid #DDD;
	margin: 0 6px;
	background: #F2F2F2;
}
#flickr a:hover img {
	border: 1px solid #6698CB;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#comments, #entries {
	float: left;
}
#bottom {
	font-family: Arial, Helvetica, San-serif;	/*11px/16px*/
	background: url(../images/borderinbetween171.gif) no-repeat left top;
	/*padding: 50px 20px 0px;*/
	padding-top:25px;
	padding-bottom:0px;
}
#bottom p h4 {
	margin-top: 0px;
	}
#bottom h4 {
	margin-top: 0px;
	}
#comments {
	padding-left: 20px;
}
#comments ul, #entries ul {
	padding-top: 5px;
	width: 360px;
	list-style: none;
}
/* Star HTML Selector hack for IE, see http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0 */
* html #comments ul li a, * html #entries ul li a, #footer .banner {
	height: 1%;
}
* html #bottom{
	/*padding: 50px 20px 10px;*/
	margin-bottom: 5px;
}

#comments ul li a, #entries ul li a {
	display: block;
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #F2F2F2;
	background: url(../images/arr.gif) no-repeat 5px 50%;
	padding: 4px 4px 4px 15px;
}
#comments ul li a:hover, #entries ul li a:hover {
	background-color: #F2F2F2;
}
/* David's */
.notice {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:130%;
	font-style:italic;
	letter-spacing:1.5px;
	color:#aa1928
}
.banner {
/*	font-family: "Comic Sans MS", Georgia, "Times New Roman", Times, serif;	
	color:#eee;
	font-weight:bold;
	font-size:125%;
	background:url(../images/chalk-board.gif) no-repeat ;
	background-color:#111;*/
	/*padding:10px;*/
	float:right; margin-right:140px; margin-top:10px; /*height:101px; width:190px; border:#171 inset 2px;*/
	position:relative; z-index:1;
}	
.specials {
	font-family: Andy, "Comic Sans MS", Georgia, "Times New Roman", Times, serif;	
	font-weight: bold;
	color:#cc2233;
	font-size:140%;
}	
.bottom-right {
	display:inline;
	position:relative; width:270px; top:60px; left:0px; text-align:center;
	}
.bottom-left {
	display:inline; float:left;
	padding-left:0px; position:relative; width:308px; top:15px; left:80px;
	}

/*.bottom-right {
	float:right; position:relative; width:250px; top:40px; padding-right:130px;
	}
.bottom-left {
	float:left; padding-left:0px; position:relative; top:-10px; left:60px; z-index:1;
	}
*/	
/* For style sheet changing */
DIV.colorPicker {
	TEXT-ALIGN: center; padding-top: 1px
}
DIV.colorPicker A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0px; FLOAT: left; 
	PADDING-BOTTOM: 0px; MARGIN: 0px 5px; WIDTH: 12px; LINE-HEIGHT: 0; PADDING-TOP: 0px; HEIGHT: 12px; BACKGROUND-COLOR: #171
}
A#colorPicker-green171 {
	BACKGROUND-COLOR: #171
}
A#colorPicker-green191 {
	BACKGROUND-COLOR: #191
}
A#colorPicker-green1c1 {
	BACKGROUND-COLOR: #1c1
}
A#colorPicker-green151 {
	BACKGROUND-COLOR: #151
}
A#colorPicker-black {
	BACKGROUND-COLOR: #000
}