body {
margin: 0;
padding: 0;
font: normal 12px helvetica, verdana, sans-serif;
color: #333;
background: url(http://www.brblearning.com/brblearning_logo.gif) no-repeat;
}

p {
padding: 5px 0;
line-height: 1.2em;
}

h2 {
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
}

a {
color: #06F;
text-decoration: none;
border: 0;
}

a:hover {
color: #06F;
text-decoration: none;
background: #6FF;
}

span.alt {
display: none;
}

h1.logo {
width: 250px;
height: 105px;
position: absolute;
top: -15px;
left: 0;
}

/***** MAIN ******/

#main {
width: 45%;
margin: 110px 0 0 30px;
float: left;
z-index: 1;
}

#main .excerpt {
background: #F5F5F5;
padding: 0;
text-align: left;
font: 12px trebuchet, "trebuchet ms", sans-serif;
border: solid #06F;
border-width: 1px 0;
}

#main .excerpt p {
padding: 5px;
margin-top: 0;
text-align: left;
}

#main .excerpt p.date {
margin: 0;
font-weight: bold;
text-align: right;
font-size: 11px;
}

#main h1, h2 {
margin-top: 0;
text-align: right;
}

#main h1 a {
font: 1.5em trebuchet, "trebuchet ms", sans-serif;
color: #333;
border: solid #06F;
border-width: 3px 0;
background: transparent;
padding: 5px;
display: block;
text-decoration: none;
}

#main h1.nolink {
font: bold 1.5em trebuchet, "trebuchet ms", sans-serif;
color: #333;
border: solid #06F;
border-width: 3px 0;
background: transparent;
padding: 5px;
display: block;
text-decoration: none;
}

#main h2 a {
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
color: #333;
border: solid #06F;
border-width: 3px 0;
background: transparent;
padding: 5px;
display: block;
text-decoration: none;
}

#main h1 a:hover {
background: #333;
color: #FFF;
}

#main h2 a:hover {
background: #333;
color: #FFF;
}

#main p {
text-align: left;
}

#main p.comments {
text-align: right;
}

#main p.comments a {
border: solid #06F;
border-width: 3px 0;
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
display: block;
text-decoration: none;
padding: 5px;
color: #333;
}

#main p.comments a:hover {
background: #333;
color: #FFF;
}


/***** MIDDLE *****/

#middle {
width: 20%;
float: left;
background: #FFF;
margin: 110px 0 0 30px;
z-index: 1;
font: normal 11px helvetica, verdana, sans-serif;
}

#middle p.date {
background: #F5F5F5;
margin: 0;
padding: 5px;
text-align: right;
font: 10px trebuchet, "trebuchet ms", sans-serif;
font-weight: bold;
border: solid #06F;
border-width: 1px 0;
}

#middle p {
margin: 5px 0;
}


#middle h2 {
text-align: right;
margin-top: 0;
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
color: #333;
border: solid #06F;
border-width: 3px 0;
padding: 5px;
}

#middle h2.home {
text-align: right;
margin-top: 0;
border: 0;
padding: 0;
}

#middle h2.home a {
margin-top: 0;
text-decoration: none;
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
color: #333;
border: solid #06F;
border-width: 3px 0;
padding: 5px;
display: block;
}

#middle h2.home a:hover {
background: #333;
color: #FFF;
}

#middle p.comments {
text-align: right;
margin-bottom: 8px;
}

#middle p.comments a {
font: bold 11px trebuchet, "trebuchet ms", sans-serif;
color: #333;
border: solid #06F;
border-width: 1px 0;
padding: 5px;
text-decoration: none;
}

#middle p.comments a:hover {
background: #333;
color: #FFF;
}
/***** RIGHT *****/

#right {
text-align: center;
background: #FFF;
float: left;
width: 20%;
margin: 110px 0 0 30px;
font: normal 11px helvetica, verdana, sans-serif;
}

#right a {
text-decoration: none;
}

#right img {
padding: 5px;
border: #06F solid;
border-width: 1px;
}

#right img:hover {
background: #333;
}

#right h2 {
text-align: right;
margin-top: 0;
margin-bottom: 4px;
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
color: #333;
border: solid #06F;
border-width: 3px 0;
padding: 5px;
}

#right p.flickr {
padding; 0;
margin: 0;
}

p.about {
text-align: left;
margin-top: 0;
line-height: 1.2em;
}
/***** INDIVIDUAL ENTRY *****/

#right p.vitals {
text-align: left;
line-height: 1.2em;
border: solid #06F;
border-width: 1px 0;
margin: 0;
margin-bottom: 4px;
background: #F5F5F5;
padding: 5px;
}

#right b {
font-weight: normal;
}

/***** ARCHIVES *****/

#main p.vitals {
text-align: right;
line-height: 1.2em;
border: solid #06F;
border-width: 1px 0;
background: #F5F5F5;
padding: 5px;
}

#middle p.vitals {
text-align: right;
line-height: 1.2em;
border: solid #06F;
border-width: 1px 0;
margin: 0;
margin-bottom: 4px;
background: #F5F5F5;
padding: 5px;
}

/**** COMMENTS *****/
 
#main p.conversation {
color: #333;
border: solid #06F;
border-width: 3px 0;
padding: 5px;
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
text-align: right;
}

#middle b.grayed {
font: bold 12px trebuchet, "trebuchet ms", sans-serif;
color: #666;
}

textarea, tr.comment input
{
	padding: 5px;
	font-size: 12px;
	border: solid #06F;
	border-width: 1px 0;
        width: 99%;
        font: 11px normal helvetica, verdana, sans-serif;
        background: #F5F5F5;
}

label {
background: #FFF;
border: solid #06F;
	border-width: 1px 0;
	padding: 5px;
	display: block;
	text-align: right;
}

th {
vertical-align: top;
}

label.buttons {
border: 0;
display: inline;
padding: 0;
}

input.button
{
	padding: 2px;
	font-weight: bold;
	font-size: 1.5em;
        background: #FFF;
background: #06F;
border: #06F;
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
color: #FFF;
}

#main table p.label {
text-align: right;
font: 9px normal  helvetica, verdana, sans-serif;
margin: 3px 0 6px 0;
padding: 0;
}

#main td.bottom {
text-align: right;
font-size: 10px;
}

#main td.bottom p {
border: solid #06F;
border-width: 1px 0;
text-align: right;
font: 11px normal  helvetica, verdana, sans-serif;
}

/***** CONTACT *****/

table.contact {
width: 99%;
}
/***** NAVIGATION *****/

ul#nav {
position: absolute;
top: 50px;
left: 260px;
list-style-type: none;
margin: 0;
padding: 0;
font: bold 14px trebuchet, "trebuchet ms", sans-serif;
width: 500px;
}

ul#nav li {
display: inline;
}

ul#nav li a {
float: left;
padding: 5px;
margin-right: 10px;
border: solid #06F;
border-width: 3px 0;
text-decoration: none;
color: #333;
}

ul#nav li a:hover {
background: #333;
color: #FFF;
}

/***** SEARCH *****/

#search-form {
padding: 0;
margin: 0 0 0 50px;
}

#search-form input {
border: solid #06F;
border-width: 3px 0;
padding: 5px;
color: #333;
font: 14px trebuchet, "trebuchet ms", sans-serif;
background: #F5F5F5;
}
	
	

/****** FOOTER *****/

#footer {
border: solid #06F;
border-width: 3px 0;
background: #F5F5F5;
padding: 5px 0;
text-align: center;
width: 100%;
clear: both;
margin: 15px 0;
font-size: 11px;
position: relative;
top: 25px;
}

#footer p {
margin: 0 150px;
}