/* Eric Meyer Reset v2.0 http://meyerweb.com/eric/tools/css/reset/ License: none (public domain) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a:focus{outline:0}

/* YUI 3.4.1 (build 4118), Copyright 2011 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */
body{font:12px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

@font-face {font-family: 'SignikaNegative-Regular'; src: url('/lib/fonts/SignikaNegative-Light.ttf');}
@font-face {font-family: 'SignikaNegative-Bold'; src: url('/lib/fonts/SignikaNegative-SemiBold.ttf');}

/* Custom Global Styles */
html, body { background-color: #F8F8F8; }
body { color: #222; font-family: 'SignikaNegative-Regular',serif; font-weight: 400; max-width: 700px; padding: 6px 1% 0 180px; }

a, a:active, a:visited { color: #222; }
a:hover { color: #666; }
h1, h2, h4 { font-family: 'SignikaNegative-Bold'; }
h1 a,
h2 a { text-decoration: none; }
h2, h3 { font-weight: 700; }
h1 { font-size: 220%; margin-bottom: 10px; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
p { margin-bottom: 6px; }

em { font-style: italic; }

html::selection,body::selection,div::selection,span::selection,applet::selection,object::selection,iframe::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection,p::selection,blockquote::selection,pre::selection,a::selection,abbr::selection,acronym::selection,address::selection,big::selection,cite::selection,code::selection,del::selection,dfn::selection,em::selection,img::selection,ins::selection,kbd::selection,q::selection,s::selection,samp::selection,small::selection,strike::selection,strong::selection,sub::selection,sup::selection,tt::selection,var::selection,b::selection,u::selection,i::selection,center::selection,dl::selection,dt::selection,dd::selection,ol::selection,ul::selection,li::selection,fieldset::selection,form::selection,label::selection,legend::selection,table::selection,caption::selection,tbody::selection,tfoot::selection,thead::selection,tr::selection,th::selection,td::selection,article::selection,aside::selection,canvas::selection,details::selection,embed::selection,figure::selection,figcaption::selection,footer::selection,header::selection,hgroup::selection,menu::selection,nav::selection,output::selection,ruby::selection,section::selection,summary::selection,time::selection,mark::selection,audio::selection,video::selection { background: #CCC; }
html::-moz-selection,body::-moz-selection,div::-moz-selection,span::-moz-selection,applet::-moz-selection,object::-moz-selection,iframe::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection,p::-moz-selection,blockquote::-moz-selection,pre::-moz-selection,a::-moz-selection,abbr::-moz-selection,acronym::-moz-selection,address::-moz-selection,big::-moz-selection,cite::-moz-selection,code::-moz-selection,del::-moz-selection,dfn::-moz-selection,em::-moz-selection,img::-moz-selection,ins::-moz-selection,kbd::-moz-selection,q::-moz-selection,s::-moz-selection,samp::-moz-selection,small::-moz-selection,strike::-moz-selection,strong::-moz-selection,sub::-moz-selection,sup::-moz-selection,tt::-moz-selection,var::-moz-selection,b::-moz-selection,u::-moz-selection,i::-moz-selection,center::-moz-selection,dl::-moz-selection,dt::-moz-selection,dd::-moz-selection,ol::-moz-selection,ul::-moz-selection,li::-moz-selection,fieldset::-moz-selection,form::-moz-selection,label::-moz-selection,legend::-moz-selection,table::-moz-selection,caption::-moz-selection,tbody::-moz-selection,tfoot::-moz-selection,thead::-moz-selection,tr::-moz-selection,th::-moz-selection,td::-moz-selection,article::-moz-selection,aside::-moz-selection,canvas::-moz-selection,details::-moz-selection,embed::-moz-selection,figure::-moz-selection,figcaption::-moz-selection,footer::-moz-selection,header::-moz-selection,hgroup::-moz-selection,menu::-moz-selection,nav::-moz-selection,output::-moz-selection,ruby::-moz-selection,section::-moz-selection,summary::-moz-selection,time::-moz-selection,mark::-moz-selection,audio::-moz-selection,video::-moz-selection { background: #CCC; }

.boat_instructions_alternate { display: none; }

#navigation { left: 10px; position: absolute; top: 6px; width: 150px; }
#navigation header,
#navigation header canvas { margin-bottom: 12px; }
#navigation header nav { border: 1px solid #CCC; border-width: 1px 0; line-height: 100%; margin-bottom: 12px; padding: 8px 0 6px; }
#navigation header nav ul li { margin-bottom: 8px; }
#navigation header nav ul li:last-of-type { margin-bottom: 0; }
#navigation header nav ul li a { display: inline-block; font-family: 'SignikaNegative-Bold'; font-size: 160%; text-decoration: none; }
#navigation header nav ul li a:hover,
#navigation header nav ul li .active { background-color: #DDD; color: #222; }
#navigation p { font-size: 100%; }

.page_nav h2 { font-size: 100%; }
.page_nav > ul { margin-bottom: 8px; }
.page_nav ul li a { display: inline-block; font-size: 90%; text-decoration: none; }
.page_nav ul li a:hover,
.page_nav ul li .active,
.page_nav ul .current-cat > a,
.page_nav ul .current-cat-parent > a,
.page_nav ul .current > a { background-color: #DDD; }

#main_content { float: right; margin-bottom: 21px; width: 100%; }
#main_content h1 { font-family: 'SignikaNegative-Regular'; }
#main_content h1 a { color: #222; display: inline-block; font-family: 'SignikaNegative-Bold'; margin-right: 2%; width: 49%; }
#main_content > img { margin-bottom: 12px; width: 100%; }
#main_content li { font-size: 130%; line-height: 140%; margin-bottom: 4px; }
#main_content li li,
#main_content li p { font-size: 100%; }
#main_content p { font-size: 130%; line-height: 140%; margin-bottom: 12px; }

#toplink { background: url('/lib/img/up.png') no-repeat; bottom: 0; display: block; height: 50px; left: 10px; position: fixed; text-indent: -9999em; width: 150px; z-index: 2; }

.project_links { margin-bottom: 12px; }
.project_links li { display: inline; margin-right: 6px; }
.project_links li:after { content:",";}
.project_links li:last-of-type:after { content:".";}
.project_links li a { font-size: 130%; }

@media only screen and (max-width: 480px) {
	body { padding: 4px 3% 0; }

  .about_page #navigation header nav { margin-bottom: 0; }
  .about_page #short_description,
  .blog #short_description { display: none; }

  .boat_instructions { display: none; }
  .boat_instructions_alternate { display: block; }

  #navigation { left: 0; position: static; width: 100%; }
  #navigation canvas { display: none; }
  #navigation header { margin-bottom: 8px; }
  #navigation ul li { display: inline; }
	#navigation ul li:after { content: "/";}
	#navigation ul li:last-of-type:after { content: ""; }
	#navigation ul li:first-of-type a { margin-left: 0; }
  #navigation ul li a { display: inline; margin: 2px 6px 0; }

  #main_content { float: none; }

  #toplink { left: auto; right: 3%; }
}