/* Studio Karatorian Orange *
 * Copyright 2009 Levi Aho  *
 * All Rights Reserved      */

@import 'reset.css';

/* Fixed Width Faux Columns with One Pixel Shift and Float Clearing Fixes */

html, body { height: 100%; }

body {
	background: white;
	color: black;
	font-family: sans-serif;
/*	font-family: "Courier New", courier, monospace; */
	font-size: 16px;
	line-height: 18px;
}

div.wrap1 {
	width: 986px;
	min-height: 100%;
	margin: 0 auto;
	background: white url('bg.png') repeat-y;
/*	background: white url('grid.png') repeat-y; */
}

div.wrap2 {
	width: 960px;
	margin-left: 13px;
}

div.clear {	clear: both; }

/* Drop Shadowed Orange Blocks */

h2, div.nav a, hr {
	color: white;
	background: #FF9300 url('header.png') 0 100%;
	padding: 0 24px 18px;
	font-size: 24px;
	line-height: 36px;
}

/* Main Content Area */

div.content {
	float: left;
	width: 726px;
	margin-top: 18px;
}

hr { float: right; width: 726px; margin-bottom: 18px; background-color: white; }

/* Navigation Area */

div.nav {
	float: left;
	width: 234px;
	margin-top: 18px;
}

div.nav a {
	display: block;
	width: 132px;
	color: black;
}

div.nav a:link, div.nav a:visited { color: white }

div.nav a:link:hover, div.nav a:visited:hover {
	font-style: italic;
	text-decoration: none;
}

div.nav div a {	font-size: 16px; line-height: 18px; }

/* Headers */

h1 {
	color: #FF9360;
	background: white;
	height: 126px;
	text-align: center;
}

h2 {
	width: 468px;
	margin-bottom: -18px;
	padding-right: 234px;
}

.date {
	float: right;
	width: 210px;
	margin: -1.6875em 24px 0 0;
	font-style: italic;
	color: white;
	text-align: right;
}

/* Special Text Styling - Fix Me - Incomplete */

p, ul, ol, dl, h3, h4, h5, h5, pre { margin: 18px 24px; }

table { margin: 0 24px; }

table:first-child { margin-top: 18px; }

table:last-child { margin-bottom: 18px; }

td { padding-right: 18px; }

p { text-align: justify; }

a:link, a:visited { color: #FF9300; }

a:link:hover, a:visited:hover { text-decoration: underline; }

.note { color: gray; font-style: italic; }

ul, ol, dl { list-style: square url('bullet.png') inside; margin-left: 24px; }

dd { margin-left: 24px; }

li { list-style: inherit; }

i, em { font-style: italic; }

b, strong, th, h3, h4, h5, h6 { font-weight: bold; }

code { /* font-family: "Courier New", courier, monospace; */
	font-family: sans-serif; font-size: 12px; }

/* Image Styling */

div.content div.thumbs {
	float: right;
	width: 258px;
}

div.thumbs img {
	display: block;
	padding: 3px 1px;
	margin: 18px 24px;
	margin-top: 0px;
}

div.thumbs img.tall {
	padding: 4px 0;
}