/* ******************************************
  MattBango.com | The Portfolio of Matt Bango
****************************************** */
@import url("reset_css.php");@import url("global_css.php");@import url("timeline.css");body {background: #fff url(/images/body_bg.jpg) repeat-x top;}@font-face {font-family: MgOpenCononica;src: url(/sifr/MgOpenCanonicaItalic.ttf) format("opentype");font-style: italic;}h1 {border-bottom: 1px solid #d0d0d0;color: #191919;font-family: Georgia, "Times New Roman", serif;font-size: 1.80em;letter-spacing: 0.05em;}h2 {color: #444;font-family: MgOpenCononica, Georgia, "Times New Roman", serif;font-size: 28px;font-style: italic;margin: 0;padding: 0;}.sIFR-active h2 {visibility: hidden;font-family: Georgia, "Times New Roman", serif;line-height: 1em;font-size: 28px;color: #191919;}h3 {border-bottom: 1px solid #eee;color: #555;font-size: 1.4em;font-weight: bold;padding-bottom: 2px;margin-bottom: 3px;}h3 a, #right #resume h2 {border-bottom: 2px solid #d2d2d2;color: #5f5f5f;font-family: Georgia, "Times New Roman", serif;font-size: 17px;font-style: italic;font-weight: bold;letter-spacing: 0.05em;line-height: 1.35;}#right h3, #right #resume h2 {border-bottom: 1px solid #e5e5e5;margin: 30px 0 5px 0;padding: 6px 0 3px 0;}h4 {color: #d7d7d7;}#right #resume h4 {color: #444;font-family: arial, "Tahoma", helvetica, sans-serif;font-size: 1.3em;font-weight: bold;line-height: 1.50;}h5 {color: #555;}#right #resume h5 {color: #888;font-size: 1.2em;font-style: italic;line-height: 1.5;}p {font-size: 1.2em;line-height: 2.0;}pre.code {-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border-top: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-left: 8px solid #e0e0e0;background-color: #f7f7f7;color: #575757;font-family: Consolas, 'Courier New', Monaco, Courier, monospace;font-size: 1.4em;line-height: 1.3;margin: 0 0 15px 0;overflow: auto;padding: 5px 10px;}body pre code {width: 530px;}.code-snippet {font-family: Consolas, 'Courier New', Monaco, Courier, monospace;font-size: 1.2em;}#header {border-top: 4px solid #444444;height: 110px;}#header a#logo {background: #fff url(/images/logo.gif) no-repeat left bottom;height: 100px;width: 280px;margin: 10px 0 0 0;}#header a:hover#logo {background-position: left top;}#nav {margin: 0;padding: 0;position: relative;top: 40px;}#nav ul {margin: 0;padding: 0;}#nav ul li {display: block;float: left;margin: 0;padding: 0;}#nav ul li a {-moz-border-radius: 11px;-webkit-border-radius: 11px;border: 1px solid #fff;color: #666666;display: block;font-size: 1.2em;font-weight: bold;line-height: 1.0;margin: 0 10px;padding: 4px 12px;text-decoration: none;text-transform: uppercase;}#nav ul li a:last-child {margin: 0 0 0 10px;}#nav ul li a:hover {border: 1px solid #ddd;color: #89c4ec;text-decoration: none;}#nav ul li a.selected {border: 1px solid #79b6df;background-color: #79b6df;color: #fff;}#content {height: auto !important;height: 200px;min-height: 200px;}#content p {color: #777;}#titleBox, #resumeTitleBox {border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;margin: 0 0 40px 0;padding: 32px 0 2px 0;}#titleHome, #titleWork, #titleAbout, #titleNotebook, #titleNotebookFull, #titleCategory, #titleYear, #titleResume, #titleWhoops, #titleActivity {height: 32px;padding: 0 0 32px 0;text-indent: -9999px;width: 920px;}#titleHome {background: #fff url(/images/title/home_title.gif) no-repeat left top;}#titleWork {background: #fff url(/images/title/work_title.gif) no-repeat left top;}#titleAbout {background: #fff url(/images/title/about_title.gif) no-repeat left top;}#titleActivity {background: #fff url(/images/title/activity_title.gif) no-repeat left top;}#titleResume {background: #fff url(/images/title/resume_title.gif) no-repeat left top;}#titleNotebook {background: #fff url(../images/title/notebook_title.gif) no-repeat left top;}#titleNotebookFull {background: #fff url(/images/title/notebookfull_title.gif) no-repeat left top;}#titleCategory {background: #fff url(/images/title/category_title.gif) no-repeat left top;}#titleYear {background: #fff url(/images/title/year_title.gif) no-repeat left top;}#titleWhoops {background: #fff url(/images/title/whoops_title.gif) no-repeat left top;}#left, #left-thin {padding: 0 20px 0 0;margin: 0;}#left {width: 270px !important;width: 260px;}#left-thin {width: 230px !important;width: 227px;}#left ul,#left-thin ul {margin: 0 0 35px 0;padding: 0;}#left ul:last-child,#left-thin ul:last-child {margin: 0;}#left ul li,#left-thin ul li {font-size: 1.2em;line-height: 1.75;}#left ul li.emphasis,#left-thin ul li.emphasis {-moz-border-radius: 10px;-webkit-border-radius: 10px;background-color: #f2f2f2;line-height: 1.7;margin-top: 5px;text-align: center;}#left ul li a,#left-thin ul li a {color: #999;}#left ul li a:hover,#left-thin ul li a:hover {color: #3589C1;}#left ul li a img,#left-thin ul li a img {margin: 0 5px 0 0;position: relative;top: 4px;}a#moreEntries {background: #fbfbfb url(/images/more_entries.gif) no-repeat left top;display: block;height: 24px;margin: 8px 0 0 0;width: 96px;}a:hover#moreEntries {background-position: left bottom;}#left .notebookCount,#left-thin .notebookCount {-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;background-color: #f2f2f2;color: #999;font-size: 0.9em;font-weight: bold;float: right;margin: 0 0 1px 0;padding: 0px 7px;}#left ul li,#left-thin ul li {color: #aaa;}ul.subscriptions li {color: #ccc;}ul.audio-list li {background: #fff url(/images/icons/music_note.gif) no-repeat left top;line-height: 20px;padding-left: 18px;}#right {float: right;margin: 0;width: 610px;}#right a img {border: none;}#right p a.blackButton, #right ul li a.blackButton {background-color: #7a7a7a;color: #fff;padding: 2px 4px;}#right p a:hover.blackButton, #right ul li a:hover.blackButton {background-color: #242424;}#right a, #full .workItem .workLeft a {color: #3589C1;border-bottom: 1px solid #d9d9d9;}#right a:hover,#full .workItem .workLeft a:hover {border: none;}#right a[target="_blank"],#full .workItem .workLeft a[target="_blank"] {padding: 0;margin: 0 1px 0 0;}#right a#mattBangoPage {background: #fff url(/images/matt_bango_page.gif) no-repeat left top;border: none;display: block;margin: 0;padding: 0;height: 221px;width: 205px;}#right a:hover#mattBangoPage {background-position: left bottom;}#right ul {list-style-type: disc;padding: 0 0 0 40px;margin: 0;}#right ol {list-style-type: upper-roman;margin: 0;}#right ul li, #right ol li {font-size: 1.2em;line-height: 2.0;color: #505050;}#right #catTitle p {background-color: #545454;color: #fbfbfb;padding: 0px 0px 0px 8px;margin: 0 4px 20px 4px;font-size: 1.1em;}#right #currentProject {margin: 0;padding: 0;}#right #currentProject em {color: #454545;}#right a#nbPreviousEntries, #right a#nbNextEntries {display: block;margin: 25px 0 30px 0;height: 24px;width: 140px;text-indent: -9999px;border: none;}#right a#nbPreviousEntries {background: #fbfbfb url(/images/previous_entries.gif) no-repeat left top;}#right a#nbNextEntries {background: #fbfbfb url(/images/next_entries.gif) no-repeat left top;}#right a:hover#nbPreviousEntries, #right a:hover#nbNextEntries {background-position: left bottom;}#right #notebookFirst {padding: 4px 8px 8px 8px;}#right #notebookLast {padding: 8px;}#right .nbPostingContainer {padding: 8px;margin: 0 0 20px 0;border-bottom: 1px solid #fff;}#right .nbPostingContainerAlt {-moz-border-radius: 6px;-webkit-border-radius: 6px;background-color: #f9f9f9;border: 1px solid #eee;}#right .nbPostingContainer p {}#right .nbPostingContainer ul {list-style-type: disc;}#right .nbPostingContainer ul li {color: #505050;font-size: 1.2em;line-height: 2.0;}#right .nbPostingContainer h2 a {color: #3589c1;text-decoration: none;border: none;}#right .nbPostingContainer h2 a:hover {color: #191919;}#right .nbPostingContainer .nbPostingHeader {border-bottom: 1px solid #e0e0e0;}#right .nbPostingContainer .nbPostingHeader .nbDateContainer {-moz-border-radius: 3px;-webkit-border-radius: 3px;border: 1px solid #e9e9e9;color: #707070;float: right;margin: 0 1px 5px 15px;text-align: center;}#right .nbPostingContainer .nbPostingHeader .nbDateContainer .nbMonth {background-color: #f2f2f2;color: #999;display: block;font-size: 0.9em;font-weight: bold;padding: 3px 0 2px 0;text-transform: uppercase;width: 32px;}#right .nbPostingContainer .nbPostingHeader .nbDateContainer .nbDay {display: block;font-weight: bold;font-size: 1.40em;padding: 3px 0 2px 0;width: 32px;}#right .nbPostingContainer .nbPostingInfoBar {padding: 4px 6px 6px 0;margin: 0 0 5px 0;}#right .nbPostingContainer .nbPostingInfoBar ul {list-style-type: none;padding: 0;margin: 0;}#right .nbPostingContainer .nbPostingInfoBar ul li {line-height: 1.0;padding: 0;margin: 0 4px 0 0;float: left;font-size: 1.1em;color: #bababa;}#right .nbPostingContainer .nbPostingInfoBar ul li {font-weight: bold;}#right .nbPostingContainer .nbPostingInfoBar a {color: #a0a0a0;}#right .nbPostingContainer .nbPostingInfoBar a:hover {color: #555555;}#content #right .commentsContainer {background: transparent url(/images/comments_large_top.gif) no-repeat top left;padding: 60px 8px 8px 8px;}#content #right .commentsContainer a[target="_blank"] {background: none;padding: 0;margin: 0;}#content #right .commentsContainer ul.commentList {padding: 0;margin: 5px 0 0 0;}#content #right .commentsContainer ul.commentList li {-moz-border-radius: 6px;-webkit-border-radius: 6px;border: 1px solid #eee;margin: 0 0 15px 0;}#content #right .commentsContainer ul.commentList li.isme {border: 1px solid #e2eff7;}#content #right .commentsContainer ul.commentList li h4 {background-color: #f4f4f4;color: #555;font-size: 1.1em;padding: 0 5px;}#content #right .commentsContainer ul.commentList li.isme h4 {background-color: #e2eff7;color: #555;}#content #right .commentsContainer ul.commentList li p {font-size: 1.0em;padding: 5px;color: #808080;}#content #right .commentsContainer ul.commentList li h4 strong {color: #191919;}#content #right .commentsContainer #makeCommentContainer {-moz-border-radius: 6px;-webkit-border-radius: 6px;background-color: #f4f4f4;margin-top: 30px;padding: 8px;}#subjectLabel, #subject, #subjectContainer {display: none;}#right .article-controls {margin-bottom: 20px;}#right .article-controls a {-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border: 1px solid #ddd;display: block;float: left;font-size: 1.4em;font-weight: bold;padding: 10px;text-align: center;width: 275px;}#right .article-controls a:hover {background-color: #454545;border: 1px solid #454545;color: #fff;}#right .article-controls .demo {margin: 0 30px 0 0;}#full {width: 100%;min-height: 50px;height: auto !important;height: 50px;}#full .workItem {border-bottom: 1px solid #e5e5e5;clear: both;padding: 35px 0 35px 0;}#full .workItem p {line-height: 1.5;}#full #workFirst {padding: 0 0 35px 0;}#full #workLast {padding: 35px 0 0 0;border: none;}#full .workLeft {float: left;width: 300px;}#full .workItem .workLeft a.launchProject, #full .workItem .workLeft a.caseStudy {display: block;margin: 8px 0 0 0;padding: 0;border: 0;height: 24px;text-indent: -9999px;}#full .workItem .workLeft a.launchProject {background: #fbfbfb url(/images/work_launchProject.gif) no-repeat left top;width: 115px;}#full .workItem .workLeft a.visit-project {-moz-border-radius: 11px;-webkit-border-radius: 11px;border: 1px solid #ddd;float: left;font-size: 1.2em;font-weight: bold;padding: 3px 20px;}#full .workItem .workLeft a:hover.visit-project {background-color: #999;border: 1px solid #999;color: #fff;}#full .workItem .workLeft a.caseStudy {background: #fbfbfb url(/images/work_caseStudy.gif) no-repeat left top;width: 123px;}#full .workItem .workLeft a:hover.launchProject, #full .workItem .workLeft a:hover.caseStudy {background-position: left bottom;}#full .workItem .workLeft .pending p {-moz-border-radius: 11px;-webkit-border-radius: 11px;background-color: #FCFAE9;border: 1px solid #f7f3ce;padding: 3px 20px;}#full .workItem .workRight, #right #currentProject #currentProjImg {float: right;height: 196px;width: 600px;background: #fff url(/images/workRight_bg.gif) no-repeat left top;position: relative;}#full .workItem .workRight img, #currentProjImg img {position: relative;left: 17px;top: 15px;}#right #currentProject #currentProjImg {float: none;}.resume_block {padding: 0 0 0 16px;}.resume_block p {line-height: 1.5;margin: 0;padding: 0;}.resume_block em, .experience_block em {color: #c5c5c5;font-size: 1.2em;font-style: italic;line-height: 1.5;}.resume_block ul {line-height: 1.5;margin: 0;padding: 0 0 0 40px;}#right #resume .experience_block ul {line-height: 1.5;margin: 0;padding: 0 0 15px 40px;}#right #resume .experience_block ul li {line-height: 1.75;margin: 0 0 5px 0;}.experience_block {-moz-border-radius-bottomleft: 6px;-webkit-border-bottom-left-radius: 6px;border-bottom: 1px solid #efefef;border-left: 8px solid #efefef;margin: 0 0 15px 0;padding: 0 0 0 8px;}.experience_block em {font-size: 1.2em;}.experience_block .experience_title, .experience_block h5 {border-bottom: 1px solid #eee;margin: 3px 0 6px 0;width: 340px;}.experience_block h4 {padding: 0 6px 0 0;}#workNav {height: 32px;padding: 12px 0 0 0;position: relative;top: -15px;margin: 0 0 40px 0;}#workNav ul {border-bottom: 1px solid #ccc;margin: 0;padding: 0;}#workNav ul li {float: left;display: block;}#workNav ul li em {margin: 0 5px 0 0;color: #b3b3b3;font-size: 1.1em;}#workNav ul li a {border-top: 1px solid #e0e0e0;background-color: #eee;color: #999;display: block;font-size: 1.4em;margin: 5px 0 0 0;padding: 6px 0;text-align: center;width: 120px;}#workNav ul li a:hover {background-color: #e9e9e9;color: #454545;border-top: 1px solid #e0e0e0;}#workNav ul li:last-child a {-moz-border-radius-topright: 6px;-webkit-border-top-right-radius: 6px;border-right: 1px solid #e0e0e0;}#workNav ul li:first-child a {-moz-border-radius-topleft: 6px;-webkit-border-top-left-radius: 6px;border-left: 1px solid #e0e0e0;}#workNav ul li a.workSelected {-moz-border-radius-topright: 6px;-moz-border-radius-topleft: 6px;-webkit-border-top-right-radius: 6px;-webkit-border-top-left-radius: 6px;border-color: #CCCCCC #CCCCCC #FFFFFF;border-style: solid;border-width: 1px;background-color: #fff;color: #454545;font-weight: bold;margin: 0;padding: 8px 0;position: relative;top: 1px;}#workNav #resumeLink a {-moz-border-radius: 12px;-webkit-border-radius: 12px;background-color: #a9a9a9;color: #eee;float: left;font-weight: bold;display: block;line-height: 24px;margin: 0;padding: 0 12px;}#workNav #resumeLink a:hover {background-color: #777;color: #fff;border: none;}#workNav #resumeLink a img {border: none;position: relative;top: 4px;margin: 0 0 0 5px;}.feed {border-top: 1px solid #bbb;padding-top: 10px;}#right .feed .item a {color: #454545;}#right .feed .item a:hover {color: #3589C1;}.item {border-bottom: 1px solid #e9e9e9;position: relative;}.item:last-child {border: none;}.item .item-content {color: #777777;font-size: 1.5em;line-height: 1.4;margin-right: 65px;padding: 15px 0;min-height: 30px;height: auto !important;height: 25px;}.item .item-content em {color: #c0c0c0;display: block;font-size: 0.7em;}#right .feed .item .item-content .photo a {-moz-border-radius: 6px;-webkit-border-radius: 6px;border: none;background-color: #eee;background-position: -70px -125px;display: block;height: 0;margin: 5px 0;overflow: hidden;padding-top: 130px;width: 580px;}#right .feed .item .item-content .vertical a {background-position: 0px -325px;width: 530px;}#right .feed .item .item-content .media {background-color: #eee;margin: 5px 0;padding: 5px;}.item p.permalink {margin: -7px 0 0 0;padding: 0;position: absolute;right: 0px;top: 17px;}#right .feed .item p.permalink a {border: none;display: block;height: 45px;text-decoration: none;text-indent: -9999px;width: 45px;}#right .feed .item p.permalink a:hover {background-position: left bottom;}.chirptracker .permalink a {background: #fff url(/images/icons/feed_chirptracker.gif) no-repeat left top;}.tumblr .permalink a {background: #fff url(/images/icons/feed_tumblr.gif) no-repeat left top;}.twitter .permalink a {background: #fff url(/images/icons/feed_twitter.gif) no-repeat left top;}.flickr .permalink a {background: #fff url(/images/icons/feed_photo.gif) no-repeat left top;}.last-fm .permalink a {background: #fff url(/images/icons/feed_audio.gif) no-repeat left top;}.delicious .permalink a {background: #fff url(/images/icons/feed_delicious.gif) no-repeat left top;}.vimeo .permalink a {background: #fff url(/images/icons/feed_vimeo.gif) no-repeat left top;}.notebook .permalink a {background: #fff url(/images/icons/feed_notebook.gif) no-repeat left top;}#right .pagination {margin: 20px 0;}#right .pagination a {border: none;color: #ccc;display: block;font-size: 1.3em;font-weight: bold;line-height: 45px;height: 45px;text-decoration: none;}#right .pagination a.older {background: #fff url(/images/icons/previous.gif) no-repeat left top;float: left;padding-left: 50px;width: 45px;}#right .pagination a.newer {background: #fff url(/images/icons/next.gif) no-repeat right top;float: right;padding-right: 50px;width: 45px;}#right .pagination a:hover.older {background-position: left bottom;color: #777;}#right .pagination a:hover.newer {background-position: right bottom;color: #777;}#right .pagination {margin: 20px 0;}#right .pagination a {border: none;color: #ccc;display: block;font-size: 1.3em;font-weight: bold;line-height: 45px;height: 45px;text-decoration: none;}#right .pagination .older a {background: #fff url(/images/icons/previous.gif) no-repeat left top;float: left;padding-left: 50px;width: 45px;}#right .pagination .newer a {background: #fff url(/images/icons/next.gif) no-repeat right top;float: right;padding-right: 50px;width: 45px;}#right .pagination .older a:hover {background-position: left bottom;color: #777;}#right .pagination .newer a:hover {background-position: right bottom;color: #777;}#footer {border-top: 1px solid #d6d6d6;text-align: center;margin: 15px 0 0 0;padding: 0 0 30px 0;width: 100%;}#footer a {color: #999;}#footer img {margin: 0 5px 0 0;}#footer p {color: #aaa;margin: 0;padding:0;font-size: 1.0em;}#footerNav {color: #b0b0b0;margin: 0;padding: 0;font-size: 1.0em;}#footerNav li {display:inline;line-height: 1.5;}#footerNav li a {color: #aaa;text-decoration: none;}#footerNav li a:hover, #footer a:hover {color: #333;border-bottom: 1px solid #d9d9d9;}#footLeft {margin: 10px 0 0 0;text-align: center;}#footer #footLeft p {line-height: 1.5;margin: 0;padding: 0;}#footRight {margin: 10px 0 0 0;text-align: right;}.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}.sIFR-unloading .sIFR-flash {visibility: hidden !important;}.sIFR-replaced, .sIFR-ignore {visibility: visible !important;margin: 0;padding: 0;}.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}.sIFR-replaced div.sIFR-fixfocus {margin: 0pt;padding: 0pt;overflow: auto;letter-spacing: 0px;float: none;}.sIFR-dummy {width: 0px;height: 0px;margin-left: 42px;z-index: 0;}