/*
Theme Name: Timothy Saccenti Dot Com
Theme URI: http://timothysaccenti.com
Description: Theme for Timothy Saccenti
Version: 1.1 (homepage)
Author: ARF
Tags: custom

	This theme was designed by Build (http://wearebuild.com),
	and built by Antenna Research Fclty (http://theantenna.net).

	The CSS, XHTML and design is property of Timothy Saccenti.

*/

/*TOP LEVEL*/
body { margin: 0; background: #000; color: #fff;}


/*HEADER*/
#header ul {list-style: none; margin: 0; padding:0; position:relative; z-index:100;}
li.clear{}

/* CAPSULES */
.page_item , .cat-item,
.capsule {display: block; float: left; padding: 2px 8px; 
			-moz-border-radius: 10px; -webkit-border-radius: 10px; white-space:nowrap; font-weight: normal; background-color: #979797;}
.inactive {opacity:0.5; filter:alpha(opacity = 50); cursor:default;}
.deactivated {opacity:0.3; filter:alpha(opacity = 30); cursor:default;}
.deactivated .cufon{visibility: hidden;}

/*CAPSULE COLOURS*/		
.search.capsule {background-color: #fff;}
.name.capsule {background-color: #ABAEAE;}
.description.capsule {background-color: #fff; color: #ABAEAE;}
.logout.capsule {background-color: #AE0014; color:#000;}
#header .cat-item-stills {background-color: #ABAEAE;}
#header .cat-item-motion, .b  {background-color: #767678;} /*.capsule.motion*/
#header .cat-item-news {background-color: #545457;} /*.capsule.news*/
#header .page-item-contact {background-color: #353538;}
.listmode.capsule {background-color: #D7D781; color: #000; }
.sortmode.capsule {background-color: #FFFFCC; color: #000; }
.list .capsule {color: #000; }
.title.capsule {background-color: #F4E900; color: #000; }
#info.capsule {background-color: #B900AE; color: #000; }
.fullscreen.capsule {background-color: #ffffff; color:#000; clear:both; }
/*.fullscreen.capsule:hover,*/
.fullscreen.hover.capsule {background-color: #979797 !important; color:#000 !important;}
.scroll.capsule {background-color: #ffffff; color:#000;}
.scroll.capsule:hover {background-color: #979797 !important; color:#000 !important;}
.deactivated.scroll.capsule:hover {background-color: #ffffff;}
.play.capsule {background-color: #009A46; }
.pause.capsule {background-color: #C45100; }
.replay.capsule {background-color: #0000B1; }
.loop.capsule {background-color: #B173B3; }
.close.capsule {background-color: #AE0014; }
.credit.capsule {background-color: #9B4160; }

h2.capsule, b.capsule {background-color: #fff; color:#000; }
.send.capsule {background-color: #64BE9F; color:#000; clear:left; }
	.send-a.capsule, .send-b.capsule, .send-c.capsule, .send-d.capsule {background-color: #2f594b; color:#000;  }
a:hover.capsule,
a.hover.capsule {background-color: #fff !important; color:#000 !important;  }
#subnav-title, #viewer-title {background-color: #F4E900; color:#000; }
#loader {background-color: #AE0014; color:#000; display:none; position:absolute; top:0; left:0; z-index:1;}

.list .active {background-color: #F4E900;}

#content {overflow-x:hidden;}
#sortNav {display:none;}

/*SLIDES*/
#subnav,
#viewer {overflow:hidden; white-space:nowrap; position:relative;  }
	#viewer-wrapper,
	#subnav-wrapper {position:relative; left:0; width:100%;} /* Must set left explicitly here otherwise Safari returns 'auto' not 0*/
	#subnav a { display:inline-block; vertical-align: top; }
		#subnav a.noimg { position: relative; }
		#subnav a:hover.noimg {background:red;}
			#subnav a.noimg span {display: block; padding:8px; position:absolute; top:0; left:0; z-index:2; }
		#subnav a b {display: none; }
	.page #subnav span { display:inline-block; height:32px; padding: 8px 80px 8px 0; } /* contact items */
	/*.page #subnav span a {color:#F4E900 !important;}*/
	.page #subnav span a:hover {color:#F4E900 !important;}
#subnav-title {display:none;}

#more {display: none;}

/*VIEWER*/
#viewer {height:500px; position:relative;}
.category-video #viewer,
#viewer.video {height:540px;}
#viewer-nav {display:none;}

#info-overlay { position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; display:none; }
	#info-overlay .wrapper { position:relative; width:100%; height:100%;  }
	#info-overlay .bg { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8; filter:alpha(opacity = 80); background: #000;}
	#info-overlay h1 { position:absolute; top:61px; left:0; font:32px/34px Helvetica, sans-serif; display:block; padding:9px; }
		#info-overlay h1 .cufon {margin-top: 1px; margin-bottom: -1px;} /* adjust underline distance  */
		#info-overlay h1 a {color:#fff; border-bottom:1px solid #fff;}
		#info-overlay h1 a:hover {color:#F4E900; border-bottom:1px solid #F4E900;}
	#info-overlay a.post-edit-link, #overlay-close {border-bottom:none !important}
	#overlay-close {display:block; width:130px;}

#player h1 {font:32px/34px Helvetica, sans-serif; }

#fullscreen-wrapper {position: relative;}
	#fsviewer-wrapper {position:absolute; top:0; left:0px; width:10px; height:20px; }
	
#share-options {display:none; padding:0 0 20px 0;}
	#share:hover #share-options {display:block;}
	
#fakevidcontrols {clear:both;}


/*HOMEPAGE*/

#demo img {height:100%; width:100%}

#homepage {  }
#homepage h2 {font:32px/34px Helvetica, sans-serif; display:block; padding:9px; position: relative; z-index: 2; padding:9px 6px;}
	#homepage h2 a {color:#fff; border-bottom:1px solid #fff;}
	#homepage h2 a:hover {color:#F4E900; border-bottom:1px solid #F4E900;}
	#homepage img {display: block; top:0;}
.bleed {position: absolute; z-index: 1; }

/*SINGLE*/
.single img {display:block; clear:both;}

.error404 #content {padding:8px;}

/*TYPO*/
a {color:inherit; text-decoration: none; outline: none}

h1,h2,h3 { display: inline; margin:0; padding: 0; }
body,input,h1,h2,h3,b {font: 16px Helvetica, sans-serif; line-height: 16px; text-transform: uppercase; font-weight: normal; }
/*h1.welcome {font-size: 160px}*/

/*FORMS*/
form {margin:0; padding:0;}
input {border:0; height: 16px; background-color:transparent; color: #000; }
#search-form {position: relative; }
	#search-form input {position: absolute; opacity:0; filter:alpha(opacity = 0); top:-2px; left:0; height: 18px; width: 100%; z-index: 1; }
	.search-form b {color: #000; }
li.search.active {background-color: #AE0014 !important; }


/* GENERIC */
a img {border:none;}
hr {display: none;}


/* FIXES */
.clear {clear: left; }
object {outline:none;}

/*IPHONE*/
.iphone body, .iphone html {min-height:480px;}
.iphone #demo img {min-height:480px}
/*.iphone .deactivated {display:none;}*/
/*.iphone body, .iphone input, .iphone h1, .iphone h2,
.iphone h3, .iphone b {font: 16px monospace; line-height: 16px; text-transform: uppercase; font-weight: bold !important; }*/
.iphone .capsule, .iphone .page_item , .iphone .cat-item {font-weight: bold !important;}
/*.iphone #info-overlay h1 { font:32px/34px monospace; }*/
.iphone #search-form input {opacity:1; position: static; height:16px; padding:0; margin:0; border:0; width:70px; display:none;  }
/*.iphone .search-form b {display: none; }*/
.iphone #content {overflow-x:visible}
.iphone #subnav, .iphone #viewer {overflow: visible; width:auto;}
.iphone #viewer-wrapper, .iphone #subnav-wrapper {width:auto;  overflow: visible;}
/*.iphone #player h1 {font-size:64px; line-height: 64px; }*/
.iphone #viewer.video {height:auto; }

.win.gecko .capsule {line-height: 12px !important;}

/*IE*/
.ie7 #header a,
.ie7 #info-overlay h1 a {color:white;}
.ie7 li.clear {display: block; height:100px;}
.ie8 h2 a {border:0 !important; }
	.ie8 h2 a .cufon {border-bottom:1px solid white; top:1px; }
	.ie8 h2 a:hover .cufon {border-bottom:1px solid #ffff00; top:1px; }