/*Main Style*/

body {
	background: #3f3f3f;
}

#supporting-content ul#main-nav, #main-content #hero-holder, #main-content ul.projects, #main-content .pagination, #supplementary-content .archive, #main-content #comment-list li, #content-area ul.article-list, #supplementary-content .contact_details, #main-content .contact_form, #main-content .about, #main-content .user-feed, #main-content .flickr-photos, #supplementary-content .categories {
	border-color: #3e3d3d;
}

#page { 
	background:#292929;
	color:#949494; 
	}

#footer {
	background: #3f3f3f;
	border-top: solid 1px #797979;
	color: #fefefe;
}

#hero { 
	border: solid 20px #fff;
}

#hero-holder { 
	border-bottom: solid 1px;
}

#main-image {
	background:#3f3f3f;
}

p.no-comments {
	color:#949494; 
}

li.project a:hover span.project-title {
		color: #81D8FC; 
}

/*Links*/
a {
	color: #0093d1;
	text-decoration:none;
}

a:hover {
	color: #81d8fc;   
}


/*Navigation*/
#main-nav  {
	border-top: solid 1px;
	border-bottom: solid 1px;
}

#main-nav a {
	color: #949494;
}

#main-nav a:hover {
	color: #fefefe;
	text-decoration: none;
}

/*text*/
h1, h2, h3, h4, .home .ugc span.highlight, p.title {
	color: #fefefe;
}

#copy{
	color: #949494;
}

.detail {
	color: #323232;
}

span.divide {
	color: #7d7d7d;
}

/*Recent Articles*/

#recent-articles dt {
	border-top: solid 1px #303030;
}

#recent-articles dt:first-child, #recent-articles dt.first {
	border-top: 0;
}

/*Projects*/

span.project-info, .date {
	color: #fefefe;
}

body#projects.show #main-content {
	background: #fff;
}

body#projects.show #main-content h1, dl.project-info dd{
	color: #000;
}

.info h3 {
	color: #0093D1;
	background: transparent;
}

.project a:hover .info, .project a:hover {
	background: #555; }     /*<------*/

ul.docs li {
	background: url('/images/icons/doc-icon.gif') 0 0 no-repeat;
}

dl.project-info dd {
	border-left: solid 1px #b6b6b6;
}



.list-projects li a{
	clear: both;
	display: block;
}

.list-projects li a:hover .info {
	background: #555;
}

.list-projects li .client {
	color: #fefefe;
}

.list-projects li{
	color: #fefefe;
	background: #3F3F3F none repeat scroll 0 0;
}

.project-body p {
	color: #323232;
}

/*Articles*/

#articles-list dt, #articles-list dd, .post, dl#related-news dd, dl#related-news dt  {
	background-color: #3f3f3f;
}

#supplementary-content li {
	color: #777777;
}

.pagination {
	border-top: solid 1px;
}

/*comments*/

#comment-list li {
	border-bottom: solid 1px;
}

/*Users*/
.about, .user-feed, .flickr-photos {
	border-top: 1px solid;
}


body#pages.show #main-content p a img {
	border: solid 20px #fff;
}


/*pagination*/

.pagination b {
	color: #fff;
}
	
/*BIR*/
#logo,
#main-nav li a,
.tabNavigation li a,
p.share-links a {
	text-indent: -1000em;
	overflow: hidden;
	text-align: left;
	display: block;
}

a#logo{
	background: url('/images/logos/logo.jpg') 0 0 no-repeat;
	width: 142px;
	height: 142px;
}

.footer-title{
display: block;
}

p.share-links a {
	height: 16px;
	float: left;
	margin: 0 10px 0 0;
}


p.share-links a#mail-link {background: url('/images/icons/email.gif') 0 0 no-repeat; width: 16px; }
p.share-links a#digg-submit {background: url('/images/icons/digg.gif') 0 0 no-repeat; width: 26px; }
p.share-links a#delicious-submit {background: url('/images/icons/delicious.gif') 0 0 no-repeat; width: 16px; }
p.share-links a#facebook-submit {background: url('/images/icons/facebook.gif') 0 0 no-repeat; width: 56px; }
p.share-links a#stumble-submit {background: url('/images/icons/stumble.gif') 0 0 no-repeat; width: 16px; }
p.share-links a#twitter-submit {background: url('/images/icons/twitter.gif') 0 0 no-repeat; width: 16px; }
p.share-links a#reddit-submit {background: url('/images/icons/reddit.gif') 0 0 no-repeat; width: 16px; }
p.share-links a#technorati-submit {background: url('/images/icons/technorati.gif') 0 0 no-repeat; width: 17px; }




.tabNavigation li a {
	background: url('/images/images-videos-nav.gif') 0 0 no-repeat;
	height: 14px;
}

.tabNavigation li a#video-tab {width: 43px; background-position: 0 2px;}
.tabNavigation li a#images-tab {width:43px; background-position:-57px 2px;}

.tabNavigation li a#video-tab:hover {width: 43px; background-position: 0 -18px;}
.tabNavigation li a#images-tab:hover {width: 43px; background-position: -57px -18px;}

.tabNavigation li a#video-tab.selected {width: 43px; background-position: 0 -38px; cursor: default;}
.tabNavigation li a#images-tab.selected {width: 43px; background-position: -57px -38px; cursor: default;}






#main-nav li a {
	background: url('/images/main-nav.gif') 0 0 no-repeat;
	height: 10px;
}

#main-nav li#studio-nav a {width: 67px; background-position: 0 0;}
#main-nav li#projects-nav a {width: 58px; background-position: 0 -21px;}
#main-nav li#news-nav a {width: 34px; background-position: 0 -42px;}
#main-nav li#contact-nav a {width: 52px; background-position: 0 -63px;}

#main-nav li#studio-nav a:hover {width: 67px; background-position: -83px 0;}
#main-nav li#projects-nav a:hover {width: 58px; background-position: -83px -21px;}
#main-nav li#news-nav a:hover {width: 34px; background-position: -83px -42px;}
#main-nav li#contact-nav a:hover {width: 52px; background-position: -83px -63px;}

#main-nav li#projects-nav ul li a{
	background: url('/images/projects-nav.gif') 0 0 no-repeat;
}

#main-nav li#projects-nav ul li#a-z-nav a {width: 21px; background-position: 0 0;}
#main-nav li#projects-nav ul li#client-nav a { width: 51px; background-position: 0 -21px;}
#main-nav li#projects-nav ul li#date-nav a { width: 27px; background-position: 0 -42px;}

#main-nav li#projects-nav ul li#a-z-nav a:hover {width: 21px; background-position: -52px 0;}
#main-nav li#projects-nav ul li#client-nav a:hover { width: 51px; background-position: -52px -21px;}
#main-nav li#projects-nav ul li#date-nav a:hover { width: 27px; background-position: -52px -42px;}

/*active pages*/

body#studio #main-nav li#studio-nav a {width: 67px; background-position: -83px 0;}
body#projects #main-nav li#projects-nav a {width: 58px; background-position: -83px -21px;}
body#articles #main-nav li#news-nav a {width: 34px; background-position: -83px -42px;}
body#contact #main-nav li#contact-nav a {width: 52px; background-position: -83px -63px;}


