/*
Theme Name: Four+One Default
Theme URI: http://www.fourplusoneproductions.com/
Description: The default Four+One theme.
Version: 1.0
Author: Justin Barkhuff
Author URI: http://www.justinbarkhuff.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

@import "videojs/video-js.css";

* { margin:0; padding:0; }

body { background:#000; margin:0; padding:100px 0; }

body,
input,
textarea,
select,
option { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; }

option { padding-right:15px; }

h2 { margin:0 0 10px 0; padding:0; font-size:30px; font-weight:bold; }
h3 { margin:0 0 15px 0; padding:0; font-size:18px; font-weight:normal; }
h4 { margin:0 0 20px 0; padding:0; font-size:12px; font-weight:bold; }

h5,
p { margin:0 0 20px 0; padding:0; line-height:20px; }

ul, ol { margin:0 0 10px 10px; padding:0 0 0 1em; }

body.page p { margin:20px 0 0 0; }

a { color:#666; text-decoration:none; border-bottom:1px solid #EEE; }
a:hover { border-bottom-color:#CCC; }

img { border:0; }
img, div, a { behavior: url(/wordpress/wp-content/themes/fourplusone/images/iepngfix.htc) }

hr { margin:0 0 20px 0; padding:0; color:#CCC; background:#CCC; height:1px; width:100%; border:none; }

button.paypal { border:none; width:162px; height:25px; background:#7F7F7F url("images/submitPaypal.gif") center center no-repeat; text-indent:-2000px; overflow:hidden; cursor:pointer; }

#pageBody form { margin:15px 0 0 0; padding:0; }
#pageBody form p { display:inline; }
#pageBody hr { margin:20px 0 0 0; }

#wrapper { position:relative; margin:0 auto; padding:0; width:750px; height:440px; background:#FFF; }

#header { position:absolute; top:20px; left:20px; margin:0; padding:0; }
#header h1 { margin:0; padding:0; }
#header h1 a { display:block; margin:0; padding:0; width:43px; height:43px; background:url("images/logo-mini.gif") no-repeat; text-decoration:none; text-indent:-2000px; overflow:hidden; border:none; }

#nav { position:absolute; top:18px; right:20px; margin:0; padding:0; width:650px; height:43px; border-bottom:1px solid #999; z-index:10; }
#nav ul { position:absolute; bottom:5px; right:0; margin:0; padding:0; list-style:none; text-align:right; }
#nav li { margin:0; padding:0; display:inline; }
#nav li a { margin:0 0 0 20px; padding:0 4px; text-decoration:none; color:#000; font-weight:bold; border:none; height:24px; line-height:24px; }

#content { position:absolute; bottom:60px; left:20px; margin:0; padding:0; }
#content li { line-height:20px; }

#pageHeader { position:absolute; bottom:0; left:0; width:200px; text-align:right; z-index:300; }
#pageHeader h2 { margin:0; }
#pageHeader .subtitle { margin:10px 0 0 43px; color:#666; }
#pageHeader .subtitle h4 { margin:0; padding:0; font-size:24px; color:#000; }
#pageBody { position:absolute; bottom:0; left:240px; margin:0; padding:0; width:470px; z-index:200; }
#pageChildren { margin:10px 0 0 0; padding:0; list-style:none; }
#pageChildren li { margin:0; padding:0; }
#pageSiblings { position:absolute; bottom:0; left:0; width:710px; height:330px; z-index:100; }
#pageSiblings ul { margin:20px 0 0 0; padding:0; list-style:none; text-align:right; }
#pageSiblings li { margin:0; padding:0; display:inline; }
#pageSiblings li a { margin:0 0 0 20px; padding:0; text-decoration:none; border:none; }
#pageSiblings li.current_page_item a { font-weight:bold; }

#main { float:left; width:455px; margin:0; padding:0; clear:both; }

#sidebar { margin:0 0 0 495px; padding:0; }
#sidebar ul { margin:0 0 10px 0; padding:0; list-style:none; }
#sidebar ul li { margin:0 0 20px 0; padding:0; }
#sidebar ul li li { margin:0; padding:0; }
#sidebar h4 { font-size:11px; margin:0 0 5px 0; padding:0; border-bottom:1px solid #CCC; color:#999; text-transform:uppercase; font-weight:bold; }
#sidebar p { margin:0; padding:0; }

#comment { width:400px; height:150px; }

body.splash #header,
body.splash #nav { display:none; }
body.splash #content { position:relative; top:0; left:0; margin:0; padding:0; background:#000; }
body.splash #splash { background:#FFF; }
body.splash #splash p { text-align:center; line-height:440px; }

div.skipIntro { text-align:center; margin:0 auto; padding:20px; }
div.skipIntro a { color:#FFF; border:none; }

body.home #header { display:none; }
body.home #pageHeader { height:215px; background:url("images/logo.gif") bottom right no-repeat; }
body.home #pageHeader * { display:none; }

body.home #nav li.home a,
body.reel #nav li.reel a,
body.page-3 #nav li.reel a,
body.workshops #nav li.workshops a,
body.page-6 #nav li.workshops a,
body.contact #nav li.contact a,
body.blog #nav li.blog a { border:1px solid #CCC; }

body.blog #wrapper { height:auto; }
body.blog #content { position:relative; margin:0; padding:103px 20px 20px 20px; bottom:auto; left:auto; }

p.postmetadata { padding:10px; background:#EEE; font-style:italic; }

ol.commentlist { margin:0 0 20px 0; padding:0; list-style:none; }
ol.commentlist li { margin:0; padding:10px; }
ol.commentlist li.odd { background:#EEE; }

.clear { margin:0; padding:0; display:block; height:1px; width:100%; clear:both; }

.jcarousel-container { position:absolute; bottom:0; left:0; background:#FFF; border:1px solid #000; width:444px; height:260px; margin:0; padding:0; }
.jcarousel-clip { z-index: 2; width:100%; height:100%; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; width:148px; text-align:center; margin:0; padding:100px 0 0 0; line-height:auto; }
.jcarousel-item a { border:none; }
.jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-next { z-index: 3; display: none; position: absolute; top:114px; right:-16px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-next:hover { background-position: -32px 0; }
.jcarousel-next:active { background-position: -64px 0; }

.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:active { cursor: default; background-position: -96px 0; }

.jcarousel-prev { z-index: 3; display: none; position: absolute; top: 114px; left:-16px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-prev:hover { background-position: -32px 0; }
.jcarousel-prev:active { background-position: -64px 0; }

.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:active { cursor: default; background-position: -96px 0; }

#tooltip { position:absolute; z-index:3000; }
#tooltip h3, #tooltip div { margin:0; }

.vjs-fullscreen-control { display:none; }