/* TOUCAN CSS RESET | v0.1.9 | http://borderleft.com/labs/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0}p,blockquote,q,pre,address,hr,code,samp,dl,ol,ul,form,table,fieldset,menu{margin-bottom:1.5em}html{font-size:100%}body{font-family:georgia,palatino,"palatino linotype",times,"times new roman",serif;font-size:.875em;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:bold}h1{font-size:3em;line-height:1.1;margin-bottom:.238em}h2{font-size:2em;line-height:1.15;margin-bottom:.357em}h3{font-size:1.5em;line-height:1.2;margin-bottom:.476em}h4,h5,h6{font-size:1em;margin-bottom:.715em}em,i{font-style:italic}strong,b{font-weight:bold}blockquote,q,cite{font-style:italic}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}code,kbd,pre,samp,tt{font-family:"andale mono",consolas,monaco,"lucida console","courier new",courier,monospace;line-height:1.3}pre{white-space:pre-wrap}abbr,acronym,dfn{border-bottom:1px dotted;cursor:help;font-style:normal;font-variant:normal}var{font-style:normal}center{text-align:center}a:focus{outline:1px dotted}img{border:0}ul{list-style:disc outside none}ol{list-style:decimal outside none}li{margin-left:2em}li ul,li ol{margin-bottom:0}dt{font-weight:bold}dd{margin-bottom:1em}hr{border:0;border-bottom:1px solid}big{font-size:1.25em}small,sub,sup{font-size:.85em}sub,sup{line-height:1}sub{vertical-align:bottom}sup{vertical-align:top}del,s,strike{text-decoration:line-through}ins{border-bottom:1px dotted;text-decoration:none}bdo{border-bottom:1px dotted}u{text-decoration:underline}fieldset{padding:1em}legend{font-weight:bold;padding:0 .25em}input,textarea,select,button{font-family:inherit;font-size:1em}input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit],button[type=button],button[type=reset],button[type=submit]{cursor:pointer;line-height:1}input[type=text],input[type=password],textarea{padding:1px}textarea{line-height:1.25;text-align:left}table{border:0;border-collapse:collapse;border-spacing:0;line-height:1.3}caption,th,td{text-align:left;vertical-align:top}th,td{border:1px solid;padding:.5em 1em}caption{padding-bottom:1em}th{font-weight:bold}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}/* Hides from IE-mac \*/ .clearfix{display:block;}

.main-site body {
	margin:0;
	padding:0px 0px 0px 0px;
	background-color:#ccc;
	background-image:url("../img/background.jpg");
	background-position:center -151px;
	background-repeat:repeat-x;
	font-family: Helvetica, Arial, sans-serif;
}

.main-site #main {
	width:960px;
	position:absolute;
	top:1323px;
	left:50%;
	margin-left:-480px;
	z-index:9;
}

.main-site #name {
	width:592px;
	top:93px;
	left:50%;
	margin:auto;
	position:absolute;
	margin-left:-296px;
	height:318px;
	background-image:url("../img/maxnovakovic.png");
	background-repeat:no-repeat;
	background-position:top;
}

.main-site #twitter {
	top:441px;
	left:50%;
	width:592px;
	position:absolute;
	margin-left:-296px;
}

.main-site #twitter iframe {
	margin-left:225px;
}

.main-site #main-tile {
	z-index:1;
	margin-top:-151px;
	margin-left:-195px;
	width:400px;
	left:50%;
	background-image:url("../img/background-tile.jpg");
	background-position:center top;
	position:absolute;
	top:1912px;
	height:350px;
}

.main-site.mobile .project {
	position:relative;
	width:238px;
	height:150px;
	background-color:#000;
	margin-bottom:12px;
	cursor:pointer;
}
.main-site.mobile .project.left {
	float:none;
}
.main-site.mobile .project.right {
	float:none;
}

.main-site .project {
	position:relative;
	width:238px;
	height:150px;
	background-color:#000;
	margin-bottom:12px;
	cursor:pointer;
}
.main-site .project.left {
	float:left;
	clear:right;
}
.main-site .project.right {
	float:right;
}

