body{ font-family:'Lato', sans-serif; background:#0a0a0a; font-size:14px; line-height:16px; cursor:default; color:#aaa; margin:0; }
a{ color:white; text-decoration:none; }

h1{ font-size:2em; margin:20px 0; font-weight:500; border-bottom:1px solid #666; padding-bottom:22px; }
h1 .backlink{ color:#555; font-weight:100; }
h1 .backlink:hover{ color:#fff; }
.interfaces h1, .logos h1, .print h1, .illustrations h1, .photography h1{ margin:20px 20px 0 20px; }

.item{ padding:20px; }
.info{ width:200px; float:left; text-align:right; margin-right:15px; }
.info .title{ padding:6px 15px; background:#333; margin-right:-15px; float:right; color:white; font-size:1.2em; margin-bottom:12px; line-height:20px; -moz-border-radius:2px 0 0 2px;  -webkit-border-radius:2px 0 0 2px; -khtml-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; }
.info .client{ margin-bottom:12px; }
.column{ width:250px; margin:20px; float:left; }
.column .info{ float:none; text-align:left; }
.column .info .title{ float:left; clear:left; font-size:1em; margin-bottom:10px; background:repeat-x fixed top left; color:#aaa; -moz-border-radius:2px;  -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; }
.column .info .title:hover{ color:#fff; }
.item .img{ border-left:2px solid #222; margin-left:215px; position:relative; }
.item .img .note{ position:absolute; width:188px; top:0; left:-220px; font-style:italic; background:#191919; padding:15px; }
.item .img img{ margin-left:15px; margin-bottom:15px; border:1px solid #222; }
.item .last img{ margin-bottom:0; }
.tag{ font-size:.8em; text-transform:uppercase; color:#555; display:block; }

/*#interfaces{ background:#0c0919; }*/
#interfaces h1, .interfaces h1, body.interfaces .tag{ color:#384199; border-color:#0d1c33; }
#interfaces h1 a{ color:inherit; }
#interfaces h1 a:hover{ color:#4e87e6; }
#interfaces .info .title{ background-image:url(../_img/grad_01.png); }
#interfaces .info .title:hover{ background-image:url(../_img/grad_01_hover.png); }
body.interfaces .info .title{ background:#266597; }

/*#logos{ background:#020d14; }*/
#logos h1, .logos h1, body.logos .tag{ color:#096f7b; border-color:#032529; }
#logos h1 a{ color:inherit; }
#logos h1 a:hover{ color:#1ccc87; }
#logos .info .title{ background-image:url(../_img/grad_02.png); }
#logos .info .title:hover{ background-image:url(../_img/grad_02_hover.png); }
body.logos .info .title{ background:#198b47; }

/*#print{ background:#160b04; }*/
#print h1, .print h1, body.print .tag{ color:#99722f; border-color:#332610; }
#print h1 a{ color:inherit; }
#print h1 a:hover{ color:#e66150; }
#print .info .title{ background-image:url(../_img/grad_03.png); }
#print .info .title:hover{ background-image:url(../_img/grad_03_hover.png); }
body.print .info .title{ background:#993d36; }

/*#lyrics{ background:#150411; }*/
#lyrics h1, .lyrics h1, body.lyrics .tag{ color:#b14e2a; border-color:#332a06; }
#lyrics h1 a{ color:inherit; }
#lyrics h1 a:hover{ color:#d68317; }
#lyrics .info .title{ background-image:url(../_img/grad_05.png); }
#lyrics .info .title:hover{ background-image:url(../_img/grad_05_hover.png); }
body.lyrics .info .title{ background:#332a06; }

/*#photography{ background:#150411; }*/
#photography h1, .photography h1, body.photography .tag{ color:#737275; border-color:#2d2c2e; }
#photography h1 a{ color:inherit; }
#photography h1 a:hover{ color:#cac6cf; }
#photography .info .title{ background-image:url(../_img/grad_06.png); }
#photography .info .title:hover{ background-image:url(../_img/grad_06_hover.png); }
body.photography .info .title{ background:#2d2c2e; }

/*#illustrations{ background:#150411; }*/
#illustrations h1, .illustrations h1, body.illustrations .tag{ color:#992732; border-color:#330d11; }
#illustrations h1 a{ color:inherit; }
#illustrations h1 a:hover{ color:#e63ba0; }
#illustrations .info .title{ background-image:url(../_img/grad_04.png); }
#illustrations .info .title:hover{ background-image:url(../_img/grad_04_hover.png); }
body.illustrations .info .title{ background:#97276d; }

hr{ border:0; height:1px; background:#222; width:100%; }

.left{ float:left; }
.right{ float:right; }
.clear{ display:block; clear:both; }