/*
Theme Name: Steve Petersen
Theme URI: http://www.stevep.tv
Description: Steve's Director Showcase Website
Version: 2.0
Author: Peter Ng
Author URI: http://www.petergng.com/
*/
* {
	margin:0;
	padding:0;
}

body {
	background:#000;
	color:#fff;
	font:62.5%/1.2em arial,sans-serif;
	text-align:center;
	font-family:arial, sans-serif;
}

#main-wrapper {
	background:#000;
	display:block;
	margin:0 auto;
	padding:20px 0;
	width:940px;
	text-align:left;
}

#main-head {
	display:block;
	padding:0;
	position:relative;
	width:940px;
	right:2px;
	height:92px;
}



/* ----------------------------------- basics */
h1,h2,h3,h4 {
	font-weight:normal;
}

h1 {
	font-size:18pt;
	line-height:1.5em;
}

h2 {
	font-size:14px;
	line-height:1.8em;
	font-weight:bold;
	text-transform:uppercase;
}

h3 {
	font-size:1.3em;
	line-height:1.4em;
}

h4 {
	font-size:10pt;
}

h5 {
	font-size:5px;
	color:#000000;
}

a {
	color:yellow;
	text-decoration:none;
}

a:hover {
	color:#ff8a00;
}

a img {
	border:none;
}

ul,ol {
	list-style:none;
}



/* ----------------------------------- masthead */
#logo {
	float:left;
	display:block;
}

#logo span.icon {
	background-image:url(images/stevepetersen.png);
	height:92px;
	width:405px;
	float:left;
}

#main-nav {
	display:block;
	width:300px;
	height:40px;
	bottom:0;
	right:0;
	position:absolute;
}

#main-nav ul li {
	float:left;
}

#main-nav li#nav_work a {
	display:block;
	width:100px;
	height:40px;
	background:transparent url(images/work.png) no-repeat;
}

#main-nav li#nav_work a:hover {
	background-position:-100px 0;
}

#main-nav li#nav_work.current a {
	background-position:-200px 0;
}

#main-nav li#nav_about a {
	display:block;
	width:100px;
	height:40px;
	background:transparent url(images/about.png) no-repeat;
}

#main-nav li#nav_about a:hover {
	background-position:-100px 0;
}

#main-nav li#nav_about.current a {
	background-position:-200px 0;
}

#main-nav li#nav_archive a {
	display:block;
	width:100px;
	height:40px;
	background-image:url(images/archive.png);
}

#main-nav li#nav_archive a:hover {
	background-position:-100px 0;
}

#main-nav li#nav_archive.current a {
	background-position:-200px 0;
}



/* ----------------------------------- home and content posts */
.home {
}

.home .content {
	width:760px;
}

.home .content .contentpage {
	color:#FFFFFF;
	padding:0 20px;
}

.home .page {
	width:760px;
	height:428px;
	background-color:#0f0f0f;
}

.pagecontent {
	background:#0f0f0f;
	position:relative;
	padding:22px 15px 10px;
	line-height:1.3em;
}

.home .news {
	width:805px;
	height:335px;
	background-color:#0f0f0f;
}

.newscontent {
	background:#0f0f0f;
	position:relative;
	line-height:1.5em;
	padding:5px 8px 10px;
	height:320px;
	overflow:auto;
}

.meta {
	color:#fff;
	padding:2px 0 0;
	margin:0 0 10px;
	clear:both;
}

.home .main-post-bg {
	margin:0 0 7px;
	overflow:hidden;
	width:760px;
	height:428px;
	background:#0f0f0f;
}

.home .main-post-bg a {
	display:block;
	position:absolute;
	margin:0 0 7px;
	overflow:hidden;
	width:760px;
	height:428px;
	background:none;
}

.main-post-bg a:hover {
	background:url(images/main-post-bg.png) no-repeat;
}

.home .main-post-bg .title-insert,.home .recent-leads .title-insert {
	background:#000;
	top:0;
	display:block;
	left:0;
	position:absolute;
	width:100%;
	padding:4px 0;


/* opacity - move to sep. stylesheet */
	filter:alpha(opacity=75);
	-moz-opacity:.70;
	opacity:.70;
}

.title-insert h2 {
	margin:5px 10px;
	line-height:1.1em;
	text-align:right;
}

.title-insert h2 a {
	display:block;
	color:#ffffff;
	text-decoration:none;
}

