body{
	color:#444;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* start - font sizes and line heights */
header .banner-text h1 { /* formerly 90px/99px */
	font-size:45px;
	line-height:100%;
}
#about h2 { /* formerly 22px/30px */
	font-size:27px;
	line-height:35px;
}
header .banner-text h1 span{
	font-size:78%;
}
header .banner-text ul{ /* formerly 18px/34.2px */
	font:23px/1.6em 'librebaskerville-regular', serif;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
}
header .banner-text li{
	line-height:inherit;
}
#resume .info{ /* formerly 16px/24px */
	font-size:21px;
	line-height:29px;
}
strong
,b
,em
,p /* formerly 15px/30px */
{
	font-size:20px;
	line-height:35px;
}
#resume h2{
	padding-top:3px;
}
#resume h2
,#the_chocolate_studio h2
{
   font: 18px/24px 'opensans-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
}
#about p
,#resume .work p.info + p
{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
#the_chocolate_studio h2{
   padding-top:5px;
}
#resume h3
,#the_chocolate_studio h1
{
   font: 25px/33px 'opensans-bold', sans-serif;
}
#resume .date{ /* formerly 15px/24px */
	font-size:20px;
	line-height:29px;
}
footer{ /* formerly 14px */
	font-size:19px;
	text-align:left;
}
footer p{
	line-height:1.2em;
}
#nav-wrap /* formerly 11px/normal */
{
	font-size:16px;
	line-height:32px;
}
/* end - font sizes and line heights */

#resume h2 span
,#the_chocolate_studio h2 span
{
   border-left: 3px solid #f00;
   padding-left: 1em;
}
header p:last-child{
	margin-bottom:0;
}
#resume .header-col{
	padding-top:6px; /* align baselines */
}
#about p strong
,#contact a
,footer a
{
	color:#fff;
}
#about p
,#contact
,footer
{
	color:#999;
}
#about p a{
    text-decoration: underline;
}
footer a:visited{
	color:#ccc;
}
.work {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#contact label{
	margin-top:18px;
}
#nav{
	background-color: #333;
}
header{
	background:url('/user/themes/tinaluu/images/header-background.jpg');
}
header .banner{
	width:auto;
	outline:6px solid rgba(255,255,255,.8);
	background:rgba(255,255,255,.95);
	padding:2em;
}
header .banner-text h1{
	color:#333;
}
header .banner-text h1
,header .banner-text h2
{
	text-shadow:1px 1px 3px #fff;
}
#contact span.required
,ul#nav li.current a
,#about a:focus
,#about a:hover
,#about a:active
,#contact a:focus
,#contact a:hover
,#contact a:active
,#publishing a:focus
,#publishing a:hover
,#publishing a:active
,#spotlight a:focus
,#spotlight a:hover
,#spotlight a:active
,footer a:focus
,footer a:hover
,footer a:active
{
	color:#f00; /* red */
}
#about a
,#contact a
,footer a
{
	padding:0 .2em;
}
#contact a{
	margin-left: -.2em;
}
#about a:focus
,#contact a:focus
,footer a:focus
,#about a:hover
,#contact a:hover
,footer a:hover
,#about a:active
,#contact a:active
,footer a:active
{
	background:#fff;
}
#about a:focus
,#contact a:focus
,footer a:focus
,#about a:hover
,#contact a:hover
,footer a:hover
,#about a:active
,#contact a:active
,footer a:active
,#portfolio a
,header *
{
	transition: all .25s ease;
}

