/* oh hai again */
/* ben kendall */
/* 2011 */

body {
background: #000 url(../images/bg.gif) no-repeat 0 0;
font-family: Helvetica Neue, Arial, "Helvetica", Geneva, sans-serif;

}

/* fonts and colors */
p {
	color: #707070;
}

h1 {
	margin-top: 70px;
	font-size: 4em;
	letter-spacing: -0.05em;
	color: #fff;
	text-shadow: #323232 1px 1px 1px;
	margin-bottom: 5px;
}

h2 {
	text-decoration: none;
	color: #fff;
	padding: 0px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	font-size: 1.25em;
	margin-bottom: 25px;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #00c2c7;
	text-shadow: #000 1px 1px 1px;
}

a {
	color: #00c2c7;
}

a:visited {
	color: #009b9f;
}

.accent {
	color: #00c2c7;
}


/* left column */

/* greeting box */

#box {
	height: 250px;
	border-bottom: 2px dotted #202020;
	margin-bottom: 20px;
}

#box p {
	font-size: 1.2em;
	letter-spacing: -0.02em;
	color: #9ca0a0;
	line-height:2em;
	margin-top: 10px;

}



/* thumbnails */

.thumb {  
    width: 290px;  
    height: 140px;  
    float:left;  
    background:#161613;  
    border: solid 5px #202020;  
    overflow: hidden;  
    position: relative; 
    margin-bottom: 20px; 
}  

ul.caption {
	position: absolute;
	top: 0px;
	background-color: rgba(0,0,0,0.85);
	opacity: 0;
	width: 290px;
	height: 140px;
	-webkit-transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
	transition: opacity 0.25s linear;
}

ul.caption:hover {
	opacity: 1;
	height: 140px;
	-webkit-transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
	transition: opacity 0.25s linear;
}


ul.caption li {
	list-style: none;
	padding: 10px;
	margin: 0px;
}

.thumb a {
	text-decoration: none;
}

ul.caption p {
	color: #e2e2e2;
	margin-top: -10px;
	font-size: 0.9em;
}


/* right column */

/* buttons */

.bigbtn {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 300px;
	height: 40px;
	background-image: url(../images/btn_bg.png); 
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#444));
	background-image: -moz-linear-gradient(#999, #444);
	margin-bottom: 6px;
	
	text-decoration: none;
}

.bigbtn p {
	text-shadow: #878989 0px 1px 1px;
	color: #232424;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	padding: 8px;
	margin-left: 5px;
}

.bigbtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333));
	
}

.bigbtn:hover p {
	color: #ececec;
	text-shadow: #272727 0px -1px -1px;
}

.bigbtn:active{
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#999));
	position: relative;
	top: 1px;
}

#about a, #connect a, #resume a {
	text-decoration: none;
}

/* about */
#about {
	margin-top: 90px;
	
}

#slide_about p {
	font-weight: normal;
	font-size: 1em;
	color: #737676;
	line-height:1.5em;
	padding: 15px;
	margin: 0px;
	text-shadow: 1px 1px 1px #000;
}

#slide_about {
	padding-bottom: 10px;
}

#slide_about, #slide_connect {
	display: none;
}



/* connect */
#connect ul {
	list-style: none;
	margin: 0px 40px;
}

#connect li {
	margin: 0px;
	padding: 0px;
	float: left;
	padding:10px;
}


/* resume */
#resume {
	border-bottom: 2px dotted #202020;
	padding-bottom: 22px;
}


/* tweets */
#twitter_container  {
	margin: 20px 0px;
	font-size: 0.9em;
	line-height: 1.2em;
	
}

#twitter_update_list {
	margin: 19px 0px 0px 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #141414;
	
}

#twitter_update_list ul {
	float: left;
	padding: 0px;
	margin: 0px;
}

#twitter_update_list li {
	list-style: none;
	margin: 0px;
	padding:10px 15px 22px 15px;
	color: #8c8f8f;
}

li.t0, li.t1, li.t2 {
	border-bottom: 1px solid #1f1f20;
}

#twitter_update_list li.t0 {
	padding-top: 10px;
}

#twitter_update_list span.time {
	float: left;
	color: #424242;
	display: block;
	position: absolute;
	font-size: 0.7em;
}

#twitter_update_list li a {
	color: #00c2c7;
	text-decoration: none;
}

.bird {
	position: relative;
	float: right;
}


/* footer */

#footer {
	border-top: 2px dotted #393a3a;
	padding-top: 10px;
	border-color: #202020;
	margin-top: 20px;
	height: 50px;
}

#footer p {
	margin-top: 10px;
	text-align: right;
	color: #5d5e5e;
	font-size: 0.9em;
}