/* DOCUMENT INFORMATION
	- Document: asterisk css
	- Version:  0.1
	- Client:   N/A
	- Author:   Justin Edmund  

/* COLORS	
	- background color 	#FFFFFF
	- default body text #444444
	- typography red	#E8314B
	- background red	#E8636B
	- background grey	#DBDBDB
	- on background box #666666
	
/* FONTS
	- default header text
	- default body text 
*/

body { 
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: white;
	margin: 30px auto;
	font-size: 10pt;
	width: 838px;
	}
	
a {
	color: #444444;
	}
	
a:hover {
	color: #E8314B;
	}
	
h1 { 
	font-weight: normal;
	font-size: 18pt;
	}
	
h3 { 
	font-weight: normal;
	font-size: 14pt;
	}

span.showcase:hover {
	color: #E8314B;
	}

/* Header Elements */	
	#logo {
		background: url('../images/logo.png') no-repeat;
		text-indent: -9999px;
		display: block;
		height: 60px;
		width: 167px;
		}
	
/* Nav Elements */
/** Site Navigation **/
	ul#site_nav {
		margin: -10px 0 0 20px;
		font-size: 9pt;
		}
	
	ul#site_nav li {
		margin-right: 10px;
		display: inline;
		}
		
/** Work Navigation **/
	ul#works_nav {
		margin: 40px auto;
		float: left;
		clear: both;
		}
	
	ul#works_nav li {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		margin: 0 19px 20px 0;
		display: -moz-inline-stack;	/* Inline block fix for Firefox 2.0.X */	
		display: inline-block;
	    /* vertical-align: top; //  Fix for some modules having more content than others, we don't need this. */
		background: #FFFFFF;
		border-radius: 4px;
		height: 120px;
		float: left;
		}
	
	ul#works_nav li:nth-child(3),
	ul#works_nav li:nth-child(6),
	ul#works_nav li:nth-child(9) { 
		margin-right: 0;
		} 
	
	ul#works_nav li div.image_wrap {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border: 1px dotted #DBDBDB;
		padding: 2px 0 0 2px;
		border-radius: 4px;
		height: 122px;
		width: 252px;
		}
		
	ul#works_nav li div.image_wrap:hover {
		border: 1px dotted #E8636B;
		}
		
	ul#works_nav li.spacer,
	ul#works_nav li.spacer:hover {
		border: 1px solid #DBDBDB;
		background: #DBDBDB;
		height: 123px;
		width: 254px;
		}
		
	ul#works_nav li h3.work_title {
		margin-top: 10px;
		font-size: 10pt;
		}
/* Footer Elements */
	#footer {
		border-top: 1px dotted #E8636B;
		margin-top: 20px;
		display: block;
		float: left; 		
		width: 805px;
		}
		
	#footer div#col1,
	#footer div#col2,
	#footer div#col3 {
		padding: 10px;
		width: 235px; 
		float: left;
		}
	
	#footer div#col1 {
		}
		
	#footer div#col2,
	#footer div#col3 {
		margin-left: 20px;
		}
	
	#footer p { 
		margin: 10px 0 10px 0;
		font-size: 9pt;
		float: left;	
		}
	
/* Section Elements */
/** Index::Featured **/
	div#featured {
		border: 2px solid #DBDBDB;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-top: 40px;
		display: block;
		height: 293px;
		width: 810px; 
		}

	div#featured img {
		display: block;
		height: 293px;
		width: 810px;
		}
	
	.cycle_nav {
		list-style-type: none;
		float: right;
		}
		
	.cycle_nav#featured_nav {
		margin: 5px 35px 0 0;
		}
	
	.cycle_nav#view_nav {position: relative; bottom: 20px;
		margin-bottom: 10px;
		}
		
	.cycle_nav li {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: -moz-inline-stack;	/* Inline block fix for Firefox 2.0.X */
		display: inline-block;
		background: #DBDBDB;
		border-radius: 5px;
		margin-right: 5px;
		cursor: pointer;
		height: 10px;
		width: 10px;	
		}
	
	/* This only works in Gecko for some reason */	
	.cycle_nav a.activeSlide + li {
		background: #E8636B;
	}
	
