/*
	bluecoremedia.com Screen Styles
	
	Table of Contents:
		layout
		design
		typography
		links
		thumbnail numbers
*/




/* layout
----------------------------------------------- */

body {
	margin: 0 0 20px 0;
	padding: 0;
	font: 11pt Helvetica, Arial, sans-serif;
	color: #CCC;
	background-color: #000;
	}
	
div {
	position: relative;
	border-width: 0px;
	border-style: solid;
	border-color: #222;
	z-index: 100;
	}
	
#header {	
	margin: 40px auto;
	width: 700px;
	}

#body table {
	width: 720px;
	}
	
#footer {
	clear: both;
	width: 450px;
	padding-top: 2em;
	}

#footernav {
	padding-top: 1em;
	border-color: #333;
	border-width: 0px;
	clear: both;
	}

#moviepage {
	float: left;
	}
	
#moviepage li {
	display: inline;
	font-size: 9pt;
	line-height: 2.0em;
	}
	
#links {
	width: 470px;
	margin: 0 auto;
	}

#footer2 {
	clear: both;
	width: 700px;
	}

table,
td {
	border-width: 0px;
	padding: 0;
	border-color: #040;
	border-style: solid;
	margin: 0 auto 0 auto;
	}

td.textbody {
	padding: 0 0 2em 20px;
	text-align: left;
	}
	
td.portfoliobody {
	padding: 0 0 1em 10px;
	text-align: left;
	line-height: 1.4em;
	font-size: 10pt;
	}
	
td.bottompadding {
	padding-bottom: 2em;
	}
	
td.featuredlisting {
	padding-left: 5px;
	line-height: 1em;
	}

.portfolio_thumbs {
	float: left;
	width: 200px;
	margin-bottom: 20px;
	}



/* design
----------------------------------------------- */

.index {
	background-image: url(images/home_background.jpg);
	background-repeat: repeat-x;
	}

body.portfolio480 {
	background-image: url(images/home_background.jpg);
	background-repeat: repeat-x;
	}

body.portfolio360 {
	background-image: url(images/home_background.jpg);
	background-repeat: repeat-x;
	}
	
body.feature {
	background-color: #091818;
	background-image: url(images/fader.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}
	
.bride {
	position: absolute;
	top: 0;
	z-index: 1;
	}

.bridefloat {
	position: absolute;
	top: 160px;
	right: 2%;
	left: auto;
	float: right;
	z-index: 1;
	}

.bridefloat2 {
	position: absolute;
	top: 180px;
	right: 5%;
	left: auto;
	float: right;
	z-index: 1;
	}



/* typography
----------------------------------------------- */

.description {
	line-height: 1.2em;
	font-size: 11pt;
	}
	
.description2 {
	line-height: 1.2em;
	font-size: 11pt;
	}
	
.keywords {
	line-height: 1.4em;
	font-size: 8pt;
	color: #888;
	}

h1 {
	display: none;
	}
	
h2 {
	font-size: 14pt;
	}
	
h3 {
	font-size: 13pt;
	margin-bottom: 0.4em;
	}
	
h3.line {
	border-style: none none dotted none;
	border-width: 0 0 1px 0;
	border-color: #333;
	}
	
p {
	line-height: 1.3em;
	}
	
p.white {
	color: #FFFFFF;
	}

.quote {
	font-size: 10pt;
	line-height: 1.3em;
	color: #999;
	width: 450px;
	padding-top: 1em;
	text-align: center;
	}

.quote2 {
	font-size: 10pt;
	line-height: 1.3em;
	color: #999;
	text-align: left;
	padding: 0;
	}

.quoteclient {
	color: #677;
	font-style: italic;
	}

p.footer {
	font-size: 8pt;
	line-height: 1.5em;
	color: #666;
	text-align: center;
	}

.blurb {
	width: 600px;
	text-align: left;
	text-indent: 0em;
	}

.nowrap {
	white-space: nowrap;
	}

.doublespace {
	line-height: 2.2em;
	}

.clear {
	clear: both;
	}

li {
	display: block;
	line-height: 1.5em;
	text-align: left;
	list-style-type: none;
	list-style-position: default;
	}
	
.filesize {
	font-size: 8pt;
	color: #666;
	padding-left: 2px;
	}



/* LINKS
----------------------------------------------- */

A {
	padding: 1px 2px 1px 2px;
	}

A:link,
A:visited,
A:active {
	text-decoration: none;
	}
	
A:link {
	color: #7EA000;
	}
	
A:link.hidethumb,
A:visited.hidethumb,
A:hover.hidethumb {
	padding: 0px 0px 0px 0px;
	background: transparent;
	}
	
A:visited.hide {
	color: #7EA000;
	}
	
A:visited {
	color: #777f59;
	}
	
A:hover {
	color: #FFF;
	background: #7EA000;
	}
	
A:link.hide,
A.hide,
A:visited.hide {
	background: transparent;
	padding: 0px 0px 0px 0px;
	}

.ext {
	background: url(images/extlink.gif) no-repeat 2px 58%;
	padding-bottom: 1px;
	padding-left: 12px
	}
	
.newwin {
	background: url(images/nw.gif) no-repeat 1px 28%;
	padding-bottom: 1px;
	padding-left: 12px
	}

.col_box,
a.col_box { 
	clear: both; 
	float: left; 
	border: 2px solid #7EA000; 
	background-color: #000; 
	padding: 0px; 
	margin: 0 0 0 0;
	}

.col_box_right,
a.col_box_right { 
	clear: both; 
	float: right; 
	border: 1px solid #7EA000; 
	background-color: #000; 
	padding: 0px; 
	margin: 0 0 0 0;
	} 

a.col_box:hover {border: 2px solid #CCC;}
a.col_box_right:hover {border: 1px solid #CCC;}


#navigation {
	width: 364px; height: 7px;
	background: url(images/navigation.gif) no-repeat;
	margin: 0 0 0 auto;
	padding: 0;
	position: relative; }
    
#navigation li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;
    }
    
#navigation li, #navigation a {
	height: 7px; display: block;
    }
    
