html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight: bold;
}


body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	color: #666666;
	background: #fff;
}



/* ##################################################### */
/* ----------------->>> STRUCTURE <<<------------------- */
/* ##################################################### */

/* GLOBAL STRUCTURE STYLES */

#wrapper {
	margin: 65px auto;
	width: 630px;
}
	#header {
		padding-bottom: 40px;
		float: left;
		width: 100%;
	}
		#logo {
			float: left;
			font-size: 2.4em;
		}
		#gnav {
			padding-top: 5px;
			float: right;
		}
	#content {
		padding: 0 25px;
		float: left;
		width: 580px;
		font-size: 1.2em;
		line-height: 1.4em;
	}
		#main, #side {
			float: left;
		}
			.section_projects #main, .section_projects #side {
				width: 290px;
			}
	#footer {
		clear: both;	
	}


/* END GLOBAL STYLES ================================================== */


/* HOMEPAGE STYLES */


#page_home #wrapper {
	text-align: center;
}
	#page_home #logo, #page_home #gnav, #page_home #gnav ul {
		float: none
	}
	#page_home #logo {
		margin-bottom: 30px;
		padding-bottom: 45px;
		background: url(/img/squares.gif) 50% bottom no-repeat;
	}

/* END HOMEPAGE STYLES */



/* CONTACT STYLES*/

#page_contact #content {
	font-size: 1.4em;
	line-height: 1.4em;
}

#page_contact .entry-body {
	margin-left: 125px;
	padding-left: 60px;
	background: url(/img/squares.gif) left 6px no-repeat;
}

/* END CONTACT STYLES */






/* ###################################################### */
/* ----------------->>> NAVIGATION <<<------------------- */
/* ###################################################### */


#gnav ul {
	float: left;
	font-size: 1.4em;
}
	#gnav ul li {
		padding: 0 15px;
		display: inline;
	}







/* #################################################### */
/* ------------------>>> LISTS <<<------------------- */
/* #################################################### */

#project_slides {
	width: 290px;
}
	#project_slides li {
		margin: 0 10px 10px 0;
		width: 135px;
		background: url(../img/bg_slide_thumb.gif) no-repeat;
		float: left;
		text-align: center;
	}
		#project_slides li span {
			display: table-cell;
			height: 135px;
			width: 135px;
			line-height: 135px !important;
			vertical-align: middle;	
		}
		#project_slides li img {
			vertical-align: middle;	
		}

.template_cat #project_slides {
	width: auto;
}


.row_first {
	clear: left;
}

#projects_list {
	margin-left: 125px;
}
	#projects_list li {
		padding-left: 52px;
		background: url(../img/squares.gif) left 3px no-repeat;
		font-size: 1.45em;
	}
	#projects_list li #projects_list {
		margin: 12px 0 35px 15px;
	}
		#projects_list li #projects_list li {
			padding: 10px 0 10px 24px;
			font-size: .88em;
			background: url(../img/squares_2.gif) left 15px no-repeat;
		}



/* ######################################################## */
/* ------------------>>> TEXT STYLES <<<------------------- */
/* ######################################################## */

/* header styles */

h1 {
	padding-bottom: 12px;
	color: #070;
	font-size: 1.18em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h2, .template_cat h1 {
	padding-bottom: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 1em;
	color: #666666;
}
h3 {
}
h4 {
}
h5 {
}


/* end header styles ============================= */


#page_resume big {
	padding-left: 54px;
	background: url(/img/squares.gif) left 50% no-repeat;
	font-size: 1.2em
}
	#page_resume big big {
		padding: 0;
		background: none;
	}
	#page_resume blockquote big {
		padding-left: 50px;
		background-image: url(/img/squares_mini.gif);
	}
	#page_resume blockquote {
		padding-left: 40px;
	}
		#page_resume blockquote blockquote {
			padding-left: 50px;
		}



/* ################################################################ */
/* ------------------->>> BUTTONS AND LINKS <<<-------------------- */
/* ################################################################ */

a {
	text-decoration: none;
	color: #666666;
}
	a:hover, 
	.section_projects #nav_projects,
	#page_contact #nav_contact,
	.section_projects #nav_projects,
	#page_resume #nav_resume {
		color: #222;
	}



/* ##################################################### */
/* -------------------->>> FORMS <<<-------------------- */
/* ##################################################### */





/* ##################################################### */
/* ------------------->>> EXTRAS <<<-------------------- */
/* ##################################################### */


.float_left {
	float: left;
}
.float_right {
	float: right;
}


.ir, #TB_closeWindowButton {
	height: 0;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
}


/* ########################################################## */
/* ------------------->>> ADVERTISING <<<-------------------- */
/* ########################################################## */

