@charset "UTF-8";

body {
	background-image:url(../images/header.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
#title {
	position:absolute;
	top:8px;
	left:25px;
	float:left;
	width:200px;
	}

#menu {
	position:absolute;
	top:8px;
	right:25px;
	font-size:12px;
	z-index:10;
	

	}

#menu a:link {
	color:#FFFFFF;
	text-decoration:none;
	padding-right:8px;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;	}

#menu a:visited {
	color:#FFFFFF;
	text-decoration:none;
	padding-right:8px;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;		}
	
#menu a:hover {
	color:#FFFFff;
	text-decoration:none;
	padding-right:8px;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#3d7399;
	
	}
	
#menu a:active {
	color:#FFFFff;
	text-decoration:none;
	padding-right:8px;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#6794b3;
	}

#main {
	margin-top:50px;
	}
		


#copywrite {
	border-top:1px solid #bbb;
	padding-top:10px;
	margin:50px 20px 0px;
	text-align: left;
	font-size:10px;
	}

 #portfoliomenu 	{font-size:12px; margin-top:10px;}
 #portfoliomenu a 	{padding:2px;}
 #portfoliomenu a.on {border:1px solid #ccc; background-color:#f1f1f1;}

h1 {color: #444;	font-size: 18px; font-weight: bold; padding:0; margin:0;}
h2 {color: #777;	font-size: 14px; font-weight: normal; padding:0; margin:0; letter-spacing:4px;}
h3 {color: #444;	font-size: 14px; font-weight: bold; padding:0; margin:0;}
h4 {color: #444;	font-size: 12px; font-weight: normal; padding:0; margin:0;}
h5 {color: #444;	font-size: 10px; font-weight: normal; padding:0; margin:0;}


.module		{float:left; margin:20px; font-size:12px;  }
.small		{height:200px; width:200px;}
.medium		{height:400px; width:200px;}
.medium2	{height:200px; width:440px;}
.large		{height:400px; width:440px;}

.moduleTitle 	{border-bottom:1px solid #bbb;}

.module ul		{padding:0; margin:5px;}
.module li		{list-style:none;  padding:8px 0px;}
	
	
#intro p {padding:0px; color:#666; font-size:12px;}	

#networking li {display:inline; width:95px; float:left;}
#chatting li {display:inline; width:95px; float:left;}


#tinkering img 	{width:40px; border:1px solid #bbb; padding:2px; margin:0px;}
#tinkering 		{font-size:14px;}
#tinkering li	{height:40px;}
	
#tinkering .thumbnail 	{float:left; width:60px;}
#tinkering .link		{float:left; width:120px; padding:5px 0px;}

#listening b	{font-weight:normal;}
	
a:link, a:visited 	{color:#666666; text-decoration:none;}
a:hover, a:active	{color:#555555; text-decoration:underline;}

            #flickr_badge_uber_wrapper {text-align:center; width:200px;}
            .flickr_badge_image {margin:5px; float:left;}
            .flickr_badge_image img {width:80px; height:80px; border: 1px solid #666; !important;}


#pictures li	{float:left; display:inline;}
#pictures img	{max-width:165px; padding:15px; margin:10px;  background:url(../images/frame_med.png) no-repeat center bottom;}

#links li		{float:left; display:inline;}
#links img		{max-width:165px; padding:15px; margin:10px;  background:url(../images/frame_med.png) no-repeat center bottom;}

.springboard img {
	background-image:url(../images/frame_sm.jpg);
	background-repeat:no-repeat;
	padding:15px;
	background-position:bottom;
	margin:10px;
			}
.springboard li 	{font-size: 11px; list-style-type:none;}