/*


 |   Content           |      |
 '   '                 '      '
   5          60          10

*/

div.usnowbar {
	background-color: #eee;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 20px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", Sans-serif;
	font-size: 13px;
	line-height: 1.25em;
}

div.usnowbar a {
	text-decoration: none;
}

div.usnowbar a:hover {
	text-decoration: underline;
}

a.mainlink {
color: #f90;
}

a.watchlink {
color: #090;
}

a.explorelink {
color: #90f;
}

a.livelink {
color: #09c;
}

a.talklink {
color: #66f;
}

a.torrentlink {
color: #f66;
}

a.dvdlink {
color: #666;
}




body {
	background: url('/images/node_background.jpg') center 160px no-repeat;
	width: 890px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 auto;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

p, ul, cite {
	font-size: 1em; /* 14px */ 
	line-height: 1.5em; /* 21px */
	margin: 0 0 1.5em 0;
}

h1 {
	font-weight: bold;
	font-size: 6em; /* 72px */ 
	line-height: 1em; /* 72px */ 
	margin-top: 0.25em; 
	margin-bottom: 0em;
}

h1 a {
	padding-left: 5px;
	color: #f26522;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}

h2 {
	color: #f26522;
	font-size: 3em; /* 36px */ 
	line-height: 1em; /* 36px */ 
	margin-top: 0.5em; 
	margin-bottom: 0.5em;
}

h3 {font-size: 1.8333em; /* 22px */ line-height: 1.6364em; /* 36px */ margin-top: 0em; margin-bottom: 0em; 
	color: #3c3c3c;
	margin-left: -5px;
	padding-left: 5px;
}

h3 a {
	color: #3c3c3c;
	background:#eee;
	text-decoration: none;
	display: block;
	margin-left: -5px;
	padding-left: 5px;
}

h3 a:hover {
	background: #f26522;
	color: #ffffff;
}

/* Admin bits */

ul.admin_functions {
	border: 1px solid #ffe8cd;
	background: #ffc;
	width: 888px;
	margin-top: 1.5em;
	margin-bottom: 0em;
	overflow: auto;
}

ul.admin_functions li {
	float: left;
}

ul.admin_functions li.right {
	float: right;
}

ul.admin_functions li a {
	text-decoration: none;
	padding: 0.75em 30px;
	border: 1px solid #ffe8cd;
	display: block;
	color: #333;
}

ul.admin_functions li a:hover {
	border: 1px solid #9d9d06;
}

table.admin_table {
	margin-bottom: 0.75em;
}

table.admin_table th {
    padding: 3px 8px;
    background: #808284;
    font-weight: normal;
    text-align: left;
    color: #fff;
}

table.admin_table td {
    padding: 3px 8px;
    border-bottom: 1px solid #ccc;
}

a.edit_button {
	background: url(/images/icons/edit.png) 10px no-repeat;
}

a.destroy_button {
	background: url(/images/icons/destroy.png) 10px no-repeat;
}

a.new_button {
	background: url(/images/icons/new.png) 10px no-repeat;
    color: green;
}

/* flashes */

p.notice {
	width: 870px;
    color: green;
    background: #c9f4c1;
    border: 1px solid green;
    padding: 9px;
	margin: 1.5em 0 0 0;
}

p.error {
	width: 870px;
    color: red;
    background: #faccc3;
    border: 1px solid red;
    padding: 9px;
	margin: 1.5em 0 0 0;
}

/* Header stuff */

div#header {
	overflow: auto;
	width: 890px;
}

div#user_info {
	float: left;
	width: 885px;
	padding-left: 5px;
	margin-top: 1.5em;
	border-top: 0.08333em solid #999999;
	border-bottom: 0.08333em solid #999999;
}

div#user_info p {
	margin-bottom: 0;
}

div#full_width {
	width: 885px;
	float: left;
	padding-left: 5px;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
}

/* Clips Home */

div#clips {
	float: right;
	width: 365px;
}

div#main_clip {
	float: right;
	width: 360px;
	padding-left: 5px;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
}

div#main_clip h3 {
	font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 0.5em; margin-bottom: 0.5em;
}

ul#thumbnail_clips li {
	float: left;
	border-top: 0.08333em solid #999999;
	padding-left: 5px;
	width: 360px;
}

ul#thumbnail_clips img {
	float: left;
	margin-right: 21px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	width: 128px;
}

