/*  Timothy Framework www.timothy.org 
    Version 0.1 Beta 2010 

Public Open Source Software permission granted under the (modified) MIT License enclosed
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED 
*/

/* Color Legend

dark brown:#4F2700;
light brown:#CDA355;
tan accent:#F0E9E1;

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

/* Reset */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, b, i, u, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }

 
/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }


/* Text elements
-------------------------------------------------------------- */

p           	{ color:#000; font-size:12px; line-height:180%;  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight:bold; }
em		      	{ font-style:italic; }

ol          	{ list-style-type:decimal; }


/* Tables
-------------------------------------------------------------- */

table       	{ width:100%; margin:20px 0; }

th          	{ font-weight: bold; font-size:14px; }
thead, th    	{ background-color:#B49D87; }

tbody			{   }

td				{ font-size:12px; }

th,td,caption 	{ padding: 10px 10px; }

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }


/*  Containers
-------------------------------------------------------------- */
body				{ text-align:center; background-image:url(../images/bg1.jpg);
						background-repeat:repeat; }

#wrapper 			{ width:800px; margin:0 auto; background-color:#F0E9E1; }

#top	 			{ width:100%; height:25px; background-color:#4F2700; border-bottom:1px #fff solid;  }

#banner 			{ background-image:url(../images/banner.jpg); background-repeat:no-repeat;
						width:800px; height:236px;  }

#subbanner 			{ border-top:1px #fff solid; background-color:#4F2700; padding:10px 10px; text-align:right;  }

#leftnav 			{ float:left; padding:24px 0px; background-color:#F0E9E1; }

#content 			{ background-color:#fff; padding:10px; margin-left:225px;  }
	#content h1		{ font-size:24px; margin:12px 0px; }
	#content h2		{ font-size:18px; margin:9px 0px; }
	#content p		{ line-height:180%; margin-bottom:9px; }
	#content img 	{ padding:5px; border:1px #000 dotted; margin:8px; }

#footer 			{ background-color:#4F2700; padding:8px 0px;  }


/* Navigation Items
------------------------------------------------*/

#leftnav ul 	{ width:198px; }
#leftnav li a	{ height:35px; display:block; }

#leftnav li.home 	{ background-image:url(../images/nav/home-on.jpg); }
#leftnav li.home a	{ background-image:url(../images/nav/home-off.jpg); }
#leftnav li.about 	{ background-image:url(../images/nav/about-on.jpg); }
#leftnav li.about a	{ background-image:url(../images/nav/about-off.jpg); }
#leftnav li.hours 	{ background-image:url(../images/nav/hours-on.jpg); }
#leftnav li.hours a	{ background-image:url(../images/nav/hours-off.jpg); }
#leftnav li.loc 	{ background-image:url(../images/nav/loc-on.jpg); }
#leftnav li.loc a	{ background-image:url(../images/nav/loc-off.jpg); }
#leftnav li.menu 	{ background-image:url(../images/nav/menu-on.jpg); }
#leftnav li.menu a	{ background-image:url(../images/nav/menu-off.jpg); }

#leftnav li a:hover	{ background-image:none; }
#leftnav li a span { display:none; }	}


/*  Layout
-------------------------------------------------------------- */

/* place your layout css here */




/*  Navigation
-------------------------------------------------------------- */



/* Misc classes
-------------------------------------------------------------- */

.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:100%; font-style:italic; color:#fff; text-align:center; }

.title			{ font-size:18px; font-weight:bold; color:#333;  }
.subtitle		{ font-size:14px; font-style:italic; color:#333;  }

.artist			{ font-size:16px; font-weight:bold; color:#333;  }
.author			{ font-size:14px font-weight:bold; color:#555;  }
.editor			{ font-size:14px font-style:italic; color:#555;  }

.pub-date		{ font-size:10px font-style:italic; color:#555; }
.article-date	{ font-size:10px font-style:italic; color:#555;  }
.location		{ font-size:10px font-style:italic; color:#555;  }

.float-right	{ float:right; }
.float-left		{ float:left; }

.hide			{ display:none }
.block			{ display:block }
.inline			{ display:inline }