/* FRAMEWORK */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	letter-spacing: 0;
	}
		
.container {
	width: 690px;
	margin: 0 auto;
	}

.header {
	float: left;
	width: 690px;
	margin: 0;
	padding: 70px 0 5px 0;
	border-bottom: dotted #ccc 2px;
	}

.nav {
	float: left;
	width: 503px;
	margin: 0;
	padding: 0;
	}

.logo {
	float: right;
	width: 187px;
	height: 36px;
	margin: 0;
	padding: 0;
	}

/* FRAMEWORK -- COLUMNS */

.columns {
	width: 690px;
	float: left;
	margin: 0;
	padding: 20px 0 20px 0;
	}

.gutter {
	float: left;
	margin: 0;
	padding: 0 30px 0 0;	
	}

.column230 {
	width: 240px;
	float: left;
	margin: 0;
	padding: 0;
	}

.column200 {
	width: 210px;
	float: left;
	margin: 0;
	padding: 0;
	}

.column460 {
	width: 480px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.column300 {
	width: 300px;
	float: left;
	margin: 0;
	padding: 0;
	}

.footer {
	clear: both;
	}
	
	
/* NAVIGATION */

#horizon {
	margin: 0;
	padding: 0;
	width: 533px;
	text-align: left;
	}
	
#horizon ul {
	margin: 0;
	padding: 0;
	}

#horizon li {
	list-style-type: none;
	display: inline;
	line-height: 30px;
	}

#horizon a {
	margin: 0;
	padding: 0 10px 0 0;
	font-family: georgia, serif;
	font-size: 16px;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	}

#horizon a.active, #horizon a:hover {
	color: #606060;
	}

a.active, a:hover{
	color: #606060;
	}


/* TEXT */

p {
	margin: 0;
	padding: 0 0 10px 0;
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
	}
	
p a:link, p a:active, p a:visited {
	color: #6b9839;
	}

p a:hover {
	color: #999;
	}

.image {
	float: left;
	padding: 4px;
	margin: 3px 15px 5px 0;
	border: solid #ccc 2px;
	}

.image-nb {
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	}
	
.image a:link, .image a:active, .image a:visited {
	border: none;
	color: #fff;
	}

.image a:hover {
	border: none;
	color: #999;
	}
	
blockquote {
	float: left;
	width: 165px;
	margin: 5px 25px 15px 0;
	padding: 17px 10px 17px 5px;
	font-family: georgia, serif;
	text-align: left;
	border-top: dotted #6b9839 1px;
	border-bottom: dotted #6b9839 1px;
	font-size: 16px;
	color: #6b9839;
	}

h1, h1 a {
	margin: 0;
	padding: 0;
	font-size: 23px;
	font-weight: normal;
	color: #333;
	letter-spacing: -1px;
	text-align: left;
	text-decoration: none;
	}

h2, h2 a {
	margin: 0;
	padding: 5px 0 3px 0;
	font-family: georgia, serif;
	font-size: 20px;
	font-weight: normal;
	color: #6b9839;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
	}
	
h2#title, h2#title a {
	padding: 0 0 2px 0;
	font-size: 18px;
	color: #0461bc;
	}

h2#subtitle, h2#subtitle a {
	padding: 0 0 3px 0;
	font-size: 14px;
	color: #0461bc;
	}

h2#academics {
	padding: 0 0 8px 31px;
	background: url(../images/academics.jpg) center left no-repeat;
	}

h2#experience {
	padding: 0 0 8px 31px;
	background: url(../images/experience.jpg) center left no-repeat;
	}

h2#writings {
	padding: 0 0 8px 31px;
	background: url(../images/writings.jpg) center left no-repeat;
	}

h2#contact {
	padding: 0 0 8px 33px;
	background: url(../images/contact.jpg) center left no-repeat;
	}

h3, h3 a {
	margin: 0;
	padding: 3px 0;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
	}

h3.work, h3.work a {
	padding: 5px 0 2px 0;
	}
	
h4, h4 a {
	margin: 0;
	padding: 2px 0;
	font-size: 12px;
	font-weight: normal;
	color: #0461bc;
	text-align: left;
	text-decoration: none;
	}

h4.work, h4.work a {
	margin: 0;
	padding: 0 0;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
	font-style: italic;
	}

.footer {
	padding: 3px 0 20px 0;
	margin: 0;
	border-top: dotted #ccc 1px;
	text-align: right;
	font-size: 11px;
	font-family: "lucida grande", verdana, sans-serif;
	}

ul {
	padding: 3px 10px 3px 15px;
	margin: 0;
	list-style-type: disc;
	}

ul.sub {
	padding: 5px 15px 0 15px;
	margin: 0;
	list-style-type: circle;
	}

ul.index {
	padding: 3px 0 3px 0px;
	margin: 0;
	list-style-type: none;
	}
	
ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

li { 
	padding: 0 0 5px 0;
	margin: 0;
	text-align: left;
	font-size: 11px;
	font-family: "lucida grande", verdana, sans-serif;
	}

li a:link, li a:active, li a:visited {
	color: #333;
	}
	
li a:hover {
	color: #0461bc;
	}