/* Designed and coded by Kimberley Chan - Don't pinch naughty */

/* reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:normal}

/* basic */ 
body {
	margin: 60px 0px 60px 0px;
	background-color:#FEFEFE;
	color:#777;
	font-family:Verdana, "Times New Roman", Times, serif;
	font-size:62.5%;
	font-weight:normal;
	line-height: 17px;
	}

a {color:#c13d3c; text-decoration:none;}
a:hover {color:#555; text-decoration:none;}

h1 {font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; color:#7d7d7d; margin-bottom:8px;}
h2 {font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; color:#999; margin-bottom:8px; width: 500px; line-height:1.6em;}

/* container */ 
#wrapper {width:800px; margin:0px auto; padding:0px;}

/* header */ 
#header {width:800px; height:15px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
	border-bottom: 1px solid #e9e9e9;
	text-align:right;
}

#name a {width:137px;height:15px;display:block; float:left;}

#nav {width:300px;height:15px;margin:0px 0px 0px 0px;float:left;}

/* hover links */
.portfolio a{background-image:url(images/PORTFOLIO.gif);width:72px; height:14px; margin: 0px 5px 0px 5px; display:block; float:left;}
.portfolio a:hover{background-position: top right;}
.portfolio-current{background-image:url(images/PORTFOLIO.gif);background-position: top right;width:72px; height:14px; margin: 0px 5px 0px 5px; display:block; float:left;}

.about a{background-image:url(images/ABOUT.gif);width:45px; height:14px; margin: 0px 5px 0px 5px; display:block; float:left;}
.about a:hover{background-position: top right;}
.about-current{background-image:url(images/ABOUT.gif);background-position: top right;width:45px; height:14px; margin: 0px 5px 0px 5px; display:block; float:left;}

.blog a{background-image:url(images/BLOG.gif);width:35px; height:14px; margin: 0px 5px 0px 5px; display:block; float:left;}
.blog a:hover{background-position: top right;}

.links a{background-image:url(images/LINKS.gif);width:39px; height:14px; margin: 0px 5px 0px 5px; display:block; float:left;}
.links a:hover{background-position: top right;}
.links-current{background-image:url(images/LINKS.gif);background-position: top right;width:39px; height:14px; margin: 0px 5px 0px 5px; display:block; float:left;}

#email {width: 355px; height:15px; margin:2px 0px 0px 0px; font-size:1em; float:left;}

/* Main body */ 
#mainindex {width:800px; margin:0px 0px 0px 0px; min-height:533px;}
#main {width:800px; min-height:400px; padding:10px 0px 0px 0px; font-size: 1em;}
#main p.elsewhere {width:155px; float:right;}
#main p.bio {width:500px; float:left;}

/* Links page styling */ 
table.linklist td {width:180px; vertical-align:top;}
table.linklist td.title {height:35px;}
table.linklist td.space {width:30px;}

.linklist a {color:#999999; font-family:Georgia, "Times New Roman", Times, serif;font-size:1.4em;line-height: 22px;}
.linklist a:hover {color:#c13d3c; text-decoration:none;}

/* portfolio */ 
.thumbnail_a, .thumbnail_b {width:186px; height: 172px; float:left; line-height: 31px;}
.thumbnail_b {margin: 0px 0px 0px 18px;}
.projecttitle {padding: 0px 0px 0px 8px;}

.cat img {border: solid 8px #F1F1F1;}
.cat:hover img {border: solid 8px #d8d6d6;}

/* project styling */ 
.description a {color:#c13d3c; text-decoration:none;}
.description a:hover {color:#9b042f; text-decoration:none;}

/* project landscape styling */ 
#description {width:800px;margin:0px 0px 30px 0px;}
#description p{width:500px;margin:0px 0px 0px 0px;}
#slider {margin:0px 0px 0px 0px;width:800px; height:533px;}
#buttons {text-align: right; width:800px; margin:20px 0px 20px 0px;}
#buttons a:link, #buttons a:visited {color:#FFF; background-color:#ddd; padding:4px 9px 5px; margin-left:8px;}
#buttons a:hover, #buttons a:active {color:#FFF;background-color:#333; padding:4px 9px 5px; margin-left:8px;}

/* portfolio portrait styling */ 
#description2 {width:350px;width:320px !important;margin:0px 0px 30px 30px;float:right;}
#slider2 {width:500px;}
#buttons2 {text-align: left; width:270px; margin:20px 0px 20px 0px;}
#buttons2 a:link, #buttons2 a:visited {color:#FFF; background-color:#ddd; padding:4px 9px 5px; margin-right:8px;}
#buttons2 a:hover, #buttons2 a:active {color:#FFF;background-color:#333; padding:4px 9px 5px; margin-right:8px;}

/* slide down */ 
#panel {display: none; width: 500px;}
.btn-slide {display: block;}

/* footer */ 
#footer{
	margin:20px 0px 0px 0px;
	padding:0px;
	width:800px;
	height:10px;
	border-top: 1px solid #e9e9e9;
	clear:both;
}

/* Corrects floating elements */ 
.clear { clear: both; }

/* Spacer */ 
.spacer { height:30px; clear:both;}