/* ------------------------------------------------------------------------------------ *
| CONTENT CSS FILE :: For Independent Pictures: Front End								|
| css/frontend/content.css																|
| 																						|
| PROJECT :: www.independent-pictures.ch v1.0											|
| Copyright (C) 2009, QUERIDODESIGN, Switzerland										|
|																						|
+ ------------------------------------------------------------------------------------- +
| Author: Julian Querido + Nathan Querido												|
* ------------------------------------------------------------------------------------- */

/* @group CONTENT :: jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#content_border {
	width: 929px;
	background: url(../../images/frontend/content_repeat.png) 0 top repeat-y;
	margin: 0 auto;
	float: left;
	position: relative;
}

.content_container {
	min-height: 420px;
	width: 909px;
	padding: 0 10px;
	float: left;
}

.content_left {
	font: 12px/16px Arial;
	color: #FFF;
	width: 631px;
	min-height: 375px;
	background: #940000 url(../../images/frontend/content_left_bg.png) left 5px no-repeat;
	padding: 25px 20px 20px 20px;
	float: left;
}

.content_left span,
.content_left strong {
	color: #FFF;
	font-weight: bold;
}

.content_left a, .content_left a:visited {
	color: #FFF;
	border-bottom: 1px dotted #CC0000;
}

.content_left a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}

.content_right {
	width: 198px;
	min-height: 365px;
	padding: 56px 20px 0 20px;
	float: left;
}

.content_left p {
	font: 12px/18px Arial;
	color: #CC9999;
	letter-spacing: 1px;
}

.content_left p.members {
	padding: 0 0 15px 30px;
}

.content_left div.operators {
	padding: 10px 0 10px 0;
}

.content_left div.operators strong {
/*	font-size: 14px;
*/	color: #FFF;
}

.content_right p {
	font: 18px/24px Arial;
	color: #CC6666;
	letter-spacing: 1px;
	padding: 0 0 25px 0;
}

.content_right h2 {
	word-wrap: break-word;
}

.content_left ul {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

.content_left ul li {
	color: #000;
	list-style: none;
	float: left;
	line-height: 24px;
	margin: 0 6px 0 0;
}

.content_left ul li a, .content_left ul li a:visited {
	color: #000;
	background: #940000;
	height: 22px;
	line-height: 22px;
	float: left;
	padding: 0 8px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.content_left ul li a:hover {
	background: #CC0000;
	border: 1px solid #000;
}

.content_left ul li a.active {
	color: #000;
	background: #CC0000;
}

.pdf {
	background: url(../../images/frontend/pdf.gif) left top no-repeat;
	line-height: 20px;
	height: 18px;
	padding: 0 3px 0 22px;
	display: inline;
	float: left;
	clear: right;
}

/* @end  = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = */
