#navcontainer
{
width: 100%;
padding: 0 0 0 0;
margin-bottom: 1em;
background-color: #90bade;
border-top: 1px solid #2175bc;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}


#navcontainer li
{
border-bottom: 1px solid #2175bc;
margin: 0;
}

#navcontainer li a
{
display: block;
width: 400px;			
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;

background-color: #8FABFF;
color: #fff;
text-decoration: none;

width: 100%;

}


#navigation #navcontainer li a { width: auto; }


#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #FFC414;
background-color: #2586d7;
color: #fff;
}


html,body
{
	margin:0;
	padding:0;
}

body {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	line-height: 1.25em;
	color: #000;
	background: #FFFFFF;
}

p{
	margin:0 10px 10px;
}

a {
	display:inline;
	color: #981793;
}

div#header {
	background: #8FABFF;
	line-height:1.75em;
	color: #FFFFFF;
    border-bottom: 2px solid #FFC414;
    padding-top: 0.5em;
}

div#header h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.5em;
	margin:0;
	padding-left:10px;
}

div#header h4 {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1em;
	margin:0;
	padding-right:10px;
    text-align: right;
    font-style: italic;
}

div#content p{
	line-height: 1.4;
	padding-left: 0.5em;
}

h2 {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.4em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	text-transform: lowercase;
    font-style: italic;
    border-bottom:1px dotted #C5DEA1;
}

h3 {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.3em;
	padding-left: 0.5em;
	text-transform: lowercase;
}

div#navigation{
	background: #FFFFFF;
}

div#extra{
	background: #FFFFFF;
}

div#extra p{
	font-size: 0.8em;
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
}

div#extra a{
	display: inline;
	font-size: 0.8em;
	text-align: right;
	margin: 0;
	padding: 0;
	padding-right: 0.2em;
}

div#extra p.contacttitle{
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
}


div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px;font-size: 0.8em;}

div#wrapper{float:right;width:100%;margin-left:-200px}
div#content{margin-left:200px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}

span.project_title {
	font-weight: bold;
}

p.project_detail {
}

div.vcard {
	padding-left: 0.25em;
	padding-right: 0.25em;	
}

div.vcard a{
	display: block;
}

div.vcard span.title {
	font-size: 0.7em;
	font-weight: bold;
	padding-right: 0.2em;
}

div.lastfm span.title {
	font-size: 0.7em;
	font-weight: bold;
	padding-right: 0.2em;
}


div.vcard img {
	margin: none;
	border: none;
}


div.vcard span.fn {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.3em;
	text-transform: lowercase;
	font-style: italic;	
	vertical-align: top;
}

#quakemap {
	width: 800px;
	height: 400px;
	border: 1px solid black;
    background: #fff;
}

#largemap {
	height: 400px;
	width: 800px;
	border: 1px solid black;
    background: #fff;
    margin-right: 1em;
    margin-left: 1em;
}

#panomap {
	height: 300px;
	width: 800px;
	border: 1px solid black;
    background: #fff;
    margin-right: 1em;
    margin-left: 1em;
}


#query {
	height: 300px;
	width: 200px;
	border: solid 1px blue;
	text-align: center;
	display: inline;
}


td.title {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.3em;
	text-transform: lowercase;
}

span #bold {
	font-weight: bold;
}

.foo {	margin-left: 0.5em;
		margin-right: 0.5em;
		margin-bottom: 0.5em;
}

.accordianHeader {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
	padding-left: 0.2em;	
	text-transform: lowercase;
}

div.lastfm {
   font-family: "Lucida Grande", Verdana, sans-serif;
   background-color: #508fc4;
   border: 1px solid #1958b7;
   font-size: 12px;
   text-align: center;
   color: #fff;
   margin-bottom: 2px;
}

div.lastfm .title {
    font-size: 11px;
}

div.lastfmtagcloud {
    font-size: 10px; 
}

span.bucket_9 {
    font-size: 16px;
}

span.bucket_8 {
   font-size: 14px;
}

span.bucket_7 {
   font-size: 14px;
}

span.bucket_6 {
   font-size: 13px;
}

span.bucket_5 {
   font-size: 13px;
}

span.bucket_4 {
   font-size: 12px;
}

span.bucket_3 {
   font-size: 12px;
}

span.bucket_2 {
}

span.bucket_1 {
}

span.bucket_0 {
}

div#fe {
	clear: left;
	float: left;
	width: 200px;
	margin-top: 16px;
}

div#fe h2 {
	border-bottom: none;
}

div#fe ul {
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	padding-left: 0px;
	margin-top: 4px;	
	margin-bottom: 4px;	
}

div#fe #fireeagle_badge {
	list-style: none;
	margin-left: 2px;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.4em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	text-transform: lowercase;
    font-style: italic;
    border-bottom:1px dotted #C5DEA1;
	
}

div#fe #widget_credits {
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 0.5em;
	font-style: normal;
	font-weight: normal;
	list-style: none;	
}

div#fe ul li {

}


div#twitter_div {
	clear: left;
	float: left;
	width: 200px;
	margin-top: 16px;
}

div#twitter_div h2 {
	border-bottom: none;
}


div#twitter_div ul {
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	padding-left: 5px;
	margin-top: 4px;	
	margin-bottom: 4px;	
}


div#twitter_div ul li {
	padding-bottom: 4px;
}

div#twitter_link a.twitter_link {
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 0.5em;
	font-style: normal;
	font-weight: normal;
	list-style: none;		
}