@import url(reset_cs.css);
@import url(global_c.css);
@import url(timeline.css);

body {
background:#fff url(body_bg0.jpg) repeat-x top;
}

@font-face {
font-family:MgOpenCononica;
src:url(MgOpenCa.ttf) format(opentype);
font-style:italic;
}

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

h2 {
color:#444;
font-family:MgOpenCononica, Georgia, "Times New Roman", serif;
font-size:21px;
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:700;
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:700;
letter-spacing:.05em;
line-height:1.35;
}

#right h3,#right #resume h2 {
border-bottom:1px solid #e5e5e5;
margin:30px 0 5px;
padding:6px 0 3px;
}

h4 {
color:#fd75c5;
font-size: 14px;
font-weight: 600;
}

#right #resume h4 {
color:#444;
font-family:arial, Tahoma, helvetica, sans-serif;
font-size:1.3em;
font-weight:700;
line-height:1.50;
}

#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;
overflow:auto;
margin:0 0 15px;
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 #ccc;
height:110px;
}

#header a#logo {
background:#fff url(logo0000.gif) no-repeat left bottom;
height:100px;
width:280px;
margin:10px 0 0;
}

#header a:hover#logo {
background-position:left top;
}

#nav {
position:relative;
top:40px;
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:#ff24a5;
display:block;
font-size:1.2em;
font-weight:700;
line-height:1.0;
text-decoration:none;
text-transform:uppercase;
margin:0 10px;
padding:4px 12px;
}

#nav ul li a:last-child {
margin:0 0 0 10px;
}

#nav ul li a:hover {
border:1px solid #ddd;
color:#fd75c5;
text-decoration:none;
}

#nav ul li a.selected {
border:1px solid #fd75c5;
background-color:#fd75c5;
color:#fff;
}

#content {
height:auto!important;
min-height:200px;
}

#content p {
color:#777;
}

#titleBox,#resumeTitleBox {
border-bottom:1px solid #e2e2e2;
border-top:1px solid #e2e2e2;
margin:0 0 40px;
padding:32px 0 2px;
}

#titleHome,#titleWork,#titleAbout,#titleNotebook,#titleNotebookFull,#titleCategory,#titleYear,#titleResume,#titleWhoops,#titleActivity {
height:32px;
text-indent:-9999px;
width:920px;
padding:0 0 32px;
}

#titleHome {
/* background:#fff url(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;
}

#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 {
margin:0;
padding:0 20px 0 0;
}

#left {
width:270px!important;
}

#left-thin {
width:230px!important;
}

#left ul,#left-thin ul {
margin:0 0 35px;
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;
color:#aaa;
}

#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:left;
padding-left: 6px;
}

#left ul li a img,#left-thin ul li a img {
position:relative;
top:4px;
margin:0 5px 0 0;
}

a#moreEntries {
background:#fbfbfb url(more_ent.gif) no-repeat left top;
display:block;
height:24px;
width:96px;
margin:8px 0 0;
}

#left .notebookCount,#left-thin .notebookCount {
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
background-color:#f2f2f2;
color:#999;
font-size:.9em;
font-weight:700;
float:right;
margin:0 0 1px;
padding:0 7px;
}

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;
width:610px;
margin:0;
}

#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 {
font-size: 12px;
color:#ff24a5;
border-bottom:1px solid #d9d9d9;
}

#right a[target=_blank],#full .workItem .workLeft a[target=_blank] {
margin:0 1px 0 0;
padding:0;
}

#right a#mattBangoPage {
background:#fff url(matt_ban.gif) no-repeat left top;
border:none;
display:block;
height:221px;
width:205px;
margin:0;
padding:0;
}

#right ul {
list-style-type:disc;
margin:0;
/*padding:0 0 0 40px;*/
}

#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;
font-size:1.1em;
margin:0 4px 20px;
padding:0 0 0 8px;
}

#right a#nbPreviousEntries,#right a#nbNextEntries {
display:block;
height:24px;
width:140px;
text-indent:-9999px;
border:none;
margin:25px 0 30px;
}

#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 #notebookFirst {
padding:4px 8px 8px;
}

#right #notebookLast {
padding:8px;
}

#right .nbPostingContainer {
border-bottom:1px solid #fff;
margin:0 0 20px;
padding:8px;
}

