/******************
GLOBAL STYLES
******************/

body {
	background: #000 /* url(/web/20090416222630im_/http://www.machinima.com/_images/bg.jpg) top left repeat-x fixed */;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
   	margin: 0px;
   	padding: 0px;
}

a {
	color: #fff;
}

a:hover {
	color: #f00;
}

img {
   border: none;
}

.center {
	text-align: center;
}

td {
   vertical-align:top;
}

.clear {
	clear: both;
   height:0px;
   float: none;
   font-size:0px;
   margin: 0px;
   padding: 0px;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.click {
   cursor: pointer;
}

.right {
   text-align:right;
}

.left {
   text-align:left;
}

#container {
	background: #373737;
	margin: auto;
	padding: 0;
	width: 777px;
}

#content {
	margin: 15px 0 10px 10px;
	width: 570px;
	display: inline;
	float: left;
}

/********************************
HEADER
********************************/

#header {
   background:#000 url(/web/20090416222630im_/http://www.machinima.com/_images/page_header/header_gradient.jpg) repeat-x scroll bottom left;
	height: 106px;
	width: 777px;
}

#header a.logo {
   display:block;
   padding:0;
   margin:8px 0pt 0px;
   text-decoration:none;
	height:70px;
   float:left;
   width:350px;
   background:transparent url(/web/20090416222630im_/http://www.machinima.com/_images/page_header/header_logo.jpg) no-repeat scroll top left;
}

#user-box {
   float:right;
   width:200px;
   font-size:10px;
   padding: 5px 5px 0px;
   height:73px;
}

#header .search-box input.text, #user-box input.text {
   height:12px;
}

#user-box select {
   font-size:10px;
}

#mini-profile img {
   float:left;
   width:40px;
   margin:0px 3px 3px 0px
}

#login-form, #not-logged-in, #mini-profile {
   height:73px;
   width:205px;
   background:transparent url(/web/20090416222630im_/http://www.machinima.com/_images/page_header/header_gradient_user.jpg) repeat-x scroll bottom left;
}

#mini-profile p {
   padding:0px;
   margin:10px 0px;
}

#login-form form {
margin:0px;
padding:0px;
}

#login-form input.text {
   width:100px;
   font-size:10px;
}

#login-form label {
   float:left;
   width:50px;
}

#login-form #login {
   font-size:10px;
}

#user-box .login-links {
   text-align:center;
}

#not-logged-in {
   height:20px;
   margin-top:53px;
   padding:5px 0px 0px;
   width:205px;
}

#header .search-box {
   float:right;
}

#header .search-box input {
   width:60px;
   float:left;
}

#header .search-box a {
   text-decoration:none;
}

#header .search-box .upload-link, #header .search-box .search-button {
display:block;
float:left;
height:19px;
margin:2px 3px 0px;
text-align:center;
width:64px;
}

#header .search-box .search-button {
   background: transparent url('/web/20090416222630im_/http://www.machinima.com/_images/page_header/search.jpg') no-repeat top left;
   color: #000;
}

#header .search-box .upload-link {
   background: transparent url('/web/20090416222630im_/http://www.machinima.com/_images/page_header/upload.jpg') no-repeat top left;
   color:#fff;
}

#header .search-box .upload-link:hover {
color:#000;
}

/********************************
SUB NAV
********************************/

ul.sub-nav {
   margin: 0px;
   padding: 0px;
}

ul.sub-nav li {
   background:transparent url(/web/20090416222630im_/http://www.machinima.com/_images/machinima101/101nav.jpg) repeat-x scroll left top;
   margin:0px;
   padding:6px 0px 0px;
   list-style:none;
   float:left;
   width:33%;
   border-right:1px solid #000;
   height:22px;
   font-size: 10pt;
   text-align: center;
}

ul.sub-nav li a {
   text-decoration: none;
}

ul.sub-nav li.selected,
ul.sub-nav li:hover {
   color: #fff;
	background-position: left -50px;
}

/********************************
TOP NAV
********************************/

ul#top-nav {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 13px 0 0 0;
	padding: 0;
	width: 777px;
}

