/* Jello -- start copying here * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
  padding: 0;
  margin: 10px 0;
  text-align: center;
/*  background: gray;*/
}

#main {
	width:790px;
	background-color:#fff;
	padding-bottom: 1em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* Background shadow */
#top_shadow {
  position: relative;
  height: 75px;
  background: url(/emutube/images/background-top.gif) repeat-x top;
}

#left_shadow {
  background: url(/emutube/images/background-left.png) repeat-y left;
  padding-left: 30px;
}
#right_shadow {
  background: url(/emutube/images/background-right.png) repeat-y right;
  padding-right: 30px;
}
#bottom_shadow {
  position: relative;
  height: 75px;
  background: url(/emutube/images/background-bottom.png) repeat-x bottom;
}
#left_corner,
#right_corner {
  position: absolute;
  bottom: 0;
}

#left_top,
#right_top {
	top:0px;
	position:absolute;
}

#left_corner,
#left_top {
  left: 0;
}
#right_corner,
#right_top {
  right: 0;
}



/** Global Styles **/
body {
  font-family: verdana; /* Fall-back choices are in the reset stylesheet */
  color: #333333;
}
p {
  margin-bottom: 1em;
}
ol,
ul {
  padding-left: 2em;
  list-style: disc outside; /* override reset stylesheet*/
}
a {
  color: #0d6c91;
}
a:hover {
  color:3296bd;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0.5em 0;
}
h1 {
	color:#da2a29;
  font-size: 200%;
  font-weight: bold;
  margin: 10px 0;
}
h2 {
  color: #999;
  font-size: 150%;
}

h3 {
  color: #999;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 0;
}
h1.underlined, h2.underlined, h3.underlined {
	border-bottom: #cccccc 1px dashed;
	margin-bottom:20px;
}

hr {
  border: #cccccc solid;
  border-width: 0 0 1px 0;
  height: 0;
}


input.button {
	width:auto;
}


/** header area **/
#header {
  background: url(/emutube/images/header.gif) no-repeat;
  position: relative;
  height: 106px;
}

#header #profileimage {
  position: absolute;
  top: 23px;
  left: 38px;
  z-index: 11;
}
#header #profileimage-background {
  position: absolute;
  top: 10px;
  left: 21px;
  z-index: 10;
}

#toplinks {
	position:absolute;
	right:50px;
	top: -32px;
}

#toplinks a {
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:right;
	padding-right: 15px;
	background: url(/emutube/images/top-bullet-off.gif) center right no-repeat;
	margin-bottom:2px;
}

#toplinks a:hover,
#toplinks a:focus {
	background-image: url(/emutube/images/top-bullet-on.gif);
	text-decoration:none;
}

#title {
  position: absolute;
  top: -20px;
  left: 40px;
  z-index: 12;
}

#title img {
	border:none;
}

#subtitle {
	color:#999;
	font-size:130%;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	top:60px;
	left: 450px;
}


  
/** Content area **/

#content-main {
	padding: 0 10px 0 20px;
	text-align:left;
}
#video {
  float: left;
	display:inline;
	margin-left:40px;
  padding-top: 10px;
  text-align:left; 
	width:450px; 
}
#rateit,
#video-top {
	background: url(/emutube/images/rateit-background.gif) bottom no-repeat;
	width: 425px;
}
#video-top {
	background-position:top;
	color:#da2a29;
	font-size:1.5em;
	font-weight:bold;
}
#rateit div,
#video-top div {
	line-height:1.5em;
	padding:10px;
}
#rateit {
	display:none;
}
#rateit div {
	height:30px;
}
#rateit div span {
	color:#da2a29;
	font-weight:bold;
	margin-right:10px;
}

#rateit input.submit {
	background-color:#da2a29;
	border: #fff 1px solid;
	color:white;
}

.clear {
  clear: both;
}


/** footer **/
div.footer {
  font-size: 75%;  
  padding: 5px;
  text-align: center;
}
div.footer a {
  color: #333333;
}

/* general */

#story {
	text-align:left;
}

/** right column **/
#right-column {
	background:#e3e3e3 url(/emutube/images/top-rated-header.gif) top no-repeat;
	float:right;
	padding-top:35px;
	text-align:left;
	width:165px;
}	
#right-column div.padding {
	padding:10px;
}

#right-column div.bottom {
	background: #e3e3e3 url(/emutube/images/top-rated-bottom.gif) no-repeat;
	height:30px;
}

/** thumbnails **/
#thumbnails a {
	background:#0498d0 url(/emutube/images/thumb-background.gif) no-repeat;
	display: block;
	float:left;
	height: 140px;
	margin:0px 5px 5px 0px;
	width:140px;
	font-size:80%;
	font-weight:bold;
	color:#333;
	overflow:hidden;
	text-decoration:none;
	text-align:left;
}

#thumbnails a:hover {
	background-color:#32b1e1;
	text-decoration:none;
	color:#666;
}

#thumbnails a:visited {
  background-color:#1B6A88;
}


#thumbnails img {
	border: none;
	margin:5px;
	height:97px;
	width:130px;
}
#thumbnails img.star {
	margin:1px;
	height:11px;
	width:11px;
	float:left;
}

#top-rated {
	background:#e3e3e3 url(/emutube/images/top-rated.gif) top left no-repeat;
	margin-bottom:15px;
	padding:10px 10px 10px 50px;
	position:relative;
}

#top-rated a,
#right-column a {
	background-image:url(/emutube/images/thumb-top-background.gif);
}

#top-rated span {
	background: #fff url(/emutube/images/top-rated-right.gif) no-repeat;
	height:165px;
	position:absolute;
	right:0;
	top:0;
	width:30px;
}


	

/* Clearfix - http/www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* navbar */
#navbar {
	border: 1px solid gray;
	background-color: #FFFFCE;
	padding: 0.5ex;
	margin: 1ex 1em;
}
#navbar ul {
	margin: 0;
	padding: 0;
} 
#navbar ul li {
	margin: 0;
	padding: 5px 3px;
	list-style: none;
	display: inline;
}
#navbar ul li.begin_section {
	border-left: 1px solid #999;
	padding-left: 10px;
	margin-left: 5px;
}

/* global classes */
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}