/* @override http://localhost:8000/ncmedia/css/base.css */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 5px;
	font-family: Verdana, sans-serif;
	background-color: #aaa;
}

#wrapper {
	background-color: #fff;
}

#header {
	margin: 0;
	height: 65px;
	padding: 0;
	/*border-top: 45px solid #fdf;*/
	border-bottom: 5px solid #f0f;
	background: #fdf url('images/tl_aaa_fdf.png') no-repeat top left;
}
#header p {
	position: relative;
	top: 45px;
	height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 330px;
	font-size: 0.9em;
	color: black;
	font-style: italic;
	line-height: 2.1;
	background-color: #000;
}
#header p img {
	position: absolute;
	top: -45px;
	right: 0;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#navbar {
	background: #fff;
	padding-left: 177px;
	border-bottom: 1px solid #eee;
	background: transparent url('images/navbar-bg.gif') repeat-x center left;
}

#navbar ul {
}

#navbar li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	text-align: center;
	background-color: transparent;
}

#navbar li.here {
	background-color: transparent;
}

#navbar li a {
	display: block;
	height: 1.6em;
	width: 10em;
	padding: 0.4em 0 0 0;
	border: 1px solid #eee;
	border-width: 0 1px;
	outline: none;
	font-size: 0.8em;
	color: #000;
	text-decoration: none;
	vertical-align: 2px;
}
#navbar li a:hover {
	color: #f0f;
/*	background: #fff6ff url('images/navbar-here-bg.gif') repeat-x center left;*/
}
#navbar li a:active {
	outline: none;
}
#navbar li a.here {
	color: #f0f;
	font-weight: normal;
	background: transparent url('images/navbar-here-bg.gif') repeat-x center left;
}

#sidebar {
	float: left;
	width: 180px;
	margin: 60px 0 0 0;
	padding: 0 0 0 5px;
	color: #666;
	text-align: right;
}

#sidebar h2 {
	margin-bottom: 0;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #888;
	background: white;
}

#sidebar ul {
/*	padding: 0 0 15px 0;*/
	list-style: none;
	margin-bottom: 8px;
	padding-bottom: 10px;
/*	background: url(images/sb_sep.png) no-repeat 157px bottom; */
}

#sidebar li {
	margin: 0 0 0 0;
	padding: 0;
	background: #fff;
}

#sidebar li a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 12px 0 0;
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}
#sidebar a:hover {
	color: #f0f;
}
#sidebar a.here {
	color: #333;
	background: url(images/here.png) no-repeat right 4px;
}

#sidebar #login {
/*	background: url(images/sb_end.png) no-repeat 157px bottom; */
}
#sidebar #login li {
}
#sidebar #login li a {
	margin: 0 12px 5px 0;
	padding:0;
	text-transform: lowercase;
}
#sidebar #login li a:hover {
	color: #f5f;
} 


#main_content {
	margin: 25px 25px 0px 187px;
	padding: 0 0 45px 0;
}
#main_content h1 {
	margin: 0 0 10px -2px;
	font-size: 1.3em;
	font-weight: bold;
	color: #888;
	text-transform: uppercase;
}

#main_content h1 p {
	margin:2px;
	padding:0;
	font-size: 0.6em;
	color: #888;
	font-weight: normal;
}

.thumb {
	float: left;
	width: 200px;
/*	height: 140px;*/
	padding-top: 10px;
	margin: 0 8px 8px 0;
	border: 1px solid #aaa;
	background: #fff;
	text-align: center;
}
.thumb a {
	display: block;
	line-height: 0;
}

.thumb img.preview {
	width: 180px; /* ie 6 & 7 won't display without explicit size */
	height: 120px;
	border: 1px solid #000;
}

.thumb img.type_icon {
	display: block;
	position: relative;
	top: -18px;
	left: 10px;
	margin-bottom: -16px;
	border: none;
}


/*.thumb.image {
	height: 135px;
}*/

/*.thumb.image div.caption {
	display: none;
}*/

.thumb {
	height: 152px;
}

/*.thumb.video div.caption {*/
.thumb div.caption {
	position: absolute;
	width: 200px;
	height: 28px;
	border: 1px solid #eee;
	border-width: 0 0 0 0;
	background: url(images/navbar-bg.gif) repeat-x center left;
}

.thumb p.caption {
	margin: 3px 25px 3px 7px;
	color: #555;
	font-size: 0.6em;
	font-weight: bold;
	text-align: left;
}

.thumb .caption a.info {
	position: absolute;
	top: 5px;
	right: 3px;
	width: 20px;
	height: 20px;
	text-decoration: none;
	background: url(images/info-but-gray.png) no-repeat;
}
.thumb .caption a.info:hover {
	background: url(images/info-but-pink.png) no-repeat;
}

.thumb .caption a.info span {
/*	visibility: hidden;*/
	display: none;
	position: absolute;
	top: 1em;
	right: 20px;
	z-index: 100;
	width: 180px;
/*	height: 50px;*/
	padding: 5px 5px 10px;
	border: 1px solid #888;
	color: #000;
	background: #fef;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.4;
}
.thumb .caption a.info.css-hover:hover span {
	display: block;
	border: 1px solid red;
}

.clearer {
	clear:  both;
}

#footer {
	clear: left;
	margin: 0;
	padding: 0 0 0 182px;
	border-top: 5px solid #f0f;
	background-color: #fdf;
}

#footer p {
	margin: 0;
	padding: 5px;
	color: #333;
	font-size: 0.7em;
	font-weight: bold;
}