ul#top-nav a {
	border-left: 1px solid #000;
	color: #fff;
	display: inline;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

ul#top-nav li {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/top_nav_bg.jpg) repeat-x left top;
	float: left;
}

ul#top-nav a.arrow {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/arrow_down.png) no-repeat 94% 50%;
}

ul#top-nav span.upload-img {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/arrow_upload.png) no-repeat 94% 50%;
	display: block;
}

ul#top-nav img {
	border: none;
	padding-left: 5px;
}

ul#top-nav .first a {
	border-left: none;
}

ul#top-nav li.selected,
ul#top-nav li:hover {
	background-position: left -50px;
}

ul#top-nav #home a {
	width: 76px;
}

ul#top-nav #channels a {
	width: 70px;
}

ul#top-nav #series a {
	width: 79px;
}

ul#top-nav #shows a {
	width: 73px;
}

ul#top-nav #community a {
	width: 85px;
}

ul#top-nav #forums a {
	width: 79px;
}

ul#top-nav #articles a {
	width: 79px;
}

ul#top-nav #news a {
	width: 109px;
}

ul#top-nav #machinima-101 a {
	width: 119px;
}

ul#top-nav #upload a {
	background: #a80000 url(/web/20090416222630im_/http://www.machinima.com/_images/upload_bg.jpg) repeat-x left top;
	width: 89px;
}

/********************************
BOTTOM NAV
********************************/

ul#bottom-nav {
	list-style-type: none;
	height: 26px;
	margin: 0;
	padding: 0;
	width: 777px;
}

ul#bottom-nav a {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/top_nav_bg.jpg) repeat-x left top;
	border-left: 1px solid #000;
	color: #fff;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
   padding: 0px 22px;
}

ul#bottom-nav li {
	float: left;
	line-height: 26px;
}

ul#bottom-nav .first a {
	border-left: none;
}

ul#bottom-nav li.selected a,
ul#bottom-nav a:hover {
	background-position: left -50px;
}
#bottom-nav #submit-show a {
	padding:0px 26px 0px 18px;
}

/********************************
ADS
********************************/

#top-ad {
   height:90px;
   padding:0px 20px;
   text-align:center;
   width:735px;
}

#bottom-ad {
	clear: right;
	height: 90px;
	margin: 13px 0;
	width: 775px;
   text-align: center;
}

#left-ad {
   text-align:center;
	display: block;
	float: right;
	margin: 7px 7px 0pt 0pt;
	padding-top: 13px;
	width: 180px;
}

#left-ad .search {
	margin: auto auto 15px auto;
	text-align: center;
}

#left-ad input {
	margin-left: 2px;
	vertical-align: middle;
}

#left-ad input.box {
	font-size: 10px;
	height: 12px;
	width: 100px;
}


#left-ad .middle-ad p {
	color: #b90000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 5px;
	text-align: center;
}

#left-ad .promo {
	margin: 20px auto;
	width: 160px;
}

#left-ad .middle-ad {
   background:#000;
   margin-bottom: 15px;
}

#left-ad .middle-ad div {
	border: 1px solid #fff;
	height: 600px;
	margin: 10px auto 11px auto;
	width: 160px;
}

#left-ad .left-ad-bottom {
	/* background: #373737 url(/web/20090416222630im_/http://www.machinima.com/_images/ad_bottom.jpg) bottom center no-repeat; */
	height: 13px;
	width: 180px;
}

/********************************
COPYRIGHT
********************************/

#copyright {
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

/********************************
DROP DOWN MENU
********************************/
ul#top-nav ul { 
   display: none;
   position: absolute;
   top: 250px;
   margin: 0;
   padding:0;
   clear: both;
}

ul#top-nav li:hover ul { 
   display: block;
}

ul#top-nav ul li { 
   display: block;
   float: left;
   clear: both;
}

ul#top-nav ul li a, ul#top-nav #channels li a, ul#top-nav #series li a { 
   font-size: 7pt;
   text-align: left;
   padding-left: 5px;
   width: 140px;
}

