/* CSS Document */
body{
font-size: 76%;
color: #000;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
background: #fff url("images/bg.gif") repeat-x top;
}

p, small, a, h4, h5, input, textarea, li, blockquote, #footer{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, #nav a, label{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}
p{
margin: 8px 0px 8px 40px;
font-size: 1em;
line-height: 1.5em;
color: #333;
background: #fff;
}
blockquote, blockquote p{
font-size: 1em;
line-height: 1.5em;
color: #7e7e7e;
background: #fff;
margin: 1em 50px;
}
small{
margin-left: 40px;
color: #666;
background: #fff;
font-size: .75em;
display:block;
}
textarea, input{
font-size: 1em;
}

h1{
font-size: 1.60em;
margin: 0px 0px 10px 40px;
}
h2{
font-size: 1.40em;
margin: 0px 0px .5em 40px;
color: #333;
background: #fff;
}
.blogentry h2{
margin: 0px 0px 0px 40px;
}
h3{
font-size: 1.20em;
margin: 0px 0px .25em 40px;
color: #333;
background: #fff;
}
h3 a{
font-size: .85em;
}
h4{
font-size: 1em;
font-weight: normal;
color: #333;
background: #fff;
margin: 0px 0px .25em 40px;
}

h5{
font-size: .85em;
font-weight: normal;
color: #666;
background: #fff;
margin: 0px 0px 1em 40px;
}
a{
color: #0e3dc9;
background: #fff;
font-weight: normal;
}
a:hover{
color:#ffb400;
background: #fff;
}
img{
border: none;
}
label{
display: block;
color: #666;
background: #fff;
font-size: 1.10em;
margin: 5px auto 1px auto;
}
li{
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1em;
}


#main{
width: 840px;
height: 100%;
margin: 0px auto 0px auto;
text-align: left;
}
#container{
width: 840px;
float: left;
}

/*banner*/
#banner{
background: url("images/banner.gif") no-repeat;
height: 82px;
margin-bottom: 20px;
}

/*site navigation*/
#nav{
height: 100%;
}
#nav ol{
float: right;
height: 100%;
margin: 0px;
padding-right: 20px;
}

#nav ol li{
display: inline;
padding-left: 1em;
line-height: 82px;
}
#nav a{
font-size: 1em;
text-decoration: none;
background: transparent;
color:#ffb400;
}
#nav a:hover{
color: #0e3dc9;
background: transparent;
}


/*page highlight*/
#mainpage #nav1 a{
color: #666;
background: transparent;
}
#archivepage #nav2 a{
color: #666;
background: transparent;
}
#aboutpage #nav3 a{
color: #666;
background: transparent;
}
#contactpage #nav4 a{
color: #666;
background: transparent;
}
#designpage #nav5 a{
color: #666;
background: transparent;
}

/*main blog content div*/
#content{
width:600px;
float: left;
}
.blogentry{
width: 100%;
margin-bottom: 40px;
text-align: left;
float: left;
}
.blogentry ol{
margin-left: 20px;
padding-left: 20px;
}
.blogentry img{
color: #000;
background: #f0f0f0;
padding: 9px;
margin: 0px 0px 5px 10px;
float: right;
border-top: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #ccc;
border-left: 1px solid #e2e2e2;
}

/*previous 2 entries thumbnails and search results thumbnails*/
.archive p{
font-size: .90em;
}
.archive img{
float: none;
padding: 2px;
margin: 0px;
border: 1px solid #e2e2e2;
}
#searchpage li p{
margin-left: 0px;
font-size: .90em;
}
#searchpage .blogentry img{
float: none;
padding: 2px;
margin: 0px 10px 0px 0px;
border: 1px solid #e2e2e2;
}
#catarchivepage .blogentry img{
float: left;
padding: 2px;
margin: 0px 10px 0px 0px;
border: 1px solid #e2e2e2;
}
#catarchivepage .dateheader{
color: #999;
background: #fff;
}
#catarchivepage h3 .anchored{
float: left;
margin: 0px;
padding: 0px;
}
#catarchivepage small .anchored{
float: left;
margin: 0px;
}
#catarchivepage small .dropped{
float: left;
clear: left;
margin: 0px;
}

/*comic*/
#comic{
text-align: center;
color: #000;
background: #fff;
border: 1px solid #666;
padding: 0px 4px 8px 4px;
}
#comic_shadow{
width: 100%;
float: left;
clear: right;
padding-bottom: 2px;
margin: 0px 0px 40px 0px;
background: url("images/comic_shadow.gif") repeat-x bottom left;
}
#comic small.description{
display: block;
margin: 0px 0px 0px 10px;
color: #999;
background: #fff;
}
#comic small.description a{
color: #9999ff;
background: #fff;
}
#comic small.description a:hover{
color: #ffb400;
background: #fff;
}
.keywords{
display: none;
}

/*right column*/
#column{
width: 200px;
float: left;
}
#column ol{
padding-left: 0px;
margin: 0px;
list-style:none;
}
#column li{
line-height: 1em;
}

