/* The 'Blog Style' 3 column Liquid Layout by Matthew James Taylor */
    /* http://matthewjamestaylor.com/blog/ultimate-3-column-blog-style-pixels.htm */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

body {
border:0;
width:100%;
background:#fff;
min-width:600px;
font-size:90%;
margin:0;
padding:0;
}

a {
color:#369;
}

div.col1 p,div.col1 ul,div.col1 ol {
font-family:Georgia,Serif;
font-size:1.1em;
margin-bottom:1em;
margin-top:0;
line-height:140%;
}

div.col2, div.col3
{
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 0.9em;
    line-height: 120%;
}

div.col2 p, div.col3 p
{
	margin-bottom:1em;
	margin-top:0em;
}

div.col2 ul, div.col3 ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.col2 ul li, div.col3 ul li
{
    padding: 0.4em 0 0 0;
    line-height: 120%;
}

div.col2 ul li a:link, div.col3 ul li a:link
{
    text-decoration: none;
    color: blue;
}

div.col2 ul li a:visited, div.col3 ul li a:visited
{
    text-decoration: none;
    color: purple;
}

div.col2 ul li a:hover,div.col3 ul li a:hover
{
    text-decoration: underline;
}

div.onecolumn
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

img {
margin:10px 0 5px;
}

h2 img
{
margin: 0;
border-width: 0px;
}

h2 {
font-family:Georgia,Serif;
font-size:1.7em;
font-weight:bold;
color:rgb(4,99,128);
padding-top:1em;
padding-bottom:0em;
line-height: 120%;
}

h2 a {
text-decoration:none;
}

h2 a:hover {
text-decoration:underline;
}

h2 .date {
color:rgb(252,178,151);
font-size:0.9em;
white-space: nowrap;
}

h3 
{
	font-family:Georgia,Serif;
	font-size:1.4em;
	font-weight:bold;
	color:#333;
	margin-bottom: 1ex;
	line-height: 120%;
}

span.side img
{
	border:1px solid #666;
	width: 100%;
}

span.side
{
    margin-top: 0ex;
    margin-bottom: 0.25ex;
    margin-left: 1em; 
    position:relative; 
    right:0;
    float:right;
    width: 50%;
}

span.caption
{
    display: block;
    text-align: right;
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 60%;
	color:#666;
	margin-top: -1em;
}



#header {
clear:both;
float:left;
width:100%;
border-bottom:1px solid #000;
background-color:rgb(247,247,222);
}


#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin: 0;
padding:0;
}

#header ul li {
display:inline;
list-style:none;
font-family:Helvetica,Arial,Sans-Serif;
margin:0;
padding:0;
}

#header ul li a {
display:block;
float:left;
text-align:center;
background:rgb(222,222,247);
color:#000;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
margin:0 0 0 1px;
padding:3px 10px;
}

#header ul li a:hover {
background:rgb(124,124,223);
color:#fff;
}

#header ul li a.active,#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}

#header ul li a span {
display:block;
}

div#blackborder
{
	clear:both;
	border-bottom:4px solid #000;
}

#job {
	background:#ffffcc;
	text-align:left;
	font-size:90%;
	line-height:135%;
	font-family:Georgia,serif;
	color:#606060;
	margin:0;
	padding:5px 15px;
}

#job strong 
{
	font-weight: bold;
	color: #008888;
}

.colmask {
position:relative;
clear:both;
float:left;
width:100%;
overflow:hidden;
}

.blogstyle {
background:rgb(222,235,247);
}

.blogstyle .colmid {
float:left;
width:200%;
margin-left:-250px;
position:relative;
right:100%;
background:rgb(235,247,222);
}

.blogstyle div#colmidwide
{
    background: rgb(222,235,247);
}

.blogstyle .colleft {
float:left;
width:100%;
margin-left:-250px;
background:#fff;
}

.blogstyle .col1wrap {
float:left;
width:50%;
padding-bottom:1em;
}

.blogstyle .col1 {
position:relative;
left:100%;
overflow:hidden;
margin:0 15px 0 515px;
}

.blogstyle .col2 {
float:right;
width:220px;
position:relative;
left:235px;
}

.blogstyle div#col2wide 
{
    width:440px;
    left: 465px;
}

.blogstyle .col3 {
float:right;
width:220px;
position:relative;
left:705px;
}

#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
}

#footer p {
font-family:Helvetica, Arial, Sans-Serif;
font-size:0.8em;
line-height:140%;
margin:0;
padding:1em 15px;
}

fieldset,img,abbr,acronym {
border:0;
}

table.monthgrid th,table.monthgrid td
{
    width: 3em;
    font-size: 0.9em;
    text-align: center;
}

table.monthgrid th
{
    width: 4em;
    font-weight: bold;
    text-align: left;
}

table.monthgrid td.current, table.monthgrid td.current a
{
    background-color: Black;
    color: White;
    font-weight: bold;
}

img 
{
	-ms-interpolation-mode:bicubic;
}

pre
{
	margin: 1em 0em; 
	padding:1em; 
	background-color:#eee;
}

blockquote.textmessage
{
    float: right;
    width: 35%;
 	border-left: 1px solid rgb(191,51,6);
	padding: 4px;
	margin-left: 2em;
	font-size: 90%;
	line-height: 135%;
	color:rgb(96,96,96);
   
}