/********************************
MAIN CONTENT
********************************/
h1 { 
   font-size: 16pt;
   clear: both;
   text-align: center;
   margin: 5px 0;
   padding: 5px 0px;
}

h1.page-title { 
   background: #000;
}

h2 { 
   font-size: 12pt;
   font-weight: bold;
   border-bottom: 1px dotted #ccc;
   margin: 5px 0;
   padding-left: 10px;
}

/*
ul.thumbnails { 
   margin: 0 auto;
   padding: 0;
   list-style: none;
   text-align: center;
}

ul.thumbnails li { 
   margin: 5px auto;
   padding: 0;
   list-style: none;
   float: left;
   text-align: center;
   font-size: 9pt;
   width: 24%;
}

ul.thumbnails li p { 
   margin: 2px 0;
   padding: 0;
   text-align: center;
}

ul.thumbnails li img { 
   display: block;
   border: none;
   padding: 0px;
   text-align: center;
   margin: 0px auto;
}

ul.thumbnails li .thumbnail { 
   margin: 0px auto;
}

.thumbnail { 
   background:#fff url('/web/20090416222630im_/http://www.machinima.com/_images/thumbnail_background.jpg') no-repeat top center;
   padding: 5px;
   width: 100px;
   text-align: center;
}
*/

/********************************
ROUNDED BOX
********************************/
.rounded { 
	background: #000;
	margin: 0px auto 10px;
	padding: 5px;
}

.rounded-bottom {
   margin:0pt auto 10px;
	padding: 5px;
	background: #000;
}

.rounded .rounded-bottom,
.rounded .rounded-bottom a,
.rounded .rounded a,
.rounded .rounded {
   background: #ccc;
   color: #000;
}

h4.box-title {
	font-size: 15px;
	font-weight: normal;
	margin: 0px auto;
	padding: 5px;
   background: #000 url(/web/20090416222630im_/http://www.machinima.com/_images/top_nav_bg.jpg) repeat-x scroll left top;
}

.rounded h2,
.rounded h4 { 
   font-size:16px;
   font-weight:normal;
   margin:0pt;
   padding:0pt 10px;
}

/********************************
LISTS
********************************/
ul.triangle { 
   margin:0pt 0pt 0pt 10px;
   padding:0pt 0pt 0pt 10px;
}

ul.triangle li { 
   font-size:8pt;
   line-height:16px;
   list-style-image:url(/web/20090416222630im_/http://www.machinima.com/_images/triangle.gif);
   list-style-position:outside;
   list-style-type:disc;
}

ul.inline { 
   margin: 0;
   padding: 0;
}

ul.inline li { 
   float: left;
   list-style: none;
   padding: 5px;
}

/********************************
ARROWS
********************************/
/*
.arrows {
	background:url(/web/20090416222630im_/http://www.machinima.com/_images/series/all_episodes__arrow_bg.jpg) no-repeat left bottom;
	height:25px;
	width:65px;
   position:relative;
   left:466px;
   top:25px;
   padding-left:10px;
}

.arrows .down-down,
.arrows .down-off,
.arrows .down {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/episode_arrow_down_off.jpg) no-repeat left top;
	display: inline;
	float: left;
	height: 20px;
	width: 22px;
}

.arrows a.down:hover {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/episode_arrow_down_on.jpg) no-repeat left top;
}

.arrows .up-up,
.arrows .up-off,
.arrows .up {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/episode_arrow_up_off.jpg) no-repeat left top;
	display: inline;
	float: left;
	height: 20px;
	width: 22px;
}

.arrows .down-off,
.arrows .up-off {
	background: none;
}

.arrows .down-down {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/series/double_arrow_down.jpg) no-repeat left -22px;
}

.arrows .up-off {
	margin-left: 5px;
}

.arrows .up-up {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/series/double_arrow_up.jpg) no-repeat left top;
	margin-left: 10px;
}

.arrows .up-up:hover {
	background-position: left -22px;
}

.arrows .down-down:hover {
	background-position: left top;
}

.arrows a.up:hover {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/episode_arrow_up_on.jpg) no-repeat left top;
}
*/

/********************************
ARROWS
********************************/
.arrows .up-up, .arrows .up, .arrows .down-down, .arrows .down {
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/icons/arrow_right_single.jpg) no-repeat left -30px;
	display: inline;
	float: left;
	height: 30px;
	width: 26px;
}

