/* ODOKA */

* { margin:0; padding:0; }
body {
	color:#fff;
	font-family:'Lucida Grande', Geneva, Helvetica, sans-serif;
	background:#332605 url(/img/wood_bg.jpg) top left no-repeat;
	font-size:12px;
	padding-bottom:80px; 
	}
img { border:0; }

a { text-decoration:none; color:#999; }
a:hover { color:#D9AD00; }

ul { list-style-type:none; list-style-image:url(/img/bullet.gif); padding:.2em 0 .5em 2em; }
li { margin:2px 0 0 0; padding:0; }

h2,h3,h4,h5 { margin:.2em 0 .2em 0; letter-spacing:-1px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; letter-spacing:0;}
h3,h4 { letter-spacing:0; }
p { margin:.5em 0 1em 0; line-height:1.4em; }
form { margin:0; padding:0; }
h1 span { visibility:hidden; }
h1 { position:absolute; top:0; left:0; width:201px; height:212px; background:none; }

h2#filmography { background:url(/img/h2_filmography.gif) top left no-repeat; width:207px; height:58px; }
h2#critter { background:url(/img/h2_critter.gif) top left no-repeat; width:207px; height:58px; }
h2#general_store { background:url(/img/h2_general_store.gif) top left no-repeat; width:237px; height:58px; }
h2#about { background:url(/img/h2_about.gif) top left no-repeat; width:207px; height:58px; }
h2#beaver_shots { background:url(/img/h2_beaver_shots.gif) top left no-repeat; width:207px; height:58px; }
h2#contact { background:url(/img/h2_contact.gif) top left no-repeat; width:207px; height:58px; }
h2#cross_pollination { background:url(/img/h2_cross_pollination.gif) top left no-repeat; width:290px; height:58px; }
h2#future { background:url(/img/h2_future.gif) top left no-repeat; width:290px; height:58px; }
h2#the_work { background:url(/img/h2_the_work.gif) top left no-repeat; width:290px; height:58px; }

h2 span { visibility:hidden; }

.pad { padding:6px 12px 50px 10px; } 
.spacer { clear:both; height:3px; }

/* Layout */

.currently-showing { background:#2A2007; padding:10px; }

ul.filmography { list-style:none; margin:0; padding:0; }
ul.filmography li { display:inline; font-size:10px; text-transform:uppercase; margin:0 0 0 5px; }

.filmography h3 { font-size:18px; color:#fff; }
.filmography .info,.filmography .description { font-size:14px; margin-left:10px;}
.filmography .description { font-size:12px; }
#wrapper { position:relative; margin-bottom:30px; width:100%;}
.no_quicktime { display:block; height:30px; }

#main { margin-left:250px; padding:10px 5% 50px 0; }
#main-left { position:absolute; top:0 left:0; width:230px; }
#main-right { margin:0 20px 30px 240px; }
#main-right.filmography { padding-top:70px; }
#main-right h3 { clear:left; }
p.moreThumbs { padding-top:90px;}
#main-large { }
.column { width:45%; float:left; margin-left:2%; }

#nav { 
	position:absolute;
	width:221px;
	top:185px;
	left:0;
	line-height:16px;
	}

#nav ul { margin:10px 20px 10px 0; padding:0; list-style:none; } 
#nav li { display:block; }
#nav li a {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	display:block;
	padding:2px 0 2px 0;
	width:190px; 
	}
#nav li a.activ,
#nav li a.activ:hover,
#nav li a:hover { color:#D9AD00; }
#nav li a.activ,
#nav li a.activ:hover { color:#fff; font-weight:bold; letter-spacing:-1px; }

input,textarea {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px;
	margin:2px 0;
	}
textarea { font-size:11px; }
hr { color:#999; background:#999; margin:10px 0; height:1px; border:0; }

.alert {
	margin:10px 0;
	padding:20px;
	color:#fff;
	background:#2A2007;
	font-size:14px;
	text-align:center;
	}
.alert a { }
.imageGroup {
	}
.imageThumb,.imageCat {
	width:112px;
	height:112px;
	float:left;
	text-align:center;
	}
a img.thumb {
	display:block;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:3px solid #fff;
	}
.imageWrapper { width:600px; }
img.imageLarge { border:15px solid #fff; margin:0 auto; display:block; }
a:hover img.thumb {
	border:3px solid #666;
	}
a:active img.thumb {
	}
.imageDesc { width:600px; }
h4.imageTitle { font-size:18px; color:#fff; }

/* Jumpbar */

#jumpBar {
	text-align:left;
	position:relative;
	width:600px;
	margin:10px 0;
	}
#jumpNav {
	position:absolute;
	bottom:0; right:0;
	margin:6px 10px 0 0;
	width:130px;
	}
#jumpNav p,#jumpNav select {
	margin:0 30px;
	text-align:center;
	}
.jumpPrev span,.jumpNext span {
	display:none;
	}
#jumpMini {
	margin-top:20px;
	position:relative;
	width:170px;
	text-align:center;
	}
.jumpPrev,.jumpNext {
	position:absolute;
	width:16px;
	top:0;
	}
.jumpPrev { left:0; }
.jumpNext { right:0; }
.jumpPrev a,.jumpNext a {
	display:block;
	height:15px;
	width:18px;
	background: url(/img/next.gif) 0 0 no-repeat;
	border:0;
	}
.jumpPrev a { background: url(/img/prev.gif) 0 0 no-repeat; }
.jumpNext a:hover,.jumpPrev a:hover { 
	background-position:0 -168px;
	}
#jumpBar h3,#jumpBar h2 {
	width:45%;
	margin:0;
	padding:0;
	}
.jumpBar p,.jumpBarBottom p {
	color:#888;
	font-size:12px;
	margin:0 10px 3px 10px;
	float:left;
	}
.jumpBar p.index,.jumpBarBottom p.index {
	width:15%;
	}	
.event-item h5,.event-item p { margin-left:20px; }

/* Buttons */

a.postComment,a.backToTop,a.viewBlowup {
	display:block;
	float:left;
	width:151px;
	height:26px;
	background:url(/img/anti_postcomment.gif) top left no-repeat;
	border:none;
	overflow:hidden;
	margin-left: 2px;
	}
a.backToTop { width:75px; background:url(/img/backtotop.gif) top left no-repeat; }
a.viewBlowup { float:none; margin:0 auto; background:url(/img/viewBlowup.gif) top left no-repeat; }
a.postComment:hover,a.backToTop:hover,a.viewBlowup:hover { background-position:0 -52px; border:none; }
a.postComment span,a.backToTop span,a.viewBlowup span { visibility:hidden; }

img.nofloat { float:none; display:block; margin:4px 0; }
img.middle { display:block; margin:0 auto; }

.quicktime { clear:left; }
a.play-quicktime { display:block; font-size:16px; padding-left:20px; background:url(/img/play.gif) left center no-repeat; clear:left; margin:20px 0;}
a.play-quicktime:focus { -moz-outline: none -moz-mac-focusring; }