/* ================ */
/* = global reset = */
/* ================ */
* {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
p {
	margin-bottom: 1.5em;
}
li, blockquote {
	margin-left: 1em;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}

/* ============== */
/* = typography = */
/* ============== */
body {
    font-family: "Gill Sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
}
h1, h2, h3 {
	font-family: "Bookman Old Style", "Goudy Old Style", "Times New Roman", Times, serif;
	color: #313131;
	font-weight: normal;
}
h1 a, h2 a {
	text-decoration: none;
	color: #313131;
}
h1, h2, h3 {
	margin-bottom: 10px;
}
h1.short, h2.short, h3.short {
	margin-bottom: 4px;
}
#sidebar h2.top {
	margin-top: 0;
	padding-top: 0;
}
a { 
	color: #2F3E8B;
}
small, small a {
	color: #aaa;
}
#content ul, #content li {
	margin-bottom: 18px;
}

#content ul {
	margin-left: 2px;
	list-style-type: circle;
}
#content ul li {
	margin-bottom: 4px;
	font-weight: bold;
/*	font-size: 120%;*/
}

/* ========== */
/* = layout = */
/* ========== */
html, body { height: 100%; }
body {
    background: url('../images/background.png');
}

#center {
    width: 882px;
    margin: 0 auto;
    position: relative;
}

#header {
    height: 128px;
    position: relative;
}
    #my_name {
        display: block;
        position: absolute;
        top: 30px;
        left: 60px;
    }
	#tagline {
		display: none;
		position: absolute;
		top: 28px;
		left: 332px;
	}
    #barclay {
        display: block;
        position: absolute;
        bottom: 0px;
        right: 80px;
    }
    #nav {
        position: absolute;
        top: 79px;
        left: 490px;
        list-style: none;
    }
        #nav li {
            display: block;
            float: left;
            height: 33px;
            background-position: 0 -1px;
        }
        #nav li.active { background-position: 0 -34px; }
            #nav a {
                display: block;
                width: 100%;
                height: 100%;
                text-decoration: none;
            }
            #nav span {
                position: absolute;
                top: -1000px;
            }
            
        #nav li.journal { background-image: url('../images/nav_journal.png'); width: 75px; }
        #nav li.projects { background-image: url('../images/nav_projects.png'); width: 76px; display: none;}
        #nav li.contact { background-image: url('../images/nav_contact.png'); width: 77px; }
        #nav li.elsewhere { background-image: url('../images/nav_elsewhere.png'); width: 90px; }
                
        

#container_top {
    margin-top: -48px;
    height: 72px;
    background: url('../images/white_top.png') no-repeat;
}
#container_bottom {
    height: 72px;
    background: url('../images/white_bottom.png') no-repeat;
}
#container_inner { /* inner width: 740px */
    background: url('../images/white_background.png') repeat-y;
    padding: 20px 71px;
    overflow: auto;
}

    .column {
        float: left;
        width: 205px;
        margin-left: 30px;
    }
	
	#content {
		float: left;
		padding: 0 30px;
		width: 470px;
	}
	#sidebar {
		float: left;
		width: 205px;
	}
	#sidebar #searchform {
		margin-top: 18px;
	}
	#sidebar #s {
		width: 110px;
	}
	#sidebar ul {
		list-style: none;
		margin-left: 0;
	}
	#sidebar h2 {
		margin-top: 18px;
	}
	


#footer {
    width: 100%;
    height: 14px;
    position: fixed;
    bottom: 197px;
}
#footer.collapsed { bottom: 0px;}
    #footer_bubble {
        width: 74px;
        height: 34px;
        position: absolute;
        top: -26px;
        right: 40px;
		cursor: pointer;
		display: none; /* hidden! */
    }
    #footer_shadow {
        background: url('../images/footer_shadow.png') repeat-x;
        height: 14px;
    }
    #footer_inner {
        background: url('../images/footer_background.jpg') repeat-x;
        height: 197px;
    }

div.hr hr { display: none; }
div.hr {
	width: 60%;
	height: 1px;
	margin: 18px auto;
	border-bottom: 1px solid #ddd;
}
div.hr-light {
	border-bottom: 1px solid #eee;
	width: 40%;
}

/*div.thick {
	padding: 3px 0;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
}
div.thin {
	padding: 9px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
div.thin ul {
}*/

/* ======== */
/* = home = */
/* ======== */
img.bubble {
	margin-bottom: 12px;
}
.entry {
	margin-top: 12px;
}

/* ======== */
/* = journal = */
/* ======== */
#comment {
	width: 100%;
	height: 90px;
}
ol.commentlist {
	list-style: none;
}
li.comment {
}
.comment .says { display: none;}
.comment-author a {
	color: #474747;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}
.commentmetadata {
	font-size: 10px;
	margin-bottom: 4px;
}
.commentmetadata a {
	color: #aaa;
	text-decoration: none;
}

img.alignright {
	margin-left: 12px;
	margin-bottom: 12px;
}

div.zoom {
	position: relative;
	float: right;
}

.zoom img {
	border: 4px solid #efefef;
}
div.zoom a:before {
	content: url(/images/zoom/zoomin.png);
	position: absolute;
	bottom: 0px;
	right: 0px;
}


/* ================== */
/* = wordpress junk = */
/* ================== */
div.navigation {
	margin-bottom: 34px;
}
div.navigation, div.navigation a {
	color: #aaa;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}