/* canesc.css - Copyright 2009-2010 by PreFab Software, Inc. */

body {
	background-color: white;
	color: black;
	font: 13px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding: 0;
	margin: 10px;
}

table {
	margin-top: 0;
	padding-top: 0;
}

td {
	vertical-align: top;
}


/* BLOGMAKER font styles */
/* fbc61b = gold */
/* 333 = dark gray */
blockquote, div.blockquote {
	border-left: 3px solid #fbc61b;
	padding-left: 5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	color: #333;
	font-size: 12px;
}

.blog_body_error {
	color: red;
}

.fieldname {
	font-size: 11px;
	font-weight: bold;
}
/* end BLOGMAKER */


.important {
	font-weight: bold;
	font-size: 92%;
}

a.important {
	font-weight: bold;
	font-size: 92%;
}

em {
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}

.small {
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
}

.smaller {
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
}

.smallest {
	font: 9px Verdana, "Lucida Grande", Lucida, sans-serif;
}

.smallgray {
	color: #777;
	font-size: 11px;
}

.note {
	color: #777;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
}

/* , table.notesize td */
.notesize {
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
}

/* TBD: change blog template to image_credit */
.very_small {
	color: #777;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
}

.image_credit {
	color: #777;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
}
.very_small a {
	color: #777;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
}

.gray {
	color: #777;
}

.center {
	text-align: center;
}

.indent {
	padding-left: 50px;
}

.p_above {
	padding-top: 10px;
	padding-bottom: 3px;
}


/* layout styles */

/* container WAS just the header; 880 = 640 blog + 20 space + 220 sidebar */
/* (i.e. hard to hardcode since it didn't contain those elements) */
#container	{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
/* container-floating is now the entire page EXCEPT sitemeter and such */
#container-floating	{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

/* June 2010: NOT used on Can-Esc */
.widecontent {
	margin-left: -15px;
}

/* e.g. the left column on the blog ... WAS width: 640px; */
#main_content	{
	background-color: white;
	padding: 10px 5px;
	float: left;
	overflow: hidden;
}

#main_content_no_sidebar	{
	width: 100%;
	background-color: white;
	padding: 10px 5px;
	overflow: hidden;
}

#sidebar {
	width: 220px;
	float: right;
}

.page_sidebar {
	margin-right: 5px;
}

/* replaces logo_menu */
.site_header {
	border-bottom: 6px solid #fbc61b;
}

/* fbc61b = gold */
#logo_menu	{
	width: 100%;
	height: 110px;
	text-align: center;
	background-color: white;
	border-bottom: 6px solid #fbc61b;
}

#logo_tagline	{
	float: left;
	margin-top: 0px;
	width: 500px;
	text-align: left;
}

#trackers {
	float: right;
	width: 100%;
	text-align: right;
	padding-bottom: 20px;
	margin-right: 20px;
}

#comments_trackbacks {
	width: 800px;
}

/* generic site styles */
a {
	color: #0F6499;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: blue;
}

.black_to_blue {
	border: 1px solid black;
}

.black_to_blue:hover {
	border: 1px solid blue;
}

/* include a neutral border here so that the blue border doesn't move the img */
.white_to_blue {
	border: 2px solid white;
}

.white_to_blue:hover {
	border: 2px solid blue;
}

/* no hover option here */
.black_border {
	border: 1px solid black;
}

.title {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: black;
}

.subtitle {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: black;
}

.title_nospace {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: black;
	margin: 0;
	padding: 0;
}

h1 {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: black;
	margin: 0;
	padding: 0;
}

h2 {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: black;
	margin: 0;
	padding: 0;
}

h2.subtitle {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: black;
	margin: 0;
	padding-top: 10px;
}

/* TBD: review usage of the ABOVE subtitle */
.book_subtitle {
	color: #777;
	text-align: center;
}

h3, .h3 {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	color: black;
	margin: 0;
	padding: 0;
}

.h3pair {
	padding-top: 20px;
}

.pad_top {
	padding-top: 6px;
}

.pad_bottom {
	padding-bottom: 6px;
}

.pad_top_double {
	padding-top: 12px;
}

.pad_bottom_double {
	padding-top: 12px;
}


/* Georgia does NOT look good here */
.bignum {
	font: 42px "Times New Roman", Times, serif;
	color: #999;
	vertical-align: middle;
	padding-right: 9px;
}

.bigintro {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	color: #999;
	margin-top: 20px;
	margin-bottom: 9px;
}

.thumb_in_p {
	float:left;
	margin-right: 9px;
	margin-bottom: 9px;
}

div.sub {
	padding-left: 10px;
}

.hidden {
	display: none;
}