#nav-bio {
	left: 0; width: 22px;
	}
	
#nav-bio-b {
	left: 0; width: 22px;
	background: url(images/navigation.gif)
	0px -27px no-repeat;
	}
	
#nav-blog {
	left: 44px; width: 35px;
	}
	
#nav-blog-b {
	left: 44px; width: 35px;
	background: url(images/navigation.gif)
	-44px -27px no-repeat;
	}
	
#nav-raves {
	left: 100px; width: 42px;
	}

#nav-raves-b {
	left: 100px; width: 42px;
	background: url(images/navigation.gif)
	-100px -27px no-repeat;
	}
	
#nav-portfolio {
	left: 164px; width: 72px;
	}

#nav-portfolio-b {
	left: 164px; width: 72px;
	background: url(images/navigation.gif)
	-164px -27px no-repeat;
	}
	
#nav-contact {
	left: 257px; width: 60px;
	}

#nav-contact-b {
	left: 257px; width: 60px;
	background: url(images/navigation.gif)
	-257px -27px no-repeat;
	}
   
#nav-bio a:hover {
	background: transparent url(images/navigation.gif)
	0 -27px no-repeat;
	}

#nav-blog a:hover {
	background: transparent url(images/navigation.gif)
	-44px -27px no-repeat;
    }
#nav-raves a:hover {
	background: transparent url(images/navigation.gif)
	-100px -27px no-repeat;
    }
#nav-portfolio a:hover {
	background: transparent url(images/navigation.gif)
	-164px -27px no-repeat;
    }
#nav-contact a:hover {
	background: transparent url(images/navigation.gif)
	-257px -27px no-repeat;
    }
    
#nav-bio a:active {
	background: transparent url(images/navigation.gif)
	0 -54px no-repeat;
    }
    
#nav-philosophy a:active {
	background: transparent url(images/navigation.gif)
	-44px -54px no-repeat;
	}
	
#nav-raves a:active {
	background: transparent url(images/navigation.gif)
	-100px -54px no-repeat;
    }
    
#nav-portfolio a:active {
	background: transparent url(images/navigation.gif)
	-164px -54px no-repeat;
    }
    
#nav-contact a:active {
	background: transparent url(images/navigation.gif)
	-257px -54px no-repeat;
    }



/* Thumbnail Numbers
----------------------------------------------- */

.thumbnail {
	float: right;
	padding: 40px 10px 0 auto;
	}

.thumbnail a,
.thumbnail span {
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.2em;
	border: 1px solid #fff;
	background: transparent;
	}
	
.thumbnail a {
	border: 1px solid #7EA000;
	text-decoration: none;
	color: #ccc;
	}

.thumbnail a:hover {
    border-color: #7EA000;
    color: #fff;
    background: #7EA000;
    }