/*
	standards: copyright + credits {
	thedayhascome: dark version;
	release: september 2009;
	copyright-josh-hopkins: all rights reserved;
	email: joshua.d.hopkins[at]gmail[dot].com;
	you-may: take and use elements of this css. however, the unique combination of layout, font styles, colors etc. is copyrighted;
	you-may-not: use any of the graphical elements on this site !important;
	light-blue: #4fadbe;
	medium-blue: #387680;
	dark-blue: #1a4c54;
	purple: #28202a;
	dark-grey: #202020;
*/

/* CSS Reset via Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body * {
	margin: 0;
	padding: 0;
}
body {
	font: .9em Arial, Verdana, sans-serif;
	text-align: center;
	font-size: 85%;
	color: #dedede;
	background: #0d0d0e url(../images/content_bg.gif) repeat-x;
}
a {
	color: #387680;
	text-decoration: none;
}
acronym {
	color: #dedede;
	border-bottom: 1px dotted #dedede;
	text-decoration: none;
	cursor: help;
}

/* GLOBAL WRAPPER */
.wrapper {
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	width: 750px;
}

/* CONTAINER */
#container {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	width: 100%;
}
/* HEADER */
#container #header {
	position: relative;
	overflow: hidden;
	height: 132px;
	width: 100%;
	background: #202020 url(../images/header_bg.gif) repeat-x;
}
#container #header h1 {
	float: left;
	margin: 0;
	padding: 0;
}
#container #header h1 a {
	display: block;
	overflow: hidden;
	text-indent: -1000em;
	background: url(../images/brandingLogo.png) no-repeat 0 0;
	width: 237px;
	height: 79px;
	margin: 30px 15px 0 0;
}
#container #header h2 {
	display: block;
	overflow: hidden;
	text-indent: -1000em;
	background: url(../images/brandingTagline.png) no-repeat 0 0;
	width: 367px;
	height: 28px;
	margin: 55px 0 0 0;
}

/* CONTENT */
#container #content {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 15px 0 0 0;
}
#container #content h3 {
	font-family: Georgia, serif;
	color: #fff;
	font-weight: normal;
	font-size: 2.4em;
	letter-spacing: -0.04em;
	line-height: 1.2em;
}
#container #content h3 em {
	font-style: italic;
}
#container #content p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
	font-size: .9em;
	text-align: justify;
}

/* JQUERY */
#container #content p.subContent_head {
	color: #387680;
	cursor: pointer;
	margin: 1em 0;
	padding: 0;
}
#container #content .subContent {
	display: none;
	margin-bottom: 20px;
}
#container #content .subContent p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 1.2em;
	letter-spacing: -0.01em;
	text-align: justify;
}

/* FOOTER */
#container #footer {
	position: relative;
	clear: both;
	display: block;
	height: 225px;
	margin: 0;
	padding: 0;
	font: .8em "Trebuchet MS", Helvetica, sans-serif;
	color: #1a4c54;
	width: 100%;
	text-align: center;
	background: url(../images/footer_bg.png) repeat-x;
}

/* COLOPHON */
#container #colophon {
	padding: 20px 0 0 0;
	text-align: left;
}

/* columns */
#container #colophon .column {
	float: left;
	display: block;
	width: 175px;
}
/* social */
#container #colophon .social {
	padding: 0 15px 0 0;
	height: 145px;
}

#container #colophon dl.icons {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#container #colophon dl dt {
	margin: 0;
	padding: 0;
	color: #dedede;
}
#container #colophon dl dd {
	margin: .3em 0;
}
#container #colophon dl.icons dd:hover {
	margin: .3em 0;
}

/* GLOBAL */
#container #colophon a {
	display: block;
	height: 16px;
	margin: 0 .05em;
	padding: 0 0 0 2em;
	width: 100%;
	z-index: 10;
}
#container #colophon a:link,
#container #colophon a:visited {
	color: #aaaaaa;
	opacity: 0.6;
}
#container #colophon a:hover,
#container #colophon a:active {
	color: #387680;
	opacity: 1.0;
}
/* EMAIL */
#container #colophon a#email {
	background: url(../images/icon-email.png) no-repeat;
}

/* twitter */
#container #colophon a#twitter {
	background: url(../images/icon-twitter.png) no-repeat;
}
/* imdb */
#container #colophon a#imdb {
	background: url(../images/icon-imdb.png) no-repeat;
}
/* wikipedia */
#container #colophon a#wikipedia {
	background: url(../images/icon-wikipedia.png) no-repeat;
}
/* flickr */
#container #colophon a#flickr {
	background: url(../images/icon-flickr.png) no-repeat;
}
/* linkedin */
#container #colophon a#linkedin {
	background: url(../images/icon-linkedin.png) no-repeat;
}
/* friendfeed */
#container #colophon a#friendfeed {
	background: url(../images/icon-friendfeed.png) no-repeat;
}
/* tumblr */
#container #colophon a#tumblr {
	background: url(../images/icon-tumblr.png) no-repeat;
}
/* facebook */
#container #colophon a#facebook{
	background: url(../images/icon-facebook.png) no-repeat;
}
/* vimeo */
#container #colophon a#vimeo {
	background: url(../images/icon-vimeo.png) no-repeat;
}


/* TWITTER */		
#container #colophon .twitter {
	position: absolute;
	margin: -40px 0 0 375px;
	*margin: -45px 0 0 0; /*targets IE7*/
	height: 186px;
	width: 335px;
	background: url(../images/tweet.png) bottom right no-repeat;
}

#container #colophon .twitter h5 a {
	margin: 15px 0 0 60px;
	padding: 0;
	color: #dedede;
	opacity: 1.0;
}
#container #colophon .twitter #tweet {
	position: relative;
}
#container #colophon .twitter #tweet ul#twitter_update_list {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
#container #colophon .twitter #tweet ul#twitter_update_list li {
	position: relative;
	width: 190px;
	height: 75px;
	padding: 0px 15px;
	margin: 0 0 0 20px;
	text-align: justify;
}
#container #colophon .twitter #tweet a:link {
	color: #387680;
	opacity: 1.0;
}
#container #colophon .twitter #tweet ul#twitter_update_list li a {
	display: inline;
	margin: 0;
	padding: 0;
}
#container #colophon .twitter #tweet ul#twitter_update_list span {
	color: #aaaaaa;
	display: block;
	opacity: 0.6;
}

/* copyright */
#container #footer a.creative-commons-license {
	display: inline-block;
	width: 15px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/cc.gif) no-repeat 0 11px;
}
#container #footer a.creative-commons-license span {
	display: none;
}  
/* ABOUT */
#container #footer a.about {
	margin: 0;
	padding: 0;
	border-bottom-style: none;
	text-decoration: none;
}
#container #footer a.about:link, #footer a.about:visited {
	color: #1a4c54;
}
#container #footer a.about:hover, #footer a.about:active {
	color: #387680;
}
/* COLOPHON */
#container #footer a.colophon:link, #footer a.colophon:visited {
	margin: 0 4px 0 0;
	padding: 0;
	color: #1a4c54;
	border-bottom: 1px dotted #1a4c54;
	text-decoration: none;
}
#container #footer a.colophon:hover, #footer a.colophon:active {
	color: #387680;
	border-bottom: 1px dotted #387680;
}
#container #footer #siteDesign {
	position: relative;
	clear: both;
	display: block;
	color: #28202a;
	width: 100%;
	height: 25px;
	margin: 5px 0 0 0;
	text-align: center;
}
#container #footer #siteDesign a {
	color: #28202a;
}