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

	Resets And Primitives

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


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding:0;
	margin:0;
}

body {
	background: #cfcfcf url('../img/bg.png') repeat scroll 0 0;
	font-size:62.5%;
	font-family:Helvetica,Arial,sans-serif;
	color:#333;
	width:960px;
	margin:40px auto;
}

h1,h2,h3,h4,h5,h6 { font-weight:bold; }

h1 {
	font-family:Georgia; 
	font-weight:100;
	font-size:4em; 
	line-height:1.2em;
	color:#333;
}
h1#logo {
	background: url('../img/gs.png') no-repeat scroll 0 0;
	width: 264px;
	height: 50px;
}

h2 {
	margin:0 0 20px 10px;
	font-size:2em;
	font-weight:100;
	line-height:1.66em;
	color:#555;
	border-bottom:1px solid #ccc;
}

h3 { 
	font-size:1em; 
	line-height:1em;
}

h4 { 
	font-size:1em; 
	line-height:1em;
}

h5 {
	font-size:1em; 
	line-height:1em;
}

h6 {
	font-size:1em; 
	line-height:1em;
}

p { 
	font-size:1em; 
	line-height:1em;
}

sup {
	color:#888;
}

address,caption,cite,code,dfn,th,var { 
	font-style:normal; 
	font-weight:normal; 
}

ul,ol { 
	list-style:none; 
}

a { 
	color:#e33b72;
	text-decoration:none; 
	-webkit-transition:all 100ms linear;
}

a:hover {
	color:#333;
	background:rgba(255,142,179,0.33);
	padding:3px 5px;
	margin:-3px -5px;
}

img { 
	border:0; 
}

strong { 
	font-weight:bold;
}

em {
	font-style:italic; 
}

table {
	border-collapse:collapse;
}

caption,th,td {
	text-align:left;
	font-weight:normal;
}


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

	Custom Primitives

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


div.hr { 
	height:1px;
	border-top:1px solid #000;
	overflow:hidden;
	clear:both;
}
	div.hr hr {
		display: none;
	}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;	
	margin-top:-1px;	
}


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

	Utility Classes

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


.left { float:left; }
.right { float:right; }
.invisible { display:none; }

.offscreen { 
	position:absolute;
	left:-99999em; 
}

.clear:after {
	content:".";
	display:block;
	clear: both;
	height: 0px;
	margin-top:-1px;
	visibility: hidden;
}


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

	Chrome

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

div#header {
	margin-bottom:40px;
}

div#content {
	margin-bottom:20px;
}

div#footer {
	padding:10px 20px;
}
	div#footer h3 {
		float:left;
		margin-right:10px;
		line-height:1.33em;
		margin-bottom:0;
	}
	div#footer ul.key {
		float:left;
		margin-bottom:0;
	}
		div#footer ul.key li {
			line-height:1.33em;
		}

p.subheader {
	color:#555;
	font-size:2em;
	line-height:1.33em;
	padding-left:10px;
}
	p.subheader span.ampersand {
		color:#999;
	}
	p.subheader span.languages {
		font-size:0.66em;
		color:#666;
	}
		p.subheader span.languages span {
			color:#999;
		}
p#contact {
	font-size:1.5em;
	padding-left:10px;
}
	p#contact a#email {
		
	}
	p#contact span#phone {
		margin-left:1em;
		color:#666;
	}

ul.projects {
	margin-left:20px;
	font-size:1.33em;
	width:320px;
	float:left;
}
	ul.projects li.project {
		margin-bottom:15px;
	}
		ul.projects li.project ul {
		
		}
			ul.projects li.project ul li.title {
				font-size:1.67em;
				line-height:1.1em;
			}
			ul.projects li.project ul li.client {
				font-weight:900;
				color:#333;
				font-size:1.1em;
				line-height:1.33em;
			}
			ul.projects li.project ul li.role {
				color:#666;
			}

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

	Widgets

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



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

	Page Specific Style

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