/*******************************************************
TITLE: Fluid One-Column Layout (Basic) V1.0 (Beta)
DATE: 20060524
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0;
padding:0;
background-color:#dcdcdc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

a {
color:#000000;
text-decoration:underline;
}

a:hover {
color:#000000;
text-decoration:underline;
}

.img {



}

blockquote {
margin:1em;
padding:.5em;
font-size:.9em;
background-color:#cccccc;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}

blockquote p {
margin:.2em;
}

#header {
margin:2em 2em 0 2em;
padding:1em 1.5em;
height:8em;
background-color:#333333;
background-image: url('ScreenShot002.gif');
background-position: left;


border:1px solid #000000;
}

#header img { 

margin-top: 2em; 

float: right;
}

#header h3 { 
margin:0; 
padding:0;
font-size:.9em;
}

#header a {
text-decoration:none;
}


#centerColumn {
right:2.25em;
margin-top:.2em;
margin-left: 2.25em;
margin-right:2.25em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left:2.25em;
margin-right:2.25em;
padding:1em .5em 2em .5em;
background:#e8e8e8;
font-size:.9em;
border: 1px solid #000000;
}

html>body #centerColumn {
margin-left:2.25em;
margin-right:2.25em;
}

#centerColumn p {

margin-top: 0px;
color: #000000;
}

#centerColumn h2 { 
margin:0 0 2em 0; 
padding:0;
font-size:1em;
letter-spacing:.1em;
}



#left {

float:left;
padding: .5em;
margin-right: 1em;
border: 2px solid #b4b4b4;

}

/*#left img {

display: block;
margin-left: auto;
margin-right:auto;

}*/



#rightColumn ul { 
margin:1.5em 0 1.5em; 0; 
padding:0;
list-style:none;
color:#4C675B;
}

#rightColumn li { 
margin:0 0 .4em 0; 
padding:0;
color:#4C675B;
}

#rightColumn li a { 
margin:0 0 0 .2em;
color:#4C675B;
text-decoration:none; 

}

#rightColumn li a:hover { 
color:color:#4C675B;;
text-decoration:underline; 
}

.time {

font-size: .7em;
color:#4C675B;
}
#rightColumn {
float:right;
margin:0 0 0 1em;
padding:.7em;
width:16em;
background:#eeeeee url('hat2.gif');
border:1px solid #000000;
font-size:.8em;
color:#4C675B;
}

#rightColumn h2 { 
margin-bottom: -.8em;
padding:0;
font-size:1.3em;
letter-spacing:.1em;
}

#rightColumn h2.next {
margin-bottom: -.8em;
margin-top: 2em;
color:#4C675B;
}

#rightColumn p {

font-size: 1em;
margin-top: 1.5em;
color:#4C675B;;
}

#rightColumn a {

color:#4C675B;;

}

#tags {
margin:0 0 .5em 0;
width:10em;
float:left;
border:none;
text-align:left;
}

#tags img {
border:none;
}

#tags p {
margin:0 0 .25em 0;
}

#tags a {
font-size:.8em;
color:#cc0000;
}

#footer {
right:2.85em;
margin-top:.2em;
margin-bottom:2em;
margin-left: 2.85em;
margin-right:2.85em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left:2.85em;
margin-right:2.85em;
padding:1em .5em 1em .5em;
background:#99B4A8;
font-size:.7em;
text-align:center;
border: 1px solid #000000;
}

#footer a {

color: #000000;
text-decoration: underline;

}

html>body #footer {
margin-left:2.85em;
margin-right:2.85em;
}

/* Source: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


