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

/* CSS Resets */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
	
body {
	background-image: url(../images/page_bg.jpg);
	background-attachment: fixed;
	line-height: 1;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-shadow: rgba(0, 0, 0, 0.148438) 0px -1px 0px, rgba(255, 255, 255, 0.792969) 0px 1px 0px;
	font-size: 12px;
	background-repeat: repeat;
	}
	
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

strong {
	font-weight: bold;
	}

.clear {
	clear: both;
}

/* End. CSS Resets */


/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


/* ============== */
/*     GENERAL    */
/* ============== */

/* Utility classes */
.alignleft {
	float: left
}
.alignright{
	float: right
}
.textleft{
	text-align: left
}
.textright{
	text-align: right
}
.textcenter{
	text-align: center
}

/* Headings */
h1, h2, h3, h4, h5, h6 { clear: both; text-shadow: 1px 1px 0 #FCFCFC; }

h1 
{ 
	font-family: 'Yanone Kaffeesatz', arial, serif; 
	font-size: 64px;
	font-weight: normal;
	padding: 0 0 10px 0; 
}

h2
{
	font-family: 'Droid Sans', arial, serif;
	font-size: 24px;
	text-transform: uppercase;
}

h3
{
	font-family: 'Yanone Kaffeesatz', arial, serif; 
	font-size: 36px; 
	font-weight: normal;
	padding: 80px 0 10px 0; 
}

h4
{
	font-family: 'Droid Sans', arial, serif;
	font-size: 18px;
	padding-bottom: 10px;  
	font-weight: bold;
}

h5
{
	font-family: 'Droid Sans', arial, serif;
	font-size: 14px;
	text-transform: uppercase; 
	line-height: 22px; 
	font-weight: normal;
}

h6
{
	font-family: 'Droid Sans', arial, serif;
	font-size: 12px; 
	line-height: 16px; 
	font-weight: bold;
	text-transform: uppercase;
}	

/* Lists: (ul, ol, dl) */
ul, ol, dl { margin: 0 0 10px 20px; }

li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ol { list-style-type: decimal; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }

ul.special {list-style-type: none; }

dt { font-weight: bold; }

li { padding-top: 2px; padding-bottom: 2px; line-height: 16px; }

/* Paragraphs */
p
{
	font-size: 13px;
	line-height: 26px;
	padding-right: 90px;
}

/* Links */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.internal_links { visibility: hidden; }

/* Horizontal Rule */
.horizontal_rule
{
	width: 100%;
	height: 1px;
	background-color: #888;
	border-bottom: 1px solid #EEE;
	clear: both;
	text-align: left;
}

.vertical_space
{
	width: 100%;
	padding: 18px 0 0 0;
}


/* ============== */
/*   CSS STYLES   */
/* ============== */

.global_wrapper
{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 50px 0;
}

/*-- Menu --*/
.menuholder
{
	display: block;
	float: left;
	margin: 0 0 10px 0;
}

	.menuholder ul
	{
		list-style: none;
		margin: 0;
	}
	
	.menuholder ul li
	{
		padding: 4px 0 0 0;
		margin-right: 10px;
		float: left;
	}
/*-- End. Menu --*/


/* Left Column */

#left_column
{
	width: 220px;
	float: left;
	padding: 0;
	display: inline;
	margin: 0 10px;
}

#left_column_holder
{
	width: 220px;
	position: fixed;
	float: left;
	margin: 20px 0 0 0;
}

.photoholder
{
	width: 200px;
	height: 210px;
	display: block;
	float: left;
	background: #fcfeff;
	margin: 0 10px;
	border: 1px solid #fff;
	
	-webkit-box-shadow: 0px 1px 3px #ababab;
	-moz-box-shadow: 0px 1px 3px #ababab;
	box-shadow: 0px 1px 3px #ababab;
}

	.photo
	{
		width: 190px;
		height: 200px;
		float: left;
		margin: 5px;
		background: url(../images/photo.jpg) no-repeat;
	}


/* Social Profiles */
.social
{
	width: 200px;
	display: block;
	float: left;
	margin: 6px 10px;
}

	.social ul
	{
		list-style: none;
		margin: 0;
	}
	
	.social ul li
	{
		margin-right: 10px;
		float: left;
	}
	
		.social ul li.last
		{
			margin-right: 0;
		}
	
	.social ul li a
	{
		width: 32px; 
		height: 32px;
		display: block;
	}

		.social ul li a.blogger
		{ background: url(../images/social/blogger_32.png) no-repeat;}
		
		.social ul li a.deviantart
		{ background: url(../images/social/deviantart_32.png) no-repeat;}
		
		.social ul li a.digg
		{ background: url(../images/social/digg_32.png) no-repeat;}
		
		.social ul li a.facebook
		{ background: url(../images/social/facebook_32.png) no-repeat;}
		
		.social ul li a.flickr
		{ background: url(../images/social/flickr_32.png) no-repeat;}
		
		.social ul li a.google
		{ background: url(../images/social/google_32.png) no-repeat;}
		
		.social ul li a.googletalk
		{ background: url(../images/social/googletalk_32.png) no-repeat;}
		
		.social ul li a.googlewave
		{ background: url(../images/social/googlewave_32.png) no-repeat;}
		
		.social ul li a.linkedin
		{ background: url(../images/social/linkedin_32.png) no-repeat;}
		
		.social ul li a.mobileme
		{ background: url(../images/social/mobileme_32.png) no-repeat;}
		
		.social ul li a.picasa
		{ background: url(../images/social/picasa_32.png) no-repeat;}
		
		.social ul li a.posterous
		{ background: url(../images/social/posterous_32.png) no-repeat;}
		
		.social ul li a.skype
		{ background: url(../images/social/skype_32.png) no-repeat;}
		
		.social ul li a.tumblr
		{ background: url(../images/social/tumblr_32.png) no-repeat;}
		
		.social ul li a.twitter
		{ background: url(../images/social/twitter_32.png) no-repeat;}
		
		.social ul li a.vimeo
		{ background: url(../images/social/vimeo_32.png) no-repeat;}
		
		.social ul li a.wordpress
		{ background: url(../images/social/wordpress_32.png) no-repeat;}
		
		.social ul li a.youtube
		{ background: url(../images/social/youtube_32.png) no-repeat;}
		
/* End. Social Profiles */


/* Contact */
.contactbox
{
	width: 200px;
	display: block;
	float: left;
	margin: 10px;
}

.message
{
	font-size: 9px;
	line-height: 12px;
	color: #555;
}

	.contactbox ul
	{
		list-style: none;
		margin: 0;
	}
	
	.contactbox ul li
	{
		margin: 0;
	}
	
	.contactbox ul li.special
	{
		display: none;
	}

.field
{
	font-family: 'Droid Sans', arial, serif;
	font-size: 12px;
	padding: 5px;
	color: #333;
	background: #F9F9F9;
	border: 1px solid #999;
	width: 190px;
	resize: none;
}

button.g-button, a.g-button, input[type=submit].g-button
{
	padding: 6px 10px;
	-webkit-border-radius: 3px 3px;
	border: solid 1px rgb(153, 153, 153);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	line-height: 1;
	-moz-border-radius: 3px;
}


/* End. Contact */


/* End. Left Column */


/* Right Column */

#right_column
{
	width: 700px;
	margin: 0 10px;
	float: right;
	display: inline;
}

.header
{
	width: 700px;
	margin: 0;
	padding-top: 20px;
	position: fixed;
	float: left;
	background: url(../images/page_bg.jpg) repeat-x;
}

.title_excerpt
{
	float: left;
	margin: 5px 0;
	font-family: 'Droid Sans', arial, serif;
	font-size: 14px;
	line-height: 22px;
	text-shadow: 1px 1px 0 #FCFCFC;
	color: #555; 
}

.right_column_holder
{
	width: 680px;
	margin: 0;
	padding: 180px 0 280px 0;
	float: left;
}

.resume_section
{
	width: 700px;
	margin: 0;
	float: left;
}

.content_wrap
{
	width: 700px;
	float: left;
}

.content_left
{
	float: left;
	width: 260px;
	padding: 0 5px 0 0 ;
}

	.date
	{
		background: url(../images/dateoverlay.png) repeat;
		padding: 5px 8px;
		display: inline-block;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px #999;
		-webkit-box-shadow: 0 1px 3px #999;
		text-shadow: 0 -1px 1px #222;
	}


.content_right
{
	float: left;
	width: 430px;
	padding: 0 0 0 5px;
}

/* Skills Rating */
table.skillbox
{
	margin: 0;
	paddng: 0;
	border: none;
	font-size: 12px;
}
	
	table.skillbox tr
	{
		padding: 5px 0;
		height: 28px;
	}

	table.skillbox td
	{
		vertical-align: middle;
	}
	
	table.skillbox td.label
	{
		width: 120px;
	}

.skillrating_one
{
	background:url(../images/rating/1.png) no-repeat;
	width: 138px;
	height: 24px;
	margin: 0 0 0 5px;
}

.skillrating_two
{
	background:url(../images/rating/2.png) no-repeat;
	width: 138px;
	height: 24px;
	margin: 0 0 0 5px;
}

.skillrating_three
{
	background:url(../images/rating/3.png) no-repeat;
	width: 138px;
	height: 24px;
	margin: 0 0 0 5px;
}

.skillrating_four
{
	background:url(../images/rating/4.png) no-repeat;
	width: 138px;
	height: 24px;
	margin: 0 0 0 5px;
}

.skillrating_five
{
	background:url(../images/rating/5.png) no-repeat;
	width: 138px;
	height: 24px;
	margin: 0 0 0 5px;
}

/* ------------- */


/* End. Right Column */