body{
margin:0px 0px 20px 0px;
background:#999;
color:#222;
}


a, a:link{
/* color:#0080C0; */
/* color:#99ccff; */
color: #222;
padding: 0;
margin: 0;
background:transparent;
text-decoration: none:
border-bottom: 1px dotted #bbb;
}

a:hover, .posted a:hover{
color:#004080;
/* color:#ddd; */
background#bbb;
text-decoration:none;
}

h1, h3{
margin:0px;
padding:0px
}

#banner{
color:#000;
background:#8f8f8f url(http://www.jordan-maynard.com/title-grey.jpg) repeat-y;
border-bottom: #ddd 1px solid;
font-size:small;
font-family:'trebuchet ms', arial, sans-serif;
}

#banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover{
font-family:'trebuchet ms', arial, sans-serif;
font-size:xx-large;
color:#FFF;
background:transparent;
text-decoration: none;
/* text-transform:lowercase; */
font-weight:normal;
margin-left:10px
}

#content{
position:absolute;
color:#000;
background:#999;
margin-right:20px;
left:225px;
margin-bottom:20px;
}

#links{	
color:#333;
padding:15px;
width:195px;
background-color:#999;
}

#searchbox{
position:absolute;
z-index:1;
left:auto;
right:5px;
top:5px;
font-family:verdana,arial,sans-serif;
font-size:x-small;
color:#000;
background:transparent;
}
		
.blog{
padding:25px;
background:#999;
color:#000
}

.blogbody{
font-family:verdana, arial, sans-serif;
color:#333;
font-size:small;
font-weight:normal;
background:#EEE;
line-height:150%;
border:#fff 1px solid;
margin:0px 0px 20px 0px;
padding:5px 5px 5px 10px;
height:100%;
}

.blogbody:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ol{
font-family:verdana, arial, sans-serif;
color:#333;
background:transparent;
font-size:small;
font-weight:normal
}

.blogbody a, .blogbody a:link, .blogbody a:visited {
text-decoration: none;
font-weight:600;
padding:0;
margin:0;
background:transparent;
border-bottom: 1px dotted #222;
}


.blogbody a:hover{
background:#CCC;
text-decoration:none;
}

.blogbody p {
align: left;
}


.title{
font-family: arial, sans-serif;
font-size: large;
color:#0080C0;
background:transparent
}			

#menu, .menu{
margin-bottom:15px;
font-family:verdana, arial, sans-serif;
font-size:11px
}

#menu{
text-align:center
}

#menu a, .menu a {
color: #222;
list-style: none;
padding: 0;
margin: 0;
text-decoration: none;
border-bottom: 1px dotted #bbb;
}

#menu a:hover, .menu a:hover {
background: #bbb;
}

h2{ 
font-family:verdana, arial, sans-serif; 
font-size:large; 
color:#333;
background:transparent;
border-bottom:1px solid #999;
margin-bottom:10px;
padding:0px;
font-weight:bold
}			
		
.posted{ 
font-family:verdana, arial, sans-serif; 
font-size: x-small; 
color:#888;
background:transparent;
margin-bottom:25px
}

.posted a{
color:#888;
background:transparent;
text-decoration:none
}		

#links H3{
font-family:'trebuchet ms',arial, sans-serif;
color:#fff;
font-size:small;
padding:2px;
margin-top:30px;
background: #444;
text-transform:lowercase;
text-align:left;
padding-left:10px;
/* border: 1px solid #ccc; */
}
	
.side{
font-family:verdana, arial, sans-serif;
color:#222;
font-size:x-small;
font-weight:normal;
background:#aaa;
line-height:140%;
padding:5px;
border:#CCC 1px solid;
}

#links li, #links ul {
color: #222;
list-style: none;
padding: 0;
margin: 0;
width: 99%; 
display:block;
text-decoration: none;
}

#links a {
color: #222;
list-style: none;
padding: 0;
margin: 0;
width:99%;
display:block;
text-decoration: none;
border-bottom: 1px dotted #CCC;
}
#links a:hover {
background: #bbb;
padding: 0;
display:block;
}

.blank{
display:none
}

abbr, acronym {
border-bottom: 1px dotted #333;
cursor: help;
}

blockquote{
border:#CCC 1px solid;
padding:5px;
background:#FFF;
/* color:#000 */
}

img.rightimage {
positioning: static;
float: right;
border:1px solid #000;
margin: 5px 10px 5px 15px;
}

img.leftimage {
positioning: static;
float: left;
border:1px solid #000;
margin: 5px 15px 5px 0px;
}