@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
html {
	height:100%;	
}

body {
	background-image:url(../images/main_bg.gif);	
	height: 100%;
}

img {
	border:0;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.lil_blu {
	font-size:10px;
	color:#69858e;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -10.75em; /* the bottom margin is the negative value of the footer's height */

}

/* Header ------------------------------------------------------------------------------------------*/

#header_bg {
	width:100%;
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
	height:105px;
}

#header {
	width:900px;
	margin:0 auto;
	height:105px;
}

#header_content {
	width:875px;
	padding:0px 12.5px;
	height:105px;
}

#logo {
	padding-top:16px;	
	float:left;
}

#navcontainer ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width:60px;
	height:59px;
	display:block;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
}

#navcontainer a
{
	color: #999;
	text-decoration: none;
	display: block;
	width: 60px;
	padding-top:47px;
	vertical-align:bottom;
}

#navcontainer ul li#active { background-image: url("../images/link_bg.png"); background-repeat:no-repeat; }

#nav2 {
	background-image: url("../images/header_link_bg.png");
	background-repeat:no-repeat;
	height:36px;
	width:508px;
	float:right;
	vertical-align:top;
	padding:7px 0px 0px 11px;
	margin-top:3px;
	margin-right:-10px;
}

#nav2 li {
	display: inline;
	list-style-type: none;
	text-decoration: none;
	padding-right: 5px;
}

#nav2 li a {
	text-decoration: none;
	color:#666;
	font:10px Arial, Helvetica, sans-serif;
}

#nav2 li a:hover {
	text-decoration: none;
	color:#69858e;
	font:10px Arial, Helvetica, sans-serif;
}

/* Banner ------------------------------------------------------------------------------------------*/

#banner_bg {
	clear:both;
	width:100%;
	height:203px;
	background-image:url(../images/banner_bg.gif);
}

#banner {
	width:900px;
	margin:0 auto;
	background-color:#69858e;	
}

/*
    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: 900px; height: 203px; position: relative; margin:0 0 0 0px; }
.anythingSlider .wrapper                { width: 900px; overflow: auto; height: 203px; padding: 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 203px; width: 900px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 203px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -67px; }
.anythingSlider .back                   { background-position: -67px 0; left: -67px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 203px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: #243642; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 0px; top: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: #2c2c2c; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: hidden; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#slide1 {
	background-image:url(../images/slide1.jpg);
	width:900px;
}


/* Content ------------------------------------------------------------------------------------------*/

#content {
	clear:both;
	width:900px;
	height:auto;
	margin:0 auto;
	background-color:#282828;
	overflow:hidden;
}

#content_wrapper {
	width:875px;
	padding:12.5px;
}

/* Content SideBar------------------------------------------------------------------------------------*/

#sidebar {
	float:right;
	width:265px;
}

#social_bg {
	background-image:url(../images/social_bg.png);
	background-repeat:no-repeat;
	height:64px;
	width:265px;
}

#social_networks {
	padding-top:16px;
}

.socialz {
	padding: 0px 0px 0px 12px;
}

#skill_bg {
	background-image:url(../images/stripe4.gif);
	background-repeat:repeat;
	margin:12.5px auto; 
	border:1px solid #393939;
	width:255px;
	height:160px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#skill_header {
	float:left;
	padding:5px 0px 0px 5px;
}

#skill_list {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

#skill_list li {
	padding-left: 20px;
	background-image: url(../images/blue_checkmark.png);
	background-repeat: no-repeat;
	background-position: 3 .1em;
}

#skillz {
	float:right;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px 5px 0px 0px;
}

.sidebar_title {
	padding-bottom:5px;
}

#twitter_update_list {
	list-style: none;
}

#twitter_update_list li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding: 0px 0px 8px 5px;
	width:250px;
}

#twitter_update_list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7d7d7d;
}

#twitter_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7d7d7d;
	display:block;
	text-align:right;
	padding-right:8px;
}

#blog_btn {
	padding: 10px 0px 15px 0px;	
}

/* Content mainstuff------------------------------------------------------------------------------------*/

#mainstuff {
	width:600px;
	padding-right:10px;
	float:right;
}

.project {
	margin:10px 0 10px 0;
}

.project_info {
	padding:5px 3px 0 3px;	
}

.tech_used {
	float:right;
	margin-bottom:10px;
	text-transform: uppercase;
	background-color:#222222;
	border:1px solid #393939;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.tech_used #info {
	padding:5px;
}

.tech_used .info {
	padding:5px;
}

.tech_used h4 {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.tech_used ul li{
	color:#69858e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	list-style:none;
	padding-left:5px;
}

.project_title {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	font-size:12px;
	font-weight:bold;
}

.project_title a {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	font-size:12px;
	font-weight:bold;
}

.short_project_description {
	color:#666666;
	width:475px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}

.short_project_description a {
	color:#69858e;
	font:11px Arial, Helvetica, sans-serif;
}

.short_project_description a {
	color:#69858e;
	font:11px Arial, Helvetica, sans-serif;
}

.lil_btn2 {
	background-image:url(../images/lil_btn2.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:85px;
	height:31px;
	border:none;
}

/* Footer ------------------------------------------------------------------------------------------*/

#footer_bg {
	vertical-align:bottom;
	width:100%;
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	height:10.75em;
	overflow:hidden;
}

#footer {
	width:900px;
	height:10.75em;
	margin:0 auto;
	padding:0px 25px 0px 25px;	
}

#form_div {
	float:left;
}

#quick_contact_title {
	padding:10px 0 3px 10px;
}

#mainForm {
	background-image:url(../images/quick_message_bg.png);
	background-repeat:no-repeat;
	height:131px;
	padding:0 0 0 10px;
}

.form_col {
	float:left;
	padding:15px 0px 0px 15px;
	line-height:18px;
}

.formFieldQuestion {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#69858e;
}

.texta {
	background-color: #222222;
 	border: 1px solid #666666; 
	color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
}

.form_btn {
	float:right;
	padding:30px 20px 0 0px;
}

.lil_btn {
	background-image:url(../images/lil_btn.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:85px;
	height:31px;
	border:none;
}

#love {
	clear:both;
	float:right;
	width:275px;
	height:10.75em;
}

#lovelove {
	width:265px;
	background-image:url(../images/stripe4.gif);
	background-repeat:repeat;
	background-color:#222222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #393939;
	margin-top:15px;
}

#lovelove .loverz {
	padding:5px 5px 5px 10px;
}	

#ty {
	background-image:url(../images/main_bg.gif);	
}

#thanks {
	width:722px;
	font-size:30pt;
	margin:30px auto;
	text-align:center;
}