﻿* { 
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, h7, p, li, td, th, label, input, textarea, select, blockquote, dt, dd { 
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
}

h1 { font-size: 32px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }

p, li, td, label, input, select, blockquote, dt, dd, textarea {
	font-size: 12px;
}

p {
	margin: 0 0 1em;
}

blockquote {
	margin: 0 2ex 1em;
}

img.block { display: block; }

ol, ul { padding: 0; margin: 0 0 1em; }

li {
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(../img/dot.gif) 7px 7px no-repeat transparent;
}

p.note {
	color: #666;
	font-size: 10px;
	font-style: italic;
}

code {
	white-space: pre;
	background-color: #FAFAFA;
}

table.code td {
	vertical-align: top;
	width: 50%;
}

img.toright {
	margin: 0 0 10px 10px;
	float: right;
	border: 1px solid black;
}

img.toleft {
	margin: 10px 10px 0 0;
	float: left;
	border: 1px solid black;
}

table { width: 100%; margin-bottom: 10px; }
thead th { background-color: #666; color: #EEE; padding: 2px; font-size: 0.8em; font-weight: bold; }
tbody td { background-color: #FAFAFA; }
tbody tr.alt td { background-color: #F1F1F1; }
tbody td.na, tbody td.done { color: #AAA; }

body {
	background: url(../img/bg.jpg) top left repeat-x #131821;
}

div#wrap {
	width: 714px;
}

.redacted { text-decoration: line-through; }


/* Header */
div#header { height: 140px; padding: 1px 0; }
body#horse div#header { background: url(../img/h/horse.jpg) top center no-repeat transparent; }
div#header ul {
	width: 714px;
	margin: 120px auto 0;
}

div#header li {
	display: inline;
	margin: 0 5px;
	background: none;
}

div#header a:link,div#header a:visited,div#header a:active {
	color: #000;
	text-decoration: none;
}

div#header a:hover {
	font-weight: bold;
	text-decoration: underline;
}
/* /Header */



/* Content */
img.top { display: block; }

div#content, div#portfolio {
	width: 714px;
	margin: 0 auto;
	background: url(../img/r.gif) top left repeat-y #FFF;
	min-height: 300px;
	padding: 0 0 1px 0;
}

div#portfolio {
	background: url(../img/pr.gif) top left repeat-y #FFF;
}

/* best hack ever */
div#content:after, div#portfolio:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.pad { margin: 0 10px 0; }

/* Hides from IE-mac \*/
* html div#content {height: 1%;}
* html div#portfolio {height: 1%;}
/* End hide from IE-mac */
/* /Content */


/* Sidebar */
div#sidebar {
	width: 174px;
	margin: 0 0 0 10px;
	
	float: left;
}

div#sidebar li,div#sidebar p { font-size: 10px; color: #464646; }
div#sidebar h2 { font-size: 18px; color: #464646; padding: 5px 7px 0;}
div#sidebar a:link,div#sidebar a:visited,div#sidebar a:active { color: #464646; }
div#sidebar a:hover { color: #000; }

div#sidebar ul {
	padding: 0 10px 0 0;
}

div#sidebar p { padding: 0 7px 1em; }

div#sidebar li {
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(../img/dot.gif) 7px 5px no-repeat transparent;
}

div#sidebar div.update img {
	margin-left: 10px;
	border-bottom: 2px solid #314539;
}
div#sidebar div.update p {
	padding-left: 10px;
}
/* /Sidebar */



/* Main */
div#main {
	width: 503px;
	margin: 0 0 0 197px;
}

div#main h1 {
	letter-spacing: -2px
}

p.update {
	text-align: right;
	color: #CCC;
	margin: -1.5em 0 0.5em;
}
/* /Main */

/* Portfolio */
div.portfolio { margin: 10px }
/* /Portfolio */


/* Video */
div.video {
	height: 260px;
	position: relative;
	margin: 0 0 11px 0;
}

