/*----------------------------------------------
standard html tags
----------------------------------------------*/
body		{background:#A4D7E8; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:20px 0; padding:0}

h1, h2 {font-family:Arial, Helvetica, sans-serif;}

h1 			{color:#0076A3;  font-size:84px; font-weight:bold; letter-spacing:-5px; line-height:0.9em; margin:22px 0 0 0; padding:0; text-shadow:1px 1px 1px #ccc}
h1 em 		{font-size:33px; color:#ccc; font-style:normal; letter-spacing:0px}
h2 			{color:#666; font-size:28px; font-weight:normal; letter-spacing:-1px; line-height:1.4em; margin:0 0 22px 0; padding:0}
h2 em 		{color:#0076A3; font-style:normal}
h3 			{color:#515F7B; font-size:11px; padding:22px 0 8px 0; margin:0 0 8px 0; font-weight:normal; border-bottom:1px solid #7CA6BA; text-transform:uppercase}
h4 			{background-color:#508DB6; color:#fff; font-size:1em; font-weight:normal; margin:0; padding:5px; text-transform:uppercase}
h5 			{color:#333; font-size:1.1em; font-weight:normal; line-height:1.5em; margin:0; padding:0}

ul			{margin:0; padding:0}
ul li		{line-height:2em; list-style:none}

img			{margin:0; padding:0}
img.profile	{border:4px solid #eee; margin:20px auto 0 auto; padding:2px}

blockquote	{background:#fff url('../images/sprite.png') no-repeat 0 -760px; color:#004566; line-height:1.4em; margin:11px 0; min-height:30px; padding:8px 22px 22px 50px; border-bottom:1px dashed #BDD3F4; display:block}

/*----------------------------------------------
links
----------------------------------------------*/
a:active,
a:visited,
a:hover,
a:link	{color:inherit; text-decoration:none; color:#0076A3}

ul.indent li	{text-indent:22px; margin:0 0 0 8px}

li.facebook		{background:url('../images/sprite.png') no-repeat 0 -60px}
li.linkedin		{background:url('../images/sprite.png') no-repeat 0 -120px}
li.flickr		{background:url('../images/sprite.png') no-repeat 0 -90px}
li.twitter		{background:url('../images/sprite.png') no-repeat 0 -150px}
li.youtube		{background:url('../images/sprite.png') no-repeat 0 -180px}
ul#articles li	{background:url('../images/sprite.png') no-repeat 0 -220px}
ul#links li		{background:url('../images/sprite.png') no-repeat 0 -260px}

#goals	{padding:22px 0}
ul.goals				{padding:10px 20px}
ul.goals li 			{background:url('../images/sprite.png') no-repeat 0 -300px; font-size:0.8em; padding:0; text-indent:25px}
ul.goals li.done		{background:url('../images/sprite.png') no-repeat 0 -30px}
ul.goals li a:link,
ul.goals li a:visited,
ul.goals li a:active	{text-decoration:none; border-bottom:1px dotted #006699; color:#006699}

a.screen,
a.screen:visited 		{position:relative; z-index:1;}
a.screen span 			{position:absolute; visibility:hidden; height:0; left:0; /* position:the image */top:-220px;}
a.screen:hover 			{text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1000; cursor:pointer}
a.screen:hover span		{visibility:visible; height:150px; /* now give it a height */cursor:pointer; /* for IE */z-index:500; }
a.screen:hover span img	{border:0}

a.video,
a.video:visited 		{position:relative; z-index:1}
a.video span 			{position:absolute; visibility:hidden; height:0; left:0; top:-100px}
a.video:hover 			{text-decoration:none; border:0; z-index:100; cursor:pointer}
a.video:hover span		{visibility:visible; height:80px; cursor:pointer; z-index:100}
a.video:hover span img	{border:0}

a.link,
a.link:visited,
a.link:active	{ border:none !important}


/*----------------------------------------------
custom
----------------------------------------------*/
.content p 				{color:#222; font-size:1.1em; line-height:2em; margin:0; padding:8px 0}
.clearfloat 			{clear:both; display:block; font-size:0; height:0}


/*----------------------------------------------
structural
----------------------------------------------*/
#bg 					{position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1}
.page-container 		{position:relative; z-index:1; background-color:#fff; width:880px; padding:2px; border:1px solid #e3e3e3; margin:22px auto 0 auto}
.page			 		{ border:1px solid #e3e3e3; padding:40px}
.projects 		{position:relative; z-index:1; background-color:#fff; padding:20px; margin:0 auto}
.projects p,
.projects p a	{font-size:0.8em; text-align:right; float:right; max-width:507px; line-height:1.6em; margin:0; padding:0; color:#000}
.projects img	{border:none !important}

.placeholder 			{}
.middle					{margin:0 auto; text-align:center}

#domain-head 			{color:#ccc; padding:0; margin-bottom:22px; text-align:right; font-size:1.1em; clear:both; display:block; clear:both}
#domain-head a 			{color:#ccc}

#left 					{width:540px; float:left}
#left .content 			{padding:0; font-size:0.7em}
#left .content ul 		{}
#left .content li 		{}
#left a:link,
#left a:visited 		{color:#006699}
#left a:hover 			{color:#006699; border-bottom:1px dotted #006699}

#right 					{width:220px; float:right}
#right .content 		{padding:0; font-size:0.7em}


#article 		{padding:0; margin:0; font-size:12px; color:#555}
#article blockquote	{background:none; color:#000; font-size:18px; line-height:1.4em; margin:22px 0; padding:22px; border-width:1px 0; border-style:solid; border-color:#ccc; text-align:center}
#article blockquote	em{ font-style:normal; font-size:10px}
#article object	{clear:both; display:block; margin:22px auto}
#article img	{padding:1px; border:1px solid #ccc; margin:0 0 44px 0}
#article h1		{color:#0076A3; margin-bottom:33px; text-shadow:none}
#article h1 em	{color:#2098C8; font-size:44px; line-height:1.4em}
#article h2 	{font-size:28px; margin:33px 0 8px 0; padding:0; font-weight:normal; letter-spacing:-1px; color:#0076A3; text-transform:none}
#article h3 	{font-size:22px; margin:33px 0 8px 0; padding:0; font-weight:bold; border:none; color:#666; letter-spacing:-1px; text-transform:none}
#article p 	{}
#article p strong 	{ color:#333}
#article a 	{text-decoration:underline; color:#006699}
#article ul 	{margin:8px 30px; padding:0; list-style:disc !important}
#article ul li	{margin:0 0 0 30px; padding:0; list-style:disc !important}

#footer 				{padding:10px 0; margin:20px auto; height:100px; clear:both; color:#666; font-size:0.7em; width:860px; text-align:center; background:none; border:none}
#footer a:link,				
#footer a:hover,
#footer a:visited		{color:#666 !important}

/*----------------------------------------------
contact me
----------------------------------------------*/
#contactme ul			{padding:0; margin:10px 0 0 0} 
#contactme li			{margin:0; padding:0; clear:both; padding:2px 0}
#contactme label		{padding:0; margin:0; width:60px; float:left; text-align:left; color:#333; font-weight:bold}