/*cube graphics*/
#cubes, #fphotos{
width: 200px;
}
#cubes img{
float:left;
margin: 0px 0px 20px 20px;
}
#fphotos{
padding-top: 20px;
}
#fphotos a img{
float:left;
margin: 0px 0px 20px 20px;
color: #000;
background: #f0f0f0;
padding: 1px;
border-top: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #ccc;
border-left: 1px solid #e2e2e2;
}
#fphotos a:hover img{
float:left;
margin: 0px 0px 20px 20px;
color: #000;
background: #fff;
padding: 1px;
border-top: 1px solid #ffb400;
border-right: 1px solid #ffb400;
border-bottom: 1px solid #cc9900;
border-left: 1px solid #ffb400;
}
#categories{
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding-top: 20px;
padding-bottom: 10px;
margin-left: 20px;
}
#categories ul{
padding-top: 0px;	
padding-left: 0px;
margin-top: 0px;
margin-left: 0px;
}
#categories li{
list-style: none;
font-size: .85em;
}


/*trackback*/
.tbcontent{
border-top: 1px solid #e2e2e2;
margin-top: 40px;
padding-top: 20px;
}
.tbentry{
margin-top: 40px;
}

/*comments*/
.comcontent{
color: #000;
background: #fff;
margin: 40px 0px 40px 0px;
padding-top: 20px;
border-top: 1px solid #e2e2e2;
float: left;
}
.comcontent p{
color: #000;
background: #fff;
}
.comcontent a{
color: #0e3dc9;
background: #fff;
}
.comcontent a:hover{
color:#ffb400;
background: #fff;
}
.comcontent h2{
color: #000;
background: #fff; 
}
.comcontent h4{
font-weight: bold;
color: #333;
background: #fff; 
}
.comcontent label{
color: #666;
background: #fff;
margin-left: 40px;
}
.comcontent small{
color: #666;
background: #fff;
}
#previewpage .comcontent{
margin: 20px 0px 10px 0px;
padding-top: 0px;
border-top: none;
}
.comentry{
margin: 0px auto 40px auto;
}
#comauthor, #comemail, #comurl{
width: 560px;
margin-bottom: 5px;
margin-left: 40px;
}
#comrem{
width: 560px;
margin-bottom: 5px;
}
#comtext{
height: 200px;
width: 560px;
margin-left: 40px;
}
#comsubmit{
margin-top: 20px;
margin-left: 40px;
}
#comsubmit input{
width: auto;
margin-right: 5px;
}
#comrem input{
width: auto;
}


/*global blog search control, archive and search pages*/
#blogsearch{
float: right;
margin-bottom: 10px;
width: 560px;
height: 60px;
background: #eaeaea url("images/search_corner.gif") no-repeat bottom right;
color: #000;
text-align: center;
}
#blogsearch input{
margin-top: 20px;
}
#searchpage #blogsearch{
margin-bottom: 10px;
}
#searchpage .blogentry small{
margin: 0px;
}
#searchsubmit{
margin-left: 5px;
}
#archivepage .blogentry ul{
list-style: none;
}
#archivepage .blogentry ul{
line-height: 2em;
}
#archivepage #content h1, #searchpage #content h1{
margin-bottom: 10px;
}
.spacer{
clear: both;
}
form{
margin: 0px;
}
#searchpage .blogentry li{
margin-bottom: 20px;
}

/*footer*/
#footer{
float: left;
border-top: 1px solid #e2e2e2;
width: 100%;
background: #fff;
margin-top: 40px;
color: #ccc;
text-align: center;
font-size: .75em;
line-height: 40px;
}
#archivepage #footer{
margin-top: 0px;
}

/*design page*/
#designpage #banner{
background: url("design/images/banner.gif") no-repeat;
margin-bottom: 0px;
}
#designpage h2{
margin-left: 40px;
}
#designpage #cubes{
width: 220px;
}
#designpage #cubes img{
float:left;
margin: 0px;
}
#designpage #content h1{
color: #ffb400;
background: #fff;
margin: 0px 40px 40px 0px;
}
#designpage #content h2{
margin: 0px 40px 0px 0px;
}
#designpage #content{
float: right;
}
#designpage #content p{
margin-left: 0px;
margin-right: 40px;
}
#designpage #content img{
color: #000;
background: #f0f0f0;
padding: 9px;
float: left;
border-top: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #ccc;
border-left: 1px solid #e2e2e2;
}
#designpage #cubes h3{
margin-left: 10px;
margin-top: 10px;
background: transparent;
}
#designpage #contactinfo{
margin-top: 20px;
border-top: 1px solid #e2e2e2;
padding-top: 20px;
}
/*image below the banner*/
#pagetopper{
height: 240px;
margin-bottom: 20px;
}
/*selection for portfolio graphics*/
.group{
float: right;
background: #fff;
color: #000;
width: 200px;
}
.groupsel{
float: right;
position: relative;
color: #000;
background: #66ff66 url("design/images/groupsel_corner.gif") no-repeat bottom right;
width: 200px;
}
.groupsel img.arrow{
position: absolute;
left: 200px;
top: 20px;
}
#clicked{
position: absolute;
left: 10px;
top: 10px;
margin: 0px;
}
#designpage #cubes a{
padding: 10px;
position: relative;
float: left;
background: transparent;
}