* { margin: 0; padding: 0;}
body {
	font: 13px/1.231 Arial, Helvetica, sans-serif;
	*font-size:small;*font:x-small;
	background: #fff;
}
h1,h2,h3,h4,h5 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
}
h2 { font-size: 153.9%;} /* 20px */
h3 { font-size: 123.1%;} /* 16px */
a { color: #a00; text-decoration: none;}
a:hover {color: #900; text-decoration: underline;}

.blue { color: #00f;}


.closed {
	background: url(../images/bullet_toggle_plus.png) no-repeat left top;
	display: block;
	width: 16px;
	height: 16px;
	padding-right: 5px;
}
.closed:hover {text-decoration: none;}
.closed.open {
	background: url(../images/bullet_toggle_minus.png) no-repeat left top;
	display: block;
}
.container {
	width: 760px;
	margin: 0 auto;
	position: relative;
}

.left { float: left; }
.right { float: right; }
.navigation { }
/* header bar */
#header .navigation {
	float: left;
}
#header .searchbox {
	float: right;
	border: 2px solid #c5d6e8;
	border-top: 5px solid #c5d6e8;
	padding: 2px;
	
}
#header .searchbox input {
	border: 0px none;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}
#header .logo a {
	display: block;
	background: url(../images/logo.gif) no-repeat left top;
	height: 70px;
	width: 250px;
	margin-left: -10px;
}


#main {
	clear: both;
	border-top: 1px dotted #ccc;
}

/* display */
.display .notice { padding: 3px 5px; margin: 5px 0; background: #ff0; color: #00f; text-align: center;}

.display h2 {
	margin-top: 10px;
	line-height: 16px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 10px 0;
}
.display .contentDisplay {
	background: #E5ECF9;
	text-align: center;
}
.display .contentDisplay .video { 
	margin: 0 auto;
	padding: 0 5px;
	background: #fff;
}
.display .contentDisplay .preload {
	width: 640px;
	margin: 0 auto;
	padding: 0 5px;
	background: #fff url(../images/preload.jpg) no-repeat center top;
	vertical-align: center;
	display: block;
}
.display .contentDisplay .preload a {
	width: 640px;
	height: 350px;
	display: block;
}

.display .contentDisplay .preload a span { display: none;}

.infomovies {
	border: 2px solid #E5ECF9;
	padding: 10px;
}
.infomovies .left { font-size: 93%; color: #222;}
.infomovies .right { font-size: 93%; color: #333;}
#movieinfobutton { 
	background: url(../images/bullet_arrow_down.png) no-repeat left center;
	padding: 3px 0 3px 15px;
	font-size: 93%;
}

.tag {
	background: url(../images/tag.png) no-repeat left center;
	padding: 3px 0 3px 10px;
	color: #669;
	font-size: 93%;
	margin: 0px;
}
/** content3col */
.content3col {
	margin: 10px 0;
}
.content3col .coloum h2,
.content3col .coloum h3 {
	margin-top: 10px;
	padding: 10px 10px 2px;
	background: #E5ECF9 url(../images/col_up.gif) no-repeat left top;
}
.content3col .coloum {
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	width: 240px;
	
	background: #fff url(../images/col_down.gif) no-repeat 10px bottom;
}
.content3col .coloum.first {
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	border: none;
	background: #fff url(../images/col_down.gif) no-repeat left bottom;
}
.movielist { border-top: 1px solid #ccc;position: relative;font-size: 93%;}
.movielist > ul {list-style: none;}
.movielist > ul > li {
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}
.movielist .inlinemenu { font-size: 11px; color: #666;} 

#video-highlight {
	width: 400px;
	padding: 0px;
}
.sidebar-box {
}
#latest-video {
	margin-top: 1em;
}
#latest-video .movie { }



/*
 * inlinemenu
*/
.inlinemenu { list-style: none;}
.inlinemenu li { display: inline;}
.inlinemenu .separator { padding: 0 5px;}


.errors { list-style: none; }
.errors li { font-size: 85%; color: #900;}

.display-tags ul { list-style: none;}
.display-tags ul li a {
	padding: 2px 0 2px 20px;
}
a.size1{font-size: 85%;background: url(../images/tag_green.png) no-repeat left bottom;}
a.size2{font-size: 100%;background: url(../images/tag_orange.png) no-repeat left bottom;}
a.size3{font-size: 125%;background: url(../images/tag_pink.png) no-repeat left bottom;}
a.size4{font-size: 150%;background: url(../images/tag_purple.png) no-repeat left bottom;}
a.size5{font-size: 180%;background: url(../images/tag_red.png) no-repeat left bottom;}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearer:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
 	visibility: hidden;
 	line-height: 0;
}
 
.clearer{display: inline-block;}

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

.letters {margin:10px 0 0 0;padding:4px;list-style-type: none;}
.letters li {margin:0;padding:0 5px;display:inline;text-transform:uppercase;}
.letters li a{text-align:center;} 
.letters .separator {padding: 0 5px;}

.tags-list {}

* html legend { margin:0px -8px 16px 0; padding:0; }

.tags-list  .letter-container{ 
	border: 0 none;
	border-top: 1px solid #ccc;
	padding: 1em;
	margin-bottom: 1em;
}
.tags-list .letter { 
	float: left;
	width: 60px;
	text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
	text-transform:capitalize;
}

.tags-list h3 {
margin: 0px 0 10px;
padding: 0 10px;
border-bottom: 1px solid #ccc;
}
.tags-list p.top { font-size: 11px; text-align: center;margin: 10px 0 0;}
.tags-list  ul {margin:0 0 0 60px;padding:0;list-style-type: none;}
.tags-list ul li {
	margin:0;
	padding: 0 0 2px 0;
	width: 230px;
	float: left;
}
.tags-list ul li  a {
	padding: 4px 0;
	color: #555;
	font-size: 13px;
}
.tags-list ul li  a:hover {color:#AA0000;}