ul#thumbnail_clips li h3 {
	font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 0; margin-bottom: 1.125em;
	width: 210px;
	padding-left: 5px;
	float: left;
}

/* Flickr Images */

ul#photos {
	width: 510px;
	float: left;
}

ul#photos li {
	width: 255px;
	float: right;
}

/* Clips Index */

ul#clips {
	width: 890px;
	float: left;
	margin-top: 1.4167em;
	
}

ul#clips li {
	width: 285px;
	
	padding-top: 1.4167em;
	padding-left: 5px;
	float: left;
	margin-right: 10px;
	border-top: 0.08333em solid #999999;
}

ul#clips li.no_margin {
	margin-right: 0;
}

/* Introduction */

div#introduction {
	width: 510px;
	padding-left: 5px;
	margin-right: 10px;
	float: left;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
}

div#introduction h2 {
	color: #3c3c3c;
	font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 1.125em;
	
}

/* Quote */

div#quote {
	float: right;
	width: 360px;
	padding-left: 5px;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
	padding-top: 1.5em;
}

/* Blog */

div#blog {
	width: 510px;
	padding-left: 5px;
	margin-right: 10px;
	float: left;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
}

cite {
	font-style: italic;
}

span.info_label {
	width: 60px;
	margin-right: 10px;
	display: block;
	float: left;
}

span.info_data {
	float: left;
	padding-left: 5px;
}

ul#posts li {
	border-top: 0.08333em solid #999999;
	margin-top: -0.083333em;
	padding-top: 1.5em;
	margin-left: -5px;
	padding-left: 5px;
}

ul#posts li p.meta {
	padding-bottom: 1.5em;
	margin-left: 0;
	padding-left: 0;
}

ul#posts li p {
	margin-left: 70px;
	padding-left: 5px;
}

p#tagline {
	font-weight: bold;
	color: #f26522;
	width: 280px;
	padding: 0 5px;
	margin-right: 10px;
	float: left;
	margin-bottom: 0;
}

ul#navigation {
	float: right;
}

ul#navigation li {
	display: block;
	float: left;
}

ul#navigation li a {
	display: block;
	width: 70px;
	color: #ffffff;
	background: #b2b2b2;
	padding: 0.5em 5px 0.5em 5px;
	margin-right: 1px;
	text-decoration: none;
}

ul#navigation li.selected a {
	background: #f26522;
}

ul#navigation li#about a {
	width: 135px;
	padding-right: 0;
	margin-right: 0;
}

ul#navigation li a:hover {
	background: #333;
	color: white;
}

/* Rushes */

div#rushes, div#rush {
	width: 510px;
	padding-left: 5px;
	margin-right: 10px;
	float: left;
	margin-top: 1.4167em;
	padding-top: 1.4167em;
	border-top: 0.08333em solid #999999;
}

/* Transcripts, Logs */

div#transcripts, div#logs {
	width: 435px;
	padding-left: 5px;
	float: left;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
}

div#transcripts {
		margin-right: 10px;
}

div#transcript {
	width: 885px;
	padding-left: 5px;
	float: left;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
}

/* Clips Pages */

div#clip_full {
	width: 510px;
	padding-left: 5px;
	margin-right: 10px;
	float: left;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
}

div#clip_metadata {
	float: right;
	width: 360px;
	padding-left: 5px;
	margin-top: 1.4167em;
	border-top: 0.08333em solid #999999;
	padding-top: 1.5em;
}

div#footer {
	background: #eee;
	width: 880px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 1.4167em;
	padding-top: 1.5em;
	padding-bottom: 1em;
}

div#footer p, div#footer a {
	color: #555;
}

div#footer p {
	float: left;
	width: 600px;
}

div#footer img {
	float: right;
	padding-left: 1.5em;
}



you-got72px { font-size: 6em; /* 72px */ line-height: 1em; /* 72px */ margin-top: 0.25em; margin-bottom: 0em; }
/* 36 - The quick brown fox jumps over the lazy dog */
you-got36px { font-size: 3em; /* 36px */ line-height: 1em; /* 36px */ margin-top: 0.5em; margin-bottom: 0em; }
/* 18 - The quick brown fox jumps over the lazy dog */

you-got18px { font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; }
/* 16 - The quick brown fox jumps over the lazy dog */
you-got16px { font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; }
you-got14px { font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }