body {
	margin: 0 auto; 
	padding: 00px 5px 10px 25px;
	color: #333;
	font-family:  verdana, arial, helvetica, sans-serif;
}

.photo-left {float:left; clear:left; margin:0 15px 10px 0px;}
.photo-right {float:right; clear:right; margin:0 0 10px 15px;}
.next-prev {clear:both;}
.breadcrumb {text-decoration:none; font-size:85%; margin: 4px 0; }
.breadcrumb a:link, .breadcrumb a:visited {text-decoration:none; padding: 2px; border:none;}
.updated  {font-size:80%; text-align:right;}
.clear {clear:both; font-size:0px; line-height:0px; padding:0; margin:0; height:1px;}
.top {text-align:right; margin-right:10px;}
.hours p { letter-spacing:1px;}
/* Header definitions. h1 is hidden, and only shows when styles are off. Note, there are specific definitions for the sidebar h3 header, blog h3 header, and the blog h2 link. The blog h2 link is a clickable rollover of the entry title */

h1 {	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 38px 0 0 20px;
	color: #999933;  
	margin:10px 0 10px 0; 
	font-size:1.7em; 
	letter-spacing:1px;}
h2 {	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.6em;
	letter-spacing: 0.09em;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
	color:#55130E;   
}
h3 {	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: 0.09em; 
	color:#8C2114;  
	margin:.5em 0 .5em 0; 
	font-size: 1.2em; 
	letter-spacing:1px;}
h4 {	margin-bottom: 4px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size:1em;
}
h5 {	margin-bottom: 4px;
	font: .7em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	line-height: 165%;
	font-size:.9em;
}

/* These are the default link styles */

a:link, a:visited, a:active {text-decoration: none;		border-bottom: 1px dashed #333366;  color:#570900;	background-color: transparent;}
a:hover {text-decoration: none; border-bottom: 1px dashed #CCC;  	    color:#570900; }


#ebree {
	margin: 5px auto;
	width:800px; 
	clear:both;
	text-align:right;
	font-size:.7em;
}
/* the wrapper holds the whole thing centrally in the browser window */

#wrapper {
	margin: 20px auto;
	padding:0; 
	border: #CF5827 5px solid; width:100%; 
	position:relative;
}


.home-page #nav_wrapper {  background-image:none; 	background-position: right bottom;  }

#nav_wrapper {  padding:0; margin:10px;  background-color:transparent; background-image:none; position:relative;   }


#logo  {position:absolute; right:5px; top:4px;}
#section-title {position:absolute; bottom:0px; left:220px;}
#glass-marks1 {display:none;  }
#glass-marks2 {display:none;  }

.home-page #nav_wrapper {background-image:none; background-color:#999933;  }
.blog-page #nav_wrapper  {background-image:none; background-color:#999933; }
.beer-page #nav_wrapper {  background-image:none;background-color:#999933; }
.about-page #nav_wrapper {  background-image:none; background-color:#999933;}
.menus-page #nav_wrapper { background-image:none; background-color:#999933;}
.member-page #nav_wrapper {  background-image:none; background-color:#999933;}
.events-page #nav_wrapper { background-image:none; background-color:#999933;}

.beer-page #beer-link, .blog-page #blog-link, .about-page #about-link, .events-page #events-link, .menus-page #menus-link {background-image: url(http://cambridgebrewing.com/images/interface/menu-bg-on.png); 	}

#main-menu { padding:0; margin:0;  background-color:transparent; display:block; }

#main-menu ul {width:212px; padding:0; margin:0; background-image: url(http://cambridgebrewing.com/images/interface/menu-bg.png); 	background-repeat: repeat-y;  }
#main-menu li { border-bottom: #CCCCCC 1px solid;  list-style:none; margin:0; letter-spacing:1px;  background-color:transparent;	padding:2px 0 2px 5px;}
#main-menu li:hover  {background-image: url(http://cambridgebrewing.com/images/interface/menu-bg-on.png); 	background-repeat: repeat-y;   }

#main-menu ul .last {	border-bottom-style: none;}


#main-menu a:link, #main-menu a:visited, #main-menu a:hover, #main-menu a:active{color:#E49B6B;  font-weight:bold; text-decoration:none;  display:block; font-size:normal; background-color:transparent; border:none; }
.home-page #main-menu a:link, .home-page #main-menu a:visited  { padding-top:5px; padding-bottom: 5px;  border:none; }

.menus-page .main p { margin-left:40px;}
/* the masthead. Change the image reference to the one you want to use */

#header {
	width: 750px;
	border: none;
 }

/* the content style holds the two main columns together */
#content {	margin: 10px ;}

#about_site, #blog,  #feature {
	float: right;
	width: 550px;
	color: #333;
	text-align: left;
	border: 1px dashed #999;
	padding: 0;
	font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 125%;
	margin-bottom: 10px;
 }

/* about_site is the holder for your introduction. This can be safely removed */

#about_site {
	color: #666;
	padding-bottom:5px;

}
 #feature {

}
/* blog is the right hand column where your entries and main content appear */
#blog {
	line-height: 135%;
}

/* sidebar is the left column where all the links and secondary info show up */

#sidebar {width:200px;
	float: left;
	color: #333;
	text-align: left;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-bottom:20px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
/*	background: url(http://cambridgebrewing.com/themes/site_themes/logical_blocks/lb_diags_white.gif) repeat-y right;*/
}


#sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar a:hover { border:none;}


/* the footer, containing credits, rss links etc */

#footer {font-size:small:
	margin: 0 10px;
	padding: 0px;
/*	border: 1px dashed #999;*/
	background: none;

}

#footer h5 { text-align:center; color:#55130E; font-weight:bold; padding:5px 0 5px 0; font-size:.7em; margin:0;}

/* the main class keeps blog content away from the edges. Could have been done with padding in the blog class, but that could cause some woes with older browsers */

.main {
	margin: 0 10px 0 8px;
}



html>body .h3 {
	width: 249px;
}
#blog h3 {
	letter-spacing: 0.09em;
	margin-top: 9px;
	margin-bottom: 9px;
	font-family:  'Lucida Grande', Verdana, Arial, Sans-Serif;

}
.center {
	text-align: center;
}
h2 a:link, h2 a:visited {
	font-weight: bold;
	color: #660000;
	text-decoration: none;
	color: #d66d03;
	border-bottom: 1px dashed #d66d03;
}	

h2 a:hover {
	color: #900;
	text-decoration: none;
}

/* Dont ask. Just don't delete this spacer class */

.spacer {
	clear: both;
}

/* For use with the acronym plugin. Creates a question mark, italic text and underline on acronyms */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/* Two paragraph styles. A general one, and one specific to the footer */

p {
 margin-top:.5em; margin-bottom:.5em;
}

.entry p {display:block;}

#footer p {
	margin: 10px 0 5px;
}

/* For use with quotes and text you need to present outside of normal format */

blockquote {
	color: #333;
	border-left: 1px solid #CCC;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: auto;
}



/* The standard list styles. There are specific sidebar list styles later on */
.home-page ul  {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 10px;

}
.home-page li  {
	border-bottom: 0 solid #CCC;
	padding-bottom: 3px;
	font: 100%;
	margin-bottom:.25em;

}
ul {/*
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 15px;
*/
}
li {
	border-bottom: 0 solid #CCC;
	padding-bottom: 2px;
	font: 100%;
	margin-bottom:.25em;
}

/* As it says, control of multi-entry page pagination links */

.paginate {
	margin: 18px 16px 18px 8px;
}

/* date and title are added to earlier h tags for greater control of headers. Posted shows all the author, permalink and trackback stuff under each entry */

.date {	font-size: 10px;}
.day{color:#FEC33; width:100px; float:left; text-align:center; font-weight:bold; font-size:100%; font-family: Georgia,Constantia,Times,serif; padding:1px;
}
.day .bigday {display:block; text-align:center;  font-size: 280%;  font-weight:normal;  font-family: Georgia,Constantia,Times,serif; }
.title {
	font-size: 135%;
	font-weight: bold;
	background-color: transparent;
	color: #d66d03;
}
.posted {
	clear: both;
	margin-bottom: 10px;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: auto;
	padding: 3px 0 10px;
	border-bottom: 1px dashed #999;
	text-align:right;
}
.posted_comments {
	clear: both;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height:auto;
	padding: 3px 0 3px;
}

