/**
* CSS
* 
* @author Alex Nelson 
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family:"Helvetica Neue", Helvetica, Arial;
	color:#000000;
	background:#FFFFFF;
}




body.section-1 #content .container #aboutme {width:760px; font-size:25px;}
body.section-2 { }
body.section-3 { }

#topbar {border-top:5px solid #000000; width:974px; position:fixed; top:0px; left:15px;}
a:link { text-decoration: none; color:#828282; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color:#828282; }
a:hover { text-decoration: none; color:#000000; }
a:focus { outline:none;}

a img { border: none; }
a.maintitle {color:#000000;}
.maintitle {float:left; position:absolute; top:-24px;}
#subtitle {float:left; position:absolute; top:-42px; margin-left:215px; width:220px;}
#flag {float:left; position:absolute; top:-26px;}

#menu {
    width: 200px;
    overflow: visible;
    top: 0px;
    bottom: 0;
	left: 15px;
    position: fixed;
    height: 100%;
	background-color: #FFFFFF;
}

#menu ul {
	list-style: none;
	margin-bottom:10px;
	padding-top:4px;
	border-top:1px solid #000000;
}

#menu ul li.section-title {float:left; padding-left:0px; text-transform:uppercase;}

#menu ul li {padding-left:52px;}

#menu ul li.active a{color:#000000;}

#content {
    height: 100%;
    margin: 50px 15px 0 230px;
    top: 0;
}

#content .container {border-top:1px solid #000000; padding-left: 0; padding-top:5px; width:760px }

.name { color: #00ADEF; text-decoration: none; font-weight: bold; padding-top:2px; padding-bottom: 2px; border-top: 1px solid black;
    color: #343434;
    font-size:150%;  
  
 }
 
.title { font-style: italic; padding-top:10px; padding-bottom: 2px;     color: #343434; font-size:150%;  
  
 }
 
.headline { text-decoration: none; font-weight: bold; padding-top:2px; padding-bottom: 1px;     color: #343434;font-size:125%;  
  }

.superheadline { text-decoration: none; font-weight: bold; padding-bottom: 15px;     color: #343434; font-size:600%;  line-height:0.9;
  }
  
.flyingfishcreative { text-decoration: none; font-weight: bold; color: #343434; font-size:300%; 
  }

.location { color: #343434; text-decoration: none;  padding-top:10px; padding-bottom: 1px;     font-size:150%;  
}



.btn { text-decoration: none; color:#343434; background-color: #ccfff8; border: 1px solid #ccfff8;}

.btn:hover { border-bottom: 1px solid black; cursor: pointer;}

.title {font-size: 13pt; }

.footer { font-size:9px; text-transform:none; line-height:150%; }

.hello { font:Georgia, "Times New Roman", Times, serif; line-height:125%; font-size:36px; color:#00ADEF; }

.greeting { font:Georgia, "Times New Roman", Times, serif; line-height:125%; font-size:36px; padding-bottom:10px; }



#footer {
    font-size: 9px;
    margin: 20px 0 0 230px;
    width: 760px;
    border-top:1px solid #000000;
    padding-top:4px;
}

#content p { width: 760px; margin-bottom: 9px; }

p {
    margin: 0 0 0 0;
}

.blockquote {margin-left: 20px; width: 380px;}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin:0; padding: 0;  padding-top:3px }
#img-container p	{margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#aboutFlag {top:10px; position:relative;}

.postnav {position:fixed; bottom:12px;}

.list-date {float:left;}
.list-title {color:#F00; margin-left:70px; float:left;}
.list-body {margin-left:360px; width: 400px;}
.list-info {margin-left:70px; float:left;}