/* --------------------------------------------------------------
   
   Style.css
   
   Author: Cade Embery - http://www.cestudios.net
   
/*-------------------------------------------------------------- */

	@import 'css/reset.css';
	@import 'css/typography.css';	

/*-------------------------------------------------------------- */




/* Body and Defaults
-------------------------------------------------------------- */


body {
	background:#fff  url("images/corner.jpg") no-repeat bottom right;	
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
}

body.result {
	padding:20px;
}

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal;  
	color: #576a2e;
	font-style: italic;
}

a:focus, 
a:hover     { color:#788C1A; text-decoration:underline;}

a           { color: #788C1A; font-weight:normal; text-decoration:none;}




/* Header and Site Name 
-------------------------------------------------------------- */
#banner {
	background:url("images/topgreen.jpg") repeat-x top;
}



/* Container
-------------------------------------------------------------- */

div.container {
	margin:auto;
	width:940px;	
}




/* Introduction Area
-------------------------------------------------------------- */
div#intro {
	clear:both;
}
div.intro-box {
	float:left;
	width:270px;
	padding:15px;
	
}
div#demo-reel {
	float:left;
	width:340px;	
}


/* Secondary Navigation
-------------------------------------------------------------- */

div#secondary {
	margin:0 0 15px 0;
	padding:0;
}

div#secondary a {
	display:block;
	float:left;
	font-size:11px;
	padding:4px 15px;
	margin-right:5px;
}

div#secondary a:hover, div#secondary a.active, div#secondary a.selected{
	color: #fff;
	background:#5b6b2f;
	text-decoration:none;
}

.tabcontent {
	clear:both;
}

/* Page Header
-------------------------------------------------------------- */

div#page-header {
	margin:0;
	padding:14px 0;	
}

h1.header {
	font-size:30px;
	margin-bottom:0;
}



/* Wrapper and Layout Columns
-------------------------------------------------------------- */
div#wrap {
	padding:0 0 10px 0;
}

div#wrap.interior {
	border-bottom: 1px dotted #999;
}
div#left {
	float:left;
	padding:15px;
	width:600px;
}

div#content {
	font-size:14px;
	line-height:19px;
	padding:10px;
}

div#right {
	float:right;
	font-size:11px;
	line-height: 15px;
	padding:10px;
	width:300px;
}

/* Blocks
-------------------------------------------------------------- */
div.block {
	margin-bottom:10px;
}

div.block-content {
	padding:5px;
}

div.block-title {
	font-size: 14px;
	padding:5px;
	background:#eee;
}

div.block-title h2 {
	margin:0;
}


/* Footer Menu
-------------------------------------------------------------- */


div#footer-menu {
	clear:both;
	background:#222;
}

div#footer-menu h2 {
	display:none;
}

div#footer-menu a {
	display:block;
	float:left;
	font-size:11px;
	padding:5px 5px 5px 15px;	
}

/* Footer
-------------------------------------------------------------- */

div#footer {
	clear:both;	
	padding:30px 0;
 
}


div#footer-info {
	
	display:block;
	float:left;
	padding:15px 0;
}

div#valid {
	display:none;
	float:right;
	padding:15px;
}


div#footer td {
	border:none;
 
}



/* Project Node Styling
-------------------------------------------------------------- */
div.result, div.rockgod {
	margin-bottom: 5.5em;
	border-bottom: 1px dotted #999;
	padding-bottom:1em;
}
.project-item {
	padding: 0 0 20px 0;
	margin-bottom:20px;
	border-bottom: 1px dotted #999;
}

div.terms {
	float:right;
	padding: 20px 10px 0 0;
	width: 300px;
	font-size:11px;
}


div.project-teaser {
	color:#777;
	font-size:15px;
	line-height:24px;
	padding: 10px 0;
	background:#fff;
}


div.project-body {
	background:#fff;
	
}

div.project-images div{
	background: #ccd5a6;
	
}

a.corner-back {
background:url("images/backbutton.jpg") no-repeat top left;
height:77px;
left:0;
position:absolute;
text-indent:-9000px;
top:0;
width:170px;
}

/* Images 
-------------------------------------------------------------- */
div.full-image {
	width:900px;
	float:left;
	height:330px;
	margin: 0 0 10px 0;
}


div.half-image {
	width:450px;
	float:left;
	height:330px;
	margin: 0 10px 10px 0;
}

div.half-image-16 {
	width:450px;
	float:left;
	height:253px;
	margin: 0 10px 10px 0;
}

div.horizontal-image {
	float:left;
	width: 450px;
	height:160px;
	margin: 0 10px 10px 0;
}

div.vertical-image {
	float:left;
	width: 220px;
	height:330px;
	margin: 0 10px 10px 0;
	display:
}


div.quarter-image {
	float:left;
	width: 220px;
	height:160px;
	margin: 0 10px 10px 0;
}
div.tiny-image {
	float:left;
	width: 105px;
	height:75px;
	margin: 0 10px 10px 0;
}

/* Videos
-------------------------------------------------------------- */
div.player-small {
	width:450px;
	float:left;
	height:253px;
	margin: 0 10px 10px 0;
}

div.player-standard {
	width:450px;
	float:left;
	height:330px;
	margin: 0 10px 10px 0;
}


#recapitulation {
	padding: 15px;
}

a.read-full {
    padding:10px;
	background:#eee;
	display:block;
}

a.read-full:hover {
    background: #e0e0e0;
}