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



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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#nav {
	position:absolute;
	right:0;
	top:52px;
	width:390px;
}
#nav li {
	display:block;
	float:left
}
.nav_bt {
	height:22px;
	margin-left:40px;
	text-indent:-9999px;
	overflow:hidden;
}
.nav_bt:hover {
	background:url(../images/nav.png) no-repeat 0 -44px;
}
#nav #home {
	float:left;
	background:url(../images/nav.png) no-repeat 0 0;
	width:60px;
}
#nav #home:hover {
	background:url(../images/nav.png) no-repeat 0 -22px;
}
#nav #about {
	float:left;
	background:url(../images/nav.png) no-repeat -94px 0;
	width:96px;
}
#nav #about:hover {
	background:url(../images/nav.png) no-repeat -94px -22px;
}
#nav #contact {
	float:left;
	background:url(../images/nav.png) no-repeat -390px 0;
	width:80px;
}
#nav #contact:hover {
	background:url(../images/nav.png) no-repeat -390px -22px;
}
#nav #portfolio {
	float:left;
	background:url(../images/nav.png) no-repeat -210px 0;
	width:80px;
}
#nav #portfolio:hover {
	background:url(../images/nav.png) no-repeat -210px -22px;
}
body {
	background:#404040 url(../images/bg.jpg) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif
}
.center {
	margin:0 auto;
	width:940px;
	position:relative
}
#header {
	margin:0 auto;
	height:106px;/*background:url(../images/top_grid.gif);*/
	position:relative
}
.bottom {
/*	background:#383838 url(../images/metal.jpg) repeat-x top left;*/
}
.swap:hover {
	cursor:pointer
}
.fade {
	position: relative;
	top:10px;
	left:-5px;
}
.fade div {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
h1#tagline {
	margin:10px 0 0 0;
	background: url(../images/tagline.png) no-repeat -5px 0;
	height:60px;
	text-indent:-9999px;
	overflow:hidden
}
p#tagline {
	font:16px Arial, Helvetica, sans-serif;
	padding:0 5px;
	color:#ddd;
	line-height:1.3em;
	text-shadow: #666 0.1em 0.2em 0.1em;
	font-weight:600;
}
p em {
	color: #FFF; /*#29ff23*/
	text-decoration:none;
	font-style: normal
}
#green_bar {
	background:url(../images/sidebar.png) no-repeat 0 0;
	height:360px;
	width:245px;
	position:absolute;
	top:184px;
	right:0;
	z-index:999;
}
h2#good_at {
	text-indent:-9999px;
	background:url(../images/nav.png) no-repeat 0 -115px;
	height:29px;
	margin:10px 0 0 28px;
}
ul#skills {
	margin:10px 0 0 40px;
	color:#FFF;
	font-weight:bold;
	width:200px;
}
ul#skills li {
padding:0 0 0 25px;
background:url(../images/check.png) no-repeat 0 0;
	height:16px;
	margin:17px 0;
	font-size:14px;
}
/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider {
	width: 940px;
	height: 360px;
	z-index:888;
	margin:0;
	position:relative;
}
.anythingSlider .wrapper {
	width: 940px;
	overflow: hidden;
	height: 341px;
}
.anythingSlider .wrapper ul {
	width: 99999px;
	list-style: none;
	margin: 0;
}
.anythingSlider ul li {
	display: block;
	float: left;
	padding: 0;
	height: 317px;
	width: 940px;
	margin: 0;
}
.anythingSlider .arrow {
	display: block;
	height: 200px;
	width: 67px;
	background: url(../images/arrows.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 65px;
	cursor: pointer;
}
.anythingSlider .forward {
	background-position: 0 0;
	position:absolute;
	right:-60px;
	display:none
}
.anythingSlider .back {
	background-position: -67px 0;
	position:absolute;
	left:-60px;
	display:none
}
.anythingSlider .forward:hover {
	background-position: 0 -200px;
}
.anythingSlider .back:hover {
	background-position: -67px -200px;
}
#thumbNav {
	margin:6px 0 0 515px;
}
#thumbNav a {
	color:black;
	font:11px Georgia, Serif;
	display: inline-block;
	height: 6px;
	width:15px;
	margin: 0 5px 0 0;
	background: url(../images/h_bt.gif) repeat-x;
	text-align: center;
	border:1px solid #999999;
}
#thumbNav a:hover {
	background:url(../images/n_bt.gif) repeat-x 0 0;
	border:1px solid #FFF;
}
#thumbNav a.cur {
	background:url(../images/n_bt.gif) repeat-x 0 0;
	border:1px solid #FFF;
}
#start-stop {
	background: green;
	color: white;
	text-align: center;
	font-size:11px;
	margin:0 0 0 480px;
	position:relative;
	bottom:12px;
	padding:1px 2px;
	border:1px solid #666;
	text-decoration:none;
	display:block;
	width:24px;
}
#start-stop:hover {
	background-color:#0A3;
}
#start-stop.playing {
	background-color: #930;
}
#start-stop.playing:hover {
	background-color: #C30;
}
#start-stop:hover {
	border:1px solid #666;
}
/*
  Prevents
*/
.anythingSlider .wrapper ul ul {
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}
.anythingSlider .wrapper ul ul li {
	float: none;
	height: auto;
	width: auto;
	background: none;
}
.wrapper ul li img.site {
	margin:15px 0 0 0;
	border:1px solid #999999;
	float:left;
	width:455px;
	height:auto;
}
.wrapper ul li div.site {
	margin:15px 0 0 20px;
	color:#FFF;
	float:left;
	width:220px;
}
div.site h3 {
	font:14px Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	font-weight:bold
}
div.site h4 {
	font:12px Arial, Helvetica, sans-serif;
	margin:6px 0 2px 0;
	font-weight:bold
}
div.site p {
	font-size:12px;
	line-height:1.2em;
	margin:3px 0 0 0;
}
div.site a.lk_bt {
	font-size:12px;
	background:url(../images/bt_img.gif) repeat-x 0 0;
	border:1px solid #CCCCCC;
	display:block;
	letter-spacing:1px;
	height:14px;
	padding:1px 0 0 5px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	margin:10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center
}
div.site a.lk_bt:hover {
	color:#050;
	border:1px solid #EEE;
	background:url(../images/bt_img2.gif) repeat-x 0 0;

}
h2#contact {
	background:url(../images/nav.png) no-repeat -300px -78px;
	height:35px;
	text-indent:-9999px;
	width:150px;
	margin:50px 0 0 0;
}
h2#about {
	background:url(../images/nav.png) no-repeat -5px -78px;
	height:35px;
	text-indent:-9999px;
	width:150px;
	margin:50px 0 0 0;
}
h2#port {
	background:url(../images/nav.png) no-repeat -172px -78px;
	height:35px;
	text-indent:-9999px;
	width:130px;
	margin:43px 0 0 0;
}
#about_col {
	float:left;
	width:620px;
	color:#FFFFFF;
}
#about_col p {
	margin:0 0 10px 0;
	padding:0 10px;
	line-height:1.3em;
}
#photo_col {
	float:left;
	margin-left:20px;
	width:300px;
	background:url(../images/nav.png) no-repeat -520px 0;
	height:500px;
}
.clear {
	clear:left
}
#twitter {
	width:300px;
	margin:20px 0;
	float:left
}
#twitter h3 {
	text-indent:-9999px;
	overflow:hidden;
	height:24px;
	width:120px;
	background:url(../images/nav.png) no-repeat -10px -142px;
}
ul#twitter_update_list {
	padding:0 10px;
}
ul#twitter_update_list li {
	margin:10px 0 0 0;
	font-size:14px;
	color:#CCC;
}
#twitter a {
	color: #50f84b;
	text-decoration:none
}
#twitter a:hover {
	color: #3ab336;
}
#social_links h3#resume{
	text-indent:-9999px;
	overflow:hidden;
	height:24px;
	width:230px;
	padding-bottom:20px;
	background:url(../images/nav.png) no-repeat -564px -497px;
	margin-top:0;
}
#social_links {
	width:300px;
	margin:20px 0 0 20px;
	float:left
}
#spacer img{
margin:0 30px;

}
#social_links h3 {
	text-indent:-9999px;
	overflow:hidden;
	height:24px;
	width:230px;
	margin-top:20px;
	background:url(../images/nav.png) no-repeat -300px -142px;
}
#social_links ul {
	width:300px;
}
#social_links ul li {
	float:left
}
#social_links ul li span {
	display:block;
	height:33px;
	width:33px;
	float:left;
	margin:0 10px 0 0;
}
#social_links ul li a {
	margin:10px 10px 0 10px;
	display:block;
	width:130px;
	line-height:2.1em;
	color:#FFF;
	font-weight:bold;
	text-decoration:none
}
#social_links ul li a:hover {
	background-color:#222;
}
#profileLink {
	display:block;
	margin:10px 0;
}
#twitter_link span {
	background:url(../images/nav.png) no-repeat -11px -184px;
}
#linkedin_link span {
	background:url(../images/nav.png) no-repeat -11px -225px;
}
#lastfm_link span {
	background:url(../images/nav.png) no-repeat -65px -184px;
}
#facebook_link span {
	background:url(../images/nav.png) no-repeat -11px -269px;
}
#flicker_link span {
	background:url(../images/nav.png) no-repeat -65px -225px;
}
#footergrid {
	margin:60px 0 20px 0;
	height:65px;
	background: url(../images/footer_grid.png) repeat-x 0 0;
}
#copyright {
	color:#ccc;
	text-align:center;
	font-size:90%;
	margin:0 0 20px 0;
}
.bar {
	border-bottom:4px dotted #CCC;
	margin-bottom:20px;
	position:relative;
}
#contact_form {
width:600px;
}
/*
label {
	display:block;
	margin:10px 0 3px 0;
	color:#CCC;
	font-weight:bold
}
#submit_form {
	background:url(../images/submit_bt.png) repeat-x 0 0;
	color:#FFF;
	font-weight:bold;
	margin:10px 0;
	padding:0;
	border:none;
	cursor:pointer;
	width:100%;
	border:2px solid #333333
}
#submit_form:hover {
	background:url(../images/submit_bt2.png) repeat-x 0 0;
}
form #comment {
	width:100%;
	height:16em;
	background:#FFF url(../images/form_bg.png) repeat-x 0 0;
}
form input {
	width:100%;
	background:#FFF url(../images/form_bg.png) repeat-x 0 0;
}*/

#contact_txt {
	width:280px;
	float:right;
	color:#FFF;
	padding:0 20px;
	background-color:#555;
	border:1px solid #777;
	font-size:16px;
}
#contact_txt p {
	line-height:1.3em;
	margin:10px 0;
}

.btt{
display:block;
width:120px;
font-size:12px;
text-align:center;
color:#FFF;
text-decoration:none;
padding:2px;
position:absolute;
right:0;
bottom:5px;
background:url(../images/submit_bt2.png) repeat-x 0 0;

}