/** View::Content **/
	section#content {
		display: block;
		margin: 40px 0 40px 0;
		width: 830px;
		}
				
	section#content div#metadata {
		display: block;
		float: left;
		width: 840px;
		}
		
	section#content div#photos {
		margin: 10px 0 10px 0;
		display: block;
		float: left;
		}
		
	section#content div#photos div.item {
		border: 1px dotted #DBDBDB;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: 4px 0 0 4px;
		margin-bottom: 10px;
		border-radius: 3px;
		width: 524px;
		}
		
	section#content div#photos div.item img {
		height: auto;
		width: 520px;
		}
		
	section#content div#photos div.caption {
		font-family: Georgia, Times, serif;
		margin: 0 0 20px 10px;
		font-style: italic;
		font-size: 8pt;
		}
		
	div.caption {
		font-family: Georgia, Times, serif;
		margin: 0 0 20px 10px;
		font-style: italic;
		font-size: 8pt;
		}

		
	section#content div#photos div.caption:last-child {
		margin-bottom: 0; 
		}
		
	div.item:hover + div.caption {
		color: #E8314B;
		}
		
	section#content div#col1 {
		display: inline;
		width: 530px;
		float: left;
		}
	
	section#content div#col2 {
		margin: 10px 0 0 20px;
		display: inline;
		width: 255px;
		float: left;
		}
		
	section#content div#col2 p {
		margin-top: 15px;
		line-height: 1.3;
		display: block;
		width: 255px;
		float: left;
		clear: both;
	}
		
	section#content h3#title { 
		float: left;
		}
	
	section#content h3#title:hover {
		display: inline;
		color: #E8314B;
		}	
		
	section#content div.media {
		border-top: 1px dotted #DBDBDB;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 10px 0 0 10px;
		margin: 10px 0 0 -10px;
		font-size: 9pt;
		display: inline;
		color: #666666;
		width: 255px;
		float: left;
		}
		
	section#content div.media:hover {
		border-top: 1px dotted #E8636B;
		}
		
		
		
/** Index::Circle Nav **/
	ul#circle_nav {
		margin-top: 40px;
		}
	
	.circle {
		-webkit-border-radius: 8px;
		border: 1px solid #E8636B;
		-moz-border-radius: 8px;
		background: #FFFFFF;
		margin: 3px 0 0 5px;
		border-radius: 8px;
		cursor: pointer;
		display: block;
		height: 10px;
		width: 10px;
		float: left;
		}
		
	li.circle:hover,
	div.circle:hover,
	div.circle_selected {
		background: #E8636B; 
		}
		
	div.circle:hover h3#title {
		border: 1px dotted #E8636B;
		}
		
	a.circle_link {
		position: absolute;
		width: 10px;
		height: 10px;
		}

/** View::Dropdown Nav **/
	div#menu {
		margin: 3px 0 0 -12px;
		display: block;
		float: left;
		z-index: -1;
		clear: both;
		}
		
	div#menu.active {
		border-left: 1px dotted #E8636B;
		}
	
	/*
	div#menu:hover {
		border-left: 1px dotted #E8636B;
		}
	*/
			
	div#menu:hover div#circle {
		background: #E8636B; 
		}
		
	div#menu ul {
		position: absolute;
		min-width: 170px;
		font-size: 9pt;
		z-index: 100;
		}
		
	div#menu ul.active {
		border-top: 1px dotted #E8636B;
		}
	/*
	div#menu:hover ul {
		border-top: 1px dotted #E8636B;
		}
	*/
		
	div#menu ul .item { 
		border-left: 1px dotted #FFFFFF;
		padding: 10px 20px 10px 10px;
		background: #FFFFFF;
		display: none;
		}
		
	div#menu ul li:hover { 
		border-left: 1px dotted #E8636B;
		}
		
	div#menu ul li:hover a {
		color: #E8636B;
		}
		
	div#menu ul .display { 
		display: block;
		}
	
	div#menu ul .item:first-child {
		-webkit-border-radius-top-right: 5px;
		-webkit-border-radius-top-left: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		}
		
	div#menu ul .item:last-child {
		-webkit-border-radius-bottom-right: 5px;
		-webkit-border-radius-bottom-left: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		}
		
	/*
div#menu:hover .item { 
		display: block;
		background: #FFFFFF;
		padding: 10px 20px 10px 20px;
		}
*/
	
/** View::Category List **/
	.category { 
		margin-top: -20px;
		}
	nav ul#categories { 
		margin: 40px 0 20px 0;
		}
	
	nav ul#categories.index {
		margin: 15px 0 10px 0;
		}
		
	ul#categories {
		margin-top: 10px;
		display: block;
		float: left;
		clear: both;
		}
		
	ul#categories li:hover a, 
	ul#categories a:hover {
		color: white;
		}
	
	div#category {
		margin-left: 3px;
		}
	
	div#category,
	ul#categories li {
		-webkit-border-radius: 3px;
		padding: 5px 8px 5px 8px;
		-moz-border-radius: 3px;
		background: #DBDBDB;
		border-radius: 3px;
		margin-right: 5px;
		display: inline;
		font-size: 9pt;
		color: #666666;
		}
		
	div#category:hover,
	ul#categories li:hover,
	ul#categories li.selected {
		background: #E8636B;
		cursor: pointer;
		color: white;
		}
		
	ul#categories li.selected {
		cursor: default;
		}
		
	#toTop {
		float: right;
		font-family: Georgia, Times, serif;
		margin: 0 0 20px 10px;
		font-style: italic;
		font-size: 8pt;
		}
	
	#page_col1 {
		margin-left: 10px;
		display: inline;
		width: 250px;
		float: left;
		}
	
	#page_col2 {
		margin-left: 10px;
		display: inline;
		width: 500px;
		float: left;
		}
	
	.page_content {
		margin-top: 10px;
		}
		
	.page_content h3 { 
		margin: 10px 0;
		}