/*
	Copyright (C) 2008 Mike Creighton
	
	- Accent color is #e7117b
	- Secondary accent color is #3bfbc7
*/

/*
	===================================================================
	Begin Global General Styles
	===================================================================
*/

body {
	font: normal normal normal 62.5%/1.6em Georgia, serif;
	font-size: 62.5%;
	background-color: #161616;
	margin-left: 64px;
}

.clear {
	clear: both;
}

h1 {
	font-size: 2.8em;
	font-weight: bold;
	padding-top: 0.5em;
	margin-bottom: 1.142858em;
	color: #e7117b;
}

h2 {
	font-size: 2.0em;
	font-weight: bold;
	padding-top: 0.5em;
	margin-bottom: 32px;
	color: #e7117b;
}

h1 a:link { color: #e7117b; text-decoration: none; }
h1 a:visited { color: #e7117b; text-decoration: none; }
h1 a:hover { color: #3bfbc7; text-decoration: none; }
h1 a:active { color: #e7117b; text-decoration: none; }

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	text-decoration: none;
}

a:link {
	color: #e7117b;
}

a:visited {
	color: #e7117b;
}

a:hover {
	color: #3bfbc7;
}

a:active {
	color: #e7117b;
}

.hDivider {
	height: 48px;
	border-bottom: 1px dotted #333;
	min-width: 632px;
	max-width: 920px;
	clear: both;
	margin-left: 8px;
	margin-bottom: 80px;
}

/*
	===================================================================
	Begin Footer Styles
	===================================================================
*/

#footer {
	height: 32px;
	margin-top: 80px;
	margin-left: 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #e7117b;
	border-top: 1px dotted #333;
	padding-top: 10px;
	min-width: 632px;
	max-width: 920px;
}

/*
	===================================================================
	Begin Main Navigation Styles
	===================================================================
*/

#navMain {
	height: 24px;
	margin-left: 8px;
	padding-top: 22px;
	padding-bottom: 2px;
	min-width: 632px;
	max-width: 920px;
	border-bottom: 1px dotted #333;
	margin-bottom: 80px;
}

#navMain li {
	display: block;
	float: left;
	width: 144px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: lowercase;
}

li#navMainFirstItem {
	width: 216px;
}

/*
	===================================================================
	Begin Home Page Styles
	===================================================================
*/
#workTout {
	width: 272px;
	margin-left: 8px;
	float: left;
	height: 224px;
	margin-right: 80px;
	margin-bottom: 32px;
}

#workTout img {
	display: block;
	border: 8px solid #EEE;
	margin-bottom: 8px;
}

#workTout img:hover {
	border: 8px solid #3bfbc7;
}

#workTout a {
	font-size: 1.1em;
}

#workTout a:link {
	color: #888;
	text-decoration: none;
}

#workTout a:visited {
	color: #888;
	text-decoration: none;
}

#workTout a:hover {
	color: #3bfbc7;
	text-decoration: none;
}

#workTout a:active {
	color: #888;
	text-decoration: none;
}

#blogExcerpt {
	width: 560px;
	float: left;
	margin-left: 8px;
	color: #DDD;
	margin-right: 8px;
	margin-bottom: 32px;
}

#blogExcerpt h1 {
	margin-bottom: 24px;
}

#blogExcerpt p {
	text-align: justify;
	font-size: 1.1em;
	line-height: 2.2em;
	margin-bottom: 1.6em;
}

#blogExcerpt p a:link {
	color: #e7117b;
	text-decoration: none;
}

#blogExcerpt p a:visited {
	color: #e7117b;
	text-decoration: none;
}

#blogExcerpt p a:hover {
	color: #3bfbc7;
	text-decoration: none;
}

#blogExcerpt p a:active {
	color: #3bfbc7;
	text-decoration: none;
}

#blogExcerptFooter {
	margin-top: 8px;
	font-size: 1.1em;
	color: #888;
}

#blogExcerptFooter #blogContinueReading {
	float: left;
	width: 272px;
	margin-right: 16px;
	display: block;
}

#blogExcerptFooter #blogMeta {
	float: right;
	width: 272px;
	display: block;
}

#blogExcerptFooter .separator {
	margin-left: 8px;
	margin-right: 8px;
	color: #444;
}

#blogExcerptFooter a:link {
	color: #e7117b;
	text-decoration: none;
}

#blogExcerptFooter a:visited {
	color: #e7117b;
	text-decoration: none;
}

#blogExcerptFooter a:hover {
	color: #3bfbc7;
	text-decoration: none;
}

#blogExcerptFooter a:active {
	color: #e7117b;
	text-decoration: none;
}

#aboutMe {
	width: 272px;
	margin-left: 8px;
	float: left;
	margin-right: 80px;
	margin-bottom: 32px;
}

#aboutMe h1 {
	margin-bottom: 24px;
}

#aboutMe p {
	font-size: 1.1em;
	color: #DDD;
	line-height: 2.2em;
	text-align: justify;
}

#clients {
	width: 560px;
	float: left;
	margin-left: 8px;
	color: #888;
	/* margin-right: 8px; */
}

