@import url(../assets/global.css);

a {
	color: #abe; text-decoration:none;}

#body {
  border-top:1px solid #ccc;}
#external-container {
	width:auto;
	line-height:1.25em;
	padding:20px 0px; margin:0px;
	font-size:12px;
	font-family: "lucida grande", verdana, sans-serif;
	background: #999;}

#root {
	border-top:5px solid #222; border-bottom:5px solid #222;
	background:#222;
	padding:0px; margin:0px auto;
	width:740px;}
#vidList {
	width:220px;
	float:left;}
	#vidList h1 {
		text-transform:lowercase; letter-spacing:-1px;
		font-size:20px; font-weight:normal;
		color:#fff;
		background: #444 url(tv.gif) 10px 50% no-repeat;
		padding:20px 10px 20px 30px; margin:0em;}
		#vidList h1 em {
			margin-left:.1em;
			font-weight:bold; color:#999;
			font-style:normal;}
	#vidList .list {
		background:transparent url(shadow.gif) 0px 0px repeat-x;}
	#vidList .list a {
		font-size:10px;
		border-bottom:1px solid #333;
		padding: 5px 10px;
		display:block;}
		#vidList .list a:hover {
		  color:#fff;
			background:#333;}
	#vidList .list a.lit {
		background:#111;
		color:#fff;
		font-weight:bold;}
#vid {
	color:#222;
	background:#444;
	padding:20px;
	width:480px;
	float:right;}
	#vid .code {
		margin-bottom:20px;}
	#vid .code * {
		margin:0px;}
	#vid .title {
		background:#ccc;
		border:5px solid #666; border-bottom:0px;
		padding:10px; margin:0px;
		line-height:14px;
		font-size:14px; font-weight:normal;}

		#vid .title span {
			color:#666;
			float:right; line-height:14px;
			font-size:10px; text-transform:uppercase;}
	#vid .text {
		background:#ddd;
		border:5px solid #666; border-top:0px;
		padding:10px; margin:0px;}
		#vid .text p {
			margin: 0em 0em 1em;}
		#vid .text h1 {
			margin: 0em 0em 1em;}

#footer {
	clear:both;}