#right .nbPostingContainerAlt {
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color:#f9f9f9;
border:1px solid #eee;
}

#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 .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;
text-align:center;
margin:0 1px 5px 15px;
}

#right .nbPostingContainer .nbPostingHeader .nbDateContainer .nbMonth {
background-color:#f2f2f2;
color:#999;
display:block;
font-size:.9em;
font-weight:700;
text-transform:uppercase;
width:32px;
padding:3px 0 2px;
}

#right .nbPostingContainer .nbPostingHeader .nbDateContainer .nbDay {
display:block;
font-weight:700;
font-size:1.4em;
width:32px;
padding:3px 0 2px;
}

#right .nbPostingContainer .nbPostingInfoBar {
margin:0 0 5px;
padding:4px 6px 6px 0;
}

#right .nbPostingContainer .nbPostingInfoBar ul {
list-style-type:none;
margin:0;
padding:0;
}

#right .nbPostingContainer .nbPostingInfoBar ul li {
line-height:1.0;
float:left;
font-size:1.1em;
color:#bababa;
font-weight:700;
margin:0 4px 0 0;
padding:0;
}

#right .nbPostingContainer .nbPostingInfoBar a {
color:#a0a0a0;
}

#content #right .commentsContainer {
background:transparent url(comments.gif) no-repeat top left;
padding:60px 8px 8px;
}

#content #right .commentsContainer a[target=_blank] {
background:none;
margin:0;
padding:0;
}

#content #right .commentsContainer ul.commentList {
margin:5px 0 0;
padding:0;
}

#content #right .commentsContainer ul.commentList li {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #eee;
margin:0 0 15px;
}

#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:1em;
color:gray;
padding:5px;
}

#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:700;
text-align:center;
width:275px;
padding:10px;
}

#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;
}

#full .workItem {
border-bottom:1px solid #e5e5e5;
clear:both;
padding:35px 0;
}

#full .workItem p {
line-height:1.5;
}

#full #workFirst {
padding:0 0 35px;
}

#full #workLast {
border:none;
padding:35px 0 0;
}

#full .workLeft {
float:left;
width:300px;
}

#full .workItem .workLeft a.launchProject,#full .workItem .workLeft a.caseStudy {
display:block;
border:0;
height:24px;
text-indent:-9999px;
margin:8px 0 0;
padding:0;
}

#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:700;
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 .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 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;
}

.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;
padding:0 0 0 8px;
}

.experience_block em {
font-size:1.2em;
}

.experience_block .experience_title,.experience_block h5 {
border-bottom:1px solid #eee;
width:340px;
margin:3px 0 6px;
}

.experience_block h4 {
padding:0 6px 0 0;
}

#workNav {
height:32px;
position:relative;
top:-15px;
margin:0 0 40px;
padding:12px 0 0;
}

#workNav ul {
border-bottom:1px solid #ccc;
margin:0;
padding:0;
}

#workNav ul li {
float:left;
display:block;
}

#workNav ul li em {
color:#b3b3b3;
font-size:1.1em;
margin:0 5px 0 0;
}

#workNav ul li a {
border-top:1px solid #e0e0e0;
background-color:#eee;
color:#999;
display:block;
font-size:1.4em;
text-align:center;
width:120px;
margin:5px 0 0;
padding:6px 0;
}

#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;
background-color:#fff;
color:#454545;
font-weight:700;
position:relative;
top:1px;
border-color:#CCC #CCC #FFF;
border-style:solid;
border-width:1px;
margin:0;
padding:8px 0;
}

#workNav #resumeLink a {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color:#a9a9a9;
color:#eee;
float:left;
font-weight:700;
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;
}

.item {
border-bottom:1px solid #e9e9e9;
position:relative;
}

.item .item-content {
color:#777;
font-size:1.5em;
line-height:1.4;
margin-right:65px;
min-height:30px;
height:auto!important;
padding:15px 0;
}

.item .item-content em {
color:silver;
display:block;
font-size:.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;
overflow:hidden;
padding-top:130px;
width:580px;
margin:5px 0;
}

#right .feed .item .item-content .vertical a {
background-position:0 -325px;
width:530px;
}

#right .feed .item .item-content .media {
background-color:#eee;
margin:5px 0;
padding:5px;
}

