/* Main Styles */
/* Thanks a ton to http://stevecochrane.com/v3/2007/12/13/helvetica-neue-variants-for-use-on-the-web/ and Panic for the font naming trick */

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #111;
	font-size: 62.5%;
}

html {
	background:  #fff url('/images/192819.png') top left repeat;
}

#navigation li a, #ident li.last, #bar h3  {
	font-family: 'Helvetica Neue UltraLight', 'HelveticaNeue-UltraLight', Arial, sans-serif;
	letter-spacing: 0.1em;
}

h2 {
	font-family: 'Helvetica Neue Light', 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
}

/* Default Typography */

strong {
	font-weight: bold;
}

h1 {
	font-family: Georgia, times, serif;
	font-size: 3em;
	padding: 10px 10px 10px 0;
}

#ident a {
	color: #222;
}

#ident h1 a:hover {
	color: #555;
	background: transparent;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.6em;	
}


h4 {
	font-size: 1.4em;
}


p {
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 5px 5px 5px 0;
	font-family: Helvetica, Arial, sans-serif;
}

em {
	font-size: 1.3em;
	font-family: monospace;
}

a {
	
	text-decoration: none;
	color: #006FAB;
}

hr {
	clear: both;
	width: 25%;
	height: 0;
}

a:hover {
	color: #0082CB;
	background: #eee;
}

#downloads a:hover {
	background: transparent;
}

.cappy {
	text-transform: uppercase;
}

a.controls {
	font-size: .5em;
	background: #ccc;
	text-decoration: none;
	padding: 5px;
}

/* Special Typography */

#tags, #info, .icon {
	margin-top: 10px;
	padding: 0 0 10px 20px;
}

#tags {
	background: transparent url('/images/tag_blue.png') top left no-repeat;
}

#info {
	background: transparent url('/images/book_open.png') top left no-repeat;
}

.smallScreen {
	background: transparent url('/images/ipod.png') top left no-repeat;
}

.bigScreen {
	background: transparent url('/images/television.png') top left no-repeat;
}

/* Structural elements */

#airlock {
	background: transparent;
	width: 820px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	
}

#footer {
	text-align: center;
	margin-top: 2em;
	clear: both;
}

#cineman {
	width: 40%;
	margin-left: 7px;
}

#ident {
	background:  #fff url('/images/192819-mid.png') top left repeat;
	border: 1px solid #aaa;
	border-top: 0;
	padding: 7px 7px 7px 0;
}

#ident h1 {
	font-family: Georgia, serif;
	font-size: 4.9em;
	padding: 0 0 0 0;
	color: #222;
}

#ident p {
	color: #555;
	text-align: center;
}

#navigation {
	width: 58%;
	float: right;
}

#navigation li {
	float: right;
	margin-top: 15px;
}

#navigation li a:hover {
	background: #005e93;
}

#navigation a.selected {
	background: #007cc2;
}

#navigation li a, #ident li.last {
	letter-spacing: 1px;
	font-size: 1.9em;
	color: #FAF2F8;
	text-decoration: none;
	padding: 9px;
	background: #006FAB;
}

#navigation li.last {
	margin-top: 6px;
	padding-bottom: 8px;
	background: #33608F;
}

#container {
	background:  #fff url('/images/192819-mid.png') top left repeat;
	border: 1px solid #aaa;
	padding: 0 9px 0 9px;
	margin-top: 1em;
	margin-bottom: 1em;
	z-index: -1;
}

#container p {
	font-size: 1.3em;
}

#container h1 + p
{
	margin-top: -10px;
}

#player {
	width: 480px;
	height: 380px;
}

#videoDoohickey {
	font-size: 1.5em;
	margin-top: .2em;
	
	width: 459px;
	padding: 10px;
	background: #9f9f9f;
	text-align: center;
	margin-bottom: 1em;
}

#downloads {
	width: 75%;
	border-right: 1px solid #eee;
	margin: -10px;
	padding: 10px 0 10px 0;
}

#downloads a {
	color: #fff;
}

#downloads h4 {
	font-size: 1em;
}

#rating {
	width: 23%;
	float: right;
}

#bar {
	z-index: 2;
	margin-top: 10px;
	width: 300px;
	float: right;
	margin-left: 10px;
	background: transparent;
	color: #000;
}

#main {
	z-index: 1;
}

#bar h3 {
	background: #006FAB;
	padding: 5px;
	color: #fff;
	letter-spacing: 1px;
	clear: both;
}

#related {
	margin: 10px 0 10px 0;
	min-height: 75px;
}

#related a {
	border-bottom: 1px solid;
}

#related li {
	margin-top: 10px;
	height: 75px;
	margin-bottom: 1em;
}

#related img {
	float: left;
	padding-right: 5px;
}

#related li:hover {
	background: #f5f5f5;
}

/* Forms */

form {
	font-size: 1.2em;
}

{ 
	color: #333;
}

input, button {
	font-size: 1.2em;
}

#navSearch {
	float: right;
	margin-right: -5px;
}

#searchTerms {
	width: 200px;
}

/* Video, Tag and Collection Lists */

.videoList, .collectionList, .compactVideoList {
	width: 60%;
	margin: 1em;
}

.videoList li {
	margin-bottom: 1em;
	min-height: 80px;
}

.videoList img {
	float: left;
	margin-right: 1em;
}

.videoList p {
	margin-right: 1em;
}

.videoList h2 a:hover {
	color: #0082CB;
}

.compactVideoList li {
	display: inline;
}

.compactVideoList img {
	padding: 0.3em;
}

.collectionMore {
	width: 59%;
	text-align: right;
}
.tagList {
	width: 59%;
}

.tagList li {
	float: left;
	padding: .5em;
	font-size: 1.5em;
}

.barList {
	padding: .5em 0 1em 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
}

.tagList>h2 {
	margin-top: -1em;
}

/* Pagination Widget */

.paginationWidget {
	font-family: Helvetica, Arial, sans-serif;
	width: 59%;
	letter-spacing: .1em;
	text-align: center;
	font-size: 1.3em;
	margin: 0 0 1em 0;
}

.paginationWidget li {
	display: inline;
}

.paginationWidget li.selected a {
	 border: 1px solid #006FAB;
	 background: #d9d9d9;
}

.paginationWidget a {
	background: #c9c9c9;
	padding: 5px;
}

.paginationWidget a:hover {
	background: #ccc;
}

.summary {
	clear: none;
	margin: 1em;
	width: 59%;
}
.subtext {
	padding: 0 0 1em 0;
}

/* Ads */

.wideAd {
	margin-left:7px;
	margin-top:1em;
	margin-bottom: 1em;
}

.rectAd {
	height: 271px;
	width: 251px;
	margin-bottom: 1em;
	margin-top: 1em;
}

/* Lazy */

.uiIcon {
	margin-bottom: -1px;
	margin-right: .2em;
}

#addTags {
	font-weight: bold;
}

#addTagsForm {
	display: none;
}

#addTagsForm input {
	width: 230px;
}