/* ******************************************
  MattBango.com | The Portfolio of Matt Bango
****************************************** */

@import url("/templates/zotti.ru/css/reset_cs.css");@import url("/templates/zotti.ru/css/global_c.css");@import url("/templates/zotti.ru/css/timeline.css");body {background: #fff url(/templates/zotti.ru/images/body_bg.jpg) repeat-x top;}
@font-face {font-family: MgOpenCononica;src: url(/font/MgOpenCa.ttf) format("opentype");font-style: italic;}

h1 {border-bottom: 1px solid #d0d0d0;color: #191919;font-family: arial, "Tahoma", helvetica, sans-serif; font-size: 1.75em;letter-spacing: 0.05em;}

h2 {color: #444;font-family: Georgia, "Times New Roman", serif;font-size: 28px;font-style: italic;margin: 0;padding: 0;}

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: 1.5;}
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(/templates/zotti.ru/images/logo.gif) no-repeat left bottom;height: 90px;width: 260px;margin: 10px 0 0 0;}
#header a:hover#logo {background-position: left top;}
#nav {margin: 0;padding: 0;position: relative;top: 0px; left: 0px;}
#nav ul {margin: 0;padding: 0;}
#nav ul li {display: block;float: left;margin: 0px 2px;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 8px;text-decoration: none;text-transform: uppercase;}
#nav ul li a:last-child {margin: 0 0 0 0px;}
#nav ul li a:hover {border: 1px solid #ddd;color: #FF38B2;text-decoration: none;}
#nav ul li a.selected {border: 1px solid #FF38B2;background-color: #FF38B2;color: #fff;}

#navleft {margin: 0;padding: 0;position: relative;top: 0px; width: 220px;}
#navleft ul {margin: 0;padding: 0;}
#navleft ul li {display: block; margin: 2px 0px;padding: 0;}
#navleft 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;}
#navleft ul li a:last-child {margin: 0 0 0 0px;}
#navleft ul li a:hover {border: 1px solid #ddd;color: #FF38B2;text-decoration: none;}
#navleft ul li a.selected {border: 1px solid #FF38B2;background-color: #FF38B2;color: #fff;}

#static {margin: 0;padding: 0;position: relative;top: 5px;}
#static ul {margin: 0;padding: 0;}
#static ul li {display: block;float: left;margin: 0;padding: 0;}
#static 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;}
#static ul li a:last-child {margin: 0 0 0 10px;}
#static ul li a:hover {border: 1px solid #ddd;color: #FF38B2;text-decoration: none;}
#static ul li a.selected {border: 1px solid #FF38B2;background-color: #FF38B2;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(/templates/zotti.ru/images/home_tit.gif) no-repeat left top;}
#titleWork {background: #fff url(work_tit.gif) no-repeat left top;}
#titleAbout {background: #fff url(about_ti.gif) no-repeat left top;}
#titleActivity {background: #fff url(activity.gif) no-repeat left top;}
#titleResume {background: #fff url(resume_t.gif) no-repeat left top;}
#titleNotebook {background: #fff url(notebook.gif) no-repeat left top;}
#titleNotebookFull {background: #fff url(notebook.gif) no-repeat left top;}
#titleCategory {background: #fff url(category.gif) no-repeat left top;}
#titleYear {background: #fff url(year_tit.gif) no-repeat left top;}
#titleWhoops {background: #fff url(whoops_t.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(more_ent.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(music_no.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;border-bottom: 1px solid #fff;}
#right a[target="_blank"],#full .workItem .workLeft a[target="_blank"] {padding: 0;margin: 0 1px 0 0;}
#right a#mattBangoPage {background: #fff url(matt_ban.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;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 {font-size: 12px; 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(previous.gif) no-repeat left top;}
#right a#nbNextEntries {background: #fbfbfb url(next_ent.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(comments.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(work_lau.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(work_cas.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(workRigh.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(feed_chi.gif) no-repeat left top;}
.tumblr .permalink a {background: #fff url(feed_tum.gif) no-repeat left top;}
.twitter .permalink a {background: #fff url(feed_twi.gif) no-repeat left top;}
.flickr .permalink a {background: #fff url(feed_pho.gif) no-repeat left top;}
.last-fm .permalink a {background: #fff url(feed_aud.gif) no-repeat left top;}
.delicious .permalink a {background: #fff url(feed_del.gif) no-repeat left top;}
.vimeo .permalink a {background: #fff url(feed_vim.gif) no-repeat left top;}
.notebook .permalink a {background: #fff url(feed_not.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(previous.gif) no-repeat left top;float: left;padding-left: 50px;width: 45px;}
#right .pagination a.newer {background: #fff url(next0000.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(previous.gif) no-repeat left top;float: left;padding-left: 50px;width: 45px;}
#right .pagination .newer a {background: #fff url(next0000.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;}
			/*-------------impromptu---------- */
			.jqifade{ position: absolute; background-color: #aaaaaa; }
			div.jqi{ width: 600px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 14px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
			div.jqi .jqicontainer{ font-weight: bold; }
			div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
			div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
			div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
			div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
			div.jqi button:hover{ background-color: #728A8C; }
			div.jqi button.jqidefaultbutton{ background-color: #ff30cb; }
			.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }
			/*-------------------------------- */