html {
					background: light #eee0e0;
					margin: 0 auto;
					}
		
		
		h2, h3, h4, h5, h6, p {
					margin: 0;
					padding: 0;
					}
		
			
		body {
					font-family: Verdana, Geneva, sans-serif;
					font-size: 100%;
					width: 80%;
					margin-right: auto;
					margin-left: auto;
					padding: 2.5% 2.5% 0;
					background: #eee;
                    line-height: 1.8;
					border-bottom: 10px solid blue;
					
					}
	
		
		#seanbanner {
					
					color: #9faae8; 
					width: 100%;
					border: 1px solid black;
					border-radius: 5px;
					background: #26228d; 
					font-family: georgia,"times new roman";
					padding-left: 10px;
					}


		#mypic {
					float:right;
					width:42px;
					height:42px;
					}
					
		.aboutsean{
 				background:lightslategrey; /*BLANCHEDALMOND;  */
		}			








#navigation {
 margin: 0;
 padding: 0 1em;
 background: #9faae8;
 height: 3em;
 list-style: none;
}

#navigation > li {
 float: left;
 height: 100%;
 margin-right: 0.5em;
 padding: 0 1em;
}

#navigation > li > a {
 float: left;
 height: 100%;
 color: #c60;
 text-decoration: none;
 line-height: 3;
 font-weight: bold;
 text-transform: uppercase;
}

#navigation > li > a:hover {
 color: orange;
 text-decoration: underline;
}



#navigation > li.sub {
 position: relative;
}

#navigation > li.sub ul {
 width: 10em;
 margin: 0;
 padding: 0.5em 0;
 list-style: none;
 background: #a40;
 position: absolute;
 top: -1000em;
}

#navigation > li.sub ul li {
 width: 90%;
 margin: 0 auto 0.3em auto;
}

#navigation > li.sub ul li a {
 height: 100%;
 display: block;
 padding: 0.4em;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

#navigation > li.sub ul li a:hover {
 background: #c60;
 text-decoration: underline;
}

#navigation > li.sub:hover ul {
 top: 3em;
}


/*tab styles*/
aside.hobbies {
	font: .8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:#2e2e2e;
	padding: 25px;
	padding-top: 1em;
	float: left;
	width: 100%;
	margin-left: 1em;
	border-radius: 20px;
}

.hobbies h3 {
	font-weight: normal;
	color: white;
	font-size: 1.6em;
	margin-bottom:.5em;

}

#hobbiecontainer h4 {
	color: rgba(59, 86, 127, 1);
	font-size: 2em;

}

#idhobbies{
	height:30px;
	overflow:hidden;
}

#idhobbies > ul{
	font: 1em;
	list-style:none;
}

#idhobbies ul, #idhobbies li {
	margin:0;
	padding:0;
}

#idhobbies > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#FFF;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	background: #CCC;  <!-- grey on the unselected tabs-->
}

#idhobbies > ul > li:hover{
	background: white; 
	cursor:pointer;
}

#idhobbies > ul > .active{
	background: white; /* old browsers */
	cursor:pointer;
}

#containers div {
	background: linen;
	padding:10px 10px 25px;
	margin:0;
	color:#333333; <!-- Hobbie text colour -->
}
#idhobbies a {
	text-decoration: none;
	color: black;
}