/*//////////// RESET ////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, 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;
	font: normal 13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
a {
	color:#ccc;
	text-decoration:none;
}
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: "" "";
}

/*//////////// MY CODE ////////////*/
html {
	margin:0;
	padding:0;
	background: #061326 url('../images/background.jpg') no-repeat top left;
}
#home {
	background: url('../images/background_home2.jpg') no-repeat top left;
}
#page {
	width:965px;
}
#sidebar {
	width:100px;
	text-align:center;
	margin:0 0 0 30px;
	padding:31px 0 0 0;
	text-align:center;
	font: normal 13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	float:left;
}
#content {
	width:755px;
	float:right;
	height:30px;
}
/*/////////// UNIVERSAL ///////////////// */
h2 {
	font: normal 23px 'Molengo', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/*letter-spacing:-.04em;*/
	color:#dee9ef;
	padding:0 0 0 5px;
	/*text-shadow:#0d2b47 0 1px 1px; --Someday when they fix Chrome*/
}
p, li {
	color:#c2dcea;
	margin:0;
	padding:5px 0 0 5px;
}
p a, #tweetfooter a, #juitterContainer li a, li a, .find_item a, h1 a, .navigation a {
	color:#71badd;
	text-decoration:none;
	-webkit-transition: color .15s ease-in; /*safari and chrome */
	 -o-transition: color .15s ease-in; /* opera */
}
p a:hover, #tweetfooter a:hover, #juitterContainer li a:hover, li a:hover, .find_item a:hover, h1 a:hover, .navigation a:hover {
	color:#9adcfc;
}
.clear, #clear {
	font-size:1px;
	clear:both;
	height:1px;
}

/*///////// FONT COLOR ////////*/
p, #juitterContainer li {
	color:#c2dcea;
	font: normal 14px/1.7 'Lucida Sans Unicode', 'Lucida Grande', helvetica neue, helvetica, arial, sans-serif;
}
#footer {
	font: normal 13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color:#c2dcea;
}
/*///////// SIDEBAR ////////*/
#sidebar img {
	border:0;
	margin:0;
	padding:0;
}
#mainnav {
	text-align:center;
	width:100px;
	margin-top:33px;
	line-height:70%;
}
#mainnav li {
	list-style:none;
	margin:0px auto 0 auto;
	width:88px;
	height:68px;
	padding:9px 0 0 0;
}
.active {
	background: url('../images/nav_active.png') no-repeat bottom left;
}
#mainnav a {
	text-decoration:none;
	color:#0b2444;
	-webkit-transition: color .15s ease-in; /*safari and chrome */
	 -o-transition: color .15s ease-in; /* opera */
}
#mainnav a.upperlink {
	text-shadow:#FFFFFF 0 1px 1px;
}
#mainnav a.lowerlink {
	text-shadow:#b3cddb 0 1px 1px;
}
#mainnav a.upperlink:hover {
	color:#5c9dc5;
}
#mainnav a.lowerlink:hover {
	color:#447797;
	text-shadow:#b3cddb 0 1px 1px;
}
/*///////// CONTENT HOME ////////*/
#homeheadline {
	padding:140px 440px 0 0px;
}
#homeheadline p {
	font: normal 16px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	line-height:170%;
	color:#c2dcea;
	height:100px;
}
#homeleft {
	float:left;
	width:355px;
	margin-top:60px;
}
#homeright {
	float:right;
	width:364px;
	margin:60px 14px 0 0;
}
.thumb_small {
	width:158px;
	height:102px;
	background: url('../images/thumb_small.png') no-repeat top left;
	margin:3px 0 16px 0;
	padding:12px 0 0 11px;
}
.thumb_left {
	float:left;
	margin-right:10px;
}
.thumb_right {
	float:right;
}
/*/////////// HOME TWEET BOX //////////// */
#tweetbox_top {
	background: url('../images/tweetbox_top.png') repeat-x bottom left;
	height:55px;
	cursor:pointer;
}
#tweetbox_bottom {
	background: url('../images/tweetbox_bottom.png') repeat-x bottom left;
	padding-bottom:23px;
}
#juitterContainer {
	width:300px;
	margin:0 auto;
	overflow:hidden;
	/*background: url('../images/tweet_divider.png') repeat-x bottom left;*/
}
#juitterContainer li {
	color:#c2dcea;
}
.twittLI {
	padding-top:3px;
}
#twittLI2 {
	/*background: url('../images/tweet_divider.gif') repeat-x top left;*/
	padding-top:11px;
}
.time {
	color:#475974;
}
.loading {
	font: normal 13px/1.7 'Lucida Sans Unicode', 'Lucida Grande', helvetica neue, helvetica, arial, sans-serif;
	color:#475974;
}
#tweetfooter {
	background: url('../images/tweet_divider.png') repeat-x top left;
	margin:12px 0 0 6px;
	padding:10px 15px 0 23px;
	width:316px;
	text-align:left;
	color:#475974;
	font: normal 14px/1.7 'Lucida Sans Unicode', 'Lucida Grande', helvetica neue, helvetica, arial, sans-serif;
}
#tweetfooter a {
	margin:0 5px;
}
/*//////////// PORTFOLIO //////////////*/
.portfolio {
	padding-top:40px;
}
.portfolio_item {
	background: url('../images/thumb_large.png') no-repeat top left;
	padding:8px 0px 0px 12px;
	height:148px;
	width:212px;
	float:left;
	margin-top: 30px;
}
.middle {
	margin:30px 30px 0 30px;
}
div.fadehover {
	position: relative;
}

