/*
Theme Name: Coded Cultures Theme
Theme URI: http://5uper.net/
Description: This is the 5uper.net Theme for the Coded Cultures Festival 2009. Design: For The Love Of Honey
Version: 1.0
Author: Michal Wlodkowski
Author URI: http://mutti.jp/
Tags: 5uper.net, mutti.jp, codedcultures, digitalart, festival

	This theme was designed by Claudia Moser and built by Michal Wlodkowski,
	whose blog you will find at http://5uper.net/

*/

.detailPicture {

}



/**
 * helper
 **/
.r { background-color:red;}
.b { background-color:blue;}
.g { background-color:green;}
.y { background-color:yellow;}
/**
 * General Layout
 **/
body
{
	background-color:#dcdcdc;
	margin-top:0px;
	background-image:url('images/back_main.gif');
	background-repeat:repeat-x;
}
#main
{
	position:relative;
	width:1227px;
	margin: 0px auto;
	
}
#header
{
	position:relative;
	clear:left;
	width:1106px;
	height:196px;
	background-image:url('images/header.gif');
}
#logo
{
	position:absolute;
	left:17px;
	top:56px;
	width:254px;
	height:113px;
}
#date
{
	position:absolute;
	left:644px;
	top:88px;
	width:142px;
	height:92px;
}
#headline
{
	position:absolute;
	left:794px;
	top:88px;
	width:158px;
	height:33px;
}
#spaceHolder
{
	position:relative;
	float:left;
	width:121px;
}
#mainContainer
{
	position:relative;
	float:left;
	width:1106px;
}

/**
 * navigation
 **/
#leftNav
{
	position:absolute;
	left:0px;
	top:0px;
	width:181px;
	margin-right:8px;
	z-index:30;	
}
#leftNav img.button
{
	margin-bottom:4px;
	border:none;

}
#designingComplexity
{
	position:relative;
	float:left;
	left:189px;
	width:181px;
	height:145px;
	margin-right:8px;
	background-image:url('images/complexity.gif');
}
#designingAssembling
{
	position:relative;
	float:left;
	left:189px;
	width:181px;
	height:145px;
	margin-right:8px;
	background-image:url('images/assembling.gif');
}
#designingLocality
{
	position:relative;
	float:left;
	left:189px;
	width:181px;
	height:145px;
	margin-right:8px;
	background-image:url('images/locality.gif');
}
#designingProtoculture
{
	position:relative;
	float:left;
	left:189px;
	width:181px;
	height:145px;
	background-image:url('images/protoculture.gif');
}
.topicContent
{
	position:relative;
	clear:left;
	width:171px;
	padding-left:10px;
	height:65px;
	margin-top:55px;
	color:white;
	font-family:arial;
	font-size:11px;
	line-height:14px;
}
.topicMore
{
	position:relative;
	clear:left;
	width:171px;
	padding-left:10px;
	
}
/**
 * content
 **/
.yellowColumn
{
	position:relative;
	float:left;
	width:38px;
	height:100%;
	background-color:#81fd62;
}
.naviLine
{
	position:relative;
	float:left;
	background-image:url('images/sub_header.gif');
	width:938px;
	height:152px;
	padding-top:8px;
}
.subNavBack
{
	position:relative;
	float:left;
	width:189px;
	height:192px;
	z-index:20;
}
.pageContent
{
	position:relative;
	float:left;
	width:558px;
	
}

.blackText
{
	color:black;
}
.greyText
{
	color:#959595;
}
.timetable table thead td.colContent span.white
{
	color:#fff;
	font-family:georgia;
	font-size:16px;
	height:15px;
	font-weight:normal;
}
.timetable table thead td.colContent span.white
{
	
}
#content
{
	position:relative;
	clear:left;
	height:100%;
}
.contentLeft
{
	position:relative;
	float:left;
	width:180px;
	margin-right:9px;
	padding-top:10px;
}
.contentRight
{
	position:relative;
	float:left;
	width:320px;
	font-family:arial;
	font-size:12px;
	padding-top:20px;
	padding-right:20px;
	text-align:justify;
	line-height:16px;
}
.contentRight a
{
	color:black;
	text-decoration:underline;
}
.contentRight a:hover
{
	color:black;
	text-decoration:none;
}
.postContent
{
	position:relative;
	clear:left;
	width:541px;
	margin-bottom:15px;
	background-color:white;
	overflow:hidden;
	padding:8px;
	font-size:12px;
	font-family:arial;
}

.postContent a
{
	color:black;
	text-decoration:underline;
}
.postContent a:hover
{
	color:black;
	text-decoration:none;
}


.postContent div.postContentHeadTitle
{
	position:relative;
	clear:left;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
}
.postContent div.postContentHeadText
{
	position:relative;
	clear:left;
	margin-top:8px;
	font-size:18px;
	font-family:arial;
	font-size:12px;
	padding-right:30px;
	text-align:justify;
}
.locationTitle
{
	position:relative;
	clear:left;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	background-color:white;
	padding-bottom:5px;
	padding-left:5px;
	padding-top:5px;
}
.buttonMore
{
	position:relative;
	clear:left;
	width:510px;
	text-align:right;
}
.buttonMore a
{
	color:black;
	font-family:arial;
	font-size:11px;
}

