/*
Theme Name: Jay Purcell - Viewa
Theme URI: http://jaypurcell.funkbuddha.com
Description: Jay Purcell Director Showcase Minisite
Version: 01.17.2011
Author: Jay
Author URI: http://www.jaypurcell.net
*/

/*------------- GLOBAL -------------*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
	font-size: 10px;
        background-color: #000000;
}

ol,ul,li {
	list-style: none;
}

p {margin: 2.0em 0;}

a:link { color:#999999; text-decoration: none; }
a:visited { color:#999999; text-decoration: none; }
a:hover { color:#999999; text-decoration: underline; }
a:active { color:#999999; text-decoration: none; }

div#globalwrapper {
        position:relative;
        float: center;
        top: 0px;
        width: 689px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
        text-align: center;
	border:none;
}



/*------------- HEADER -------------*/

div#logo {
	position:relative;
	top: 0px;
	width: 689px;
	height: 150px;
}



/*------------- NAVIGATION -------------*/

div#navholder {
        position: relative;
        width: 689px;
        height: auto;
        text-align: left;
}

div#filmnav {
        position:absolute;
        width: 172px;
        height: auto;
        text-align: left;
        color: #999999;
        line-height: 15px;
        left: 120px;
}

div#filmnav-new {
        position:absolute;
        width: 172px;
        height: auto;
        text-align: left;
        color: #999999;
        line-height: 15px;
        left: 250px;
}

.filmnavtitle {
        font-weight: bold;
        font-size: 12px;
}

div#contactnav {
        position: absolute;
        left: 0px;
        width: 100px;
        height: auto;
        color: #999999;
        line-height: 15px;
        text-align: left;
}

div#newsnav {
		position: absolute;
		left: 100px;
		width: 172px;
		height: auto;
		color: #999999;
		line-height: 15px;
		text-align: left;
}


/*------------- VIDEO -------------*/

div#videoplayer {
	position: relative;
	width: 689px;
	height: 390px;
}

div#spacer {
        position: relative;
        width: 689px;
        height: 50px;
}

div#videodesc {
        position:absolute;
        width: 339px;
        /* width: 319px; */
        height: auto;
        left: 350px;
        color: #FFFFFF;
        line-height: 15px;
        /* border-left: 1px dotted #333333; */
        /* padding-left: 20px; */
}

div#videodesc-new {
        position:absolute;
        width: 269px;
        height: auto;
        left: 420px;
        color: #FFFFFF;
        line-height: 15px;
}

.videodesctitle {
        font-size: 12px;
        font-weight: bold;
}

/*------------- WEB WRAPPER -------------*/

div#web_globalwrapper {
        position:relative;
        float: center;
        top: 0px;
        width: 900px;
		margin-left: auto;
		margin-right: auto;
		margin-top: auto;
        text-align: center;
		border:none;
}


/*------------- WEB HEADER -------------*/

div#web_logo {
	position:relative;
	top: 0px;
	width: 900px;
	height: 100px;
}


/*------------- WEB SIDEBAR -------------*/

div#web_sidebarholder {
        position: relative;
        width: 900px;
        height: auto;
}

div#web_sidebar {
        position:absolute;
        width: 150px;
        height: auto;
        text-align: left;
        line-height: 15px;
        left: 0px;
}


/*------------- WEB PORTFOLIO -------------*/

div#web_portfolio {
        position:absolute;
        width: 500px;
        height: auto;
        text-align: left;
        line-height: 15px;
        left: 240px;
}


/*------------- BLOG -------------*/

div#blog_content {
        position:absolute;
        width: 377px;
        height: auto;
        text-align: left;
        color: #FFFFFF;
        line-height: 15px;
        left: 292px;
        top: 150px;
        border-left: 1px dotted #333333;
        padding-left: 20px;
}

div#blogsidebar {
        position: absolute;
        width: auto;
        text-align: left;
        line-height: 15px;
}

.blog_titles {
        font-size: 20px;
        font-weight: bold;
}

.blog_contenttext {
	font-size: 12px;
	line-height: 20px;
}