img.a {
	position: absolute;
	left: 0;
	top: 0;
  z-index: 10;
}

img.b {
	position: absolute;
	left: 0;
	top: 0;
}
/*//////////// ABOUT //////////////*/
#aboutleft {
	float:left;
	width:345px;
	margin-top:70px;
}
#aboutright p, #aboutleft p {
	color:#c2dcea;
	margin:0;
	padding:0px 0 10px 5px;
}
#aboutright {
	float:right;
	width:364px;
	margin:70px 14px 0 0;
}
#aboutleft ul {
	margin-left:6px;
}
#aboutleft li {
	list-style:none;
	list-style-position:outside;
	list-style-image: url('../images/bullet.png');
	marker-offset:3px;
	padding-left:0px;
	color:#c2dcea;
	font: normal 14px/1.5 'Lucida Sans Unicode', 'Lucida Grande', helvetica neue, helvetica, arial, sans-serif;
	margin-bottom:9px;
}
.gap {
	margin-top:14px;
}
.gap2 {
	margin-top:32px;
}
#aboutright li {
	list-style:none;
	color:#c2dcea;
	font: normal 14px/1.5 'Lucida Sans Unicode', 'Lucida Grande', helvetica neue, helvetica, arial, sans-serif;
	margin-bottom:9px;
}
.thumb_medium {
	width:167px;
	height:119px;
	background: url('../images/thumb_medium.png') no-repeat top left;
	margin:28px 0 23px 0;
	padding:7px 0 0 11px;
}
.find_item {
	float:left;
	width:71px;
	text-align:center;
	margin-top:12px;
	font: normal 14px/1.5 'Lucida Sans Unicode', 'Lucida Grande', helvetica neue, helvetica, arial, sans-serif;
}
.find_item a img {
	/*filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);*/
	-moz-opacity: 0.80;
	opacity:0.8;
	-webkit-transition: opacity .15s linear;
}
.find_item a:hover img {
	/*filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
	-moz-opacity: 1.00;
	opacity:1;
}
.find_item img {
	margin-bottom:3px;
}
#aboutright h2, #aboutleft h2 {
	font: normal 23px 'Molengo', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/*letter-spacing:-.04em;*/
	color:#dee9ef;
	padding:0 0 4px 5px;
}
/*//////////// PROJECTS //////////////*/
#projectsleft {
	float:left;
	width:345px;
	margin-top:45px;
}
#projectsright {
	float:right;
	width:346px;
	margin:45px 14px 0 0px;
}
h1.projectsheader {
	color:#fff;
	font: normal 22px 'Molengo', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/*letter-spacing:-.04em;*/
	text-align:center;
	margin-top:80px;
}
.project {
	margin-bottom:45px;
}
.project p {
	padding:0px 12px;
	text-align:justify;
	margin-top:-5px;
}
#projectsright h2 {
	font: normal 22px 'Molengo', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/*letter-spacing:-.04em;*/
	margin-bottom:6px;
}
.thumb_xl {
	width:346px;
	height:121px;
	background: url('../images/thumb_xl.png') no-repeat top left;
	margin:0px 0 8px 0;
	padding:14px 0 0 11px;
}
/*/////////// FOOTER ///////////////// */
#footer {
	float:right;
	clear:both;
	width:730px;
	margin:26px 20px 0px 0;
	padding:12px 0 30px 0;
	background: url('../images/tweet_divider.png') repeat-x top left;
}
#footer img {
	border:none;
	vertical-align:text-top;
	margin-right:1px;
}
#footer a {
	color:#c2dcea;
	text-decoration:none;
	margin-left:10px;
	-webkit-transition: color .2s ease-in; /*safari and chrome */
	-o-transition: color .2s ease-in; /* opera */
}
#footer a:hover {
	color:#fff;
}
#footer_left {
	float:left;
}
#footer_right {
	float:right;
}