/* CSS DOCUMENT

   @title         | spectral.tv - film + fernsehproduktion
                  | Interetpräsentation

   @author        | Tobias Scholz
                  | http://www.tobsen.com

   @created       | 09.08.2009
                  | mail@tobsen.com

/* --- CLASSES ------------------------------------------------------------ */

/* - GENERAL --- */
.clear	{ clear: both; }
.left	{ float: left; }
.right	{ float: right; }

.break	{ margin-top: 1em; }

.hidden	{ display: none; }

/* - LOGO --- // HEADER */
div#logo {
	width: auto;
	height: 2.5em;
	margin: 0 0 0.75em 21.25em;
	text-align: right;
	padding: 0 8em 0 30.625em;
	border-bottom: 1px solid #454545;
}

div#logo a {
	text-decoration: none;
}

div#logo a:focus,
div#logo a:hover,
div#logo a.hover {
	text-decoration: underline;
}


div#logo img {
	width: 5em;
	height: 1.875em;
	margin: 0 0 0.625em;
}


/* - NAVIGATION --- // HEADER */
ul#navi {
	width: 40.625em;
	height: auto !important;	/* für moderne Browser */	
	height: 2.25em;				/* für den Internet Explorer */
	min-height: 2.25em;
	margin: 0 0 0.25em 0;
	list-style: none;
}

ul#navi li {
	float: left;
	margin: 0 0.625em 0 0 ;
	font-size: 0.8125em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.5em;
}

ul#navi li a {
	text-decoration: none;
	display: block;
}

ul#navi li a sup {
	margin: 0 1px 0 0;
	font-size: 0.75em;
}

ul#navi li a.hover sup,
ul#navi li a:hover sup {
	color: #FFF;
}

ul#navi li a.hover span,
ul#navi li a:hover span {
	color: #FFF;
	text-decoration: underline;
}

ul#navi li a.active,
ul#navi li a.active sup,
ul#navi li a.active span {
	color: #FFF;
}



/* - POST LIST --- // INDEX & CATEGORY */
.post_list {
	margin: 1em 0 4em 0;
	padding: 0 0 0 0.625em;
}

.post_list_entry {
	float: left;
	margin: 0 0 0.625em -0.625em;
	border: 0.625em solid #1a1a1a;
	background: #1a1a1a;
}

.post_list_entry div.updated {
	position: relative;
	top: -90px;
	left: -90px;
	height: 0;
	width: 0;
	z-index: 30;
}

.post_list_entry div.updated img {
	height: 90px;
	margin: 90px;
}

.post_list_entry img {
	height: 130px;
	margin: 0;
}

.post_list_entry p {
	width: auto;
	height: 34px;
	padding: 2px 8px 6px;
	margin: 0;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
	color: #FFF;
	overflow: hidden;
}

.post_list_entry p strong {
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	color: #FFF;
}

.post_list_entry a,
.post_list_entry a p {
	text-decoration: none;
	color: #FFF;
}

.post_list_entry a:hover p {
	text-decoration: underline;
}

