/* HEADER STUFF */
* {margin:0;padding:0}

body {
    color:#000;
    font: 13px Helvetica Neue, helvetica, arial, verdana, sans-serif; 
	background:#FFFFFF; 
    margin-bottom: 10px;
}

table {
	border: 1px solid #d8d8d8;
	background: #000000;
	color: #FFF;
	padding: 5px;
	margin: 5px;
}	

td {
	padding: 2px;
}

li li {
	list-style-type: circle;
}

p em {
	margin-left: 5px;
}

pre {
	background: #000;
	color: #FFF;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 3px solid #d8d8d8;
}

#body-wrap {	
	width: 800px;
	margin: 0 auto;
} 

#header {
	width: 800px;
	background: url("../graphics/header2010.png") no-repeat; 
	height: 60px;
	margin-top: 20px;
}

#contents {
	width: 800px;
	clear: both;
}

a {
	font-weight: bold;
}

#contents a:link {color: #00AEEF; border-bottom: 1px dotted #a3a3a3; text-decoration: none; }
#contents a:active {color: #0500D9; text-decoration: none; }
#contents a:visited {color: #00AEEF; border-bottom: 1px dotted #a3a3a3; text-decoration: none; }
#contents a:hover {color: #000; text-decoration: none; }

#kwick a:link {color: #00AEEF; text-decoration: none; }
#kwick a:active {color: #0500D9; text-decoration: none; }
#kwick a:visited {color: #00AEEF; text-decoration: none; }
#kwick a:hover {color: #000; text-decoration: none; }

#kwick_list .current a:link{color:#000}
#kwick_list .current a:visited{color:#000}



#kwick {
	position: relative;
	width: 800px;
	font-size: 19px;
	margin-bottom: 25px;
}

#kwick .kwicks {
	display: block;
	height: 40px;
}

ul {
	list-style: none;
}

.kwicks li {
	float: left;	
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 25px;
	width: 90px;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
}
#home, #coursework, #design, #translation, #portfolio, #resume, #experiments {
	border-right: 1px solid #333;
}
#kwick #coursework {
	width: 130px;
}
#kwick #web {
	width: 80px;
}
#kwick #translation {
	width: 130px;
}
#kwick #experiments {
	width: 135px;
}

#promo {
	width: 800px;
	height: 297px;
	margin: 30px 0 5px 0;
	background: url("../graphics/promo.png") no-repeat; 
}


/* TEXT STUFF */
.large {
	font-size: 16px;
	font-weight: bold;
}

.caption {
	clear: both;
	margin: 0 20px 0 15px;
}

hr {
	border: 0;
	border-bottom: 1px dotted #ccc;
	margin: 10px 0 10px 0;
	color: #fff;
}

h2 {
	margin-top: 25px;
	font-size: 18px;
}

h3 {
	margin-top: 15px;
	font-size: 24px;
}
/* RESUME, PORT */
.head {
	font-weight: bold;
	margin-top: 25px;
	font-size: 120%;
}
.sub_head, .toggler {
	margin: 10px 0 2px 0;
	height: 18px;
	padding: 5px;
	clear: both;	
}
.sub_head, .toggler {
	background:#f0f0f0;
}

.sub_head .f_left, .toggler .f_left {
	float: left;
	font-weight: bold;
	font-size: 14px;
}
.sub_head .f_right, .toggler .f_right {
	float: right;
	margin-top: 1px;
}
.tit {
	list-style: none;
	margin-bottom: 5px;
}
#contents ul {
	margin-top: 3px;
	list-style: disc outside;
}
#contents li {
	margin-left: 20px;
}

.to_top {
	text-align: right;
	margin: 10px;
	clear: both;
}

.element p {
	float: left;
	width: 460px;
	padding: 10px 0 5px 10px;
}
.element ul {
	float: left;
}

.element img {
	float: right;
	padding: 10px 0 10px 10px;
	border: none;
}

/* DESIGN BITS */
#business_card p {
	width: 250px;
	height: 150px;
}

.left_arrow {
	border-color: transparent transparent transparent #333333;
	border-style:solid;
	border-width:3px 0 3px 8px;
	height:0;
	float: left;
	margin:-25px 0 0 -30px;
	width:0;
}

/* EXPERIMENTS */
#experiment1 {
	float: left;
	width: 400px;
	margin-top: 20px;
	background:#6d0000 url("../graphics/mira.png") no-repeat; 
	height: 542px;
}
#red {
	float: left;
	width: 311px;
	margin-top: 20px;
	margin-left: 80px;
	background:#ff0000 url("../graphics/redstripe.png") no-repeat; 
	height: 550px;
}

#funky {
	background:#fff; 	
	width: 790px;
	height: 200px;
	margin: 25px 0 5px 5px;
}