/* 

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

css_			formatting

*/

body {
	background-image:url(/assets/images/structure/bg.png);
	background-repeat:repeat;
	background-position:top left;
	background-color:#231f20;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:10px;
}

img {
	border:0;
	display:block;
}

li {
	list-style:none;
}

fieldset {
	border:0;
}

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

#main-col a:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
}

#mail-col .column a { color:#000;}
#mail-col .column a:hover { color:#999999;}

/* header */

#main-logo {
	float:left;
}

#dca-logo {
	float:right;
}

#header .text { float:left;
color:#40b649;
margin:10px;}

#header .text h1 {font-size:1.6em;}
#header .text h2 {font-size:1.2em;}

/** main nav **/

#main-nav li {
	float:left;
	display:inline;
	margin:0 8px 0 0;
	padding:2px 8px 2px 0;
	border-right:1px solid #777;
}

#main-nav li a {
	font-size:1.6em;
	color:#777;
}

#main-nav li.active a { color:#40b54a;}

/** for news ticker see news-ticker.css **/


/* end header // begin main content area */


/* left col */

/** vertical nav **/

#left-col ul {
	width:171px;
	float:left;
}

#left-col ul#categories {
	padding:0 0 15px 0;
	border-bottom:1px dotted #fff;
	margin:0 0 20px 0;
}

#left-col ul li {
	width:171px;
	float:left;
	clear:left;
	background-image:url(/assets/images/navigation/generic-bg.png);
	margin:0 0 5px 0;
}

#left-col ul li#families {
	background-image:url(/assets/images/navigation/families-bg.png);
}

#left-col ul li#families.active a { color:#ae2076;}

#left-col ul li#educators {
	background-image:url(/assets/images/navigation/educators-bg.png);
}

#left-col ul li#educators.active a  {
	color:#5dcbee;
}

#left-col ul li#young-adults-new {
	background-image:url(/assets/images/navigation/young-adults-bg.png);
}

#left-col ul li#young-adults-new.active a { color:#cc3333;}

#left-col ul li#young-adults {
	background-image:url(/assets/images/navigation/generic-bg.png);
}

#left-col ul li#young-adults.active a { color:#40b54a;}

#left-col ul li a {
	color:#fff;
	font-size:1.5em;
	padding:6px 10px;
	display:block;
	font-weight:bold;
}

/* main col */

#breadcrumb ul {
	width:425px;
}

#breadcrumb ul li {
	float:left;
	display:inline;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #777;
}

#breadcrumb ul li.home-link {
	border:0;
	padding:0;
	margin:0;
}

#breadcrumb a {
	font-size:1.2em;
	color:#aaa;
}

/** news listing page **/

#news-listing {
	padding:5px 15px;
}

#news-listing li {
	float:left;
	clear:left;
	width:680px;
	border-bottom:2px dotted #666;
	padding:15px 0;
}

#news-listing li .image {
	width:220px;
	float:left;	
}

#news-listing li .image img {
	width:220px;
	float:left;
}

#news-listing li .text {
	width:440px;
	float:right;
}

#news-listing li .text h4 {
	font-size:2.2em;
	margin:-5px 0 5px 0;
	position:relative;
}

#news-listing li .text h4 a {
	color:#58585a;
}

#news-listing li .text p.date {
	margin:0 0 10px 0;
}

#news-listing li .text p {
	color:#58585a;
	font-size:1.5em;
	line-height:1.3em;
	margin:0 0 10px 0;
}

#news-listing li .text p a:hover {
	color:#333;
}

/** rounded corner boxes **/

#main-col .rounded-box p {
	font-size:1.4em;
	line-height:1.3em;
	margin:0 0 13px 0;
}

#main-col .rounded-box ul {
	margin:0 0 20px 0;
}

#main-col .rounded-box ul li {
	font-size:1.3em;
	display:block;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background-image:url(/assets/images/bullets/default.gif);
}

#main-col .rounded-box ul li a {
	font-size:1;
}

.rounded-box h2, .rounded-box h1, .rounded-box-white h1 {
	color:#fff;
	font-weight:normal;
	font-size:1.8em;
	padding:6px 15px;
	display:block;
}

.rounded-box h2 .date {
	float:right;
}

.green h2 {
	background-image:;
}