.post_list_entry p.news { background-color: #7F5D88; }			/*	Neues		-	7F5D88	*/
.post_list_entry p.projects { background-color: #502B62; }		/*	Projekte	-	502B62	*/
/*.post_list_entry p. { background-color: #D01D55; }				Undefined	-	D01D55	*/
/*.post_list_entry p. { background-color: #DA453E; }				Undefined	-	DA453E	*/
.post_list_entry p.services { background-color: #E3672A; }		/*	Dienstleistungen -	FAA419	*/
.post_list_entry p.working { background-color: #FAA419; }		/*	Schöpfungen	-	E3672A	*/
/*.post_list_entry p. { background-color: #A4C021; }				Undefined	-	A4C021	*/
.post_list_entry p.team { background-color: #72AC45; }			/*	Mannschaft	-	72AC45	*/
/*.post_list_entry p. { background-color: #4D9D66; }				Undefined	-	4D9D66	*/
.post_list_entry p.studio { background-color: #248E95; }		/*	Werkstatt	-	248E95	*/
.post_list_entry p.contact { background-color: #0182CE; }		/*	Kontakt		-	0182CE	*/
.post_list_entry p.imprint { background-color: #666; }			/*	Impressum	-	666666	*/



/* - POST DETAILS --- // SINGLE */
#post_wrapper {
	float: left;
	width: 27.5em;
	margin: 1em 0 4em 0;
	padding: 0.625em 0.625em 0.125em;
	background: #1a1a1a;
	overflow: hidden;
}

.post_entry {
	width: 26.75em;
	padding: 0 0 0 0.625em;
	border-left: 0.125em solid #999;
	background: #1a1a1a;
}

.post_entry * {
	color: #FFF;
}

.post_entry blockquote {
	font-style: italic;
}

.post_entry .swfwrapper {
	width: 27.5em;
	height: auto;
	margin: -0.625em 0 -0.625em -0.75em;
	border-top: 0.625em solid #1a1a1a;
	border-bottom: 0.625em solid #1a1a1a;
	background: #1a1a1a;
}

.post_entry p img,
.post_entry p img.size-medium,
.post_entry p img.size-full {
	width: 44em;
	height: auto;
	margin: -1em 0 -1em -1.25em;
	border-top: 1em solid #1a1a1a;
	border-bottom: 1em solid #1a1a1a;
}

.post_entry h4 img.size-medium,
.post_entry h4 img.size-full {
	width: 27.5em;
	height: auto;
	margin: -0.625em 0 -0.625em -0.75em;
	border-top: 0.625em solid #1a1a1a;
	border-bottom: 0.625em solid #1a1a1a;
}

.post_entry p object {
	margin: -1em 0 -1em -1.25em;
	border-top: 1em solid #1a1a1a;
	border-bottom: 1em solid #1a1a1a;
	display: block;
}

.post_entry h4 object {
	margin: -0.625em 0 -0.625em -0.75em;
	border-top: 0.625em solid #1a1a1a;
	border-bottom: 0.625em solid #1a1a1a;
	display: block;
}

.post_entry ul {
	margin: 0 0 1em 0;
	list-style: circle;
	list-style-position: inside;
	font-size: 0.625em;
}

.post_entry ol {
	margin: 0 0 1em 0;
	list-style-position: inside;
	font-size: 0.625em;
}

.post_entry ul li,
.post_entry ol li {
	line-height: 1.375em;
}

.audioplayer_container {
	padding: 1em 1.25em;
}



/* - COMMENT LIST --- // SINGLE */
#comment_wrapper {
	float: left;
	width: 25em;
	margin: 1em 0 0 3.125em;
}

#comment_list {
	width: auto;
	margin: 0 0 4em;
}

#comment_list ol {
	list-style: none;
	margin: 1em 0 0;
}

#comment_list ol li {
	margin: 0 0 1em;
}

#comment_list ol li div.comment_meta,
#comment_list ol li div.comment_meta_odd,
#comment_list ol li div.comment_meta_even,
#comment_list ol li div.comment_meta_user_odd,
#comment_list ol li div.comment_meta_user_even {
	float: left;
	width: 10.25em;
	height: 3.25em;
	background: #1a1a1a;
}

#comment_list ol li div.comment_meta img,
#comment_list ol li div.comment_meta_odd img,
#comment_list ol li div.comment_meta_even img,
#comment_list ol li div.comment_meta_user_odd img,
#comment_list ol li div.comment_meta_user_even img {
	float: left;
	width: 2.5em;
	height: 2.5em;
	margin: 0.375em;
}

#comment_list ol li div.comment_meta p,
#comment_list ol li div.comment_meta_odd p,
#comment_list ol li div.comment_meta_even p,
#comment_list ol li div.comment_meta_user_odd p,
#comment_list ol li div.comment_meta_user_even p {
	float: left;
	margin: 0.5em 0.5em 0.5em 0 ;
}

#comment_list ol li div.comment_entry_wrapper {
	float: left;
	width: 12.875em;
	height: auto !important;	/* für moderne Browser */	
	height: 2.75em;				/* für den Internet Explorer */
	min-height: 2.75em;
	margin: 0 0 0 0.625em;
	padding: 0.5em 0.5em 0;
	background: #1a1a1a;
}