.main-site .project .blurb {
	display:none;
	cursor:pointer;
	text-align:center;
	position:absolute;
	width:218px;
	height:105px;
	line-height:30px;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	font-size:1.1em;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:20px;
	padding:45px 10px 0px 10px;
}
.main-site .project a, .main-site .project a:hover, .main-site .project a:active {
	text-decoration:none;
	color:#fff;
}
.main-site .project .single-line {
	padding:60px 10px 0px 10px;
	height:90px;
}


/* Main styles */
html, body {
	width:100%;
	height:100%;
}

.project-page body { 
	font-family: Helvetica, Arial, sans-serif; 
	width:960px; 
	margin:20px auto;
	position:static;
}
.project-page body.light {
	background-color:#ccc;
	color:#666;
}
.project-page body.dark {
	background-color:#666; 
	color:#ddd;
}

.project-page a {
	color:#607890;
}

.project-page .dark a {
	color:#9dc9e5;
}

.project-page a.more {
	cursor:help;
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted #666;
}
.project-page .dark a.more {
	color:#ddd;
	border-bottom:1px dotted #ddd;
}

.project-page #fork-me {			
	display:block;
	width:149px;
	height:149px;
  position:absolute;
	top:0;
	right:0;
	border:0;
	z-index:1;
}
.project-page .dark #fork-me {
	background-image:url("http://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png");
}
.project-page .light #fork-me {
	background-image:url("http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png");
}

.project-page h1, h2, h3, h4 {
	font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif; 
	font-weight:normal;
}
.project-page h1 { 
	font-size:3em;
}
.project-page h2 {
	font-size:2em;
}
.project-page h3 {
	font-size:1.5em;
	margin-top:12px;
}
.project-page h4 {
	font-size:1.3em;
	margin-top:8px;
}
.project-page h3.no-margin {
	margin-top:0px;
}
.project-page h3.sub {
	font-size:1.3em;
}
.project-page p {
	line-height:1.5;
}

/* Tweet buttons */
.project-page #main-title {
	font-size:2.5em;
}
.project-page .light #main-title a {
	color:#666;
}
.project-page .dark #main-title a {
	color:#ddd;
}
.project-page #main-title a {
	text-decoration:none;
}
.project-page #main-title a:hover {
	text-decoration:underline;
}
.project-page .twitter {
	display:none;
	margin-bottom:10px;
}
.pc-350 .twitter {
	margin-bottom:-20px;
}
.project-page .light #twitter-light {
	display:block;
}
.project-page .dark #twitter-dark {
	display:block;
}

.project-page blockquote {
	margin: 1em 3em;
	border-left: 2px solid #999;
	padding-left: 1em; 
}

.project-page tbody tr {
	text-align:center;
}

.project-page li { padding-bottom:5px; }

.project-page li ul { padding-top: 5px; }

.project-page #disqus_thread {
	margin-bottom:30px;
}


