body, html { margin: 0px; padding: 0px; }
body { background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: Georgia, Times, serif; font-size: 14px; line-height: 1.5; padding-top: 30px; }
.header_img { padding: 30px 0px 25px; text-align: center; z-index: 99; }
.header_img img { display: inline-block; }
.nav_container { text-align: center; }
.nav_container div { display: inline-block; padding: 0px 10px; }
#nav_loadspin { display: none; position: fixed; top: 8px; left: 8px; z-index: 100; }
.nav_container br { display: none; }
.nav_container a { font-size: 14px; text-decoration: none; }
.project_link a { color: rgb(102, 102, 102); }
.project_link a:hover { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.project_link a:active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.page_link a { color: rgb(0, 0, 0); }
.page_link a:hover { color: rgb(0, 0, 0); text-decoration: underline; }
.page_link a:active { color: rgb(153, 153, 153); }
.link_link a { color: rgb(0, 0, 0); text-decoration: none; }
.link_link a:hover { color: rgb(34, 34, 34); }
.link_link a:active { color: rgb(102, 102, 102); }
.nav_active a { color: rgb(0, 0, 0); font-weight: bold; }
.nav_active a:hover { color: rgb(0, 0, 0); }
.nav_active a:active { color: rgb(0, 0, 0); }
.nav_follow { color: rgb(153, 153, 153); font-size: 11px; z-index: 11; }
.nav_follow a { color: rgb(34, 34, 34); }
.nav_follow a:hover { background: rgb(255, 255, 0); color: rgb(34, 34, 34); }
.nav_follow a:active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.nav_container .view_tag_info { color: rgb(153, 153, 153); display: block; margin-top: 1em; }
.view_tag_info a { color: rgb(153, 153, 153); text-decoration: underline; }
.view_tag_info a:hover { color: rgb(51, 51, 51); }
.view_tag_info a:active { color: rgb(153, 153, 153); }
#content_container { margin: 50px auto 0px; position: relative; z-index: 10; }
#maincontainer { display: none; margin: 0px 2px 2px 0px; border-radius: 2px; }
.bodycopy a { color: rgb(0, 0, 0); text-decoration: underline; }
.bodycopy a:hover { background: rgb(255, 255, 0); color: rgb(0, 0, 0); text-decoration: none; }
.bodycopy a:active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.entry { padding: 0px 30px 30px; }
.project_content { margin: 0px auto; font-size: 16px; text-align: center; width: 670px; }
.project_title { color: rgb(0, 0, 0); font-size: 24px; margin: 0px auto; padding: 0px 0px 30px; text-align: center; width: 670px; }
.project_header { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; text-align: center; text-transform: capitalize; }
.project_header div { display: inline-block; }
.project_header a { color: rgb(187, 187, 187); font-size: 12px; height: 30px; line-height: 30px; padding: 0px 10px; text-decoration: none; }
.project_header a:hover { background: none; color: rgb(0, 0, 0); text-decoration: underline; }
.project_header a:active { color: rgb(102, 102, 102); }
.project_header .last a { border-right: 1px solid rgb(221, 221, 221); }
.project_divider { display: none; }
h1 { font-size: 22px; line-height: 165%; }
h2 { font-size: 16px; line-height: 165%; }
h3 { font-size: 14px; line-height: 150%; }
blockquote { color: rgb(102, 102, 102); margin: 0px; }
.project_content img { margin: 0px 0px 15px; float: none !important; }
.slideshow_wrapper { clear: both; margin: 0px auto 10px; }
.slideshow_wrapper a, .slideshow_wrapper a:hover, .slideshow_wrapper a:active { background: none !important; }
.slideshow_nav { clear: both; color: rgb(153, 153, 153); font-size: 11px; padding-bottom: 10px; }
.slideshow_nav a { color: rgb(102, 102, 102); text-decoration: none; }
.slideshow_nav a:hover { color: rgb(153, 153, 153); text-decoration: none; background: none !important; }
.slideshow_nav a:active { color: rgb(255, 51, 0); }
.slideshow_count { color: rgb(153, 153, 153); font-size: 11px; }
ul.slideshow_thumbs { margin: 0px auto; padding: 0px; }
.slideshow_thumb { display: inline-block; list-style: none; margin: -3px 2px 7px; }
.slideshow_thumb a { border: 1px solid transparent; display: block; padding: 2px; background: none !important; }
.slideshow_thumb a:hover { border: 1px solid rgb(204, 204, 204); background: none !important; }
a.activeSlide { background: none; border: 1px solid rgb(204, 204, 204); }
.slideshow_thumb a:active, a.activeSlide:active { border: 1px solid rgb(102, 102, 102); background: none !important; }
.slideshow_thumb img { border: 0px; display: block; margin: 0px; height: 60px; }
.slideshow_caption { clear: both; display: block; font-size: 11px; padding: 5px 0px; }
.slideshow_caption { clear: both; display: block; font-size: 11px; padding: 5px 0px; }
a#fullscreen { background-color: rgb(26, 26, 26); background-image: url("/_gfx/fullscreen_open.png"); background-repeat: no-repeat; background-position: 67px 3px; border: 1px solid rgb(26, 26, 26); color: rgb(187, 187, 187); display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 11px; line-height: 18px; height: 19px; padding: 0px 4px 0px 5px; text-align: left; text-decoration: none; width: 74px; }
a#fullscreen:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
a#fullscreen:active { background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); color: rgb(102, 102, 102); }
.project_footer { color: rgb(153, 153, 153); clear: both; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 9px; margin: 0px auto; padding: 30px 0px 60px; text-align: center; width: 670px; }
.comment_link a { }
.comment_link a:hover { }
.footer_title_type { color: rgb(0, 0, 0); font-weight: bold; }
.project_views { color: rgb(153, 153, 153); }
.project_footer .permalink { display: none; }
.project_footer .permalink a { color: rgb(153, 153, 153); }
.project_footer .permalink a:hover { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.project_footer .permalink a:active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.tags { color: rgb(153, 153, 153); }
.tags a { color: rgb(0, 0, 0); text-decoration: none; }
.tags a:hover { background: rgb(255, 255, 0); text-decoration: none; }
.tags a:active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.tags a:visited { }
.project_footer .editlink a { color: rgb(0, 102, 255); font-style: italic; }
.project_footer .editlink a:hover { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.project_footer .editlink a:active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.project_bottom { clear: both; width: 670px; }
.project_thumb { border: 1px solid transparent; float: left; margin: 0px 15px 30px; padding: 10px 10px 20px; position: relative; width: 220px; border-radius: 2px; }
.project_thumb:hover { border: 1px solid transparent; }
.project_thumb:active { background: rgb(255, 255, 255); margin: 1px 15px 20px; z-index: 998; }
.project_thumb .hover { background: rgb(255, 255, 255); cursor: pointer; text-decoration: none; }
.project_thumb .nohover { text-decoration: none; }
.project_thumb.active { border: 2px solid rgb(204, 204, 204); margin: -1px 14px 29px; }
.cardimgcrop { margin: 0px 0px 16px; overflow: hidden; position: relative; }
.loader_holder { display: none; position: absolute; top: 18px; left: 18px; z-index: 3; }
.thumb_title { text-align: center; }
.thumb_title .text { color: rgb(0, 0, 0); font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; }
.excerpt { color: rgb(102, 102, 102); font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 10px; margin: 7px 0px 10px; width: 220px; }
.thumb_tag { color: rgb(187, 187, 187); font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 10px; }
.thumb_tag a { color: rgb(187, 187, 187); text-decoration: underline; }
.thumb_tag a:hover { color: rgb(102, 102, 102); text-decoration: underline; }
#search_form { position: fixed; bottom: 20px; left: 740px; }
#search_form #search_term { font-size: 11px; width: 188px; }
#search_form_results { padding-bottom: 90px; }
.search_header { color: rgb(0, 0, 0); float: left; font-size: 14px; font-style: normal; font-weight: normal; margin: 0px; padding: 4px 0px; width: 145px; }
#search_term { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); color: rgb(0, 0, 0); float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; 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: rgb(0, 0, 0); font-weight: bold; text-decoration: underline; }
.search_title a:hover { background: rgb(255, 255, 0); color: rgb(0, 0, 0); text-decoration: none; }
.search_title a:active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); text-decoration: none; }
.search_tags { color: rgb(153, 153, 153); font-size: 11px; }
.search_tags a { color: rgb(153, 153, 153); text-decoration: none; }
.search_tags a:hover { background: none; color: rgb(0, 0, 0); text-decoration: underline; }
.search_tags a:active { color: rgb(102, 102, 102); }
#page_footer { color: rgb(102, 102, 102); position: relative; }
#page_footer br { display: none !important; }
.pagination { color: rgb(153, 153, 153); font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 14px; text-align: center; padding-bottom: 90px; }
.pagination a { color: rgb(0, 0, 0); font-size: 14px; text-decoration: none; }
.pagination a:hover { background: transparent; color: rgb(0, 0, 0); text-decoration: underline; }
.pagination a:active { color: rgb(102, 102, 102); }
.pagination a.prev_page { margin-right: 4px; }
.pagination a.next_page { margin-left: 4px; }
.left_arrow, .right_arrow { color: rgb(0, 0, 0); font-size: 12px; margin-top: 3px; width: 20px; }
.left_arrow { margin-left: -12px; text-align: right; }
.right_arrow { margin-right: -12px; text-align: left; }
.cargo_link { color: rgb(204, 204, 204); font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 11px; position: fixed; bottom: 14px; right: 18px; z-index: 900; }
.cargo_link a { color: rgb(204, 204, 204); text-decoration: underline; }
.cargo_link a:hover { color: rgb(102, 102, 102); text-decoration: underline; }
.cargo_link a:active { color: rgb(153, 153, 153); }
.bottompad { clear: both; position: relative; height: 54px; width: 705px; }
.video_component { margin: 0px auto !important; float: none !important; }
.audio_component { color: rgb(119, 119, 119); font-family: "Droid Sans Mono", Monaco, monospace, Arial, san-serif; font-size: 10px; height: 30px; line-height: 26px; width: 300px; margin: 0px auto !important; float: none !important; }
.audio_component div { height: 26px; }
.audio_component .border { border: 2px solid rgb(170, 170, 170); opacity: 0.5; border-radius: 5px; }
.audio_component .vertical_border { background: rgb(170, 170, 170); 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: rgb(102, 102, 102); }
.audio_component .loading { background: rgb(187, 187, 187); opacity: 0.25; }
.audio_component .progress { background: rgb(187, 187, 187); border-right: 1px dotted rgb(51, 51, 51); opacity: 0.25; }
.audio_component .volume_slide.hover { background: rgb(187, 187, 187); opacity: 0.3; }
.toolset { position: fixed; top: 10px; right: 10px; z-index: 9999; }
.project_thumb:hover .cardimgcrop img { opacity: 0.7; }
.cardimgcrop img { opacity: 1; transition: opacity 0.3s ease-in-out; }