@charset "UTF-8";
/* CSS Document */

/* GLOBALS */

body {
	font: 62.5% Helvetica, Arial, sans-serif;
	background:#e2d0bf url(/_common/bg/pattern.gif) 0 0 repeat fixed;
	margin:2em 0;
}
a:link, a:visited {
	color:#09c;
	text-decoration:none;
	/*border-bottom:1px dotted #888;
	padding:.1em 0;*/
}
a:active, a:hover {
	color:#000;
	text-decoration:none;
	/*border-bottom:1px solid #999;
	background-color:#fff;
	padding:.1em 0;*/
}
.wrapper { background:url(/_common/bg/transparency.png) 0 0 repeat-y; }
.wrapper_btm { background:url(/_common/bg/transparency_btm.png) 0 0 repeat-y; height:5px; margin-bottom:15px; }
.wrapper_cols { background:url(/_common/bg/transparency_cols.png) 0 0 repeat-y; }
.wrapper_cols_btm { background:url(/_common/bg/transparency_cols_btm.png) 0 0 repeat-y; height:5px; margin-bottom:15px; }
.wrapper_nav { background:url(/_common/bg/nav.png) 0 0 repeat-y; }
.wrapper,.wrapper_btm,.wrapper_cols,.wrapper_cols_btm,.wrapper_nav { clear:both; overflow:hidden; }

h2,h3 {
	background-color:#B4A688;
	color:#efefef;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:-.04em;
	padding:9px 14px;
	line-height:1em;
	text-transform:uppercase;
	margin:20px;
}
h2 {
	font-size:2em;
}
h2#intro {
	background-color:transparent;
	color:#888;
	text-transform:none;
	font-size:5.1em;
	letter-spacing:-.05em;
	margin-bottom:5px;
}
h2#intro2 {
	margin-top:5px;
	background-color:transparent;
	color:#aaa;
	text-transform:none;
	font-size:2.6em;
	letter-spacing:-.05em;
}
h3 {
	font-size:1.6em;
	padding:11px 14px;
}
#mainContent h2 a,#mainContent h3 a {
	background-color:transparent;
	border-bottom:none;
	color:#efefef;
}
#mainContent h2 a:hover, #mainContent h3 a:hover {
	color:#09c;
}

p.welcomeText {
	margin:20px;
	color:#777;
	font-size:4.3em;
	letter-spacing:-.02em;
	margin-bottom:10px;
	margin-top:30px;
	text-align:right;
}
p.welcomeText2 {
	margin:20px;
	color:#999;
	font-size:3.5em;
	letter-spacing:-.02em;
	margin-bottom:10px;
	text-align:right;
}
p.welcomeText3 {
	margin:20px;
	color:#bbb;
	font-size:1.8em;
	letter-spacing:-.02em;
	margin-bottom:20px;
	text-align:right;
}

/* HEADER & FOOTER */

#header { position:relative;}
#header #logo {
	position:absolute;
	right:10px;
	top:0;
	border:none;
}
#header h1 {
	font-size:6em;
	letter-spacing:-.03em;
	color:#fff;
	padding:25px 0 0 25px;
	margin:0;
}
#header h1 a {
	background-color:transparent;
	padding:0;
	border-bottom:none;
	color:#B4A688;
}
#header h1 a:hover b {	color:#09c; }
#header h1 a:hover b+b { color:#f93; }
#header h1 a:hover b+b+b { color:#fff; }
#header p {
	font-size:3em;
	font-weight:bold;
	letter-spacing:-.03em;
	color:#bbb;
	padding:0 0 20px 25px;
	margin:0;
}
#nav {
	text-align:center;
}
#nav ul {
	margin:0 auto;
	list-style:none;
	padding:0;
}
#nav ul li {
	font-size:2.1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:-.04em;
	line-height:1em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding:0 .9em;
	display:inline;
}
#nav ul li a {
	padding:.4em 1em;
	border-bottom:none;
	color:#efefef;
	background-color:transparent;
	display:inline-block;
}
#nav ul li a:hover {
	color:#666;
	background-color:#B4A688;
}
body#homePage #nav ul li#navHome a,
body#portfolioPage #nav ul li#navPortfolio a,
body#workPage #nav ul li#navWork a,
body#playPage #nav ul li#navPlay a,
body#blogPage #nav ul li#navBlog a,
body#aboutPage #nav ul li#navAbout a,
body#contactPage #nav ul li#navContact a { color:#999; background-color: transparent; }	
#footer {text-align:left; }
#footer ul {
	margin:0 auto;
	list-style:none;
	padding:6px 0;
}
#footer ul li {
	font-size:1.1em;
	line-height:1.5em;
	text-transform:uppercase;
	margin:0;
	padding:0 20px;
	display:inline;
	color:#777;
}
#footer ul li a {
	color:#666;
	border-bottom:none;
	display:inline-block;
	padding:0;
}
#footer ul li a:hover {
	color:#09c;
	background-color:transparent;
}


/* TWITTER */
#twitter_update_list {
	padding:0 20px;
	font-size:1.2em;
	color:#555;
	line-height:1.4em;
}
#twitter_update_list li { list-style:none; margin:1.2em 0 0 0; text-align:right; }

ul#twitter_update_list span{
display: block;
padding: 7px;
background-color: #fafafa;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-align:left;
background-position:left bottom;
}

#twitter-link { text-align:left; padding: 0 0 10px 20px; margin-top:-8px; }
#twitter-link a { border-bottom:none; background-color:transparent; }

/* ELSEWHERE */
#elsewhere {
	margin:0;
	padding:0 20px;
	list-style:none;
}
#elsewhere li {
	font-size:1.4em;
	line-height:1em;
	margin:10px 0;
}
#elsewhere li a {
	padding:0;
	padding-left:40px;
	padding-top:4px;
	display:block;
	width:inherit;
	height:16px;
	background-position:0 0;
	background-repeat:no-repeat;
	color:#777;
}
#elsewhere li a:hover { background-position:0 -20px;color:#333;}
#elsewhere li#ten41 a { background-image:url(/about/img/ico_1041.png); }
#elsewhere li#roboto a { background-image:url(/about/img/ico_roboto.png); }
#elsewhere li#facebook a { background-image:url(/about/img/ico_facebook.png);}
#elsewhere li#tumblr a { background-image:url(/about/img/ico_tumblr.png);}
#elsewhere li#linkedin a { background-image:url(/about/img/ico_linkedin.png);}
#elsewhere li#twitter a { background-image:url(/about/img/ico_twitter.png);}
#elsewhere li#lastfm a { background-image:url(/about/img/ico_lastfm.png);}
#elsewhere li#vimeo a { background-image:url(/about/img/ico_vimeo.png);}
#elsewhere li#flickr a { background-image:url(/about/img/ico_flickr.png);}
#elsewhere li#babygoes a { background-image:url(/about/img/ico_babygoes.png);}


.mailingAddress { 
	margin:0;
	padding:0 20px;
	font-size:1.4em;
	line-height:1.5em;
	color:#777;
}