@charset "utf-8";
/* CSS Document */

BODY {
	background-color: #535364;
	background-image: url('design_imgs/trumpet_bg.gif');
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0px;
}

A:link, A:visited {
	color: #ffb03e;
	text-decoration: none;
}
A:hover { text-decoration: underline; }

#central-container {
	width: 1000px;
	margin: 0px auto;
	margin-top: 87px;
	padding: 0px;
}

#design-header {
	display: block;
	background-image: url('design_imgs/glyph.jpg');
	background-position: left 4px;;
	background-repeat: no-repeat;
	padding-left: 24px;
	min-height: 45px;
	border: 0px;
}

#title {
	font: 1.5em Calibri, Arial, Helvetica;
}
#title #john { color: #fffcd9; } #title #guari { color: #ffb03e; font-weight: bold; }

#tagline {
	text-transform: uppercase;
	font: .9em Calibri, Arial, Helvetica;;
	color: white;
	margin-bottom: 20px;
}

#content-body {
	position: relative;
	padding: 40px 20px 0px 20px;
	background-image: url('design_imgs/shade.png');
	width: 1000px;
	margin: 0px;
}

#link-list {
	position: absolute;
	margin: 0px;
	top: 6px; right: 20px;
	list-style: none;
}

#link-list LI {
	display: inline;
	text-transform: uppercase;
	font: 0.9em Calibri, Arial, Helvetica;
	margin-left: 16px;
}

#link-list LI A:link, #link-list LI A:visited {
	color: white;
	text-decoration: none;
} 
#link-list LI A:hover {
	border-bottom: 2px solid white;
} 

.current_page_item A:link, .current_page_item A:visited,
.current_page_parent A:link, .current_page_parent A:visited {
	color: #ffb03e !important;
	border-bottom: 2px solid #ffb03e;
}


.text-header {
	position: relative;
	font: 1.5em 'Century Gothic';
	color: #44c3f5;
	padding-left: 70px;
	margin-right: 350px;
}

.text-header A:link, .text-header A:visited { color: #44c3f5; text-decoration: none; }

.date-box {
	width: 53px; height: 57px;
	position: absolute;
	top: -11px; left: 0px;
	background-image: url('design_imgs/date.jpg');
}

.date-box .mon {
	text-transform: uppercase;
	font: bold 0.6em Calibri, Arial, Helvetica;
	margin: auto;
	text-align: center;
	margin-top: 3px;
	color: white;
}

.date-box .date {
	font: 1.2em 'Century Gothic';
	margin: auto;
	text-align: center;
	margin-top: -2px;
	color: black;
}

.date-box .bubble {
	width: 18px; height: 20px;
	background-image: url('design_imgs/bubble.gif');
	background-repeat: no-repeat;
	position: absolute;
	bottom: -13px; right: -8px; 
	font: bold 0.4em Verdana;
	padding-top: 2px;
	padding-left: -1px;
	text-align: center;
	color: white;
}

.bubble A:link, .bubble A:visited { color: white; text-decoration: none;}

.text-body {
	margin: 20px 350px 50px 70px;
	font: .9em Trebuchet, 'Trebuchet MS';
	color: #f5f5f5;
}

.ispage {
	margin-left: 10px !important;
	padding-left: 10px !important; 
}

.side-bar {
	width: 250px;
	padding: 35px 25px 0px 45px;
	float: right;
	color: white;
	font: .8em Trebuchet, 'Trebuchet MS';
}

.side-bar H2 {
	font-size: 1.1em;
	border-bottom: 1px dotted white;
}
.side-bar A:link, .side-bar A:visited { color: #44c3f5; }

.side-bar LI { list-style: none; }
.side-bar UL { padding-left: 25px; }
.side-bar UL LI:before { content: "\00BB \0020"; }

.sub-header {
	margin-top: 25px;
	font: 1.5em 'Century Gothic';
	color: #44c3f5;
}

.commentlist { padding-left: 0px; }
.commentlist LI { list-style: none; }
.commenttext { font-size: .85em; }
.commenttext P { margin-top: 0px; }

H2 {
	margin-top: 25px;
	font: 1.4em 'Century Gothic';
}

H3 {
	font-size: 1.1em;
	font-weight: bold;
}

.postmetadata {
	padding: 2px 4px;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	font-size: .85em;
}