/* 

client_			DCA (Dundee Contemporary Arts)
developed by_	rippleffect
xhtml & css_	michael braithwaite.
php_			mike edwards

css_			structure

*/

* {
	margin:0;
	padding:0;
	background-position:top left;
	background-repeat:no-repeat;
}

/* clear fix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* main layout */

#container {
	width:947px;
	background-color:#202020;
	padding:15px 20px;
	margin:0 auto;
}

#header {
	background-image:url(/assets/images/structure/header-bg.png);
	padding:11px 16px 11px 14px;
	width:918px;
	float:left;
	height:91px;
	margin:0 0 20px 0;
}

#content {
	width:947px;
	float:left;
}

#left-col {
	width:217px;
	float:left;
}

#main-col {
	width:465px;
	float:left;
	margin:0 20px;
	display:inline;
	_overflow:hidden;
	_margin:0 15px;
}

#main-col.full-width {
margin:0 0 0 20px;
width:710px;
float:left;
_margin:0 0 0 10px;
}


#right-col {
	width:225px;
	float:left;
}

#footer {
	width:907px;
	float:left;
	padding:14px 20px;
	background-image:url(/assets/images/structure/footer-bg.png);
}

#breadcrumb {
	width:425px;
	float:left;
	padding:14px 20px;
	background-image:url(/assets/images/structure/breadcrumb-bg.png);
	margin:0 0 20px 0;
}

#breadcrumb.full { width:710px;
background-image:url(/assets/images/structure/breadcrumb-bg-full.png);} 

/* end main layout */

/* header */

/** main nav **/

#main-nav {
	float:left;
	margin:15px 0 0 0;
	
	width:500px;
}


/* end header */

/* main content area */

/** homepage specific **/

#corner-overlay {
	background-image:url(/assets/images/structure/home-vid-overlay.png);
	width:465px;
	height:292px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	border:1px solid red;
}

#vid-corners { width:464px;
background-image:url(/assets/images/structure/vid-corners.png);
height:8px;
position:absolute;
z-index:100;}

#home-video {
	width:463px;
	height:371px;
	overflow:hidden;
	position:relative;
	z-index:0;
	padding:1px;
	margin:0 0 20px 0;
}


/** rounded corner boxes **/

.rounded-box {
	float:left;
	clear:both;
	width:465px;
	background-image:url(/assets/images/structure/maincol/rounded-box-bg.png);
	background-repeat:repeat-y;
}

.rounded-box li h3 { font-size:1.2em;}

.rounded-box.green#full { width:710px;
background:#404041;}

.rounded-box.pink#full { width:710px;
background:#404041;}

.rounded-box.purple#full { width:710px;
background:#404041;}

.rounded-box.blue#full { width:710px;
background:#404041;}

.rounded-box .inner {
	padding:15px 15px 5px 15px;
	float:left;
}

.rounded-box .inner li { border-bottom:1px dotted #fff;
padding:5px 0;
color:#fff;
display:block;
width:190px;}

.rounded-box .inner li h3 a { color:#fff;}

.rounded-box .inner img { margin:0 0 0 -3px;
padding:0;}

.rounded-box-white {
	float:left;
	clear:both;
	width:465px;
	background-color:#fff;
}

#full.rounded-box-white {
	width:710px;
}

.rounded-box#full .inner ul#dates { list-style:none;
margin:0;
padding:0;
width:130px;
float:left;}

.rounded-box#full .inner ul#dates li { background:none;
width:127px;
height:37px;
color:#404041;
padding:0;
margin:0;
text-align:center;}

.rounded-box#full .inner ul#dates li a { color:#404041;
background:url(/assets/images/whats-on-btn.jpg) no-repeat top left;
margin:0;
display:block;
padding:10px 0;}

.rounded-box#full .inner ul#dates li a.on { font-weight:bold;
color:#fff;}

.rounded-box#full .inner ul#dates li a.on#green {background:url(/assets/images/whats-on-btn-green.jpg) no-repeat top left;}
.rounded-box#full .inner ul#dates li a.on#blue {background:url(/assets/images/whats-on-btn-blue.jpg) no-repeat top left;}
.rounded-box#full .inner ul#dates li a.on#pink {background:url(/assets/images/whats-on-btn-pink.jpg) no-repeat top left;}
.rounded-box#full .inner ul#dates li a.on#purple {background:url(/assets/images/whats-on-btn-purple.jpg) no-repeat top left;}