.arrows .up-up, .arrows .up {
	background-image: url(/web/20090416222630im_/http://www.machinima.com/_images/icons/arrow_left_single.jpg);
}

.arrows .down-down {
	background-image: url(/web/20090416222630im_/http://www.machinima.com/_images/icons/arrow_right_double.jpg);
}

.arrows .up-up {
	background-image: url(/web/20090416222630im_/http://www.machinima.com/_images/icons/arrow_left_double.jpg);
}

.arrows a.down:hover, .arrows .down-down:hover, .arrows a.up:hover, .arrows .up-up:hover {
	background-position: left top;
}

.left-arrows .off, .right-arrows .off, .left-arrows .off:hover, .right-arrows .off:hover {
	background-position: left -60px;
}

.left-arrows, .right-arrows {
   float: left;
   width: 62px;
   text-align: left;
}

.left-arrows a, .left-arrows .off{
   padding-right:5px;
}

.right-arrows {
   float: right;
   text-align: right;
}

.right-arrows a, .right-arrows .off{
   padding-left:5px;
}

/********************************
MODAL CONTAINER
********************************/
#flash-player { 
   margin: 0px auto;
   text-align: center;
   width: 750px;
   height: 455px;
}

#hd-player {
   margin: 0px auto;
   text-align: center;
   width: 1000px;
   height: 600px;
}

#modal_container { 
   padding:5px;
   background-color:#000;
   border:1px solid #900;
   overflow: hidden;
   font-family:Arial, sans-serif;
   font-size:12px;
   color:#fff;
   text-align:left;
}

#modal_overlay { 
   background-color:#000;
}

a.close-button { 
   display: block;
   background: transparent url('/web/20090416222630im_/http://www.machinima.com/_images/icons/icon-close.gif') no-repeat;
   height: 24px;
   width: 60px;
   color: #900;
   text-transform: uppercase;
   text-decoration: none;
   text-align: left;
   font-weight: bold;
   padding: 4px 0px 4px 24px;
}

a.close-button:hover { 
   font-weight: bolder;
   color: #f00;
}

/********************************
PAGING
********************************/
ul.paging { 
   border-top: 1px solid #ccc;
   padding: 0px;
   margin: 0px;
   list-style: none;
}

ul.paging li {
   margin: 5px;
   padding: 0px;
   list-style: none;
   float: left;
   border: 1px solid #ccc;
}

ul.paging li.current {
   background: #f00;
   color: #000;
   font-weight: bold;
}

ul.paging li.disabled {
   border-color: #666;
   color: #666;
}

ul.paging li.disabled, ul.paging li.current, ul.paging li a {
   text-align: center;
   display: block;
   padding: 4px;
   text-decoration: none;
}

ul.paging li a:hover {
   color: #000;
   background: #900;
}

#popup-form { 
   padding: 5px;
   margin: 5px;
}

#popup-form div { 
   margin: 4px 0;
}

#popup-form label { 
   display: block;
   width: 115px;
   text-align: right;
   float: left;
}

#popup-form input.text { 
   width: 200px;
}

#popup-form textarea { 
   height: 150px;
}

.two-columns { 
   width: 270px;
   margin: 0 5px;
   float: left;
}

.two-columns ul.thumbnails li { 
   width: 49%;
}

textarea {
   width:300px;
   height:200px;
}

textarea.js-tinymce {
   width:500px;
}

#markdown_toolbar {
   position:relative;
   list-style:none;
   border:1px solid #d7d7d7;
   background-color:#F6F6F6;
   margin:0;
   padding:0;
   height:18px;
   margin-bottom:2px;
}

