* { margin: 0; outline: 0; }
ul, ol { padding:  0; list-style: none; }
a, img { border: 0; }
div.clear { clear: both; line-height: 0; height: 0; font-size: 0; border: 0; padding: 0; margin: 0; }

@font-face {
	font-family: 'BulldogBoldBold';
	src: url('../fonts/BulldogBold.eot');
	src: local('BulldogBold Bold'), local('BulldogBold'), url('../fonts/BulldogBold.woff') format('woff'), url('../fonts/BulldogBold.otf') format('opentype');
}

body {
	font-family: Courier, 'Courier New', monospace;
	font-size: 12px; line-height: 16px;
	background: #fff; color: #000;
}


h1, h2, h3 {
	font-size: 12px; line-height: 16px;
	font-weight: normal;
}

h2, h3 { margin: 0 0 10px 0;  }



a { color: #000; text-decoration: none; border-bottom: 1px solid; }
a:hover { background: #fffc72; color: #000; border-bottom: 1px solid #fffc72;  }

p { margin: 0 0 16px 0; }
p:last-child { margin-bottom: 0 !important; }
img { display: block; }

h1 {
	position: absolute;
	top: 24px; left: 40px;
}

#content {
	position: absolute;
	left: 40px; top: 165px;
	width: 920px;
	padding-bottom: 165px;
}

#credit {
	position: absolute;
	left: 0; bottom: 20px;
}

#menu {
	position: absolute;
	top: 24px; left: 280px;
	width: 680px;
}

#menu a { text-decoration: none; border: 0; }
#menu a.active { border-bottom: 1px solid #000;  }
#menu a:hover { border-bottom: 1px solid #fffc72;  }



div.col {
	width: 200px;
	margin: 0 0 16px 40px;
	float: left;
}

div.two { width: 440px; }
div.three { width: 680px; }
div.four { width: 920px; }

div.indent { margin-left: 240px; }

div.thumb {
	display: block;
	width: 200px; 
	height: 200px; line-height: 200px;
	margin: 0 0 40px 40px;
	float: left;
	overflow: hidden;
	text-align: center;
}

div.thumb a,
div.thumb img {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	text-align: center;
	border: 0;
}

div.thumb a { display: none; }
div.thumb:hover img { display: none; }
div.thumb:hover a { display: inline-block; background: #fffc72; color: #000; }
div.thumb a span { display: inline-block; line-height: 16px; vertical-align: middle; margin: auto 0; font-weight: normal; padding: 0 3px; }

div.text_thumb span.title { display: inline-block; color: #000; text-align: center; vertical-align: middle; font-weight: normal; line-height: 24px;  }
div.text_thumb span.caption { color: #000; background: #fffc72; padding: 8px 3px; }
div.text_thumb a { display: none; }

div.text_thumb:hover span.title { display: none; }
div.text_thumb:hover a { display: inline-block; background: none; }


/*
div.text_thumb a:hover { background: #fff; }
*/



span.caption, div.text h2 span.caption {
	font-family: Courier, 'Courier New', monospace;
	display: block;
	position: relative;
	margin-top: 0;
	line-height: 16px;
}



span.title, ul.texts h3, div.text h2 span.title {
	display: inline-block;
	font-family: BulldogBoldBold, 'American Typewriter', Helvetica, sans-serif;
	/*font-weight: bold !important;*/
	font-size: 24px;
	line-height: 24px;
}




div.first, a.first { margin-left: 0; }

ul.texts li { margin: 0 0 16px 0; }
ul.texts li a { display: block; border: 0; }
ul.texts li a:hover { background: none; }
ul.texts li span { display: inline-block;}
ul.texts li a:hover span { background: #fffc72; }
ul.texts li p { margin: 2px 0 0 0; }
ul.texts h3 { margin: 0; }


/* events */

div.events { margin-bottom: 40px; }
div.info { margin: 0; text-align: right; width: 200px; float: left; }
div.info h3 { margin-bottom: 4px; }
p.intro { margin: 0 0 8px 0; }


/*
p:last-child { margin-bottom: 0 !important; }
*/



div.text h2 { margin: 0; /* margin created by new col divs */ }



div.image img { margin-top: 4px; /* fit to cap height */ }
div.image p { margin-top: 4px; /* caption */ }


/* Editing */
div.editing { width: 680px; margin: 0 0 40px 0; overflow: auto; }
div.cover { float: left; width: 200px; margin: 2px 40px 0 0; text-align: right; }
div.cover img { float: right; }
p.subtitle { margin: -8px 0 8px 0; }
p.more { margin-top: -8px; }

/* blocks and image positions */

div.block { margin-bottom: 16px; }

div.b_image { margin: 0 0 16px 0; }
div.b_image img { margin-top: 4px; } /* cap height */

div.b_image:last-child { margin-bottom: 0; }

div.left-outside:last-child { margin-bottom: 16px !important; }
div.left-outside:last-child p.caption { width: 680px; }

div.left-inside { display: block; }
div.left-outside { display: block; width: 680px; margin-left: -240px; }
div.left-along { float: left; width: 200px; margin-left: -240px; }
div.right-along { float: right; width: 200px; margin-right: -240px; }

div.left-outside p.caption,
div.left-along p.caption, 
div.right-along p.caption { position: absolute; margin: 3px 0 4px 0; width: 200px; }

div.left-outside p.caption {
	margin-top: 3px; /* same as text */
}

div.left-inside p.caption { margin: 4px 0 8px 0; }

p.caption:last-child { margin-bottom: 0 !important; }


a.self:hover { background: none !important; border-bottom: 1px solid black; }