.imageleft {
	float: left;
}

.imageright {
	float: right;
}

.imagecenter {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* main menu styles */

#main_menu {
	float: right;
	margin-top: 83px;
	margin-right: 2px;
	background-color: white;
}

a.main_menu	{
	color: #0F6499;
	margin-left: 10px;
	font: 18px Georgia, "Times New Roman", Times, serif;
}

a.main_menu:hover	{
	color: #333;
	text-decoration: none;
}

a.menu_current	{
	color: #333;
}

/* page1..n */
page_menu_bar {
	text-align: center;
	padding-top: 12px;
}

a.page_menu	{
	margin-left: 10px;
}

/* hover behavior is std; let's see if that suffices */

a.page_current	{
	color: black;
	font-weight: bold;
}

/* index page styles */

.left_column {
	float: left;
	width: 45%;
	margin-right: 8%;
}

.right_column {
	float: right;
	width: 45%;
}

/* blog styles */

div.posts_first {
	border-bottom: 3px solid #0F6499;
	padding-bottom: 20px;
}

div.posts {
	border-bottom: 3px solid #0F6499;
	margin-top: 20px;
	padding-bottom: 20px;
}

div.posts_last {
	margin-top: 20px;
	border-bottom: 3px solid #0F6499;
	padding-bottom: 20px;
}

div.post_infos {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.post_image {
	padding-top: 5px;
}

div.post_related_entries {
	margin-bottom: 10px;
}

div.comments {
	border-top: 3px solid #0F6499;
	margin-top: 20px;
	padding-top: 20px;
}

div.add_comment {
	border-top: 3px solid #0F6499;
	margin-top: 20px;
	padding-top: 20px;
}

div.comment_infos {
	font-style: italic;
	padding-left: 5px;
	padding-top: 5px;
}

div.comment_body {
	padding-left: 10px;
}

div.comment_form {
	padding-top: 5px;
}

img.blog {
	border: solid 1px #333;
}

#sidebar div.sub {
	border-bottom: 3px solid #0F6499;
	padding: 10px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar div.sub_first {
	border-bottom: 3px solid #0F6499;
	padding: 0 5px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar div.sub_last {
	border-bottom: 3px solid #0F6499;
	padding: 10px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h4.sidebar_title {
	margin: 0 0 2px -2px;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
}

h4.sidebar_title a {
	color: black;
	text-decoration: none;
}

h4.sidebar_title a:hover {
	text-decoration: underline;
}

ul.recent {
	margin: 5px 0 0;
	padding: 0;
	list-style-type: none;
}

li.recent {
	padding-bottom: 5px;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

span.blog_sm_wo {
}

/* BLOGMAKER navigation bar styles */
/* may want to delete negative margins on other sites */
div.blog_nav {
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
}

div.blog_nav_days {
	text-align: left;
	width: 100%;
}

div.blog_nav_full {
	background: #dddddd;
	text-align: left;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
}

td.blog_nav_left {
	background: #dddddd;
	padding: 2px 4px;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #ffffff;
	width: 50%;
}


td.blog_nav_right {
	background: #dddddd;
	padding: 2px 4px;
	text-align: right;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	width: 50%;
}

.blog_nav	{
	font-size: 12px;
	color:  black;
}

.blog_nav_wo	{
	font-size: 12px;
}

td.blog_nav_current	{
	background: #FFFFFF;
	text-align: center;
	height: 18px;
	width: 17px;
	border-top: 1px solid #ffffff;
}

td.blog_nav_no	{
	background: #dddddd;
	text-align: center;
	height: 18px;
	width: 17px;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}


td.blog_nav_no_last	{
	background: #dddddd;
	text-align: center;
	height: 18px;
	width: 17px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

td.blog_nav_yes	{
	background: #dddddd;
	text-align: center;
	height: 18px;
	width: 17px;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

td.blog_nav_yes_last {
	background: #dddddd;
	text-align: center;
	height: 18px;
	width: 17px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

.blog_nav_current {
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
}

.blog_nav_no {
	font-size: xx-small;
	color: #666666;
}

.blog_nav_yes	{
	font-size: x-small;
	font-weight: bold;
	color: black;
}

.blog_nav_yes:hover	{
	text-decoration: none;
	color: white;
}
ul.errorlist {
    margin: 0;
    padding: 0;
}
.errorlist li {
    background-color: red;
    color: white;
    display: block;
    font-size: 10px;
    margin: 0 0 3px;
    padding: 4px 5px;
}
span.errors {
    background-color: red;
    color: white;
    display: block;
    font-size: 10px;
    margin: 0 0 3px;
    padding: 4px 5px;
}