#markdown_toolbar li {
   list-style:none;
   margin:0;
   padding:0;
   float:left;
}

#markdown_toolbar li a {
   width:24px;
   height:16px;
   float:left;
   display:block;
   background-image:url("http://web.archive.org/web/20090416222630im_/http://livepipe.net/styles/markdown_icons.gif");
   border:1px solid #fff;
   border-right-color:#d7d7d7;
}

#markdown_toolbar li a:hover {
   border-color:#900;
}

#markdown_toolbar li span {
   display:none;
}

#markdown_toolbar li a#markdown_help_button {
   position:absolute;
   top:0;
   right:0;
   border-left-color:#d7d7d7;
   border-right-color:#fff;
}

#markdown_toolbar li a#markdown_help_button:hover {
   border-left-color:#900;
   border-right-color:#900;
}

#markdown_italics_button { background-position: 0 -119px; }
#markdown_bold_button { background-position: 0 -102px; }
#markdown_link_button { background-position: 0 0; }
#markdown_image_button { background-position: 0 -170px; }
#markdown_unordered_list_button { background-position: 0 -34px; }
#markdown_ordered_list_button { background-position: 0 -51px; }
#markdown_quote_button { background-position: 0 -68px; }
#markdown_code_button { background-position: 0 -136px; }
#markdown_help_button { background-position: 0 -153px; }
#markdown_heading_button { background-position: 0 -85px; }

#upload-form { 
   width: 550px;
   margin: 0px auto;
}

#upload-form .blank li { 
   margin: 5px 10px;
}

#upload-form fieldset { 
   padding: 0px 5px;
   color: #fff;
   background: #000;
}

#upload-form fieldset h2 { 
   font-size: 10pt;
}

#upload-form label { 
   display: block;
}

#upload-form input.text { 
   width: 300px;
}

#upload-form .error { 
   margin: 0px;
}

#upload-form div.short { 
   width: 250px;
   float: left;
   clear: none;
}

#upload-form div.short input.text { 
   width: 200px;
}

#upload-form textarea.short { 
   height: 150px;
}

#upload-form fieldset div { 
   padding: 5px 0px;
   clear: both;
}

#upload-form .note { 
   padding: 0;
   margin: 0;
   font-size: 9pt;
   font-style: italic;
}

.error { 
   margin: 0px auto;
   border: 2px solid #f00;
   background: #fcc;
   padding: 5px;
   color: #f00;
   font-weight: bolder;
}

/**********************************
COMMENTS STYLES
***********************************/
#comments h4 {
	padding: 5px;
   margin: 0;
   width: auto;
   font-weight: normal;
   font-size: 10pt;
}

#comments h5 {
	padding: 5px;
	background: #373737;
   margin: 10px 0 0;
   color: #fff;
}

#comments p.comment {
	overflow: hidden;
}

#comments p {
	background: #ccc;
   margin: 0;
   color: #000;
   padding: 5px;
}

#comments p a {
   color: #000;
}

h2 {
   border-bottom: 1px dotted #000;
}

ul.blank, ul.blank li { 
   list-style: none;
   margin: 0;
   padding: 0;
}

ul.blank ul, ul.blank ul li { 
   list-style: none;
   margin: 0 0 0 5px;
   padding: 0;
}

div#punch { 
   float: left;
   width: 160px;
   text-align: center;
   padding: 0.1em 0.1em 0;
   border: solid #000 1px;
   border-width: 0 0.2em 0.2em 0;
   margin: 0 0.5em 0.2em 0;
}

/******************
AUTO COMPLETE
******************/
.autocomplete ul { 
   padding: 3px;
   width: 300px;
   border: 1px solid #999;
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   list-style-type: none;
   margin: 5px 0 0 0
}

.autocomplete li { 
   margin: 0 0 5px 0;
   cursor: default;
   color: #000;
   background: #fff;
}

.autocomplete li:hover { 
   background: #333;
   color: #fff;
}

/******************
SORTABLE LIST
******************/
ul.sortable-list li {
   background-color:#ccc;
   color: #000;
   border:1px solid #000000;
   cursor:move;
   margin:2px 0px;
   padding:2px;
   list-style:none;
}

