/*
Theme Name: Shiny!
Theme URI: http://shiny.tv/
Description: Shiny Object Theme
Version: 1.0
Author: teambonzai
Author URI: http://teambonzai.com/

*/


* {
margin:0;
padding:0;
text-decoration:none;
border:none;
list-style:none;
outline:none;
}

html, body {
font:12px/1.5em Trebuchet MS, Helvetica, sans-serif;
color:#fff;
height:100%;
text-align:center;
background-color:#000;
}

a {
color:#7dffff;
}

a:hover, #header .contact a:hover, #how-are-you-feeling a:hover, .post h3 a:hover, .media a:hover, #sidebar a:hover, #sidebar .list a:hover {
color:#ed232b;
}


/* ----- page ----- */


#page {
position:relative;
height:auto !important;
height:100%;
min-height:100%;
margin:0 auto;
text-align:center;
}


/* ----- position ----- */


#header .inner, #content, #footer .inner {
margin:0 auto;
text-align:left;
width:1005px;
}


/* ----- header ----- */


#header, #header .inner {
position:relative;
height:138px;
background-image:url(images/site-background.png);
}

#header .inner {
background-image:none;
}

h1 a {
position:absolute;
top:10px;
left:20px;
display:block;
width:122px;
height:121px;
background:transparent url(images/header-shiny-object-logo.png) no-repeat;
}

h1 a:hover {
background-position:left -121px;
}

#header-tag {
position:absolute;
bottom:55px;
left:145px;
font-size:350%;
background-color:#000;
padding:8px 8px 6px 11px;
min-height:40px;
}

#site-menu {
position:absolute;
bottom:15px;
left:145px;
padding:0 5px;
background-color:#000;
}

#site-menu li {
display:inline;
}

#site-menu li a {
position:relative;
float:left;
margin:0;
height:29px;
background:#000 url(images/site-menu.png) no-repeat;
}

#site-menu li.directors a {
width:86px;
}

#site-menu li.motion a {
width:60px;
background-position:-86px 0;
}

#site-menu li.concept a {
width:70px;
background-position:-146px 0;
}

#site-menu li.print a {
width:49px;
background-position:-216px 0;
}

#site-menu li.about a {
width:75px;
background-position:-265px 0;
}

#site-menu li.blog a {
width:45px;
background-position:-340px 0;
}

#site-menu li.client a {
width:48px;
background-position:-385px 0;
}

#site-menu li.directors a:hover {
background-position:0 -30px;
}

#site-menu li.motion a:hover {
background-position:-86px -30px;
}

#site-menu li.concept a:hover {
background-position:-146px -30px;
}

#site-menu li.print a:hover {
background-position:-216px -30px;
}

#site-menu li.about a:hover {
background-position:-265px -30px;
}

#site-menu li.blog a:hover {
background-position:-340px -30px;
}

#site-menu li.client a:hover {
background-position:-385px -30px;
}

#site-menu li.directors a.current {
background-position:0 -60px;
}

#site-menu li.motion a.current {
background-position:-86px -60px;
}

#site-menu li.concept a.current {
background-position:-146px -60px;
}

#site-menu li.print a.current {
background-position:-216px -60px;
}

#site-menu li.about a.current {
background-position:-265px -60px;
}

#site-menu li.blog a.current {
background-position:-340px -60px;
}

#header .contact {
position:absolute;
top:15px;
right:40px;
min-width:215px;
color:#999;
font-size:90%;
line-height:1.4em;
background-color:#000;
padding:5px 10px;
}

#header .contact a {
color:#7dffff;
}

#header .contact div {
float:left;
text-align:justify;
color:#7dffff;
}

#header .contact div.address {
margin:0 0 0 15px;
}

#how-are-you-feeling {
float:left;
position:absolute;
bottom:25px;
right:40px;
background-color:#000;
padding:0 10px 0 4px;
}

#how-are-you-feeling p {
float:left;
margin:5px 0 0 5px;
}

#how-are-you-feeling a {
float:left;
height:25px;
}

#how-are-you-feeling a#email {
width:25px;
margin:0 0 0 5px;
background:#000 url(images/icon-how-are-you-feeling.png) 0 2px no-repeat;
}

#how-are-you-feeling a#email:hover {
background-position:0 -28px;
}

#how-are-you-feeling a#twitter {
width:27px;
margin:0 0 0 8px;
background:#000 url(images/icon-twitter.png) no-repeat;
}

#how-are-you-feeling a#twitter:hover {
background-position:0 -31px;
}

#how-are-you-feeling a#facebook {
width:25px;
margin:0 0 0 2px;
background:#000 url(images/icon-facebook.png)no-repeat;
}

#how-are-you-feeling a#facebook:hover {
background-position:0 -31px;
}


/* ----- content ----- */


#content {
padding:25px 0 110px;
}

.content-inner {
width:576px;
margin:0 0 0 15px;
padding:0 25px 0;
}

#home .content-inner {
width:562px;
}

