/*

	indexhibit
	                               
   ?88   d8P  d8P d8888b  d8888b 
   d88  d8P' d8P'd8P' ?88d8P' ?88
   ?8b ,88b ,88' 88b  d8888b  d88
   `?888P'888P'  `?8888P'`?8888P'
	
	alanwoo.ca - style.css

	Alan Woo
	February 11, 2007
	
	Don't take, Just Asc-me! HA!

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

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: 'Times New Roman', Georgia, Serif;
	color: #454140;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a, a:link, a:active, a:visited {
	text-decoration: none;
	border: 0;
	color: #2adbb9;
}

a:hover {
	background-color: #ececec;
}

a img {
	border: none;
	background: none;
}

.greylink {
	color: #454140 !important;
}

#menu {
    width: 150px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
    text-align: right;
}

#menutop {
	margin-bottom: 25px;
}

#menuicon {
	margin-bottom: 15px;
}

#infoname {
	font-size: 1.2em;
	margin-bottom: 5px;
}

#infosub {
	margin-bottom: 10px;
	line-height: 140%;
}

#menu ul {
	list-style: none;
	line-height: 150%;
}

#menu ul li a {
	color: #454140;
	line-height: 140%;
	display: block;
	margin: 3px 0;
	margin-left: 3px;
}

#menu ul li a:hover {
	background: none;
	text-decoration: underline;
	font-style: italic;
}

#menu ul li.section-title {
	text-transform: uppercase;
	padding: 3px 0;
	border-bottom: 1px solid #2adbb9;
	cursor: pointer;
}

#menu ul li.section-title:hover {
	background: #caffef;
}

.active {
	text-decoration: underline;
	font-style: italic;
	color: #0a0a0a;
}

.active a:hover {
	background: none;
	cursor: default
}

.activeheader {
	background: #caffef;
}

#menu .container {
	margin-left: 10px;
}

#credit {
	margin-top: 9px;
	font-style: italic;
	line-height: 150%;
}

#content {
    height: 100%;
    margin: 0 0 0 165px;
    top: 0;
}

.container {
    padding: 10px 5px 25px 5px;
}

#content p {
	width: 500px;
	margin-bottom: 9px;
	line-height: 140%;	
}

p {
    margin: 0 0 9px 0;
}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

h1, h2, h3, .section-title {
	color: #292929;
	font-style: italic;
	padding-bottom: 0;
	margin-bottom: 0;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

.note {
	border: 1px solid #ccc;
	padding: 7px 0;
	width: 250px;
	font-style: italic;
	background: url('/img/triangle.png') no-repeat left center;
	padding-left: 30px;
	margin-bottom: 5px;
}

.lefty, .friends {
	float: left;
	margin-right: 40px;
	margin-top: 35px;
	line-height: 140%;
}

.friends p {
	max-width: 150px;
}

.heading {
	text-transform: uppercase;
	padding: 3px 0;
	border-bottom: 1px solid #2adbb9;
	font-style: italic;
	margin-bottom: 10px;
}

.lefty {
	width: 264px;
}

.slideshow-caption {
	font-size: 0.9em;
	line-height: 140%;
}

#name {
	border-top: 1px solid #ccc;
	padding: 5px 0;
}

.alert, .new {
	color: #c51f0a;	
}

.new {
	text-transform: uppercase;
	font-size: 0.8em;
}

.quote {
	background: #f6e0ee;
	
	padding: 17px;
	font-style: italic;
	width: 450px;
	margin: 15px 0;
	line-height: 150%;
}

.quote div {
background: transparent url(quote-right.gif) right bottom no-repeat;
 padding-right: 40px;
 padding-bottom: 10px;
}