body {
margin: 0 auto;
padding: 0;
background:url(images/site/bg.gif) repeat-x #ffffff left top;
color: #000;
font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
line-height:1.5;
}

h1, h2, h3 {
letter-spacing: 0.09em;
margin:0;
}

h4 {
margin-bottom: 4px;
}

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

li {
font-size: 100%;

}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; text-decoration: none; color: #bc3320; }
#sidebar a:link { background-color: transparent; text-decoration: none; color: #3a3a3a !important; }

a:visited { background-color: transparent; text-decoration: none; color: #bc3320; }
#sidebar a:visited { background-color: transparent; text-decoration: none; color: #3a3a3a; }

a:hover { background-color: black; text-decoration: none; color: #ffffff; }
#sidebar a:hover { background-color: white; text-decoration: none; color: #000; }

a.external {font-weight:bold;}

#wrapper {
margin: 0 auto;
padding: 0;
width: 920px;
color: #000;
background:url(/images/site/wrapper_bg.gif) repeat-y top left #fff;
}

#header {
margin-bottom: 0;
padding:0;
background: url(/images/site/header.jpg) no-repeat top left #000;
color: #003300;
font-variant: small-caps;
height:163px;
}

#blogtitle {
margin: 0;
padding: 0;
font-size: 160%;
letter-spacing: 0.1em;
text-align: left;
text-indent:-5000px;
float:left;
}

#content {
float: left;
margin-bottom: 10px;
padding: 0;
}

#blog {
float: left;
margin-right: 0;
width: 663px;
font-size: 80%;
text-align: left;
}

#blog div.entry {

border-bottom: 1px dotted #444;
padding: 0 10px 10px 10px;
margin:10px 0 10px 0;
}

#blog div.project img {
float:right;
margin:10px;
border:1px solid #ccc;
}

#blog div.project {
padding-bottom:0;
}

#blog a.more { font-weight:bold;}

div.project div.summary p {
margin-top:10px;
padding-top:0;
}

#sidebar {
float: left;
margin-left: 10px;
padding: 0 10px 10px 10px;
width: 225px;
color: #888;
text-align: left;
font-size: 70%;
}

#sidebar ul {
margin-top:0;
}

#sidebar p {
margin-top:0;
color:#3a3a3a;
padding-left:7px;
}

#sidebar h2.blog {
margin-top:0;
}

#footer {
margin: 0;
padding: 5px 10px;
background: url(/images/site/footer_bg.gif) no-repeat top left #fff;
color: #ccc;
font-size: 70%;
font-variant: small-caps;
letter-spacing: 0.09em;
clear:both;
}

.date {
font-size: 100%;
background: transparent;
color: #000;
}

.title {
font-size: 160%;
font-weight: bold;
background: transparent;
color: #000;
border-bottom: 1px solid #ddd;
}

.category {
margin-left:10px;
}

.posted {
margin:10px 0 20px 0;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.sidetitle {
margin: 10px 0 0 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #666600;
border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #663300;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}

div#project_menu {
padding:0 10px 10px 10px;
margin-bottom:0;
}

div#project_menu div {
clear:both;
}

div#project_menu h2 {
border-bottom:none;
margin-bottom:-5px;
}

div#project_menu a {
display:block;
float:left;
margin:0 10px 10px 0;
position:relative;
}

div#project_menu a img.thumb {
width:150px;
height:105px;
background-color:#ddd;
display:block;
float:left;
}

div#project_menu a span.border {
position:absolute;
left:0px;
display:block;
width:150px;
height:10px;
}

div#project_menu a span.top {
top:0px;
background: url(/images/site/thumb_overlay_top.png) no-repeat left top transparent;
}

div#project_menu a span.bottom{
bottom:0px;
background: url(/images/site/thumb_overlay_bottom.png) no-repeat left top transparent;
}

div#project_menu div a span.title {
position:absolute;
background-color:#fff;
height:auto;
color:black;
font-size:0.75em;
font-variant:small-caps;
left:0px;
top:60px;
width:150px;
border-top:2px solid black;
border-bottom:2px solid black;
display:none;
}