#home .content p {
width:575px;
text-align:justify;
}


/* ----- sidebar ----- */


#sidebar {
float:right;
margin:-1px 0 0;
width:352px;
}

#home #sidebar {
width:366px;
}

#sidebar h3 {
margin:0 0 14px 15px;
}

#sidebar ul.list {
text-transform:uppercase;
padding:0 0 0 18px;
}

#home #sidebar ul {
padding:0 0 0 28px;
background:#000 url(images/vert-divider.png) top left repeat-y;
}

#sidebar ul.filter {
text-transform:uppercase;
color:#7dffff;
margin:0 0 0 15px;;
padding:0;
}

#sidebar ul.filter lh, #sidebar ul.filter li {
display:inline;
}

#sidebar ul.filter li:after {
content:" / ";
}

#sidebar ul.filter li.last:after {
content:"";
}

#sidebar ul.latest-news {
margin:10px 0 0;
}

#sidebar ul.list li {
line-height:1em;
padding:0;
margin:0;
}

#sidebar ul.list li a {
display:block;
color:#808080;
line-height:1.3em;
padding:0 0 7px;
}

#sidebar ul.list a span {
color:#444;
}

#sidebar ul.list li.current a {
color:#fff;
}

#filter-menu li.current a {
color:#f6921e;
}


/* ----- footer ----- */


#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
padding:25px 0;
text-align:center;
color:#7dffff;
font-size:90%;
background-image:url(images/site-background.png);
}

#footer p {
display:inline;
padding:5px 10px;
background-color:#000;
}


/* ----- archive + pages + posts ----- */


h2, h3 {
font-size:200%;
}

/* .post h3 {
margin:-2px 0 0;
} */

.post h3 a {
color:#fff;
}

.post h3 a span {
color:#666;
}

.media, .details {
padding:7px 10px 0 0;
text-transform:uppercase;
color:#7dffff;
}

.excerpt {
margin:6px 0 0 0;
text-transform:none;
text-align:justify;
}

.media .excerpt {
margin:0;
color:#fff;
}

.media a {
color:#7dffff;
}

.media ul {
display:inline;
margin:5px 0;
padding:0 0 10px;
}

.media ul:before {
content: "/ ";
}

.media p, .media ul lh, .media ul li, .details p {
display:inline;
}

/* .media p.date:after, .media p.posted-in:after, .details p.date:after, .details p.posted-in:after {
content: " /";
} */

.media p.posted-in:after, .details p.posted-in:after {
content: " /";
}

.media ul lh {
padding:0 3px 0 0;
}

.media ul li a {
padding:0 1px;
}

.ui-tabs-selected a {
color:#f6921e;
}

.media-thumbnail {
margin:13px 0;
background-color:#000;
}

.media .title {
color:#f6921e;
margin:5px 0 0;
text-transform:none;
}

.media .title span {
margin:0 0 0 5px;
padding:0 0 0 10px;
background:transparent url(images/icon-bullet-02.png) center left no-repeat;
}

.postmetadata {
margin:5px 0 0;
}

.postmetadata a {
color:#000;
padding:0 3px;
background-color:#333;
}

.postmetadata a:hover {
color:#000;
background-color:#bbb;
}

.entry {
margin:25px 40px 10px 0;
}


/* ----- home ----- */


#home h3.featured {
position:relative;
top:-13px;
padding:15px 0 5px;
margin:0 0 0 29px;
background:transparent url(images/icon-featured.png) 120px bottom no-repeat;
}

ul.featured-items {
margin:-5px 0 0 0;
}

ul.featured-items li a img {
margin:0 0 2px;
}

ul.featured-items li:last-child {
padding:0;
margin:0;
}

.caption {
color:#f6921e;
}


/* ----- news ----- */


div.category-blog {
margin:0 0 25px;
}

div.category-blog .excerpt object, div.category-default .excerpt object {
margin:0 0 5px;
}

div.category-blog .excerpt p, div.category-default .excerpt p {
margin:1em 0;
}

div.category-blog .excerpt img, div.category-default .excerpt img {
margin:0 0 10px;
}

#news .excerpt ol {
margin:10px 30px;
}

#news .excerpt ol li {
list-style:lower-alpha;
margin:0 0 3px;
line-height:1.2em;
}


/* ----- tabs ----- */


.ui-tabs-hide {
position:absolute;
top:0px;
left:-999px;
width:1px;
height:1px;
overflow:hidden;
}

#content .content-inner .ui-tabs-hide {
display:none;
}


/* ----- hide ----- */


.hide, hr, h1 a span, #header h3, #header .contact p, #site-menu span, #sidebar h4, #how-are-you-feeling span {
display:none;
}

html>body .hide, html>body hr, html>body #header h3, html>body h1 a span, html>body #header .contact p, html>body #site-menu span, html>body #sidebar h4,  html>body #how-are-you-feeling span {
position:absolute;
top:0px;
left:-999px;
width:1px;
height:1px;
overflow:hidden;
}