.postContent .contentRight, .postContent .contentLeft
{
	padding-top:0px;
}
.posterLine
{
	position:relative;
	float:left;
	width:181px;
	margin-right:8px;
}
.contentText
{
	position:relative;
	float:left;
	width:369px;
}
.sideBar
{
	position:relative;
	float:left;
	background-color:#53F72A;
	width:189px;
	padding-left:10px;
	padding-bottom:150px;
}
.rightCorner
{
	position:absolute;
	left:976px;
	top:46px;
}
.greyBackground
{
	position:relative;
	float:left;
	width:985px;
	margin-bottom:15px;
	background-color:#53F72A;
	background-image:url('images/back_yellow.gif');
	background-repeat:repeat-y;
}
.superTeaser
{
	position:relative;
	clear:left;
	margin-top:18px;
	width:181px;
}
.superTeaser img
{
	margin-left:10px;
}
.superTeaserText
{
	position:relative;
	clear:left;
	padding-left:20px;
	width:161px;
	font-family:arial;
	font-size:11px;
	margin-top:6px;	
}
.newsletterBox
{
	position:relative;
	clear:left;
	width:155px;
	margin-top:20px;
	border: 4px solid white;
	padding-top:14px;
	padding-left:6px;
	padding-bottom:10px;
}
.newsletterBox input.textInput
{
	margin-top:10px;
	margin-bottom:4px;
	border:none;
	background-color:white;
	font-family:arial;
	font-size:11px;
	width:150px;
	color:#959595;
}
/**
 * Timetable
 **/
.pageContentTimetable
{
	position:relative;
	float:left;
	width:785px;
}
.timetableTitle
{
	position:relative;
	clear:left;
	margin-left:227px;
}
.timetable
{
	position:relative;
	clear:left;
	margin-top:10px;
}
.timetable table
{
	width:785px;
	border:collapse;
}
.timetable table thead td.colTime
{
	width:38px;
	height:61px;
}

.timetable table tbody td.colTime
{
	width:32px;
	height:8px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:6px;
	font-family:arial;
	font-size:11px;
	border-top:1px solid #81fd62;
	border-bottom:1px solid #81fd62;
}
.timetable table thead td.colContent1
{
	width:150px;
	height:62px;
	background-color:black;
	border-right:1px solid #4d4d4d;
	border-bottom:1px solid #4d4d4d;
}
.timetable table thead td.colContent
{
	width:148px;
	height:62px;
	background-color:black;
	border-right:1px solid #4d4d4d;
	border-bottom:1px solid #4d4d4d;
}

.timetable table tbody .colContent
{
	width:148px;
	height:24px;
	border-right:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	background-color:white;
}
.timetable table tbody .colContent1
{
	width:150px;
	height:24px;
	border-right:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	background-color:white;
}

.timetable table a
{
	color:black;
	text-decoration:underline;
}
.timetable table a:hover
{
	color:black;
	text-decoration:none;
}

.timetable table thead td.colContent span.yellow
{
	color:#fff200;
	font-family:georgia;
	font-size:16px;
	height:15px;
	font-weight:normal;
}
.timetable table tbody .programm
{
	width:132px;
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-right:1px solid #a9a9a9;
	background-color:#efefef;
	font-family:arial;
	font-size:11px;
	vertical-align:top;
	padding-left:6px;
	padding-top:6px;
	padding-right:6px;
}
.timetable table tbody .exhibition
{
	width:132px;
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-right:1px solid #a9a9a9;
	background-color:#e7faeb;
	font-family:arial;
	font-size:11px;
	vertical-align:top;
	padding-left:6px;
	padding-top:6px;
	padding-right:6px;
}
.timetable table tbody .party
{
	width:132px;
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-right:1px solid #a9a9a9;
	background-color:#ffefff;
	font-family:arial;
	font-size:11px;
	vertical-align:top;
	padding-left:6px;
	padding-top:6px;
	padding-right:6px;
}
/**
 * Footer
 **/
#footer
{
	position:relative;
	clear:left;
	width:984px;
	height:20px;
	border-top:2px solid black;
	margin-bottom:40px;
	padding-top:8px;
}
#footer span.footerText
{
	position:relative;
	clear:left;
	background-color:white;
	color:black;
	font-family:arial;
	font-size:10px;
}
#footer span.footerText a
{
	color:black;
	font-family:arial;
	font-size:10px;
	text-decoration:none;
}
.grey, #footer span.footerText span.grey a
{
	color:#898989;
}


.photocredit, .detailContent {
	margin-bottom: 20px;
}

#tags {
  font-family:arial;
}

#tags a {
	color:black;
	text-decoration:none;
}
#tags a:hover {
	color:black;
	text-decoration:underline;
}
#tags a:visited {
	color:black;
}

.vimeo {margin-top:10px; padding-top:20px;clear:both;}

.phsmc {float:left;margin-right:10px;margin-top:40px;}