#go-top{
	top:-30px;
}
#go-top a:focus
,#go-top a:hover
,#go-top a:active
{
	background:#f00; /* red */
}
#resume h1 span {
    border-left: 3px solid #f00; /* red */
}
ul#nav li:last-child{
	border:none;
}
ul#nav li a:focus
,ul#nav li a:hover
,ul#nav li a:active
{
	color:#fff; /* white */
	background:#fff;
	background:rgba(255,255,255,.5);
}
ul#nav li.current a
{
	color:#f00;
	background:#fff;
}
ul#nav li.current a:hover{
	cursor:default;
}
header .scrolldown a{
	position:inherit;
	display:inline;
	color:#333;
	margin-left:0;
}
header .scrolldown a:focus
,header .scrolldown a:hover
,header .scrolldown a:active
{
	color:#f00;
}
#contact{
	padding-bottom:75px;
	background:#2b2b2b;
}
#contact .section-head{
	margin-bottom:0;
}
#contact h1:before{
	line-height:63px;
}
#resume a, #resume a:visited  { color: inherit; }
#resume a:focus
,#resume a:hover
,#resume a:active
{ color: #f00; }
#portfolio h1 span { display: none; }
#portfolio h1:before{
   content:"\f16e";
   font-family: 'FontAwesome';
   padding-right: 10px;
   font-size: 84px;
   line-height: 74px;
   text-align: left;
   float: left;
   color: #fff;
}
#portfolio{
   background-color: #000;
   background-image:url('/user/themes/tinaluu/images/portfolio-background.jpg');
   background-repeat:no-repeat;
   background-position:center;
   background-attachment: fixed;
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important;
   position: relative;
   min-height: 200px;
   width: 100%;
   overflow: hidden;
}
#portfolio:after{
	content:'background: espresso truffles rolled in toffee';
	color:#fff;
	position:absolute;
	right:0;
	bottom:0;
}
#portfolio h1 span
,#portfolio:after
{
	background:rgba(0,0,0,.5);
	padding:0 1em;
}
#portfolio a:focus
,#portfolio a:hover
,#portfolio a:active
{
box-shadow: inset 0 0 0 25px #f00;
}
#publishing .substack a:focus
,#publishing .substack a:hover
,#publishing .substack a:active
{
border-bottom: 5px solid #f00;
}
video{
	width: 100%;
	border: 1px solid #999;
	background-color: #eee;
}
#spotlight{
	background-color:#fff;
}
#nfts
,#publishing
{
	background-color:#eee;
}
#spotlight
,#nfts
,#publishing
{
	padding-top: 96px;
	padding-bottom: 75px;
}
#spotlight h2
,#publishing h2
{
	margin-bottom: 2em;
}
#publishing h3 img{
	max-width: 33%;
}
#the_chocolate_studio{
    background:#fff;
    padding-top: 90px;
    padding-bottom: 72px;
    overflow: hidden;
}
#the_chocolate_studio .outtro{
	margin-top: 24px;
	padding-top: 48px;
	border-top: 1px solid #E8E8E8;
}
[class^="icon-"]::before{
	margin:0;
}
#go-top{
	left:inherit;
	right:50px;
}
#go-top a{
	text-align:center;
}
footer{
	padding-top:96px;
}
@media only screen and (max-width: 320px){
	ul#nav li{
		display:inline-block;
		border:none;
	}
}
@media only screen and (max-height: 414px){
	ul#nav li{
		display:inline-block;
		border:none;
	}
}
@media only screen and (min-width: 768px){
	#about .main-col
	,#resume .main-col
	{
		padding-right:0;
	}
}
@media only screen and (max-width: 767px){
	ul#nav{
		border:4px solid #f00;
		-webkit-box-shadow: 0px 0px 20px 8px rgba(71,71,71,0.9);
		-moz-box-shadow: 0px 0px 20px 8px rgba(71,71,71,0.9);
		box-shadow: 0px 0px 20px 8px rgba(71,71,71,0.9);
	}
	#nav-wrap > a{
		z-index:999;
	}
	#nav-wrap ul#nav{
		top:0;
	}
	#nav-wrap:target > ul#nav {
		padding:10px 0;
	}
	header .scrolldown {
	    	display: inherit;
	}
	#nav-wrap > a {
		background-color: #f00;
	}
	ul#nav li a{
		padding:.25em .5em;
	}
	#resume .info .date{
		display:block;
	}
	#resume .education p{
	    text-align: center;
	    line-height:130%;
	}
	#contact button.button{
		margin-left:inherit;
	}
	#resume .info span{
		display:none;
	}
   #portfolio h1 span { display: block; color:#fff; }
   #portfolio .header-col { padding-top: 0; }
   #portfolio .header-col h1:before { content: none;	}
   #portfolio .section-head p.lead { text-align: center;}
   #contact p
   ,footer
   {
   	text-align:center;
   }
   #the_chocolate_studio h2{
       padding-top:1em;
       margin-bottom:0;
   }
   #the_chocolate_studio h3{
   	margin-top:.5em;
   	margin-bottom:.25em;
   }
   #go-top{
   	left:50%;
   	right:inherit;
   }
   #portfolio h1 span{
   	display:inline;
   }
   #portfolio:after{
   	display:none;
   }
   ul#nav li a{
   	line-height:22px;
   }
	#contact a
	{
		margin-left:0;
	}
	#go-top
	{
		margin-left:-30px;
	}
}
@media only screen and (max-width: 610px){
	header .banner{
		width:calc( 100% - 4em );
	}
}
@media only screen and (max-width: 480px){
	header{
		background:url('/user/themes/tinaluu/images/header-background-480-wide.jpg');
	}
	header .banner{
		width:90%;
		margin-right:2%;
	}
}
@media only screen and (max-width: 410px){
	header .banner{
		padding:1em;
		outline:none;
	}
	header .banner-text{
/*		padding:.2em;*/
	}
	header .banner-text h1{
		font-size:28px !important;
		margin-bottom:0;
		text-align:left;
	}
	header .banner-text ul{
		text-align:left;
		font-size:18px;
		line-height:1.3em;
		margin-left:.2em;
	}
	header .banner-text li{
		border:2px solid #f00;
		border-width:0 0 0 2px;
		padding-left:.5em;
		margin-bottom:.5em;
	}
}
@media all and (max-device-width: 1024px) {
	#portfolio{ /* fix for background attachment fixed problem on devices like ipads, eg http://stackoverflow.com/questions/14115080/detect-support-for-background-attachment-fixed */
	   background-attachment: scroll;
	}
}
@media print{
	#portfolio a:after{
		content:attr(href);
	}
	header .banner-text h1
	{
		letter-spacing:0;
	}
	#contact h1:before
	,#portfolio h1:before
	,* {
		color:#000 !important;
		background:#fff !important;
	}
	header,header .banner{
		background:#fff;
	}
	header .banner-text h1
	,header .banner-text h2
	,#about h2
	{
		line-height:160%;
	}
	header .banner-text h1{
		font-size:18pt !important;
	}
	#about h2
	,#resume h3
	,#the_chocolate_studio h1
	{
		font-size:16pt !important;
	}
	header .banner-text h2
	,#the_chocolate_studio h3
	,#contact p
	{
		font-size:14pt !important;
	}
	#contact a{
		margin-left:0;
	}
	#about p
	,#resume .info
	,#resume .date
	,#resume p
	,#portfolio p
	,#the_chocolate_studio p
	,footer
	{
		font-size:12pt !important;
	}

	#resume .info{ /* formerly 16px/24px */
		font-size:21px;
		line-height:29px;
	}
	strong
	,b
	,em
	,p /* formerly 15px/30px */
	{
		font-size:inherit;
		line-height:inherit;
	}
	#about
	,#resume
	,#portfolio
	,#the_chocolate_studio
	,#contact
	,footer
	{
		padding:0;
		margin:1em 0;
	}
	header{
		overflow: visible;
		height:auto !important;
		min-height:auto !important;
	}
	header .banner{
		-webkit-filter:none;
		filter:none;
		padding:0;
		max-width:none;
	}
	header .banner-text h2{
		width:auto;
	}
	.education
	{
		border:0;
		padding-bottom:0;
		margin-bottom:1em;
	}
	#the_chocolate_studio .outtro
	{
		border-top:0;
		padding-top:0;
		margin-top:1em;
	}
	#about a, #contact a{
		padding:0;
	}
	ul#nav
	,nav
	,.scrolldown
	,#go-top
	,#portfolio:after
	{
		display:none;
	}
}