/* Fonts */
#left h1.title, h2.navlink,h2.subtitle{
	font-family: 'FolksRegular', Arial, sans-serif;
}

#index, #left .subtitle, #right p, .blog span,h2.title {
	font-family: 'DroidSansRegular', Arial, sans-serif;
}

.seperate{
	font-size:2.3em; width:0.7em; margin:0 auto;
	color:#666;
}


footer, article, section{display:block;}


body{

}

.home {
	margin: 3.0em auto 0 auto;
	max-width:68.00em;
}

/* #GLOBAL# */
abbr{ border-bottom: dashed 1px #000}

/* #/GLOBAL# */






/* #TOP# */
#top {
	margin: 0 auto 0 auto;
	width:68.00em; height:230px; 
	display:block;
}


#top h1 	  {font-size: 4.1em; line-height: 1.1em;}
#top #colors-bar  {height:195px; width:100%; background:#000; position:fixed; top:0px; left:0px; margin-top:-180px;}
#top #colors-bar #colors {height:200px; width:97px; background:url(../images/colors.png) no-repeat; position:absolute; top:0px; left:0px;}
#top #colors-bar .content-box {height:180px; padding:10px; width:auto; color:#000; background:none; margin-left:100px;}
#top #colors-bar .content-box h2 {font-size:2.1em; color:#fff; line-height:1.7em}
#top #colors-bar .content-box p, #top #colors-bar .content-box p a{color:#fff; line-height:1.8em; text-decoration:none;}
#top h2.subtitle  {font-size:1.2em; line-height:1.3em; margin-top:5px;}
#top a		  {text-decoration:none; border-bottom: dashed 1px #000; color:#000;}
#top a:hover	  {border-bottom: dotted 1px; }

#top #left{
	float:left; width:36.50em; 
	text-shadow:2px 2px 1px #ccc;
}

#top #left a{border:none;}
#top #left .subtitle{text-shadow:0px 0px 0px;}

#top #left a:hover{border:none;}
#top #right{
	float:right; width:20.50em;
	font-size:1.2em;
	line-height:1.3em;
	background:#F2F2F2 url(../images/overlay.png) repeat-x;
	padding:0.8em;
	height:7.7em;
	border:solid 1px #E3E3E3;
	overflow:hidden;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

	#top #right.twitter h2.title 	     	   {font-size:1.6em; text-shadow:1px 1px 1px #fff; }
	#top #right.twitter p	 	     	   {margin:0.5em 0.5em; text-shadow:1px 1px 1px #fff; color:#4D4D4D; font-size:0.9em; height:4.8em }
	/*#top #right.twitter .info small.tweet-info {font-size:0.6em; color:#7D7D7D; text-shadow:1px 1px 1px #fff;}*/
	#top #right.twitter small.datetime   	   {font-size:0.6em; color:#871F1F; text-shadow:1px 1px 1px #fff; background:#fff; display:block; text-align:center; -webkit-box-shadow:1px 1px 2px #ccc;}
/* #/TOP# */



/* #HOME-NAVIGATION# */
#home-navigation{
	margin: 0em auto 3em auto;
	clear:both; height:15.0em;
}

#home-navigation span  			{font-size: 1.0em; line-height: 1.2em;} 
#home-navigation span small		{font-size: 0.8em; line-height: 1.2em;} 
#home-navigation h2    			{font-size: 3.0em; line-height: 1.3em;}

#home-navigation ul 			{width:69.00em;} /* Stack them next to each other */
#home-navigation ul li 			{float:left;} /* Stack them next to each other */
#home-navigation ul li.sep  		{margin:45px 20px 0 20px;} /* Stack them next to each other */
#home-navigation ul li.blog 		{width:9.9090em;} /* Blog Block */
#home-navigation ul li.projects		{width:13.1870em;} /* Projects Block */
#home-navigation ul li.hire-me		{width:13.1870em;} /* Hire-Me Block */
#home-navigation ul li.other-places	{width:19.1870em;} /* Other-Places Block */

#home-navigation ul li #follow-me	{width:19.1870em;} /* Other-Places Block */

	/* Links in LI */
	#home-navigation .navlink a{text-decoration:none; color:#000; text-shadow:1px 1px 1px #ccc;}
	#home-navigation .navlink a:hover{text-decoration:none; color:#d24141; text-shadow:1px 1px 1px #777;}

	/* Links in SPAN in LI */
	#home-navigation span a{text-decoration:none; color:#d24141; border-bottom: dashed 1px #d24141;}
	#home-navigation span a:hover{border-bottom: dotted 1px; }

/* #/HOME-NAVIGATION# */

#page-footer{

	clear:both;
	font-size:0.8em; line-height:1.6em;
	margin:2em auto;
	padding-top:20px;
	text-align:center;
}

#page-footer a		  {text-decoration:none; border-bottom: dashed 1px #000; color:#000;}
#page-footer a:hover	  {border-bottom: dotted 1px; }