/* Comments classes. commbox and coomboxalt are used in the switch conditional on the comments page */
#comment_form {margin-left:10px;}
.comments {
	font-size: 120%;
	font-weight: bold;
	background-color: transparent;
	color: #E78818;
}
.commbox {
	background: #EDEAEB;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}
.commboxalt {
	background: #FAF6F7;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}

/* Some form styling. Not much though */

checkbox {
border: 3px double #999999;
padding:1px;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
textarea {
border: 3px double #999999;
padding:1px;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input {
border: 3px double #999999;
padding:2px 1px;
background-color: #FFF;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.submit
{
border:3px double #999999;
padding: 1px;
background-color: #FFF;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

fieldset {padding:10px;}

/* As mentioned above, these are the sidebar-specific list styles, based on my ticked-off links technique. Note the sidebar-specific links also. They have set widths so you can rollover anywhere along the link line */
#sidebar h3 {
	text-decoration: none;
	text-align: left;
	font: bold  'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#570900; 
	margin: auto; 
	padding:0;
}
#sidebar p { margin:auto;}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: auto;
	border: 0 solid #CCC;
	color: #666;
}
#sidebar li {
	border-bottom: 1px solid #CCC;
}
#sidebar li a:link {
	color: #333366;
	line-height: auto;
	text-decoration: none;
	display: block;
	/*width: 243px;*/
}
#sidebar li a:visited {
	color: #333366;
	text-decoration: none;
	line-height: auto;
	display: block;
/*	width: 243px;*/
}
#sidebar li a:hover {
	color: #000;
	line-height:auto;
	text-decoration: underline;
	display: block;
}
#sidebar li a:active {
	color: #333366;
	line-height: auto;
	text-decoration: none;
	display: block;
}


#sidebar .box {
	border-bottom: 1px solid #CCC;
	padding-bottom:5px;
}
.home-page #blog .box {width:160px; float:left; margin:0px; padding:0 10px;}
.home-page  #blog .box h3 {	letter-spacing:0; }
/* Ok, this is a bit nasty. Everything else on the sheet is used to control the tab menu under the header. See how you go with this, and be sure to back it up before you tinker */



.share {text-align:right; }
.share img {margin:3px;}

.share1, .share2, .share3, .share4 {
width: 79px;
height: 79px;
float: left;
margin-top: 15px;
margin-bottom: 7px;
margin-right: 20px;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
}