.project-page .light ::-moz-selection { background:#ccc; }
.project-page .light ::selection { background:#ccc; }
.project-page .light a:link { -webkit-tap-highlight-color:#ccc; }
.project-page .dark ::-moz-selection { background:#888; }
.project-page .dark ::selection { background:#888; }
.project-page .dark a:link { -webkit-tap-highlight-color:#888; }

/* The colour changer showing the moon or sun */
.project-page #change-colour {
	width:16px;
	height:16px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	z-index:2;
}
/*
Icons: Flat Weather Icons by LavAna (http://lavana.deviantart.com/)
Source: http://lavana.deviantart.com/art/Flat-Weather-Icons-32021664
*/
.project-page .light #change-colour {
background-color:#ccc;
	background:url("http://media.maxnov.com/img/colour-moon.png");
}
.project-page .dark #change-colour {
background-color:#666;
	background:url("http://media.maxnov.com/img/colour-sun.png");
}

.project-page .printfooter {
/*	padding-bottom:50px;*/
}

/* Nav & button styles */
.project-page nav {
	clear:both;
	margin-top:22px;
}
.project-page nav .button {
	float:left;
	margin:10px 5px;
	padding:0px 9px;
	display: block;
	height: 22px;
	font-size:0.9em;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
  -moz-border-radius: 3px 3px 3px 3px !important;
  -webkit-border-radius: 3px 3px 3px 3px !important;
	
}
.project-page nav .button a {
	text-decoration:none;
}
.project-page .button:first-child {
	margin-left:0px !important;
}
.project-page .button:last-child {
	margin-right:0px !important;
}

.project-page .button.sub {
	display:none;
	position:absolute;
}

/* Button colours: Light */
.project-page .light nav .button {
	border: 1px solid #bbb;
	background-color: #dedede;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dedede');
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
	background: -moz-linear-gradient(top,#fff,#dedede);
}
.project-page .light nav .button a {
	color:#000;
}
.project-page .light nav .button:hover {
	border-color: #999
}
.project-page .light nav .button:active {
	border-color: #ccc;
	background-color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#fff');
	background: -webkit-gradient(linear,left top,left bottom,from(#dedede),to(#fff));
	background: -moz-linear-gradient(top,#dedede,#fff);
}

/* Button colours: Dark */
.project-page .dark nav .button {
	border: 1px solid #999;
	background-color: #ddd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#aaa');
	background: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#aaa));
	background: -moz-linear-gradient(top,#ddd,#aaa);
}
.project-page .dark nav .button a {
	color:#000;
}
.project-page .dark nav .button:hover {
	border-color: #bbb
}
.project-page .dark nav .button:active {
	border-color: #ccc;
	background-color: #aaa;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#ddd');
	background: -webkit-gradient(linear,left top,left bottom,from(#aaa),to(#ddd));
	background: -moz-linear-gradient(top,#aaa,#ddd);
}

/* Horizontal rule */
.project-page .hr {
	width:850px;
	height:13px;
	margin:25px auto 10px auto;
}
.project-page .dark .hr {
	background-image:url("http://media.maxnov.com/img/hr-dark.png");
}
.project-page .light .hr {
	background-image:url("http://media.maxnov.com/img/hr-light.png");
}
.project-page .hr hr {
	display:none;
}

/* Sections */
.project-page section {
	padding-top:15px;
}

/* First paragrpah has more top margin */
.project-page #about h2 {
	margin-top:17px;
}

.project-page .view-demo {
	margin:5px 0px;
}

/* The paragraph tag that appears next to each heading */
.project-page .pilcrow {
	display:none;
	margin-left:7px;
	margin-top:10px;
	font-size:0.6em;
	font-family:sans-serif;
	padding:5px;
	text-decoration:none;
}
.project-page .light .pilcrow {
	color:#000;
}
.project-page .dark .pilcrow {
	color:#fff;
}
.project-page .light .pilcrow:hover {
	background-color:#ccc;
}
.project-page .dark .pilcrow:hover {
	background-color:#aaa;
}

/* The back to top link at the bottom of pages */
.project-page .back-to-top {
	text-align:right;
	position:fixed; 
	bottom:10px; 
	right:10px;
}

/* Spec info */
.project-page .spec {
	margin:15px 0px;
	padding:10px;
}
.project-page .light .spec {
	border-bottom:1px solid #aaa;
	border-top:1px solid #aaa;
	background-color:#efefef;
}
.project-page .dark .spec {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	background-color:#4f4f4f;
}
.project-page .spec h4 {
/*	display:inline;*/
	float:left;
	width:50%;
	margin-bottom:5px;
}
.project-page .spec .type {
	float:right;
	width:50%;
	text-align:right;
	font-style:italic;
}
.project-page .spec p {
	clear:both;
}

/* Highlighting for inline code */
.project-page .light span.code {
	background-color:#ccc;
	color:#555;
/*	padding:2px;*/
	font-family:courier, monospace;
}
.project-page .dark span.code {
	background-color:#888;
	color:#eee;
/*	padding:2px;*/
	font-family:courier, monospace;
}

/* Footer */
.project-page footer {
	width:960px;
	margin:50px 0px 50px 0px;
	text-align:center;
	padding-bottom:50px;
}
.project-page footer img {
	vertical-align:middle;
}

/* Disqus styling */
.project-page #dsq-content .dsq-moderator .dsq-comment-header {
	background:none !important;
}