/*
 * Global Biblio styles
 */
body, html{ margin:0px; padding:0px; }
html { background:#fff url(http://fthrwght.com/core/wp-content/themes/fthrwght2012/img/fthrwght-monogram.png) bottom center no-repeat; }
body{ background: transparent; color:#888; font-family:"runda-1","runda-2",runda,Helvetica,Arial,sans-serif; font-size:12px; line-height:22px; word-spacing:1px; }

/*
 * Header / Navigation
 */
.header_img{ position:fixed; top:100px; left:20px; z-index:11}

/* Enabled via display options */
.nav_container.horizontal { margin: 44px 6.25%; z-index: 25; text-align: center; }
.nav_container.horizontal div { display: inline-block; }

/* Vertical nav is not styled by default */
.nav_container { font-size: 10px; line-height: 22px; text-transform: uppercase; letter-spacing: 0.2em; }
.nav_container #p3795817 { font-size:12px; letter-spacing:0; text-transform: none; font-weight: bold; }

.project_link, 
.page_link, 
.link_link, 
.nav_active, 
.nav_follow, 
.view_tag_info{ margin: 0 10px; padding: 0 10px; }

#nav_loadspin{ display:none; position:fixed; top:10px; left:19px; z-index:100}

/*
 * All Links
 */
a { text-decoration: none; color: #000; }
a:link, a:visited { color: #000; text-decoration: none; }
a:active, a:hover { color: #000; text-decoration: underline; }

/*
 * Content
 */
#content_container{ clear:both; display:block; margin:0 6.25% 44px; position:relative; z-index:10; overflow: hidden; }

/* Content >Project content
***************************************************************************************************/
#maincontainer{ display:none; margin:0 0 44px 0; width: auto; }
.project_title{ color: #000; font-size: 36px; line-height: 33px; padding: 22px 0; margin-bottom: 22px; /* font-weight: bold; */ border-bottom: 1px dotted #000; text-align: center; }
.project_content{ width: auto; text-align: center; }
.project_content br { clear: none !important}
.project_content p{ margin: 0 auto 22px; padding:0; width: 60%; text-align: center; }
.project_content img { width: auto; height: auto; max-width: 100%; margin: 0px 0px 22px; }

/*
 * Project content >Header
 */
.project_header{ position: absolute; bottom: 44px; left: 50%; width: 400px; display: block; margin-left: -200px; text-align: center; font-size:10px; text-transform: uppercase; letter-spacing: 0.2em; }
.project_header div { display: inline-block; position:relative; z-index:99; }
.project_header .project_next:before { content: "← "; }
.project_header .project_index:after { content: " ⊞"; }
.project_divider { color:#888; }

/*
 * Styling of default typographic headers and elements
 */
h1{ font-size:22px; line-height:165%}
h2{ font-size:16px; line-height:165%}
h3{ font-size:14px; line-height:150%}
blockquote{ color:#666; margin:0}

/*
 * Project content >Slideshows
 */
.slideshow_component{ margin:0 auto; }
.slideshow_wrapper{ clear:both; margin: 0 auto 22px; }
.slideshow_wrapper a, 
.slideshow_wrapper a:hover, 
.slideshow_wrapper a:active{ background:none !important}
.slideshow_nav{ clear:both; font-size:10px; padding-bottom:22px; text-transform: uppercase; letter-spacing: 0.2em; text-align: center;}
.slideshow_count{ color:#888; }
.slideshow_container { text-align: center; }
ul.slideshow_thumbs{ margin:0; padding:0}
.slideshow_thumb{ float:left; list-style:none; margin:-3px 7px 7px -3px}
.slideshow_thumb a{ background:none !important; border:1px solid transparent; display:block; padding:2px}
.slideshow_thumb a:hover{ background:none !important; border:1px solid #ccc}
a.activeSlide{ background:none; border:1px solid #ccc}
.slideshow_thumb a:active, 
a.activeSlide:active{ background:none !important; border:1px solid #666}
.slideshow_thumb img{ border:0; display:block; margin:0; height:66px}
.slideshow_caption{ clear:both; display:block; font-size:11px; padding:5px 0 5px 0}

/**
 * Fullscreen button
 */
a#fullscreen{ background-color:#1a1a1a; background-image:url(/_gfx/fullscreen_open.png); background-repeat:no-repeat; background-position:67px 3px; border:1px solid #1a1a1a; color:#bbb; display:block; font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif; font-size:11px; line-height:18px; height:19px; padding:0 4px 0 5px; text-align:left; text-decoration:none; width:74px}
a#fullscreen:hover{ background-color:#fff; color:#000}
a#fullscreen:active{ background-color:#fff; border:1px solid #888; color:#666}

/*
 * Project footer
 */
.project_footer{ color: #888; text-align: center; clear:both; padding:0 0 22px; font-size:10px; line-height:22px; text-transform: uppercase; letter-spacing: 0.2em; }
.footer_title_type{ font-weight: bold; color: #999; }
.project_views{ font-style: italic; }
.project_footer .permalink a{ display: none; }
.project_footer .editlink a{ color: red; font-style:italic}
.project_bottom{ clear:both; margin:44px 0 0}
 
/*
 * Content >Thumbnails
 */
#page_1 { text-align: center; }
.project_thumb{ margin: 0 20px 22px 0; position: relative; width: 280px; display: inline-block; }
.project_thumb .hover{ cursor: pointer; text-decoration:none; }
.project_thumb .nohover{ text-decoration: none; }
.project_thumb .hover .thumb_title span,
.project_thumb.active .thumb_title span{ text-decoration: underline; }
.cardimgcrop{ background: #fff; margin:0 0 11px 0; position:relative; min-width:280px; min-height:200px}
.cardimgcrop img{ border:1px solid #EEE; margin: 0 -1px; }
.cardimgcrop.notitle_notag{ margin-bottom:0px}
.loader_holder{ display:none; position:absolute; top:8px; left:8px; z-index:3}
.thumb_title{ overflow:hidden; white-space:nowrap}
.thumb_title.notag{ margin:0 0 22px 0}
.thumb_title .text{ color:#000; font-size:11px; font-weight:bold; line-height:15px; overflow:hidden; white-space:nowrap}
.thumb_tag{ color:#888; height:3em; line-height:15px; margin:0 0 2px 0; overflow:hidden}
.thumb_tag.notitle{ margin-top:5px}
.thumb_tag a{ color:#888;  font-size:11px; line-height:1.5em; text-decoration:none}
.thumb_tag a:hover{ text-decoration:underline}

/*
 * Search results
 */
#search_form{ position:absolute; top:34px; left:780px}
#search_form #search_term{ color:#888; width:188px}
#search_form_results{ padding-bottom:90px}
.search_header{ color:#888; float:left; font-size:14px; font-style:normal; font-weight:normal; margin:0; padding:5px 0; width:145px}
#search_term{ background:#fff; border:1px solid #ccc; color:#000; float:left; font-family:Arial,Helvetica,sans-serif; font-size:15px; margin:0; padding:5px; width:220px}
#search_results{ float:left}
.result{ clear:both; font-size:14px; line-height:22px; margin-bottom:60px}
.search_thumb{ float:left; margin:4px 25px 35px 0px}
.search_thumb img{ width:120px; height:auto}
.search_text{ width:500px; margin-left:145px}
.search_title a{ color:#000; font-weight:bold; text-decoration:underline}
.search_title a:hover{ background:#ff0; color:#000; text-decoration:none}
.search_title a:active{ background:#000; color:#fff; text-decoration:none}
.search_tags{ color:#888; font-size:11px}
.search_tags a{ color:#888; text-decoration:none}
.search_tags a:hover{ background:none; color:#000; text-decoration:underline}
.search_tags a:active{ color:#666}

/*
 * Footer
 */
.bottompad{ clear:both; position:relative; margin:35px 0 0 0; width:705px}
.pagination{ color:#888; font-size:15px; margin:1.5 0 0 0}
.pagination a{ color:#888; text-decoration:underline}
.pagination a:hover{ color:#000}
.pagination a:active{ color:#666}

/*
 * Other
 */
/* Admin and following icons — only seen by members */
.toolset{ position:fixed; top:6px; right:6px; z-index:8889}
.permalink_page .project_title{ padding:38px 0px 30px}

/* "Running on Cargo"*/
.cargo_link{ color: #ccc; font-size: 9px; line-height: 22px; text-transform: uppercase; letter-spacing: 0.15em; position: fixed; right: 15px; bottom: 10px; text-align: right; z-index: 99; }
.cargo_link a{ color: #888; text-decoration: underline; }
.cargo_link a:hover{ color: #000; text-decoration: underline; }
.cargo_link a:active{ background: #000; color: #fff; }

/*
 * Video component
 */
.video_component{ float:left; margin:0 15px 15px 0}

/*
 * Audio component
 */
.audio_component{ color:#777; font-family:"Droid Sans Mono",Monaco,Monospace,Arial,san-serif; font-size:10px; height:30px; line-height:26px; width:300px}
.audio_component div{ height:26px}
.audio_component .border{ border:2px solid #aaa; opacity:0.5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5}
.audio_component .vertical_border{ background:#aaa; opacity:0.50; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5}
.audio_component .controls{ top:2px; left:2px}
.audio_component .play_pause{ background:url("/_gfx/playpause.png")}
.audio_component .spectrum .spectrum_bar{ background:#666}
.audio_component .loading{ background:#bbb; opacity:0.25;  filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity:0.25}
.audio_component .progress{ background:#bbb; border-right:1px dotted #333; opacity:0.25;  filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity:0.25}
.audio_component .volume_slide.hover{ background:#bbb; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3}

#foot_container { overflow: hidden; }

/*
 * In-browser code editing made "almost bearable"by CodeMirror:http://marijn.haverbeke.nl/codemirror
 */
 

/*iPad (Portrait) or smaller
-------------------------------------------------------------- */
@media screen and (max-width: 760px) { 
    .project_link, .page_link, .link_link, .nav_active, .nav_follow, .view_tag_info { padding: 0 5px; margin: 0 5px; }
    .nav_container #menu_3795817 { display: block; margin-bottom: 22px; }
    .slideshow_wrapper[style] { clear:both; margin: 0 auto 22px; width: 100% !important; }
    .slideshow_container[style] { text-align: center; width: auto !important; max-width: 100% !important; }
    .slideshow_container img[style] { text-align: center; }
}