.share1 {background-image: url(http://cambridgebrewing.com/images/interface/share-icon1-color.png);}
.share1:hover {background-image: url(http://cambridgebrewing.com/images/interface/share-icon1-bw.png);}

.share2 {background-image: url(http://cambridgebrewing.com/images/interface/share-icon2-color.png);}
.share2:hover {background-image: url(http://cambridgebrewing.com/images/interface/share-icon2-bw.png);}

.share3 {background-image: url(http://cambridgebrewing.com/images/interface/share-icon3-color.png);}
.share3:hover {background-image: url(http://cambridgebrewing.com/images/interface/share-icon3-bw.png);}

.share4 {background-image: url(http://cambridgebrewing.com/images/interface/share-icon4-color.png); margin-right: 0px;}
.share4:hover {background-image: url(http://cambridgebrewing.com/images/interface/share-icon4-bw.png);}



body {
	margin: 0 auto;
	padding: 0px;
	color: #333;
	background-color:#FFFFFF ;
background-image: url(/images/interface/rings1.gif) top center no-repeat;
	font-family:  verdana, helvetica, arial, sans-serif;
	width:100%;

}
hr {clear:both;}
.photo-left {
	float:left;
	clear:left;
	margin:0px 15px 10px 0px;
}
.photo-right {
	float:right;
	clear:right;
	margin:0 0 10px 15px;
}
.next-prev {
	clear:both;
	text-align:right;
	margin:5px;
}
.breadcrumb {
	text-decoration:none;
	font-size:85%;
	margin: 4px 0;
}
.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration:none;
	padding: 2px;
	border:none;
}
.updated {
	font-size:80%;
	text-align:right;
}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	padding:0;
	margin:0;
	height:1px;
}
.top {
	text-align:right;
	margin-right:10px;
}
.orange {
	color:  #CF5827;
}
.dashed-border {
	color: #333;
	text-align: left;
	border: 1px dashed #999;
	padding: 10px;
	margin:5px 10px;
}
.icon {
	float:right;
	border:none;
	margin:0 0 0 2px;
}
/* Header definitions. h1 is hidden, and only shows when styles are off. Note, there are specific definitions for the sidebar h3 header, blog h3 header, and the blog h2 link. The blog h2 link is a clickable rollover of the entry title */

h1 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #999933;
	font-size:1.7em;
	letter-spacing:1px;
	line-height:125%;
}
h2 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.4em;
	color:#55130E;
	line-height:125%;
}
h3 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#8C2114;
	font-size: 1.2em;
clear:left;
}
h4 {
	margin-bottom: 4px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:1em;
}
h5 {
	margin-bottom: 4px;
	font: .7em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	line-height: 165%;
	font-size:.9em;
}
/* These are the default link styles */

a:link, a:visited, a:active {
	text-decoration: underline;
	color:#570900;
	background-color: transparent;
}
a:hover {
	text-decoration: none;
	color:#570900;
}
/* the wrapper holds the whole thing centrally in the browser window */

#wrapper {
	margin:0px auto;
	padding:0;
	border: #CF5827 15px solid;
	width:100%;
	position:relative;
	background-image:  url(/images/interface/freshbeer-localfood.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}
.home-page #nav_wrapper {
	background-repeat: no-repeat;
	background-position: right center;
}
#nav_wrapper {
	padding:0;
	margin:60px 10px 10px 10px;
	background-color:transparent;
	background-image: url(/images/interface/beer-header.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	position:relative;
}
#logo {
	position:absolute;
	bottom:0px;
	left:245px;
}
#glass-marks1 {/*position:absolute; top:-95px; left:-95px; width:1px; height:1px; background:url(/images/interface/glass-marks1.png); background-repeat:no-repeat; z-index:-3; */
	display:none;
	visibility:collapse
}
#glass-marks2 {
	position:absolute;
	bottom:-60px;
	right:-115px;
	width:200px;
	height:220px;
	background:url(/images/interface/glass-marks2.png);
	background-repeat:no-repeat;
}
#footer-rings {
	position:absolute;
	bottom:-40px;
	left:-25px;
	width:200px;
	height:220px;
	background:url(/images/interface/glass-marks2.png);
	background-repeat:no-repeat;
	z-index:-4;
}
.home-page #nav_wrapper {
	background-image: url(/images/interface/home-header.jpg);
}
.blog-page #nav_wrapper {
	background-image: url(/images/interface/blog-header.jpg);
	background-position: top right;
}
.beer-page #nav_wrapper {
	background-image: url(/images/interface/beer-header.jpg);
}
.about-page #nav_wrapper {
	background-image: url(/images/interface/about-header.jpg);
}
.contact-page #nav_wrapper {
	background-image: url(/images/interface/contact-header.jpg);
	background-position: bottom right;
}
.menus-page #nav_wrapper {
	background-image: url(/images/interface/menus-header.jpg);
background-position: bottom right;
}
.specials-page #nav_wrapper {
	background-image: url(/images/interface/specials-header.jpg);
}
.dinner-page #nav_wrapper {
	background-image: url(/images/interface/dinner-header.jpg);
}
.catering-page #nav_wrapper {
	background-image: url(/images/interface/catering-header.jpg);
	background-position: bottom right;
}
.member-page #nav_wrapper {
	background-image: url(/images/interface/about-header.jpg);
}
.events-page #nav_wrapper {
	background-image: url(/images/interface/beer-header.jpg);
}
.beer-page #beer-link, .blog-page #blog-link, .about-page #about-link, .events-page #events-link, .menus-page #menus-link, .specials-page #menus-link, .dinner-page #menus-link {
	background-image: url(/images/interface/menu-bg-on.png);
}
#main-menu {
	padding:0;
	margin:0;
	background-color:transparent;
	display:block;
	z-index:1;
}
#main-menu ul {
	width:225px;
	padding:0;
	margin:0;
	background-image: url(/images/interface/menu-bg.png);
	background-repeat: repeat-y;
}
#main-menu li {
	border-bottom: #CCCCCC 1px solid;
	list-style:none;
	margin:0;
	letter-spacing:1px;
	background-color:transparent;
	padding:2px 0 2px 20px;
}
#main-menu li:hover {
	background-image: url(/images/interface/menu-bg-on.png);
	background-repeat: repeat-y;
}
#main-menu ul .last {
	border-bottom-style: none;
}
#main-menu a:link, #main-menu a:visited, #main-menu a:hover, #main-menu a:active {
	color:#E49B6B;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0px 5px 5px;
	display:block;
	font-size:10px;
	background-color:transparent;
	border:none;
}
.home-page #main-menu a:link, .home-page #main-menu a:visited {
	padding-top:12px;
	padding-bottom: 12px;
	border:none;
	font-size:11px;
}
#about_site p, .menus-page #blog p, .specials-page #blog .main p, .dinner-page #blog .main p, .home-page #feature p, .indent-p p {
	margin-left:40px;
}
/* the masthead. Change the image reference to the one you want to use */