ul.sortable-list li a {
   color: #900;
}

ul.sortable-list li a:hover {
   color: #f00;
}

.caption {
   text-align: center;
}

.caption img {
   display: block;
   margin: 5px auto 10px;
   text-align: center;
}

#beta {
   background:transparent url(/web/20090416222630im_/http://www.machinima.com/_images/machinima101/101nav.jpg) repeat-x scroll left -50px;
   font-size:12px;
   font-weight:bolder;
   padding:5px 0px;
   position:fixed;
   text-align:center;
   width: 100%;
   z-index:1000;
}

#beta a {
   text-decoration: underline;
}

#beta p {
   padding: 0px;
   margin: 0px;
}

.progress {
   position:absolute;
   text-align:center;
   z-index:10000;
}


/****************************************************************
   Nifty Corners Cube CSS by Alessandro Fulciniti
   The following classes are added dinamically by javascript,
   and their use should be avoided in the markup
****************************************************************/

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/****************************************************************
   Star Rating
****************************************************************/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating,
.star-rating .your-rating{
	background: url(/web/20090416222630im_/http://www.machinima.com/_images/star-blue.png) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .your-rating,
.star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	
.star-rating .your-rating{
	z-index:1;
	background-position: left bottom;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

.toggle-closed {
   background: transparent url('/web/20090416222630im_/http://www.machinima.com/_images/icon-toggle-closed.gif') no-repeat top left;
   padding-left: 20px;
}

.toggle-open {
   background: transparent url('/web/20090416222630im_/http://www.machinima.com/_images/icon-toggle-open.gif') no-repeat top left;
   padding-left: 20px;
}

#content .login-form {
   margin: 30px auto;
   border: 3px ridge #333;
   background: #666;
   width: 300px;
   display: block;
}

#content .login-form div {
   padding: 5px;
}

#content .login-form label {
   display: block;
   float: left;
   width: 100px;
   text-align: right;
   padding-right: 10px;
   font-weight: bold;
}

#content .login-form input.button,
#content .login-form input.text {
   border: 1px solid #000;
   padding: 3px;
}

#content .login-form input.text {
   width: 150px;
}

/********************************
USER INFORMATION BOX
********************************/
#user-info {
   margin:10px 5px;
   font-size:10px;
   color:#fff;
   background:#000;
   width:170px;
}

#user-info .rounded-top {
   background: transparent url('/web/20090416222630im_/http://www.machinima.com/_images/user_info_back_top.jpg') top center no-repeat;
   height: 10px;
   padding:0px 5px;
   margin:0px;
   width:auto;
}

#user-info .body {
   background: #717577;
   padding:5px 5px 10px;
   margin:0px;
   color:#fff;
}

#user-info .rounded-bottom {
   background: transparent url('/web/20090416222630im_/http://www.machinima.com/_images/user_info_back_bottom.jpg') bottom center no-repeat;
   padding:0px 5px;
   margin:-5px 0px 0px;
   width:auto;
}

#user-info form {
   width: 155px;
   margin:0px auto;
}

#user-info form div {
   margin:2px 0px;
}

#user-info form label {
   width:50px;
   display:block;
   float:left;
}

#user-info form input.text {
   border:1px solid #900;
   color:#000;
   width:90px;
   height:12px;
   padding-bottom:2px;
   font-size:8px;
}

#user-info form input.button {
   font-size:10px;
}

#user-info img {
   float:left;
   width: 45px;
   margin: 0px 5px 5px 0px;
}

#user-info a {
   font-size:10px;
	color: #900;
}

#user-info a:hover {
	color: #f00;
}

#user-info p {
   padding:0px;
   margin:2px 0px;
   color:#fff;
   font-size:10px;
   text-align: left;
}

#secure, #maintenance {
   color: #fff;
   background:#000;
}

table.full {
   width: 100%;
}

div.film-browse {
   margin: 0px 0px 10px;
   font-size:10pt;
}