.rounded-bottom {
	height:10px;
	float:left;
	margin:0 0 20px 0;
}

#right-col .rounded-box {
	background-image:url(/assets/images/structure/rightcol/rounded-box-bg.png);
	background-repeat:repeat-y;
	width:225px;
}

#main-col .rounded-bottom {
	width:465px;
	background-image:url(/assets/images/structure/maincol/rounded-box-bottom.png);
}

#main-col .rounded-bottom#full {
	width:710px;
	background-image:url(/assets/images/structure/maincol/rounded-box-bottom-full.jpg);
}

#right-col .rounded-bottom {
	width:225px;
	background-image:url(/assets/images/structure/rightcol/rounded-box-bottom.png);
}

/* white rounded box for main template page */

.rounded-box.white { background:url(/assets/images/master/white-top.jpg) no-repeat #fff;
width:464px;}

#main-col .rounded-bottom.white { background:url(/assets/images/master/white-bottom.jpg) no-repeat;
width:464px;}

#main-col .rounded-box.white#full { background:url(/assets/images/master/white-top-full.jpg) no-repeat #fff;
width:710px;}

#main-col .rounded-bottom.white#full { background:url(/assets/images/master/white-bottom-full.jpg) no-repeat;
width:710px;}

#main-col .inner .column { float:left;
width:300px;}

#main-col .inner .column.right { width:120px;
margin:0 0 0 15px;}

#main-col .inner .column h1 { color:#43b74c;
border-bottom:1px dotted #43b74c;
font-weight:bold;
margin:5px 0;
padding:0;}

#main-col .inner .column p { color:#000;
}

#main-col .inner .column p.click a { color:#46b94f;
border-top:1px solid #46b94f;
margin:0;
padding:0;
font-weight:bold;}

#main-col .inner .column ul { color:#000;
list-style:none;
margin:27px 0 0 0;
padding:0;
border:none;
width:auto;}

#main-col .inner .column ul li { background:none;
margin:0;
padding:2px 0;
width:auto;
color:#000;}

#main-col .inner .column ul li.lists:after { content:'.';
visibility:hidden;
clear:left;
height:1px;
margin:0;}

#main-col .inner .column ul li span#date { float:right;}

#main-col .inner .column ul li span.educational { width:auto;}

/* create character page */

#main-col .rounded-box.white#full h2 { color:#2d292a;
font-weight:bold;
margin:0;
padding:0;
font-size:1.2em;}

#main-col .rounded-box.white#full p { color:#6d6d6d;
width:250px;
font-size:1.2em;}

#main-col .rounded-box.white#full .character { border-bottom:1px solid #e96361;
width:180px;
float:left;
height:250px;
margin:20px;}

#main-col .rounded-box.white#full .character h3 { float:left;}
#main-col .rounded-box.white#full .character a { float:right;}

#main-col .rounded-box.white#full .character img.char.shuffle { padding:60px 0 0 15px;}
#main-col .rounded-box.white#full .character img.char.byte { padding:30px 0 0 45px;}
#main-col .rounded-box.white#full .character img.char.zoom { padding:70px 0 0 15px;}

/* whats on column */

#main-col .inner .whatson { height:470px;
.height:505px;
width:490px;
background: #fff;
float:left;
margin:2px 0 0 10px;
padding:10px 0;
overflow:auto;}

#main-col .inner .whatson#full { width:655px;}
#main-col .inner .whatson#full .row { width:625px;}

#main-col .inner .whatson#nodates { width:655px;}
#main-col .inner .whatson#nodates .row { width:625px;}

#main-col .inner .whatson .row { margin:0;
/*height:100px;*/
height:auto;
width:460px;
font-size:0.8em;
padding:0 5px;
}

#main-col .inner .whatson .row:after {}

#main-col .inner .whatson .row .columns { width:315px;
/*height:100px;*/
float:left;}

#main-col .inner .whatson#nodates .columns { width:342px;
min-height:70px;}

#main-col .inner .whatson .row .columns .educational { color:#59b9d8;
background:none;
padding:0 0 0 0px;
margin:0;
float:left;}

.educational { color:#59b9d8; }

#main-col .inner .whatson .row .columns img { float:left;
padding:5px;}