div.video img, div.video object {
	display: block;
}

div.video div.desc {
	width: 152px;
	height: 240px;
	position: absolute;
	top: 0px;
	left: 332px;
	background-color: #d4dde2;
	padding: 10px;
}

div.bigvid p, div.video p { font-size: 10px; }

div.bigvid div.desc {
	background-color: #d4dde2;
	padding: 10px;
	margin-top: 10px;
}
/*/Video */




/* Footer */
div#footer {
	width: 714px;
	height: 64px;
	margin: 0 auto;
	
	background: url(../img/f.jpg) top left no-repeat #FFF;
}

div#footer p {
	font-size: 10px;
	text-align: right;
	padding: 15px 20px 0 0;
	color: #AEAEAE;
}
/* /Footer */




/* Comments */
p#viewcomments {
	background-color: #F0F0F0;
	text-align: center;
	margin-bottom: 0;
}

p.cmterror {
	padding: 5px;
	text-align: center;
	color: #F00;
	background-color: #F0F0F0;
	margin-bottom: 0;
}

p#viewcomments a {
	padding: 5px 0;
	display: block;
}

p#viewcomments a:link,
p#viewcomments a:visited,
p#viewcomments a:active {
	background-color: #F0F0F0;
	color: #AAA;
	text-decoration: none;
}

p#viewcomments a:hover {
	background-color: #AAA;
	color: #F0F0F0;
	text-decoration: none;
}

div.comment {
	background-color: #F0F0F0;
	margin: 0 0 13px;
}

div.comment p {
	padding: 5px;
}

p.nocomments {
	text-align: center;
	font-style: italic;
	padding: 5px;
	background-color: #F0F0F0;
}

div.comment h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	background-color: #E0E0E0;
	border-bottom: 2px solid #CCC;
}

div.new h3 {
	padding: 5px 5px 5px 25px;
	background: url(../img/new.gif) 5px 5px no-repeat #E0E0E0;
}

div.bob h3 {
	color: #930707;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	background: url(../img/fisty.gif) 5px 5px no-repeat #E0E0E0;
}

div.form {
	background-color: #F0F0F0;
	padding: 5px;
}

div.form div {
	position: relative;
	padding: 1px 0;
}

div.form label {
	position: absolute;
	top: 0;
	left: 0;
}

div.form input, div.form textarea {
	border: 1px solid black;
	display: block;
	margin: 0 0 0 7em;
	width: 50ex;
}

div.form input.error, div.form textarea.error {
	border: 1px solid red;
}

div.form div.submit input {
	width: 25ex;
}
div.form p.fake {
	border: 1px solid black;
	display: block;
	margin: 0 0 0 7em;
	width: 25ex;
	color: #999;
	background-color: #CCC;
	text-align: center;
}

p.errnote {
	margin: 0 0 0 7em;
	color: red;
}

p.infonote {
	margin: 0 0 0 7em;
	color: blue;
}

p.loading {
	margin: 0;
	border: 1px solid #CCC;
	padding: 15px 5px 15px 45px;
	background: url(../img/loading.gif) 5px 5px no-repeat #FFF;
	font-style: italic;
	color: #CCC;
}
/* /Comments */



/* Video List */
ul.videolist li {
	display: block;
	background: #F0F0F0;
	position: relative;
	height: 75px;
	margin-bottom: 12px;
	padding: 12px 0;
}

ul.videolist img {
	position: absolute;
	left: 12px;
	top: 12px;
	border: 1px solid black;
}

ul.videolist h3, ul.videolist p {
	margin-left: 124px;
}

ul.videolist h3 {
	font-weight: bold;
	font-size: 16px;
}

ul.videolist a:link,
ul.videolist a:visited,
ul.videolist a:active {
	color: #000;
	text-decoration: none;
}

ul.videolist a:hover {
	color: #F00;
	text-decoration: none;
}
/* /Video List */

