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: 10pt;
}

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

a{
	color: black;
}

a:hover{
	text-decoration: none;
}

a.blogimg{
    border: solid 1px white!important;
    text-decoration:none!important;
    padding:10px;
}

div#wrapper{
	text-align:center;
}

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

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

img.lastfm_heart{
    margin: 3px 0px -3px 2px;
}

div#heading_middle{
	font-size: 9pt;
	color: white;	
	padding: 10px 5px;
	float:right;	
	background-color: black;
	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;
	padding: 0px 5px;	
	background-image: url('back.png');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #CC0000;
	height:70px;
	border-top: solid white 1px;
	border-bottom: solid black 1px;
	text-align: left;
}

div#heading_bottom h1{
	font-size: 50pt;
	font-family: Century Gothic, Verdana, Lucida Grande, Bitstream Vera Sans;
	color: white;	
	font-weight: normal!important;
	display: inline-block;
    letter-spacing: 10px;
    padding-top:10px;
}

div#heading_botttom_tag_on{
    height: 15px;
    margin-top: -1px;
    margin-bottom: -1px;
    background-color: #CC0000;
    border-bottom: solid black 1px;
    width: 500px;
}

div#heading_botttom_tag_on img{
    float: right!important;
    margin-top: 1px;
}

div#search{
	float: right;
	margin: -2px 10px 0px 0px;	
	border-top: solid black 1px;
	border-left: solid white 1px;
	border-right: solid white 1px;
	border-bottom: solid white 1px;	
	background: none;
    width:30%;
	background-image: url('search.png');
}

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


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

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

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

div#footer{
	font-size: 10pt;
	text-align:center;
	height:23px;
	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: 20%;
	float:left;	
	padding: 0px;
}


div#middle_col{
	padding:0px;
	float:left;
	width:60%;
}

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: 20pt;
	font-weight: normal;
	padding: 0px 0px 7px 0px;
	float:left;
	width: 60%;
}

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

div.middle .blog_date{
	float:right;
	padding-top:10px;
	width: 39%;
	text-align: right;
}

.blog_date h3{
	font-weight: normal;
	color: #CC0000;
	font-size: 16pt;
}

.blog_date h4{
	font-weight: normal;
	font-size: 10pt;
	text-align: right;
	padding-top:5px;
	margin-bottom: -10px;
}

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

div.middle div#noidenttable p, p.noindent{
    text-indent:0px!important;
}



div.middle div#noidenttable{
    padding:10px 10px 0px 10px;
    border: solid #EEE 2px;
    margin-bottom: 10px;
}

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

div.middle p a:hover{
	border-bottom: none;
}
p.updated{
    border: solid 7px #EEE;
    background-color: #EEE;
    text-indent: 0px!important;
    padding: 0px!important;
}

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

div#right_col{
	width: 20%;
	float:right;
	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: 13pt;
	font-weight: normal;
	color: white;
	letter-spacing: 2px;
}

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

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


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

div.links{
	border-top: solid 1px #A9A9A9;
	font-size:9pt;
	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: 20px;
	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 ol{
    margin-top: -10px;
}

.contents ul.cv_list{
    line-height: 22px;
    	text-align: justify;
        
}

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

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

div.middle ol.lengthy{
    margin-left: 60px;
	font-family: Georgia, Bitstream Charter;
	padding: 0px;
    margin-top: 0px;
	text-align: justify;
	line-height: 22px;
}

.contents h3{
	font-size: 14pt;
	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{
	margin-top: 0px;
	margin-bottom: -10px;
}

img.iconbottom{
	margin-top: -10px;
	margin-bottom: -10px;
}

img.photo{
    width: 60%;
    margin-left: -30px;
    padding: 10px;
    border: solid black 2px;
    background-color: white;
}

div.photos a{
    border-bottom: none!important;
}

div.photos a:hover img{
    border: solid #EEE 2px;
}

a.nohover:hover{
    background-color:black!important;
}

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

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

img.alignleft{
    margin-right:15px;
}

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

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

.prespan{
    background-color: #EEE;
    padding: 2px;
}

.command{
    background-color: black;
    color: white;
    border: solid 3px black;
}

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

.details_form{
	width: 40%;
}

.details_form:focus{
    border: 1px solid black;
    background-color: #F5F5DC;
}

p.blockquote{
    text-indent: 0px;
    margin: 0px 20px 20px 20px;
    border: solid black 1px;
    background-color: #FAFAFA;
    padding: 7px!important;
}

#checkbox{
    width: 20px!important;
}

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;
}

table.blog{
    font-family: Georgia, Bitstream Charter;
    margin: 5px 0px 20px 0px;
}

table.blog td{
    padding:5px;
}

table.firefox{
    border-collapse: collapse;
}

table.firefox th{
    background-color: #EEE;
}

table.firefox td , th{
    border: solid 1px black;
    padding: 7px;
    line-height: 22px;
}

#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.small{
    font-size: 80%;
}

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: 80px;
	float: left;
	text-align: right;
	margin-right: 15px;
	display: block;
}

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

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

span.showhide{
	font-size: 10pt;
}

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

div.polaroid{
	border: solid 1px black;
	float:left;
	width: 305px;
	height: 317px;
	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;
}