div.film-browse .thumb {
   float:left;
   margin-right:4px;
}

div.film-browse .info {
   float:left;
   margin-right 0px;
   width: 206px;
}

div.film-browse .details-left, div.film-browse .details-right {
   float:left;
   width:100px;
   font-size:10px;
}

div.film-browse p {
   margin:3px 0px;
   padding:0px;
}

div.film-browse .rating img {
   height:15px;
}

ul.featured-thumbs {
   margin:0px;
   padding:0px;
   text-indent:0px;
   list-style:none;
}

ul.featured-thumbs li {
   float:left;
   list-style:none;
   margin:5px 8px;
   width:125px;
   height:115px;
   padding:0px;
}

ul.featured-thumbs img {
   border:1px solid #fff;
}

li.film-browse-element {
list-style:none;
padding:0px;
margin:0px 0px 15px;
text-indent:0px
}

li.film-browse-element * {
font-size:10pt;
}

li.film-browse-element a {
color:#ff8a00;
}

li.film-browse-element p {
padding:0px;
margin:0px;
}

div.film-browse img.thumb, li.film-browse-element img.thumb {
float:left;
margin-right:4px;
border:1px solid #fff;
}

li.film-browse-element .info {
float:left;
margin-right:4px;
width:190px;
}

li.film-browse-element .extra {
float:left;
width:120px;
}

li.film-browse-element .extra img {
width:20px;
}

ul.tabs {
margin:0px;
padding:0px;
text-index:0px;
list-style:none;
}

ul.tabs li {
background:#000000 url(/web/20090416222630im_/http://www.machinima.com/_images/common/tab_gradient_gray.jpg) repeat-x scroll left bottom;
float:left;
margin:0px;
padding:5px 4px 3px;
text-align:center;
color:#fff;
}

ul.tabs li a {
color:#fff;
text-decoration:none;
display:block;
}

ul.tabs li.selected, ul.tabs li:hover {
background-image:url(/web/20090416222630im_/http://www.machinima.com/_images/common/tab_gradient_red.jpg);
}

ul.tabs li.selected a, ul.tabs li a:hover {
color:#fff;
}

ul.sub-tabs {
margin:0px 0px 5px;
padding:0px;
text-index:0px;
list-style:none;
}

ul.sub-tabs li {
background:#000000 url(/web/20090416222630im_/http://www.machinima.com/_images/common/tab_gradient_gray.jpg) repeat-x scroll left bottom;
float:left;
margin:0px 0px 10px;
padding:5px 4px 3px;
text-align:center;
color:#fff;
}

ul.sub-tabs li a {
color:#fff;
text-decoration:none;
}

ul.sub-tabs li.selected, ul.sub-tabs li:hover {
background-image:url(/web/20090416222630im_/http://www.machinima.com/_images/common/tab_gradient_red.jpg);
}

ul.sub-tabs li.selected a, ul.sub-tabs li a:hover {
color:#fff;
}

.ad {
   border:1px solid #fff;
}

.promos, .contests {
padding:0px 0px 10px;
text-align:center;
}

.promos, .contests .advertisement {
margin:0px;
padding:0px;
}

.promo-content h4 {
font-size:12px;
text-align:center;
}

.contests p, .promos p {
margin:0px;
padding:5px 0px 0px;
}

.promos img, .contests img {
   width:163px;
   border:1px solid #fff;
}

.promo img {
   border:1px solid #fff;
}

#series-target {
height:188px;
}

.flags {
   padding-top:4px;
   width: 50px;
   float:left;
}

.flags a {
   display:block;
   float:left;
   padding-left:4px;
}

/*
     FILE ARCHIVED ON 22:26:30 Apr 16, 2009 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:43:46 Jul 08, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 176.775
  exclusion.robots: 0.208
  exclusion.robots.policy: 0.2
  cdx.remote: 0.063
  esindex: 0.009
  LoadShardBlock: 138.402 (3)
  PetaboxLoader3.datanode: 78.579 (4)
  CDXLines.iter: 17.398 (3)
  load_resource: 59.045
*/