/*
 * Page structure
 */
body {
	margin: 0 35px;
	padding: 0 200px 0 200px;
	min-width: 550px;
}
#container {
	float: left;
	width: 100%;
	border-left: 200px solid;
	border-right: 200px solid;
	margin-left: -200px;
	margin-right: -200px;
}

#secondary_rail {
	float: left;
	width: 200px;
	margin-left: -200px;
	position: relative;
	overflow: hidden;
}
#center {
	float: left;
	width: 100%;
	margin-right: -100%;
	overflow: hidden;
}
#primary_rail {
	float: right;
	width: 200px;
	margin-right: -200px;
	position: relative;
	overflow: hidden;
}

#header {
	margin-left: -200px;
	margin-right: -200px;
	clear: both;
}
#footer {
	margin-left: -200px;
	margin-right: -200px;
	clear: both;
}

/*
 * Page formatting
 */
html {
	background-color: #336699;
	font: normal 80% "trebuchet ms","lucida grande",verdana,sans-serif;
}
body {
	color: #333333;
	background-color: #E7EBEF;
}

/* Links */
a { 
	text-decoration: none;
	font-weight: bold;
	/* border-bottom: 1px dotted #333333; */
}
a:link {
	color: #1F67B1;
	/* border-bottom-color: #1F67B1; */
}
a:visited {
	color: #1F67B1;
	/* color: #333333; */
	/* border-bottom-color: #333333; */
}
a:hover, a:active {
	color: #AD0004;
	/* border-bottom-color: #AD0004; */
	/* border-bottom-style: solid; */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h2, h3, h4, h5, h6 {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
h1 {
	font-size: 180%;
}
h2 {
	font-size: 160%;
}
h3 {
	font-size: 140%;
}
h4, h5, h6 {
	font-size: 120%;
	text-decoration: underline;
	margin-bottom: 0;
}

/* Lists */
ol {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 1em;
	padding-left: 1em;
}
ul {
	list-style: square;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 1em;
	padding-left: 1em;
}

/* Images */
img {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Other HTML Elements */

p {
	margin-top: 0.5em;
	margin-bottom: 0.8em;
} 
p + p {
	margin-top: 0;
	margin-bottom: 0.8em;
} 

blockquote {
	clear: both;
	padding: 0 1em;
	margin: 1em 2em;
	font-size: 0.9em;
	line-height: 1.4em;
	background-color: #B9C7D5;
	border: 1px solid #A9A9A9;
}
blockquote > blockquote {
	border: 0px;
	font-size: 1.0em;
}
code {
	font-family: consolas,monaco,"lucida console","courier new";
	font-size: 0.93em;
}
pre {
	font-family: consolas,monaco,"lucida console","courier new";
	font-size: 0.93em;
	margin-left: 1em;
}

/* Page header styles */
#header {
	padding: 10px 20px 5px 20px;
	background-color: #003366;
}
#navbar {
	text-align: center;
	padding: 3px 0 3px 0;
	margin-top: 0px;
	font: 16px "lucida grande",verdana,arial,helvetica,sans-serif;
}
#navbar ul {
	list-style: none;
}
#navbar li {
	padding: 0 23px 0 23px;
	margin-right: 5px;
	display: inline;
}
#navbar li a {
	padding: 0.75em 0 0 0.25em;
	text-transform: uppercase;
	font-weight: normal;
	color: #B9C7D5;
}
#navbar a:hover {
	color: #ECEFF4;
}
#blogtitle {
	font-size: 1.25em;
	color: #ECEFF4;
	margin: 7px 0 0 0;
	padding: 8px 4px 4px 4px;
	border-top: 1px solid #ECEFF4;
}
#blogtitle h1 {
	margin: 0;
	padding-top: 5px;
	font-size: 160%;
	letter-spacing: 0.1em;
	text-align: left;
}

/* Main text areas */
#container {
	display: inline;
	border-left-color: #B9C7D5;
	border-right-color: #B9C7D5;
}
.center_content {
	padding: 10px 20px;
}
.rail_content {
	margin: 10px;
	padding: 0 5px 0 5px;
	font-size: 95%;
}

/* Footer area */

#footer {
	padding: 5px 20px 5px 20px;
	color: #ECEFF4;
	background-color: #003366;
}
#footer a {
	color: #B9C7D5;
}
#footer a:hover {
	color: #ECEFF4;
}
#footer strong {
	font-size: 110%;
	font-weight: bold;
}

/* Post Formatting */
.post {
}
.post-date {
}
.post-title {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 160%;
	border-bottom: 1px solid #A9A9A9;
}
.post-summary {
	font-weight: bold;
	font-style: italic;
}
.post-content p {
	margin-top: 10px;
	margin-bottom: 10px;
}
.post-content h4+p {
	margin-top: 0;
}
.post-footer {
	background-color: #B9C7D5;
	margin-bottom: 20px;
	margin-top: 15px;
	padding: 5px 10px;
	color: #333333;
	font: 11px lucida grande,verdana,arial,helvetica,sans-serif;
}
.comment {
	margin-bottom: 1em;
	padding: 0 1em;
	border: 1px solid #A9A9A9;
}
.comment1 {
	margin-bottom: 0.5em;
	padding: 0 1em;
	background-color: #B9C7D5;
	border: 1px solid #A9A9A9;
}
.comment2 {
	margin-bottom: 0.5em;
	padding: 0 1em;
/*	background-color: #ECEFF4; */
	border: 1px solid #A9A9A9;
}
.comment-footer {
	margin-top: 0.5em;
	font: 11px lucida grande,verdana,arial,helvetica,sans-serif;
}
.category {
	clear: both;
	padding: 0 1em 1em 1em;
	background-color: #B9C7D5;
	border: 1px solid #A9A9A9;
}


.paginate {
	letter-spacing: .1em;
	font-size: 90%;
	padding: 10px 6px 10px 4px;
	margin: 0;
}

.pagecount {
	font-size: 90%;
	color: #666666;
}

#nav_cat_archive p {
	font-size: 120%;
	margin-bottom: 4px;
}

/* Sidebar Stuff */
.sidetitle {
	margin: 18px 0 7px 0;
	font-size: 125%;
	letter-spacing: 0.09em;
	font-weight: normal;
	background: transparent;
	border-bottom: 1px dotted #666666;
}

/* Miscellaneous */
.smaller {
	font-size: 90%;
}
.faded {
	background: transparent;
	color: #666666;
}
.bolditalic {
	font-style: italic;
	font-weight: bold;
}
.centered {
	text-align: center;
}
.spacer {
	clear: both;
	height: 20px;
	width: 100%;
	border-bottom: 1px solid #A9A9A9;
}

.input {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #ECEFF4;
	font-size: 90%;
	height: 1.6em;
	padding: .1em 0 0 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 97%;
}

.textarea {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #ECEFF4;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 100%;
}

.checkbox {
	background-color: transparent;
	margin: 3px;
	padding: 0;
	border: 0;
}

/*
.submit {
	background-color: #B9C7D5;
	font-family: Arial,Verdana,Sans-serif;
	font-size: 85%;
	font-weight: normal;
	letter-spacing: .1em;
	padding: 1px 3px 1px 3px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 1px;
	text-transform: uppercase;
}
*/

/* Calendar Formatting */
.calendarBG {
	background-color: #003366;
}

.calendarBlank {
	background-color: #E7EBEF;
}

.calendarHeader {
	font-weight: bold;
	color: #B9C7D5;
	text-align: center;
	background-color: #003366;
}

.calendarMonthLinks {
	font-weight: bold;
	letter-spacing:	.1em;
	text-decoration: none;
	color: #B9C7D5;
}

.calendarMonthLinks a {
	color: #B9C7D5;
	text-decoration: none;
}

.calendarMonthLinks a:visited {
	color: #B9C7D5;
	text-decoration: none;
}

.calendarMonthLinks a:hover {
	color: #ECEFF4;
	text-decoration: underline;
}

.calendarDayHeading {
	font-weight: bold;
	color: #B9C7D5;
	background-color: #336699;
	text-align:  center;
	vertical-align: middle;
}

.calendarToday {
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-color: #E7EBEF;
}

.calendarToday a {
	text-decoration: underline;
}

.calendarCell {
	font-weight: bold;
	letter-spacing:	.1em;
	text-decoration: none;
	text-align:  center;
	vertical-align: middle;
	color: #666666;
	background-color: #B9C7D5;
}

.calendarCell a {
	color: #333333;
	text-decoration: underline;
}

.calendarCell a:visited {
	color: #333333;
	text-decoration: underline;
}

.calendarCell a:hover {
	color: #ad0004;
	text-decoration: underline;
}


/* HTML Edit Buttons */
.buttonMode {
}

.htmlButtonOuter, .htmlButtonOuterL {
	background-color: #ECEFF4;
	padding: 0;
	border-top: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
}
.htmlButtonOuterL {
	border-left: #333333 1px solid;
}
.htmlButtonInner {
	text-align: center;
	padding: 0 3px 0 3px;
	border-left: #ECEFF4 1px solid;
	border-top: #ECEFF4 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
.htmlButtonOff {
	font-family: Arial,Verdana,Sans-serif;
	font-weight: bold;
	font-size: 85%;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
}
.htmlButtonOff a:link {
	color: #1F67B1;
	text-decoration: none;
	white-space: nowrap;
}
.htmlButtonOff a:visited {
	text-decoration: none;
}
.htmlButtonOff a:active {
	text-decoration: none;
	color: #AD0004;
}
.htmlButtonOff a:hover {
	background-color: #ECEFF4;
	text-decoration: none;
	color: #AD0004;
}
.htmlButtonOn {
	font-family: Arial,Verdana,Sans-serif;
	font-weight: bold;
	font-size: 85%;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
}
.htmlButtonOn a:link {
	color: #1F67B1;
	text-decoration: none;
	white-space: nowrap;
}
.htmlButtonOn a:visited {
	text-decoration: none;
}
.htmlButtonOn a:active {
	text-decoration: none;
	color: #AD0004;
}
.htmlButtonOn a:hover {
	background-color: #ECEFF4;
	text-decoration: none;
	color: #AD0004;
}

/*
 * Color palette assignments
 *  Blue theme:
 *    Page Background: #336699
 *    Main Background: #E7EBEF
 *    Main Foreground: #333333
 *    Link Color: #1F67B1
 *    Link Hover: #AD0004
 *    Box Borders: #A9A9A9
 *    Header/Footer Background: #003366
 *    Column Backgrounds: #B9C7D5
 *    Primary Block Color: #B9C7D5
 *    Secondary Block Color: #ECEFF4
 *    "Very Light" Elements: #ECEFF4
 *    "Light" Elements: #ECEFF4
 *    "Medium" Elements: #999999
 *    "Dark" Elements: #666666
 *
 *  Gray theme:
 *    Page Background: #2E333B
 *    Main Background: #C6C6C6
 *    Main Foreground: #333333
 *    Link Color: #1F67B1
 *    Link Hover: #AD0004
 *    Box Borders: #A9A9A9
 *    Header/Footer Background: #4F555D
 *    Column Backgrounds: #DDDDDD
 *    Primary Block Color: #DDDDDD
 *    Secondary Block Color: #EEEEEE
 *    "Very Light" Elements: #EEEEEE
 *    "Light" Elements: #CCCCCC
 *    "Medium" Elements: #999999
 *    "Dark" Elements: #666666
 */