#main-col .inner .whatson .row .columns h2 { margin:0;
padding:5px 0 0 0;
color:#404041;
font-size: 1.5em;
font-weight:bold;}

#main-col .inner .whatson .row .columns p { margin:0;
padding:0;
color:#404041;}

#main-col .inner .whatson#nodates .row .columns.details { width:150px;}

#main-col .inner .whatson .row .columns.details { width:100px;}
#main-col .inner .whatson .row .columns.details p { padding:5px;}
#main-col .inner .whatson .row .columns.date { width:40px;
border:none;}
#main-col .inner .whatson .row .columns.date p { padding:5px;}

#main-col .inner .whatson#nodates .row .columns.date { width:130px;}

#main-col .rounded-box p.educational { color:#59b9d8;
background:url(/assets/images/blue-bullet.jpg) no-repeat left;
padding:0 0 0 10px;
margin:10px 0 0 20px;
float:left;}


#main-col .rounded-box.white p.educational { color:#59b9d8;
background:none;
padding:0;
margin:5px 0;
font-size:1.1em;
.font-size:0.8em;
float:left;}


#main-col .rounded-box p.download { float:right;
margin:10px 20px 0 0;}

#main-col .rounded-box p.download a { text-decoration:underline;}

#main-col .inner#what { border-bottom:1px solid #5e5e5f;}

#main-col .inner#what form#year_form label { color:#fff;
float:left;
width:100px;
font-size:12px;
margin:0 5px 5px 10px;}
#main-col .inner#what form#year_form select { font-size:12px;
float:left;
width:100px;
margin:0 0 5px 0;
background:#404041;
color:#fff;
border:1px solid #b1b1b1;}

.inner form#year_form { margin:5px 0 10px 0;}

.inner form#year_form label { color:#000;
font-size:120%;}

.inner form#year_form select { width:80px;
font-size:120%;}

/* small rounded box */

.sm-rounded-box { margin:0 8px 10px 5px;
float:left;
width:220px;}

.sm-rounded-box .rounded-image .img-top { background:url(/assets/images/structure/pic-overlay.png) no-repeat;
width:220px;
height:10px;
position:relative;
z-index:10;}

.sm-rounded-box .rounded-image img { margin:-10px 0 0 0;
position:relative;
z-index:0;}

.sm-rounded-box .middle { color:#fff;
padding:5px;
width:210px;
height:50px;}

.sm-rounded-box#green .middle {background:#40b649;}
.sm-rounded-box#purple .middle {background:#ae2076;}
.sm-rounded-box#pink .middle {background:#cc3333;}
.sm-rounded-box#blue .middle {background:#0099cc;}

.sm-rounded-box .middle h3 { font-size:1.1em;}

.sm-rounded-box .middle-bottom { width:220px;
height:8px;}

.sm-rounded-box#green .middle-bottom { background:url(/assets/images/structure/maincol/green-bottom.jpg) no-repeat;}
.sm-rounded-box#purple .middle-bottom { background:url(/assets/images/structure/maincol/purple-bottom.jpg) no-repeat;}
.sm-rounded-box#pink .middle-bottom { background:url(/assets/images/structure/maincol/pink-bottom.jpg) no-repeat;}
.sm-rounded-box#blue .middle-bottom { background:url(/assets/images/structure/maincol/blue-bottom.jpg) no-repeat;}

/* new footer */

#bottom-info { background:#404041;
width:946px;
float:left;
margin:0;
_margin-top:-3px;}

#bottom-top{ background:url(/assets/images/structure/footer-top.jpg) no-repeat;
float:left;
width:947px;
height:10px;
margin:10px 0 0 0;}

#bottom-bottom{ background:url(/assets/images/structure/footer-bottom.jpg) no-repeat;
float:left;
width:947px;
height:10px;
_margin-top:-10px;}


#bottom-info .section { width:170px;
float:left;
margin:0 20px;}

#bottom-info .section.partners { width:550px;}
#bottom-info .section.dca { width:100px;
float:right;
margin:15px 40px 0 0;}

#bottom-info .section img { display:inline;}

.register { padding:50px 0 0 0;
float:left;}

.register h3 { margin:5px 0;
.font-size:1.2em;}

.register input { margin:0 0 5px 0;
padding:2px;}