@charset "utf-8";
@import url("css/playlist-horizontal.css");

/*
* Common elements
* ---------------------------------------------------------------------------
*/

html {
	font-family:				tahoma, verdana, helvetica, serif;
	text-align:					center;
	margin:							auto;
	background:					url("img/bd/bg.gif") top center repeat-y;
}

body {
	text-align:					center;
	margin:							auto;
	background:					url("img/hd/bg.gif") top center no-repeat;
}

h1, h2, h3, h4, h5 {
	font-family:			tahoma, verdana, times new roman, serif;
	font-size:					1em;
	padding: 						0;
	margin: 						0;
	color:							#00f;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color:							#00c;
}

#content h1, #contentwide h1 {
	font-size:					2em;
	text-align:					left;
	margin:							0;
	padding:						0 0 0.15em 0.35em;
	background:					url("img/bg_h.gif") bottom center no-repeat;
	letter-spacing:			0em;
	width:							615px;
}

#contentwide h1 {
	width:							auto;
	background:					url("img/bg_hwide.gif") bottom center no-repeat;
}

#content h2 {
	text-align:					left;
	background:					url("img/bg_h.gif") bottom center no-repeat;
	width:							615px;
}

h5 {
	font-size: 					0.5em;
}

h4 {
	text-align:					left;
}

p {
	margin:							0;
}

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

a:hover {
	color:							#a00;
}

hr {
	border: 						0;
  size: 							1px;
	height: 						1px;
	color:  						#db2222;
	background-color:  	#db2222;
}

/*
* Head elements
* ---------------------------------------------------------------------------
*/

#hd, #bd, #ft {
	text-align:					center;
	margin:							auto;
	width:							950px;
}

#hd {
	padding:						20px 0;
}

#hd img {
	padding:						10px 0 0 0;
}

#bd {
}

#mm {
	float:							left;
	margin:							0 0 0 20px;
	border:							1px solid #db2222;
}

#mm td {
	color:							#db2222;
}

#mm td.mmbord {
	border-right:					1px solid;
}

#mm a {
	display: 						block;
	font-size:					0.7em;
	font-weight:				bold;
	text-decoration:		none;
	text-transform:			uppercase;
	padding: 						5px 5px;
	margin:							1px;
}

#mm a:hover, #mm a.selected {
	background:					url("img/hd/bg_mm.gif") top left repeat-x;
	color:							#fff;
}

/*
* Body elements
* ---------------------------------------------------------------------------
*/

#quote, #description, .ad {
	float:							left;
	margin:							20px 20px 0 20px;
	padding:						0.75em 1em;
	background:					url("img/bd/autor-bckg.gif") repeat-x 0 0;
	border:							1px solid #b6caf1;
}

#content #description, #content .ad {
	width:							576px;
	margin:							20px 0 20px 10px;
	padding:						0.5em 0.75em;
}

#contentwide #description, #contentwide .ad {
	margin:							20px 0;
	padding:						0.5em 0.75em;
}

#content, #contentwide {
	width:							910px;
	float:							left;
	margin:							20px;
}

#content {
	margin: 20px 20px 0 20px;
}

#quote p, #description p, .ad p {
	font-weight:				bold;
	font-size:					0.75em;
	text-align:					center;
	line-height:				1.45em;
}

#description p, .ad p {
	padding: 						0 0 1em 0;
}

#contentwide .ad {
	margin: 						20px 0 0 0;
}

.ad img {
	margin:						0 20px 0 0;
	border:						1px solid #000;
}

#movie {
	float:						left;
	width:						830px;
	height:						395px;
	text-align:					left;
}

#news {
	float:						right;
	width:						228px;
	height:						460px;
	margin:						0 0 0 20px;
	padding:					10px 15px;
	border: 					1px solid #db2222;
	text-align:				center;
	*width:						220px;
	*margin:					0 0 0 15px;
}

#news p {
	padding:					0.5em 0 0.3em 0;
	font-size:				0.8em;
}

#news img {
	border:						3px solid #e2e6e5;
	padding:					1px;
}

#models, #fairs, #backstages, #galleries, #pictures, #magazines, #movies, .pagination {
	padding:					0;
	margin:						20px 240px 0 10px;
	*width: 					620px;
	*margin:					20px 240px 0 0;
}

.pagination {
	border-top: 			1px solid #ccc;
	padding:					2em 0 0 0;
	font-weight:			bold;
	clear: 						both;
	font-size:				0.85em;
}

#models li, #fairs li, #backstages li, #galleries li, #pictures li, #magazines li, #movies li  {
	float:						left;
	list-style: 			none;
	display:					block;
	width:						135px;
	margin:						0 18px 25px 0;
	background: 			#e7e7e7;
}

#models li a, #fairs li a, #backstages li a, #galleries li a, #pictures li a, #magazines li a, #movies li a {
	display:					block;
	width:						135px;
	color:						#333;
	border:						1px solid #a7a7a7;
}

#models li a img, #fairs li a img, #backstages li a img, #magazines li a img, #movies li a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 135px;
	height: 190px;
	border: 0;
}

#pictures li a img{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 135px;
	height: 135px;
	border: 0;
}
#movies li a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 135px;
	height: 135px;
	border: 0;
}

#galleries li a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 135px;
	height: 190px;
	border: 0;
}

#snapshots li a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 135px;
	height: 135px;
	border: 0;
}


#models li a:hover, #fairs li a:hover, #backstages li a:hover, #galleries li a:hover, #pictures li a:hover, #magazines li a:hover, #movies li a:hover {
	border:						1px solid #db2222;
}

#models li a:hover img, #fairs li a:hover img, #backstages li a:hover img, #galleries li a:hover img, #pictures li a:hover img, #magazines li a:hover img, #movies li a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#models li h3, #fairs li h3, #backstages li h3, #galleries li h3, #pictures li h3, #magazines li h3, #movies li h3 {
	font-family:			tahoma, verdana, helvetica, serif;
	font-style:				normal;
	height:						3.5em;
	padding: 					0.35em;
	margin:						0;
	font-size: 				0.75em;
	text-transform:		uppercase;
	border-top: 			1px solid #a7a7a7;
	letter-spacing:			0.03em;
}

#intro {
	width:						603px;
	height: 					250px;
	float:						left;
	margin:						1em 10px;
}

/*
* Footer elements
* ---------------------------------------------------------------------------
*/

#copyright {
	color:						#808080;
	font-size:				0.65em;
	border-top:				1px solid #ddd;
	margin:						20px 20px 0 20px;
	padding:					1em 0 0 0;
	font-weight:			bold;
}

#ft {
}

/*
* Misc. elements
* ---------------------------------------------------------------------------
*/

.archive {
	font-size:				0.75em;
	font-weight:			bold;
}

.gray {
	color: 						#808080;
}

.clear {
	clear:						both;
	font-size:				1px;
	height:						1px;
}

.clearleft {
	clear:						left;
	font-size:				1px;
	height:						1px;
}