.item p.permalink {
position:absolute;
right:0;
top:17px;
margin:-7px 0 0;
padding:0;
}

#right .feed .item p.permalink a {
border:none;
display:block;
height:45px;
text-decoration:none;
text-indent:-9999px;
width:45px;
}

.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:700;
line-height:45px;
height:45px;
text-decoration:none;
}

#footer {
border-top:1px solid #d6d6d6;
text-align:center;
width:100%;
margin:15px 0 0;
padding:0 0 30px;
}

#footer img {
margin:0 5px 0 0;
}

#footer p {
color:#aaa;
font-size:1em;
margin:0;
padding:0;
}

#footerNav {
color:#b0b0b0;
font-size:1em;
margin:0;
padding:0;
}

#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 {
text-align:center;
margin:10px 0 0;
}

#footRight {
text-align:right;
margin:10px 0 0;
}

.sIFR-unloading .sIFR-flash {
visibility:hidden!important;
}

.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
overflow:auto;
letter-spacing:0;
float:none;
margin:0;
padding:0;
}

.sIFR-dummy {
width:0;
height:0;
margin-left:42px;
z-index:0;
}

h5,#right .nbPostingContainer .nbPostingInfoBar a:hover {
color:#555;
}

#nav ul,#right #currentProject {
margin:0;
padding:0;
}

#titleNotebook,#titleNotebookFull {
background:#fff url(notebook.gif) no-repeat left top;
}

#left ul li a,#left-thin ul li a,#footer a {
color:#ff24a5;
font-size: 13px;
}

#left ul li a:hover,#left-thin ul li a:hover,#right .feed .item a:hover {
color:#fd75c5;
}

a:hover#moreEntries,#right a:hover#mattBangoPage,#right a:hover#nbPreviousEntries,#right a:hover#nbNextEntries,#full .workItem .workLeft a:hover.launchProject,#full .workItem .workLeft a:hover.caseStudy,#right .feed .item p.permalink a:hover {
background-position:left bottom;
}

#right a img,#right a:hover,#full .workItem .workLeft a:hover,.item:last-child {
border:none;
}

#right #currentProject em,#right .feed .item a {
color:#454545;
}

#right .nbPostingContainer h2 a:hover,#content #right .commentsContainer ul.commentList li h4 strong {
color:#191919;
}

.resume_block p,#footer #footLeft p {
line-height:1.5;
margin:0;
padding:0;
}

#right .pagination a.older,#right .pagination .older a {
background:#fff url(previous.gif) no-repeat left top;
float:left;
padding-left:50px;
width:45px;
}

#right .pagination a.newer,#right .pagination .newer a {
background:#fff url(next0000.gif) no-repeat right top;
float:right;
padding-right:50px;
width:45px;
}

#right .pagination a:hover.older,#right .pagination .older a:hover {
background-position:left bottom;
color:#777;
}

#right .pagination a:hover.newer,#right .pagination .newer a:hover {
background-position:right bottom;
color:#777;
}

.sIFR-flash,.sIFR-replaced,.sIFR-ignore {
visibility:visible!important;
margin:0;
padding:0;
}

.popular_game {
font-size: 12px;
}

.popular img{
border: 1px solid #fd75c5;
}

.popular td {
padding-right: 5px;
}

.commko {
font-size: 12px;
}

.nav_main {
font-size: 12px;
}

.navko {
font-size: 12px;
}

.floatLeft ul li a {
padding-left: 5px;
}

.new_game img{
border: 1px solid #fd75c5;
}

.new_game a{
color: #ff24a5;
font-size: 13px;
padding-left: 5px;
}

.new_game a:hover{
color: #FF88CE;
font-size: 13px;
padding-left: 5px;
}

.art_text {
font-size: 12px;
padding-left: 3px;
}

.art_link a {
color:#FF99D5;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 100%;
}

a.art_link {
font-size: 18px;
}

.onlyposter {
	color: #fff;
	height: 98px;
	position: relative;
}

.posterlink {
	background: #fd75c5;
	filter:alpha(opacity=85);
	opacity:0.85;
	color: #fff;
	position: absolute;
	bottom: 6px;
	width: 130px;
	padding: 2px 5px 2px 7px;
	border-top: 1px solid #999;
}