#right-col .rounded-box h2 {
	width:195px;
} 

#main-col .green h1 {
	background-image:url(/assets/images/structure/maincol/h2-green.png);
}

#main-col .green#full h1 {
	background-image:url(/assets/images/structure/maincol/green-full.jpg);
}

#main-col .purple#full h1 {
	background-image:url(/assets/images/structure/maincol/purple-full.jpg);
}

#main-col .pink#full h1 {
	background-image:url(/assets/images/structure/maincol/pink-full.jpg);
}

#main-col .blue#full h1 {
	background-image:url(/assets/images/structure/maincol/blue-full.jpg);
}

#main-col .purple h1 {
	background-image:url(/assets/images/structure/maincol/h2-purple.png);
}

#main-col .cyan h1 {
	background-image:url(/assets/images/structure/maincol/h2-cyan.png);
}

#right-col .green h2 {
	background-image:url(/assets/images/structure/rightcol/h2-green.png);
}

#right-col .purple h2 {
	background-image:url(/assets/images/structure/rightcol/h2-purple.png);
}

#right-col .cyan h2 {
	background-image:url(/assets/images/structure/rightcol/h2-cyan.png);
}

/** right col **/

#diary ul {
	width:195px;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #fff;
}

#diary ul.last-list {
	border:0;
	margin:0;
	padding:0;
}

#diary ul li {
	width:195px;
	float:left;
	clear:both;
}

#diary ul li .time {
	width:35px;
	float:right;
	text-align:right;
}

#diary ul li h3, #diary ul li p {
	width:150px;
	float:left;
	font-size:1.3em;
}

/* footer */

#footer ul {
	float:right;
}

#footer ul li {
	float:left;
	margin:0 0 0 15px;
	display:inline;
}

#footer ul li a {
	color:#999;
	font-size:1.1em;
}

#footer ul li a:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
}



/* google map */

iframe { margin:10px 20px 0 20px;}

.social-bookmarking {padding:20px 0 0 0; 
border-top:1px dotted #fff;
margin:20px 0 0 0;
width:172px; 
float:left;}

.social-bookmarking img { float:left;
margin:0 5px 0 0;}

/* feedback form */

form#feedback { width:375px;}

form#feedback label { width:100px;
float:left;
font-size:1.1em;
margin:0 0 5px 0;} 

form#feedback input { float:left;
width:250px;
margin:0 0 5px 0;}

form#feedback textarea { float:left;
width:250px;
.width:252px;
margin:0 0 5px 0;}

form#feedback input.check { width:10px;}

form#feedback input.btn { background:url(/assets/images/submit-btn.png) no-repeat;
width:104px;
height:27px;
border:none;}

img#main { margin:0 0 20px 0px;}


/* whats on page - calendar styling */


#calendar { width:180px;
overflow:hidden;
float:left;
margin:0;
padding:0;}

#calendar .calendar-strip { border-top:1px dotted #fff;
border-bottom:1px dotted #fff;
height:17px;
padding:2px 0 0 0;}

#calendar .calendar-strip .leftbutton { width:6px;
float:left;
margin:4px;}

#calendar .calendar-strip h2 { font-size:120%;
font-weight:bold;
float:left;
margin:0;
width:150px;
text-align:center;
padding:0;}

#calendar .calendar-strip .rightbutton { width:6px;
float:right;
margin:4px;}

#calendar table td.day1 { border-bottom:1px dotted #fff;
font-size:114%;
font-weight:bold;
text-align:center;
padding:4px;}

#calendar table td.cell { font-size:114%;
text-align:center;
background:#bdbdbd;
color:#323232;
padding:4px;
border:2px solid #404041;}

#calendar table td.cell-red { font-size:114%;
text-align:center;
background:#cd3039;
color:#ffffff;
padding:4px;
font-weight:bold;
border:2px solid #404041;}

#calendar table td.cell-green { font-size:114%;
text-align:center;
background:#43b44a;
color:#323232;
padding:4px;
font-weight:bold;
border:2px solid #404041;}

#calendar table td.cell-red a { color:#fff;
font-weight:bold;}

#calendar table td.cell-green a { color:#323232;
font-weight:bold;}

#main-col #calendar p { font-size:120%;
margin:10px 0;}