#clients h1 {
	margin-bottom: 28px;
}

#clients ul {
	float: left;
	width: 136px;
	margin-right: 8px;
}

#clients ul.last {
	margin-right: 0;
	width: 128px;
}

#clients li {
	font-size: 1.1em;
	margin-bottom: 1.6em;
}


#radioheadHomeLeft {
	width: 272px;
	margin-left: 8px;
	float: left;
	margin-right: 80px;
	margin-bottom: 32px;
}

#radioheadHomeLeft h1 {
}

#radioheadHomeLeft img {
	display: block;
	border: 8px solid #EEE;
	margin-bottom: 8px;
}

#radioheadHomeLeft img:hover {
	border: 8px solid #3bfbc7;
}

#radioheadHomeLeft a {
	font-size: 1.1em;
}

#radioheadHomeLeft a:link {
	color: #888;
	text-decoration: none;
}

#radioheadHomeLeft a:visited {
	color: #888;
	text-decoration: none;
}

#radioheadHomeLeft a:hover {
	color: #3bfbc7;
	text-decoration: none;
}

#radioheadHomeLeft a:active {
	color: #888;
	text-decoration: none;
}

#radioheadHomeRight {
	margin-top: 5.8em;
	width: 560px;
	float: left;
	margin-left: 8px;
	color: #DDD;
}

#radioheadHomeRight p {
	font-size: 1.1em;
	margin-bottom: 1.6em;
	color: #DDD;
	line-height: 2.2em;
	text-align: justify;
}


/*
	===================================================================
	Begin Project Detail Secondary Navigation Styles
	===================================================================
*/

#navSecondary {
	padding-top: 6.4em;
	padding-left: 8px;
	float: left;
	width: 280px;
	margin-right: 72px;
	margin-bottom: 32px;
}

#navSecondary li {
	clear: both;
	font-size: 1.1em;
	padding-bottom: 2.5454545em;
}

#navSecondary li a {
	float: left;
}

#navSecondary li a:link {
	color: #888;
	text-decoration: none;
}

#navSecondary li a:visited {
	color: #888;
	text-decoration: line-through;
}

#navSecondary li a:hover {
	color: #3bfbc7;
	text-decoration: none;
}

#navSecondary li a:active {
	color: #888;
	text-decoration: none;
}

#navSecondary li span {
	float: right;
	width: 64px;
	color: #666;
}

#navSecondary li.active span {
	color: #EEE;
}

#navSecondary li.active a:link {
	color: #e7117b;
	text-decoration: none;
}

#navSecondary li.active a:visited {
	color: #e7117b;
	text-decoration: none;
}

#navSecondary li.active a:hover {
	color: #3bfbc7;
	text-decoration: none;
}

#navSecondary li.active a:active {
	color: #e7117b;
	text-decoration: none;
}

/*
	===================================================================
	Begin Project Detail Content Styles
	===================================================================
*/
#projectContent {
	float: left;
	padding-left: 8px;
	width: 560px;
	color: #DDDDDD;
}

#mediaBrowser img {
	border: 8px solid #EEE;
	width: 544px;
}

#mediaBrowserNav {
	font-size: 1.1em;
	padding-top: 6px;
	margin-bottom: 40px;
}

#mediaBrowserNav #previousLinkWrapper, #mediaBrowserNav #nextLinkWrapper {
	width: 128px;
	float: left;
	text-transform: lowercase;
}

#mediaBrowserNav #nextLinkWrapper{
	text-align: right;
}

#mediaBrowserNav #siteLinkWrapper {
	width: 304px;
	float: left;
	text-align: center;
}

#mediaBrowserNav #previousLink, #mediaBrowserNav #nextLink {
	display: none;
}

#projectContent p {
	text-align: justify;
	font-size: 1.1em;
	line-height: 2.2em;
	margin-bottom: 1.6em;
}

#projectContent p a:link {
	color: #e7117b;
	text-decoration: none;
}

#projectContent p a:visited {
	color: #e7117b;
	text-decoration: none;
}

#projectContent p a:hover {
	color: #3bfbc7;
	text-decoration: none;
}

#projectContent p a:active {
	color: #3bfbc7;
	text-decoration: none;
}

#projectMeta {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px dotted #333;
}

#projectMeta dl {
	font-size: 1.1em;
}

#projectMetaCol1, #projectMetaCol2, #projectMetaCol3, #projectMetaCol4 {
	width: 128px;
	margin-right: 16px;
	float: left;
}

#projectMetaCol4 {
	margin-right: 0;
}

#projectMeta dt {
	color: #e7117b;
	font-weight: bold;
	margin-bottom: 16px;
}

#projectMeta dd {
	color: #888;
	margin-bottom: 1.6em;
}

#projectMeta a:link {
	color: #888;
}

#projectMeta a:visited {
	color: #888;
}

#projectMeta a:hover {
	color: #3bfbc7;
}

#projectMeta a:active {
	color: #888;
}

#errorPage {
	padding-top: 128px;
}

#errorPage p, #errorPage li {
	color: #DDD;
	font-size: 1.1em;
	margin-bottom: 16px;
	line-height: 2.2em;
}