#comment_list ol li div.comment_entry,
#comment_list ol li div.comment_entry_odd,
#comment_list ol li div.comment_entry_even,
#comment_list ol li div.comment_entry_user_odd,
#comment_list ol li div.comment_entry_user_even {
	width: auto;
	height: auto !important;	/* für moderne Browser */	
	height: 2.25em;				/* für den Internet Explorer */
	min-height: 2.25em;
	padding: 0 0 0 0.625em;
	border-left: 0.125em solid #999;
}

#comment_list ol li div.comment_entry_user_odd,
#comment_list ol li div.comment_entry_user_even {
	border-left: 0.125em solid #FFF;
}

#content h3 {
	color: #FFF;
	width: 27.5em;
}

#content h4 {
	width: 27.5em;
}

#comment_list h2 {
	display: block;
	font-size: 0.75em;
	font-weight: 100;
	text-transform: uppercase;
	color: #FFF;
}


/* - COMMENT NAVI --- // SINGLE */
.comment_navi {
	width: 14.125em;
	margin: 0 0 0 10.875em;
}

.comment_navi ul {
	list-style: none;
}

.comment_navi ul li {
	display: block;
	font-size: 0.625em;
}

.comment_navi ul li a {
	text-decoration: none;
}

.comment_navi ul li a.active,
.comment_navi ul li a.hover,
.comment_navi ul li a:hover {
	color: #fff;
	text-decoration: underline;
}



/* - COMMENT RESPOND --- // SINGLE */
#respond {
	width: auto;
	margin: 0 0 4em;
}

#respond form#commentform legend {
	display: none;
}

#respond form#commentform .comment_left {
	float: left;
	width: 10.875em;
}

#respond form#commentform .comment_meta {
	clear: both;
	width: 10.25em;
	height: 3.25em;
	background: #1a1a1a;
}

#respond form#commentform .comment_meta p {
	float: left;
	margin: 0.5em 0.5em 0.5em 0;
}

#respond form#commentform .comment_meta img {
	float: left;
	width: 2.5em;
	height: 2.5em;
	margin: 0.375em;
}

#respond form#commentform .comment_meta a {
	text-decoration: none;
}

#respond form#commentform .comment_meta a:hover,
#respond form#commentform .comment_meta a.hover,
#respond form#commentform .comment_meta a.active {
	text-decoration: underline;
}


#respond form#commentform .comment_info {
	float: left;
	width: 10.875em;
}

#respond form#commentform .comment_msg {
	float: left;
	width: 14.125em;
	text-align: right;
}

#respond form#commentform textarea {
	width: 21.625em;
	height: 10.5em;
	padding: 0.5em;
	font-family: Lucida Grande, Tahoma, Verdana, sans-serif;
	font-size: 0.625em;
	background: #1a1a1a;
}

#respond form#commentform label {
	float: left;
	font-size: 0.625em;
	font-weight: bold;
	margin: 0 0 0.25em 0;
}

#respond form#commentform input#author,
#respond form#commentform input#email,
#respond form#commentform input#url {
	width: 15.375em;
	height: 1.5em;
	margin: 0 0 1em 0;
	padding: 0.5em 0.5em 0.125em;
	font-size: 0.625em;
	background: #1a1a1a;
}

#respond form#commentform input#submit {
	clear: both;
	margin: 0.75em 0 0 0;
	font-weight: bold;
	font-size: 0.625em;
	text-decoration: none;
	background: none;
}

#respond form#commentform input#submit:hover {
	color: #fff;
	text-decoration: underline;
}

#respond h2 {
	display: block;
	font-size: 0.75em;
	font-weight: 100;
	text-transform: uppercase;
	color: #FFF;
}



/* - FOOTER NAVI --- // FOOTER */
#footer p {
	margin: 0;
	font-size: 0.5625em;
	font-weight: normal;
}

#footer ul {
	clear: both;
	list-style: none;
}

#footer ul li {
	float: left;
	font-size: 0.5625em;
}

#footer ul li span {
	display: none;
}

#footer ul li a {
	text-decoration: none;
}

#footer ul li a.active,
#footer ul li a.hover,
#footer ul li a:hover {
	color: #FFF;
	text-decoration: underline;
}


/* - ACCESS KEYS --- // FOOTER */
#accesskeys * {
	display: none;
}


/* - END --- */