#header {
	width: 750px;
	border: none;
}
/* the content style holds the two main columns together */
#content {
	margin: 10px;
	background:#FFFFFF url(/images/interface/ring1.png) 20px right no-repeat;
}
#about_site, #blog, #feature {
	float: right;
	width: 560px;
	text-align: left;
	border: 1px dashed #999;
	padding: 0 0 5px 0;
	font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 125%;
	margin-bottom: 10px;
}
/* about_site is the holder for your introduction. This can be safely removed */

#about_site {
	padding-bottom:5px;
}
#feature {
}
/* blog is the right hand column where your entries and main content appear */
#blog {
	line-height: 135%;
}
/* sidebar is the left column where all the links and secondary info show up */

#sidebar {
	width:225px;
	float: left;
	color: #333;
	text-align: left;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-bottom:20px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;/*	background: url(http://cambridgebrewing.com/themes/site_themes/logical_blocks/lb_diags_white.gif) repeat-y right;*/
}
#sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar a:hover {
	border:none;
}
/* the footer, containing credits, rss links etc */

#footer {
font-size:small:
 margin: 0 10px;
	padding: 0px;
	/*	border: 1px dashed #999;*/
	background: none;
	position:relative;
}
#footer h5 {
	text-align:center;
	color:#55130E;
	font-weight:bold;
	padding:5px 0 5px 0;
	font-size:.7em;
	margin:0;
}
/* the main class keeps blog content away from the edges. Could have been done with padding in the blog class, but that could cause some woes with older browsers */

.main {
	margin: 0 10px 0 8px;
}
html>body .h3 {
	width: 249px;
}
#blog h3 {
	letter-spacing: 0.09em;
	margin-top: 9px;
	margin-bottom: 9px;
	font-family:  'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.center {
	text-align: center;
}
#content h2 a:link, #content h2 a:visited {
	font-weight: bold;
	color: #660000;
	text-decoration: none;
	color: #d66d03;
	padding-bottom:1px;
	border-bottom: 1px dotted #d66d03;
}
#content h2 a:hover {
	border-bottom: 1px dotted #d66d03;
	color: #900;
}
h2 a:hover {
	color: #900;
	text-decoration: none;
	border-color:#fff;
}
/* Dont ask. Just don't delete this spacer class */

.spacer {
	clear: both;
}
/* For use with the acronym plugin. Creates a question mark, italic text and underline on acronyms */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
/* Two paragraph styles. A general one, and one specific to the footer */

p {
	margin-top:.5em;
	margin-bottom:.5em;
}
.entry p {
	display:block;
}
#footer p {
	margin: 10px 0 5px;
}
/* For use with quotes and text you need to present outside of normal format */

blockquote {
	color: #333;
	border-left: 1px solid #CCC;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 165%;
}
/* The standard list styles. There are specific sidebar list styles later on */
.home-page ul {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 10px;
}
.home-page li {
	border-bottom: 0 solid #CCC;
	padding-bottom: 3px;
	font: 100%;
	margin-bottom:.25em;
}
ul {/*
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 15px;
*/
}
li {
	border-bottom: 0 solid #CCC;
	padding-bottom: 2px;
	font: 100%;
	margin-bottom:.25em;
}
/* As it says, control of multi-entry page pagination links */

.paginate {
	margin: 18px 16px 18px 8px;
}
/* date and title are added to earlier h tags for greater control of headers. Posted shows all the author, permalink and trackback stuff under each entry */

.date {
	font-size: 10px;
}
.day {
	color:#FEC33;
	width:auto;
	float:none;
	text-align:left;
	font-weight:bold;
	font-size:100%;
	font-family: Georgia, Constantia, Times, serif;
	padding:1px;
}
.day .bigday {
	display:block;
	text-align:center;
	font-size: 280%;
	font-weight:normal;
	font-family: Georgia, Constantia, Times, serif;
}
.title {
	font-size: 135%;
	font-weight: bold;
	background-color: transparent;
	color: #d66d03;
	line-height:150%;
}
.posted {
	clear: both;
	margin-bottom: 10px;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 3px 0 10px;
	border-bottom: 1px dashed #999;
	text-align:right;
}
.posted_comments {
	clear: both;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 3px 0 3px;
}
/* Comments classes. commbox and coomboxalt are used in the switch conditional on the comments page */
#comment_form {
	margin-left:10px;
}
.comments {
	font-size: 120%;
	font-weight: bold;
	background-color: transparent;
	color: #E78818;
}
.commbox {
	background: #EDEAEB;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}
.commboxalt {
	background: #FAF6F7;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}
/* Some form styling. Not much though */

checkbox {
	border: 3px double #999999;
	padding:1px;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
textarea {
	border: 3px double #999999;
	padding:2px 1px;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color:transparent;
	background-image: url(/images/interface/yellow-bg.png)t;
}
input {
	border: 1px dashed #999;
	background-color:transparent;
	color: #333;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width:115px;
	padding:3px;
	margin-top:5px;
}
.chk { margin:1px; padding:0; width:auto;}
input.submit {
	border:3px double #999999;
	padding: 1px;
	background-color:transparent;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width:auto;
}
fieldset {
	padding:10px;
}
/* As mentioned above, these are the sidebar-specific list styles, based on my ticked-off links technique. Note the sidebar-specific links also. They have set widths so you can rollover anywhere along the link line */
#sidebar h3 {
	text-decoration: none;
	text-align: left;
	font: bold 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#570900;
	margin:2px 0px 2px 5px;
	padding:0;
}
#sidebar p {
	margin:auto;
}
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 3px;
	border: 0 solid #CCC;
	color: #666;
}
#sidebar li {
	border-bottom: 1px solid #CCC;
}
#sidebar li a:link {
	line-height: auto;
	text-decoration: none;
	display: block;/*width: 243px;*/
}
#sidebar li a:visited {
	text-decoration: none;
	line-height: 150%;
	display: block;/*	width: 243px;*/
}
#sidebar li a:hover {
	color: #000;
	line-height: 150%;
	text-decoration: underline;
	display: block;
}
#sidebar li a:active {
	color: #CF5827;
	line-height: 150%;
	text-decoration: none;
	display: block;
}
#sidebar .box {
	border-bottom: 1px solid #CCC;
	padding-bottom:5px;
}
#content .box {
	/*	border-top: 1px solid #CCC;*/
	padding-top:5px;
}
.home-page #blog .box {
	width:auto;
	float:left;
	margin:0px;
	padding:0 10px;
}
.home-page #blog h3 {
	letter-spacing:0;
}
#ebree {
	margin: 5px auto;
	width:auto;
	clear:both;
	text-align:right;
	font-size:.7em;
}