p, h1, h2, h3, h4, div , p, li, ul, body{
    margin: 0px;
    padding: 0px;
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
	font-size: 25pt;
}

body {
	background-image: url('greystripes.gif');
}

a{
	color: black;
}

a:hover{
	text-decoration: none;
}

div#wrapper{
	text-align:center;
}

div#heading{
	background-color: black;
	float:none;
	width:100%;
}

div#heading_top{
	font-size: 95%;
	color: white;	
	padding: 10px 5px;
	float:none;
	background-color: black;	
	background-image: url('backtop1.png');
	background-repeat: repeat-y;
	width:100%;
	height: 30px;
	text-align: left;
}

div#heading_middle{
	font-size: 95%;
	color: white;	
	padding: 10px 5px;
	float:none;	
	background-color: black;
	text-align:right;
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
}

div#heading_middle a, div#heading_top a{
	color: white;
}

div#heading_middle a:hover, div#heading_top a:hover{
	color: black;
	background-color: white;
}

div#heading_bottom{
	clear:both;
	height: 200px;
	padding: 0px 5px;	
	background-image: url('back.png');
	background-position: right;
	background-color: #CC0000;
	border-top: solid white 1px;
	border-bottom: solid black 1px;
	text-align: left;
}

div#heading_bottom h1{
	font-size: 300%;
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
	color: white;	
	font-weight: normal;
	padding-bottom: 10px;
}

#heading_botttom_tag_on{
    display: none;
}

div#search{
	margin: 10px;	
	border: solid white 1px;	
	background: none;
	background-image: url('search.png');
	float: none;
	width: 90%;
}

input#search{
	width: 90%;
	border:none;
	padding: 4px 5px 4px 5px;
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
	font-size: 100%;
	background: none;
}

input#searchbutton{
	padding: 5px 6px 0px 0px;
}

span.highlight{
	background-color: #EEB4B4;
}

div#body{
	text-align: left;
	min-height:0px;
	margin-top:10px;
	clear: both;
}

div#footer{
	font-size: 100%;
	text-align:center;
	height:120px;
	background-image: url('footer.png');
	background-repeat: repeat-y;
	background-position: right;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: white;
	clear:both;
	padding-top:10px;
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
	
}

div#left_col{
	width: 100%;
	float:none;	
	padding: 0px;
}


div#middle_col{
	width: 100%;
	float:none;	
	padding: 0px;
}

div.middle{
	border: solid black 1px;
	margin: 0px 10px 20px 10px;
	background-color: white;
	padding:10px;
	clear: both;
}

div.middle h2{
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
	font-size: 200%;
	font-weight: normal;
	padding: 0px 0px 7px 0px;
	float:none;
	width: 100%;
}

div.middle h2#long{
	width: 100%;
}

div.middle .blog_date{
	float:none;
	padding-top:10px;
	width: 100%;
	text-align: left;
}

.blog_date h3{
	font-weight: normal;
	color: #CC0000;
	font-size: 130%;
}

.blog_date h4{
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	padding-top:5px;
	margin-bottom: 0px;
}

div.middle p{
	font-family: Georgia, Bitstream Charter;
	padding: 0px 0px 20px 0px;
	text-align: justify;
	text-indent: 30px;
	line-height: 40px;
}

div.middle p a{
	border-bottom: dashed #555555 1px;
	text-decoration: none;
	color: #555555;
}

div.middle p a:hover{
	border-bottom: none;
}

div.middle .contents{
	clear:both;
	padding-top:10px;
	
}

div#right_col{
	width: 100%;
	float:none;	
	padding: 0px;
}

div.right_box, div.left_box{
	padding: 10px;
	margin-bottom: 10px;
	background-color: #B2B2B2;
}

div#links{
	background-color: transparent;
	text-align: center;
}

div#links p{
	margin-bottom: 10px;
}

div.right_box h3, div.left_box h3{
	padding-bottom:7px;
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
	font-size: 120%;
	font-weight: normal;
	color: white;
	letter-spacing: 2px;
}

div.left_box li{
	list-style: none;
	display: inline;
}

div.right_box li{
	list-style: none;
	padding: 3px 0px 3px 10px;
}

.comment_amount{
	clear: both;
	border-bottom: solid 1px #A9A9A9;
	font-size:95%;
	padding:5px 0px 3px 0px;
	color: #A9A9A9;
	margin-bottom: 5px;
}


div.tags{
	border-top: solid 1px #A9A9A9;
	font-size:95%;
	padding:5px 0px 3px 0px;
	color: #A9A9A9;
	margin-top: 5px;
}

div.links{
	border-top: solid 1px #A9A9A9;
	font-size:95%;
	padding:10px 0px 3px 0px;
	margin-top: 5px;
	text-align: center;
}

.comment_amount a, div.tags a{
	text-decoration: none;
	color: #A9A9A9;
	border-bottom: dashed 1px #A9A9A9;
}

.comment_amount a{
	border: none;
}

.comment_amount a:hover, div.tags a:hover{
	text-decoration: none;
	background-color: #A9A9A9;
	color:white;
}

div.comment{
	padding: 10px;
	border-top: solid #B2B2B2 1px;
	clear:both;
	min-height: 60px;
	margin-bottom:10px;
}

div.comment_other{
	border-top: dashed #B2B2B2 1px;
	padding: 10px;
	clear:both;
	min-height: 60px;
	
}

div.comment_comment{
	float:left;
	width: 70%;
	min-height: 60px;
	margin: 0px 10px 10px 0px;
}

div.comment_comment pre{
	background-color: white;
	font-family: Georgia, Bitstream Charter;
	text-indent: 0px;
	line-height: 22px;
	white-space: pre-wrap; /* This is for IE and other browsers that just have to be different */
	white-space: -moz-pre-wrap; /* This is for FireFox and Mozilla Browsers */
	white-space: o-pre-wrap; /* This is for Opera */
	padding: 0px;
}

div.comment_name{
	margin-left: 70%;
	font-size: 130%;
	font-weight: bold;
	color: #CC0000;
}

div.comment_date{
	font-weight: normal;
	color: black;
}

.contents ul{
	margin-left: 60px;
}

.contents li{
	padding: 5px;
	font-family: Georgia, Bitstream Charter;
}


.contents ul.archive{
	margin-left: 20px;
}

.contents ul.archive li{
	padding: 0px;
	margin:0px;
	font-family: Georgia, Bitstream Charter;
	list-style: none;
}

.contents h3{
	font-size: 110%;
	font-weight: normal;
	padding:10px 0px;
}

.contents pre{
	background-color: #FaFaFa;
	padding: 10px;
	white-space: pre-wrap; /* This is for IE and other browsers that just have to be different */
	white-space: -moz-pre-wrap; /* This is for FireFox and Mozilla Browsers */
	white-space: o-pre-wrap; /* This is for Opera */
	margin-top:0px;
	font-family: Lucida,Courier New;
}

img {
	border: none;
}

img.icon{
	float:left;
	margin-top: -5px;
	margin-bottom: -5px;
}

img.submit{
	margin: -5px 0px -5px 0px;
}

img.updown{
	margin-top: -5px;
	margin-bottom: -5px;
}

.details_label{
    width: 30%;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
}

.prefonts{
	font-family: Lucida, Courier New;
}

.details_label_small{
    width: 15%;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
}

.details_form{
	width: 40%;
}

span.error{
	font-size: 90%;
    color: #CC0000;
    padding-left: 10px;
	font-weight: bold;
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
}

.required{
    border: solid #CC0000 2px;
}

.htmlarea{
	margin-left: 190px;
}

#calendar table{
	width: 100%;
	border-spacing:0px;
}

#calendar td{
	width:37px;
}

#calendar td, #calendar th{
	font-size: 80%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#calendar td.diff, #calendar th.diff{
	background-color: #FAFAFA;
}

#calendar th{
	text-align: center;
	height: 50px;
	font-weight: bold;
}

span.busystart{
	float:right;
	display:block;
	height:50px;
}

span.busy, span.busyend{
	display:block;
	height:50px;
}

.meetingsandevents{
	background-color: #CC0000;
}

.work{
	background-color: #EE9A00;
}

.lectures{
	background-color: #8B4513;
}

div.previous{
	float:left;
	width:50%;
}

div.next{
	margin-left: 50%;
	width:50%;
	text-align:right;
	margin-bottom: 10px;
}

img.bunny_right{
	float:right;
	padding: 0px 0px 20px 20px;
	margin-top: -50px;
	margin-bottom: -50px;
}

div.website, div.project{
	clear:both;
	margin-bottom: 10px;
	margin-top:10px;
	float:left;
}

div.project{
	width: 100%;
	margin-bottom: 30px;
}

div.website .image, div.project .image{
	float:left;
}

div.website .text{
	margin-left: 260px;
}

div.project .text{
	margin-left: 200px;
}

div.project .text h3{
	padding: 6px;
	background-color: #EAEAEA;
	margin-bottom: 10px;
	display: inline-block;
}

div.project .text p{
	text-indent: 0px;
	padding: 3px;
	margin: 0px;
}

label.project{
    width: 15%;
	float: left;
	text-align: right;
	margin-right: 15px;
	display: block;
}

div.proj_desc{
	margin: -5px 0px -5px 95px;
}

p#show_archives, .middle p.centre{
	text-align: center;
}

span.showhide{
	font-size: 100%;
}

img.profile{
	margin: 15px 16px 0px 16px;
	width: 70%;
	border: solid 1px #A9A9A9;
}

div.polaroid{
	border: solid 1px black;
	float:left;
	width: 100%;
	background-color: white;
	margin-bottom:20px;
}

#polaroid1{
	background-image: url('polaroid.png');
	margin-right: 20px;
}

#polaroid2{
	background-image: url('polaroid1.png');
}

div.blogimageflushleft{
	margin-left:-10px;
}

#latestbook{
    display: None;
}