.title-insert h2 a:hover {
	color:#888888;
}

.home .recent-leads {
	width:805px;
}

.home .recent-leads .secondary-post-bg {
	background:#444;
	display:block;
	width:293px;
	overflow:hidden;
	height:150px;
	margin:0 7px 7px 0;
	position:relative;
}

.home .recent-leads .title-insert h3 {
	margin:4px 7px;
	line-height:1em;
}

.home .recent-leads .title-insert h3 a {
	font-size:14px;
	display:block;
	color:#f79b42;
	text-decoration:none;
}

.home .recent-leads .title-insert h3 a:hover {
	color:#fff;
}

.home .left {
	width:180px;
	height:428px;
	text-align:left;
	background:url(images/sidebar_bg.jpg) no-repeat;
}



/* ----------------------------------- entry style */
.post.single {
	width:760px;
	font-size:10pt;
	line-height:1.5em;
	color:#fff;
}

.post.single h2,.post.single h2 a {
	font-size:11px;
	line-height:1.1em;
	color:#fff;
	text-decoration:none;
}

.post.single .entry {
	padding:10px 0 20px;
}

#behindscenes {
	background:#444 url(images/bs.jpg) repeat-x left top;
	height:20px;
	clear:both;
	width:760px;
}

#behindscenes:hover {
	background:url(images/bs_hover.jpg) repeat-x left top;
}

#bstext {
	float:right;
	height:20px;
	width:750px;
}

#morebox-slidetoggle {
	color:#b5b4b4;
	text-decoration:none;
	text-align:right;
	font-size:11pt;
	padding:0 5px 0 0;
	width:750px;
	display:block;
}

#morebox {
	padding:10px 0;
}

.post.single p {
	padding-bottom:10px;
}

.post.single p a,.post.single li a {
	font-weight:bold;
}

.post.single p strong {
	font-weight:normal;
}

.post.single p em {
	font-style:normal;
	background:#f9f9de;
}

.post.single blockquote {
	margin:0 1.5em;
}

.post.single h3 {
	font-size:16px;
	color:#888888;
	margin-top:2em;
}

.post.single ul,.post.single ol {
}

.post.single ul li,.post.single ol li {
	line-height:1.3em;
}

.post.single ul li {
}

.post.single ul li strong {
	font-weight:normal;
}

.post.single img.floatleft {
	float:left;
	margin:4px 10px 0 0;
}

.post.single img.floatright {
	float:right;
	margin:4px 0 0 10px;
}

.post.single code {
	font-size:12px;
	background:#eee;
}

.post.single code strong {
	color:#fff;
}

.navigation {
	font-size:1.2em;
	padding:10px 0;
}

.navigation .left {
	width:50%;
}

.navigation .right {
	width:49%;
}

.archives-page h2 a {
	font-size:14px!important;
	line-height:16px;
}



/* -----------------------------------side nav lists */
ul.sidebar-ul {
	font-size:8pt;
	font-weight:normal;
	line-height:1em;
	margin:4px 0;
	width:180px;
	height:428px;
	text-transform:uppercase;
}

.sidebar-ul li {
	color:#777;
}

.sidebar-ul li a {
	height:10px;
	display:block;
	color:#6b6b6b;
	text-decoration:none;
	padding:3px 5px 2px;
	margin:0 6px 2px;
	border-bottom:0 solid #222;
	background-color:#191919;
}

.sidebar-ul li a:hover {
	background-color:#37004d;
	color:#fff;
}

.sidebar-ul li.current a {
	color:#fff;
	background-color:#600087;
}

.serve-random {
	font-size:12px;
	color:#888;
	margin-top:7px;
}

.serve-random a {
	color:#f47a0e;
}

.serve-random a:hover {
	text-decoration:none;
}



/* ----------------------------------- categories */
#categories {
	border:1px solid #bbb;
	border-width:1px 0;
	padding:14px 0;
	margin:35px 0 21px;
}

#categories ul {
	color:#999;
	font-size:1.2em;
	line-height:1.6em;
}

#categories li {
	float:left;
	text-align:right;
	display:block;
	width:150px;
	margin-right:10px;
}

#categories li a {
	color:#f47a0e;
	font-weight:bold;
	float:left;
	text-decoration:none;
}

#categories li a:hover {
	text-decoration:none;
}



/* ----------------------------------- search */
.search {
	background:#f47a0e no-repeat top left;
	display:block;
	width:100px;
	height:32px;
}

.search #searchForm {
	margin:0 0 0 7px;
}

#searchForm input {
	vertical-align:middle;
	margin:6px 0 0;
}

.search #searchForm #s {
	color:#666;
	font-size:12px;
	border:1px solid #f47a0e;
	padding:1px;
	width:80px;
	margin-right:4px;
}



/* ----------------------------------- footer */
#footer {
	display:block;
	color:#555;
	line-height:1.3em;
	padding:7px 0 0;
	position:relative;
	width:940px;
	float:right;
}

#footer .left {
	width:940px;
}

#footer a {
	display:block;
}

.post-storyboard {
	width:760px;
	font-size:10pt;
	display:block;
	text-decoration:none;
	padding:0;
	clear:both;
	padding-bottom:10px;
}

.post-storyboard ul li.entrytitle {
	text-decoration:none;
	text-align:left;
	float:left;
}

.post-storyboard ul li.playspot {
	text-decoration:none;
	text-align:right;
	float:right;
}

.post-storyboard a {
	font-size:1em;
	color:#6b6b6b;
	display:block;
	text-decoration:none;
}

.post-storyboard a:hover {
	color:#ffffff;
	font-weight:bold;
}

.post-storyboard ul li.playspot a {
	display:block;
	width:60px;
	height:35px;
	background:transparent url(images/play.png) no-repeat;
}

.post-storyboard ul li.playspot a:hover {
	background-position:-60px 0;
}

#email {
	font-size:11pt;
	padding-top:10px;
}

#email .right {
	padding:5px 23px;
}



/* ----------------------------------- floats */
.right {
	float:right;
}

.left {
	float:left;
}

.content {
	float:left;
}

.news {
	float:left;
}

.page {
	float:left;
}

.clear {
	clear:both;
}

.fix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.fix {
	display:inline-block;
}

* html .fix {
	height:1%;
}

.fix {
	display:block;
}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {
	font-family:HelveticaNeue-Light,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:200;
	color:#fff;
}

#sb-container {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:999;
	text-align:left;
	visibility:hidden;
	display:none;
}

#sb-overlay {
	position:relative;
	height:100%;
	width:100%;
}

#sb-wrapper {
	position:absolute;
	visibility:hidden;
	width:100px;
}

#sb-wrapper-inner {
	position:relative;
	border:1px solid #303030;
	overflow:hidden;
	height:100px;
}

#sb-body {
	position:relative;
	height:100%;
}

#sb-body-inner {
	position:absolute;
	height:100%;
	width:100%;
}

#sb-player.html {
	height:100%;
	overflow:auto;
}

#sb-body img {
	border:none;
}

#sb-loading {
	position:relative;
	height:100%;
}

#sb-loading-inner {
	position:absolute;
	font-size:14px;
	line-height:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	width:100%;
	text-align:center;
}

#sb-loading-inner span {
	background:url(images/loading.gif) no-repeat;
	padding-left:34px;
	display:inline-block;
}

#sb-body,#sb-loading {
	background-color:#060606;
}

#sb-title,#sb-info {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

#sb-title,#sb-title-inner {
	height:26px;
	line-height:26px;
}

#sb-title-inner {
	font-size:16px;
}

#sb-info,#sb-info-inner {
	height:20px;
	line-height:20px;
}

#sb-info-inner {
	font-size:12px;
}

#sb-nav {
	float:right;
	height:16px;
	padding:2px 0;
	width:45%;
}

#sb-nav a {
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
	background-repeat:no-repeat;
}

#sb-nav-close {
	background-image:url(images/close.png);
}

#sb-nav-next {
	background-image:url(images/next.png);
}

#sb-nav-previous {
	background-image:url(images/previous.png);
}

#sb-nav-play {
	background-image:url(images/play.png);
}

#sb-nav-pause {
	background-image:url(images/pause.png);
}

#sb-counter {
	float:left;
	width:45%;
}

#sb-counter a {
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}

#sb-counter a.sb-counter-current {
	text-decoration:underline;
}

div.sb-message {
	font-size:12px;
	padding:10px;
	text-align:center;
}

div.sb-message a:link,div.sb-message a:visited {
	color:#fff;
	text-decoration:underline;
}