/* Title: Global styles for screen media. Author: Katrin Kerber katrin@cogdesign.com. Last updated: 15 October 2009 */

/* --[ =YUI RESET ]---------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#323232;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

/* --[ =YUI BASE ]----------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}


/* --[ =GRID ]--------------------------------- */
/*
Activate these styles for positioning during development.
*/
/* 
html {background:transparent url('/site_assets/images/generic/grid_baseline.gif') repeat left top;}
html body {background:transparent url('/site_assets/images/generic/grid_columns.png') repeat-y left top;}
*/

/* --[ =LAYOUT ]------------------------------- */
/* Global */
html,html body{padding:0;margin:0;}
html{width:100%;height:100%;}
/* Header */
div#header{position:relative;margin:0;}
div#header ul#maillist_tasks{list-style:none;padding:0;margin:0; display:block; position:absolute; top:0;right:146px;}
div#header ul#maillist_tasks li{list-style:none;display:inline;}
div#header ul#maillist_tasks li a{display:block;font-size:0.928em;line-height:1.69em;padding:0 5px 0 0;margin:0 5px 0 0;font-weight:normal;color:#323232;text-decoration:none; border-right:1px solid #323232;float:left;}
div#header ul#maillist_tasks li a:link, div#header ul#maillist_tasks li a:visited{color:#323232;text-decoration:none;}
div#header ul#maillist_tasks li a:link:hover, div#header ul#maillist_tasks li a:visited:hover{color:#ed0282;text-decoration:none;}
div#header ul#maillist_tasks li a:link:active, div#header ul#maillist_tasks li a:visited:active{color:#323232;text-decoration:none;}
div#header ul#maillist_tasks li a:link:focus, div#header ul#maillist_tasks li a:visited:focus{color:#323232;text-decoration:none;}
div#header ul#maillist_tasks li.icon a{text-indent:-90000px;display:block;width:20px;height:20px;padding:0;margin:0 5px 0 0;border:none;}
div#header ul#maillist_tasks li.icon.facebook a {background:transparent url('../site_assets/images/generic/facebook_icon.gif') no-repeat top left;}
div#header ul#maillist_tasks li.icon.twitter a {background:transparent url('../site_assets/images/generic/twitter_icon.gif') no-repeat top left;}
div#header ul#maillist_tasks li.icon.rss a {background:transparent url('../site_assets/images/generic/rss_icon.gif') no-repeat top left;margin-right:0;}
div#header ul#maillist_tasks li.icon a:link:hover, div#header ul#maillist_tasks li.icon a:visited:hover{background-position:top right;}
div#header form#global_search{float:right;}
/* Content */
div#wrapper{margin:15px auto;}
div#content{position:relative;padding:0;padding-bottom:30px;border-bottom:1px solid #323232;}
div#logo h1{position:relative;float:left;}
div#topbanner{position:relative;clear:left;padding-bottom:15px;border-bottom:1px solid #323232;}
div#topbanner a#logo:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
body#t_about div#topbanner, body#t_network div#topbanner{border:none;}
/* Main content */
div#content div#main_content{position:relative;padding:0;margin:0;clear:left;}
/* Footer */
div#footer{position:relative;display:block;margin:15px 0;}
div#footer div#copyright{color:#000000;margin:0;}
div#footer div#copyright p{font-size:0.714286em;padding:0;margin:0;}
div#footer div#copyright :link { text-decoration: underline; color:#000000; }
div#footer div#copyright :visited { text-decoration: underline; color:#000000; }
div#footer div#copyright :link:hover, div#footer div#copyright :visited:hover { text-decoration: underline; color:#EB3D15; }
div#footer div#copyright :link:focus, div#footer div#copyright :visited:focus { text-decoration: underline; }
div#footer div#copyright :link:active, div#footer div#copyright :visited:active { text-decoration: underline; color:#000000; }
div#footer a.ace{display:block;width:168px;height:40px;position:absolute;top:0;right:0;background:url('../site_assets/images/generic/ACE_logo.gif') no-repeat;text-indent:-5000px;}
div#footer a.ace:hover{background-position:-169px 0;}
div#footer div#bycog a{clear:both;display:block;width:80px;height:17px;background:url('../site_assets/images/generic/designed_by_cog.gif') no-repeat;}
div#footer div#bycog a:hover{background-position:-80px 0;}
div#footer div.donate{position:absolute;right:189px;top:0;}
div#footer div.donate a.button{background-color:#323232;color:#FFFFFF;display:block;width:100px;height:25px;line-height:25px;text-decoration:none;margin:0 0 3px 0;text-align:center;}
div#footer div.donate a.button:link, div#footer div.donate a.button:visited{color:#FFFFFF;text-decoration:none;}
div#footer div.donate a.button:link:hover, div#footer div.donate a.button:visited:hover{color:#FFFFFF;text-decoration:none;background:#666;}
div#footer div.donate a.button:link:active, div#footer div.donate a.button:visited:active;{color:#FFFFFF;text-decoration:none;}
div#footer div.donate a.button:link:focus, div#footer div.donate a.button:visited:focus{color:#FFFFFF;text-decoration:none;}
/* --[ =TYPOGRAPHY ]--------------------------- */
/* Standard */
body{font-size:87.5%;line-height:1.5em;font-family: Verdana, Arial, "MS Trebuchet", sans-serif;} /* Set base font size to 14px for Internet Explorer 6 and below on Windows */
html>body{font-size:14px;} /* Ignored by IE6, but used by Firefox, Safari, IE7, Opera */       
p{font-size:1em;line-height:1.5em;margin:0 0 0.7em 0;}
p cite{font-style:italic;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:2em;line-height:1em;margin:5px 0 50px 0;color:#ed0282;min-width:70px;}
h2{font-size:1.142857em;line-height:1.3125em;clear:both;display:block;color:#ed0282;padding:5px 0;border-top:1px solid #323232;border-bottom:1px solid #323232;margin:0;}
h3, p.fauxh3{font-size:1.071429em;line-height:1.166667em;margin:15px 0 5px 0;clear:both; display:block;color:#ed0282;padding:5px 0;border-top:1px solid #323232;border-bottom:1px solid #323232;}
h4,h5,h6{font-size:1em;line-height:1.5em;margin:0;clear:both; display:block;font-weight:bold;}
ol,ul,dl{margin-bottom:15px;}                                               
sup,sub{position:relative;height:0;line-height:1px;vertical-align:baseline;}
sup{bottom:1ex;}
sub{top:.5ex;}  
dfn{font-style:italic;font-weight:bold;} 
pre {margin:15px 0;padding:0;overflow:auto;}
blockquote {margin:20px 0 20px 10px;font-size: 1em;}
blockquote p {margin:0;padding-left:10px;border-left:1px dotted #666;}
blockquote cite{font-size:0.714286em;line-height:2.1em;margin:0 0 1.5em 0;}
dl dd {margin:0;}
hr{line-height:0.071429em;margin-top:-0.142858em;margin-bottom:1.5em;}
img {position:relative;}
a img{border:none;}  
table{margin-bottom:1.5em;border-collapse:collapse;}
table th{font-weight:bold;text-align:left;}
table tr,table th,table td{margin:0;padding:0 1.5em 0 1em;height:21px;border:none;}
table tfoot{font-size:0.714286em;line-height:2.1em;margin:0 0 1.5em 0;font-style:italic;}
table caption{height:21px;margin:0;}
/* Bespoke */
div#logo h1{margin:0 15px 0 0;}
div.standfirst{margin-bottom:15px;font-size: 1.07142857em;font-weight:500;line-height: 1.166667em;}
body#t_about h1, body#t_projects h1, body#t_experiencelearning h1, body#t_sitemap h1{margin-bottom:30px;}
body#t_projects h1, 
body#t_experiencelearning h1, 
body#t_search h1, body#t_network h1,
body#t_artists h1 {display:block;margin-right:30px;}
body.detail h2{font-size:1.7em;border:none;padding:0;margin:0 0 5px 0;}
body.detail h3, body#t_home h3 {border:none;padding:0;margin:0 0 5px 0;color:#ed0282;}
body.detail div#event_information p{font-size:1.071429em;line-height:1.166667em;padding:5px 0;margin:0 0 5px 0;color:#323232;border-bottom:1px dotted #CCCCCC;}
body.detail div.related_links h3 {padding:0;border-bottom:none;color:#ed0282;}
body#t_search h2,body#t_search h3  {border:none;}
body#t_search h3{margin-bottom:0;}
body#t_search div#main_content p.results{margin-top:15px;}
body.downloads div.left li{padding:2.5px 0;}
body#t_about h2{margin-top:15px;border:none;padding:0;}
body#t_about a.readmore{display:block;padding-bottom:15px;}
body#t_about h2.press{margin-top:30px;}
body#t_about.news div.left h2, 
body#t_about.article div.left h2, 
body#t_about.people div.left h2, 
body#t_about.faq div.left h2, 
body#t_about.downloads div.left h2{border:none;padding-bottom:0;}
body#t_about.faq div.left h2{margin-top:30px;}
body#t_about.faq div.left h2.first{margin-top:15px;}
body#t_about div.left h3{border:none;margin-bottom:0;}
body#t_projects.themeslist h2{border:none;padding-top:15px;}
body#t_about.article div.left h2{margin-top:8px;font-size:1.5em;}
body#t_network h2{border-bottom:none;}
body#t_network div.float.three h3, body#t_network div.float.three p.fauxh3{margin:20px 0 5px 0;}
body#t_network h3, body#t_network p.fauxh3{margin:20px 0 0 0;}
body#t_network h3.top, body#t_network p.fauxh3.top{margin-top:0;}
body#t_network div.float.col.two h4 {font-weight:normal;}
body#t_sitemap h2{border:none;color:#ed0282;font-weight:bold;padding:15px 0 5px 0;}
body#t_sitemap h2.top{padding-top:0;}
p.caption{font-size: 0.857143em;font-style:italic;}
div#footer {font-size:0.785714em;}
/* lists */
div#topbanner ul,
div#topbanner ul li,
ul#alphabet,
ul#maplist,
div.list ul,
div.list li,
body#t_network div.float.col.two ul,
body#t_network div.float.col.two li,
body#t_network div.float.three ul,
body#t_network div.float.three li{margin:0;padding:0;list-style:none;}
div.right ul{list-style:none;margin:0;padding-bottom:10px;}
div.right li{list-style:none;margin:0;padding-bottom:5px;}
body.detail div#main_content div.related_links ul,
body#t_network div.float.col.seven ul,
body#t_about div.left ul {margin-top:0;}
body#t_about.faq div.left ul.questions {margin-bottom:30px;}
body#t_about div.left ul li, body#t_about.faq div.left ul.questions li{padding-top:10px;}
body#t_sitemap div#main_content ul {margin-top:0;}
body#t_sitemap div#main_content ul li{padding-left:5px;}

/* --[ =LINKS ]--------------------------- */
/*
These are global link styles that are often over-rided by declaration with greater specificity 
*/
a {outline: none;text-decoration:underline;}
a:link {text-decoration:underline; color:#323232;}
a:visited {text-decoration:underline; color:#323232;}
a:hover, a:link:hover, a:visited:hover {text-decoration:underline; color:#ed0282;}
a:link:focus, a:visited:focus {text-decoration:underline;outline:none;color:#ed0282;}
a:link:active, a:visited:active {text-decoration:underline; color:#ed0282;}
img a {border:none;}
/* Bespoke */
body#t_about div#main_address a{color:#fff;}
body#t_about div#main_address a:hover{color:#000;}
h3 a:link{text-decoration:none;color:#ed0282;}
h3 a:visited{text-decoration:none;color:#ed0282;}
h3 a:link:hover, h3 a:visited:hover{text-decoration:underline;}
h3 a:link:active, h3 a:visited:active {text-decoration:underline; color:#ed0282;}
p.fauxh3 a:link{text-decoration:none;color:#ed0282;}
p.fauxh3 a:visited{text-decoration:none;color:#ed0282;}
p.fauxh3 a:link:hover, p.fauxh3 a:visited:hover{text-decoration:underline;}
p.fauxh3 a:link:active, p.fauxh3 a:visited:active {text-decoration:underline; color:#ed0282;}
body.detail h3 a:link{text-decoration:underline;color:#323232;}
body.detail h3 a:visited{text-decoration:underline;color:#323232;}
body.detail h3 a:hover, body.detail h3 a:link:hover, h3 a:visited:hover, body.detail h3 a:link:active, body.detail h3 a:visited:active {text-decoration:underline; color:#ed0282;}
body#t_home h3 a:link, body#t_search h3 a, body#t_search h3 a:link{text-decoration:underline;color:#323232;}
body#t_home h3 a:visited, body#t_search h3:visited{text-decoration:underline;color:#323232;}
body#t_home h3 a:link:hover, body#t_home h3 a:visited:hover, body#t_search h3 a:link:hover, body#t_search h3 a:visited:hover{text-decoration:underline;color:#ed0282;}
body#t_home h3 a:link:active, body#t_home h3 a:visited:active, body#t_search h3 a:link:active, body#t_search h3 a:visited:active{text-decoration:underline; color:#ed0282;}
body#t_sitemap h2 a, body#t_sitemap h2 a:link{text-decoration:none;}
a.back{padding-top:30px;}
ul#alphabet li a, ul#alphabet li a:visited, ul#alphabet li a:link:hover, ul#alphabet li a:visited:hover, ul#alphabet li a:link:active, ul#alphabet li a:visited:active {text-decoration:none;}
ul#alphabet li a.active{color:#ed0282;cursor:default;}
div.cloud a, div.cloud a:link, div.cloud a:visited, div.cloud a:link:hover, div.cloud a:visited:hover, div.cloud a:link:active, div.cloud a:visited:active  {text-decoration:none;}
div#twitter_feed a, div#twitter_feed a:link {text-decoration:none;color:#ed0282;}
div#twitter_feed a a:visited{text-decoration:none;color:#ed0282;}
div#twitter_feed a a:link:hover, div#twitter_feed a:visited:hover{text-decoration:underline;}
div#twitter_feed a a:link:active, div#twitter_feed a:visited:active {text-decoration:underline; color:#ed0282;}
li.list_item a, li.list_item a:link, div.large a, div.large a:link{text-decoration:none;color:#323232;}
li.list_item a:visited, div.large a:visited {text-decoration:none; color:#323232;}
li.list_item a:link:hover, li.list_item a:visited:hover, div.large a:link:hover, div.large a:visited:hover {text-decoration:none; color:#323232;}
li.list_item a:link:focus, li.list_item a:visited:focus, div.large a:link:focus, div.large a:visited:focus {text-decoration:none;}
li.list_item a:link:active, li.list_item a:visited:active, div.large a:link:active, div.large a:visited:active {text-decoration:none; color:#323232;}
div.map_wrapper p a, div.map_wrapper p a:link, 
div.map_wrapper p a:visited,
div.map_wrapper p a:link:focus, div.map_wrapper p a:visited:focus,
div.map_wrapper p a:link:active, div.map_wrapper p a:visited:active{text-decoration:none;color:#fff;}
div.map_wrapper p a:link:hover, div.map_wrapper p a:visited:hover{background-color:#666;text-decoration:none;color:#fff;}

/* --[ =FORMS ]--------------------------------------- */
form {position:relative;padding:0;margin:0;}
form fieldset {position:relative;padding:0;margin:0;}
form fieldset input, form fieldset textarea, form fieldset select{border:1px solid #323232;}
form input:focus, form textarea:focus, form select:focus{border-color:#ed0282;}
form fieldset legend{font-size:1.428571em;line-height:1.4em;padding-bottom:0.3em;display:block;color:#323232;}
form fieldset label{position:relative;display:block;font-size:0.857143em;line-height:2.1em;font-weight:bold;float:none;color:#323232;}
form fieldset label span{color:#323232;float:left;font-size:1em;line-height:1.4em;font-weight:bold;}
form fieldset p.error{font-size:1em; font-weight:normal; line-height:1.5em; color:red; margin:0 0 0.5em 0;}
form fieldset input.error, form fieldset textarea.error {background-color:red; color:#FFFFFF;border:1px solid #323232;}
form fieldset label.error{color:red;}
form fieldset input.checkbox {float:left;margin: 0 0.5em 0.5em 0;clear:none;width:auto!important;}
form fieldset input,form fieldset textarea{position:relative;display:block;padding:3px 5px;margin:0;font-size:1em;line-height:1.5em;clear:both;font-family:Verdana,Arial,"MS Trebuchet",sans-serif;}
form fieldset textarea{height:200px;}
/* top mail sign up and global search */
div#top_forms {height:37.5px;}
div#top_forms form#mailing_list{margin-right:15px;border-right:1px solid #323232;}
div#top_forms form#mailing_list span {font-size:0.785714em;margin-left:437px;margin-right:10px;}
body#t_home div#top_forms{display:block;float:left;}
body#t_home div#top_forms form#mailing_list span{margin-left:197px;} 
div#top_forms input{width:95px;font-size:0.857143em;color:#323232;padding:2px;border:1px solid #323232;margin-right:10px;}
div#top_forms form#mailing_list input:focus, div#top_forms div#global_search input:focus{border-color:#ed0282;}
div#top_forms form#mailing_list input.submit{display:block;width:45px;background-color:#323232;border:none;font-size:0.857143em;color:#fff;padding:2px 1px;margin-right:15px;}
div#top_forms form#mailing_list input.submit:hover{background-color:#666;}
div#top_forms form#mailing_list label.error{position:absolute;left:-900000px; z-index:-1; height:1px; float:left;clear:none;display:inline;font-weight:normal;}
div#top_forms form#global_search input.submit{display:block;width:30px;background-color:#323232;border:none;font-size:0.857143em;color:#fff;padding:2px 1px;margin-right:0;} 
div#top_forms form#global_search input.submit:hover{background-color:#666;}
div#top_forms form#global_search label.error{position:absolute;bottom:-20px;left:0;z-index:1;font-size:0.7em;}
/* section search */
div.section_search{position:relative;margin-top:10px;}
div.section_search input{width:95px;font-size:0.857143em;color:#323232;padding:2px;border:1px solid #323232;margin-right:10px;}
div.section_search input:focus{border-color:#ed0282;}
div.section_search label.error{position:absolute;bottom:-20px;left:0;z-index:1;font-size:0.7em;color:red;}
div.section_search input.error{background-color:red; color:#FFFFFF;border:1px solid #323232;}
div.section_search input.submit{display:block;width:30px;background-color:#323232;border:none;font-size:0.857143em;color:#fff;padding:2px 1px;margin-right:0;}
div.section_search input.submit:hover{background-color:#666;}
/* blog mailing list sign up */
form#mailing_list02{display:block;border-top:1px solid #323232;padding-top:10px;}
form#mailing_list02 fieldset{background-color:#ed0282;padding:10px 15px 15px 15px;}
form#mailing_list02 fieldset span, form#mailing_list02 fieldset span a{color:#fff;clear:both;}
form#mailing_list02 fieldset div{width:191px;}
form#mailing_list02 fieldset input{width:100%;font-size:0.857143em;color:#323232;padding:2px;margin:5px 10px 0 0;}
form#mailing_list02 fieldset input.submit{display:block;float:right;width:40px;background-color:#323232;border:none;color:#fff; padding:2px 1px;margin:7px 0 0 0;} 
form#mailing_list02 fieldset input.submit:hover{background-color:#666;}
form#mailing_list02 fieldset label.error{position:absolute;left:-900000px; z-index:-1; height:1px; float:left;clear:none;display:inline;}
/* commenting form */
form#comment_form label{margin-top:10px;}
form#comment_form input#comment_name{width:253px;}
form#comment_form input#comment_email{width:254px;}
form#comment_form input#comment_url, form#comment_form textarea#comment_comment{width:535px;} 
form#comment_form input.submit,form#comment_form input.preview{display:block;border:none;width:65px;background-color:#323232;font-size:0.857143em;color:#fff;padding:2px 0 3px 0;margin-top:10px;} 
form#comment_form input.submit:hover, form#comment_form input.preview:hover{background-color:#666;}
/* category drop down */
form.catmenu {padding-top:10px;font-size: 0.857143em;}

/* --[ =COLUMN SYSTEM ]------------------------------- */
/* 
We use a flexible 960 pixels 12-column grid system and have developed
a flexible system to quickly create page structure.

You can define a column using the following options:

	col [adds 15px to the right margin]
	one|two|three|four|six|seven|eight|nine|ten|eleven|twelve [defines width of column] 
	padding [adds 15px padding]
	single|both [reduces width of column by 15 or 30 pixels]
	clear [optional] 
	float [optional]
	btm_margin [adds 15px bottom margin to columns]
	last [removes the margin set by col, useful for columns that are last in the row]

eg. <div class="col padding four float last></div>
*/
.col{margin:0 15px 0 0; position:relative;}
.padding{padding:15px;}
.last{margin:0;}
.float{float:left; display:inline;clear:none;}
.clear{clear:both;}
.btm_margin{margin:0 0 1.5em 0; clear:left;}

.one{width:65px;}
.two{width:145px;}
.three{width:225px;}
.four{width:305px;}
.five{width:385px;}
.six{width:465px;}
.seven{width:545px;}
.eight{width:625px;}
.nine{width:705px;}
.ten{width:785px;}
.eleven{width:865px;}
.twelve{width:945px; margin:0;}
/**/
.thirteen{width:625px; margin:0;}
.forteen{width:565px; margin:0;}
/* 
Reduce the column width by Xpx if padding if Xpx is applied to column. 
Currently calculated to accomodate 15px padding, so  this single declaration
it will reduce the column width by 15px. 

The following stacked classes can behave irratically in IE6. Therefore, it is important to 
explicity declare widths for any element using this modular system within the IE6 style sheet.
*/
.single.one{width:50px;}
.single.two{width:130px;}
.single.three{width:210px;}
.single.four{width:290px;}
.single.five{width:370px;}
.single.six{width:450px;}
.single.seven{width:530px;}
.single.eight{width:610px;}
.single.nine{width:690px;}
.single.ten{width:770px;}
.single.eleven{width:850px;}
.single.twelve{width:930px; margin:0;}
/**/
.single.thirteen{width:610px; margin:0;}
.single.forteen{width:550px; margin:0;}

/* 
Reduce the column width by Xpx if padding if Xpx is applied to column. 
Currently calculated to accomodate 15px padding, so  this both declaration
it will reduce the column width by 30px. 

The following stacked classes can behave irratically in IE6. Therefore, it is important to 
explicity declare widths for any element using this modular system within the IE6 style sheet.
*/
.both.one{width:35px;}
.both.two{width:115px;}
.both.three{width:195px;}
.both.four{width:275px;}
.both.five{width:355px;}
.both.six{width:435px;}
.both.seven{width:515px;}
.both.eight{width:595px;}
.both.nine{width:675px;}
.both.ten{width:755px;}
.both.eleven{width:835px;}
.both.twelve{width:915px; margin:0;}

/* Form elements column override */
form fieldset div.one input, form fieldset div.one textarea{width:50px;}
form fieldset div.two input, form fieldset div.two textarea{width:130px;}
form fieldset div.three input, form fieldset div.three textarea{width:210px;}
form fieldset div.four input, form fieldset div.four textarea{width:290px;}
form fieldset div.five input, form fieldset div.five textarea{width:370px;}
form fieldset div.six input, form fieldset div.six textarea{width:450px;}
form fieldset div.seven input, form fieldset div.seven textarea{width:530px;}
form fieldset div.eight input, form fieldset div.eight textarea{width:610px;}
form fieldset div.nine input, form fieldset div.nine textarea{width:690px;}
form fieldset div.ten input, form fieldset div.ten textarea{width:770px;}
form fieldset div.eleven input, form fieldset div.eleven textarea{width:850px;}
form fieldset div.twelve input, form fieldset div.twelve textarea{width:930px;}
form fieldset div.one select{width:65px;}
form fieldset div.two select{width:145px;}
form fieldset div.three select{width:225px;}
form fieldset div.four select{width:305px;}
form fieldset div.five select{width:385px;}
form fieldset div.six select{width:465px;}
form fieldset div.seven select{width:545px;}
form fieldset div.eight select{width:625px;}
form fieldset div.nine select{width:705px;}
form fieldset div.ten select{width:785px;}
form fieldset div.eleven select{width:865px;}
form fieldset div.twelve select{width:945px;}

/* --[ =HACKS ]-------------------------------- */
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
/* Global */
.inv{position:absolute;left:-900000px; z-index:-1; height:1px; float:left;clear:none;display:inline;}   

/* --[ =NAVIGATION ]------------------------------- */ 
/* Accessibility */
ul#navigation_accesibility{position:absolute; left:-900000px;}  
/* Section navigation */
div#main_navigation{display:block;padding:5px 0;margin-top:5px;border-top:1px solid #323232;border-bottom:1px solid #323232;}
ul#navigation_sections{list-style:none;padding:0;margin:0;}
ul#navigation_sections li{display:block;padding:0 5px;border-right:1px solid #323232;float:left;font-size: 1.142857em;line-height:1em;font-weight:normal;}
ul#navigation_sections li.home {padding-left:2px;}
ul#navigation_sections li.network {padding-right:0;border:none;}
ul#navigation_sections li a{display:block;text-decoration:none;font-weight:normal; }
ul#navigation_sections li a:link {text-decoration: none; color:#323232; }
ul#navigation_sections li a:visited {text-decoration: none; color:#323232; }
ul#navigation_sections li a:link:hover, ul#navigation_sections li a:visited:hover {text-decoration:none;color:#ed0282; }
ul#navigation_sections li a:link:focus, ul#navigation_sections li a:visited:focus {text-decoration:none;}
ul#navigation_sections li a:link:active, ul#navigation_sections li a:visited:active {text-decoration:none;color:#ed0282;}
/* Section navigation when active */ 
body#t_home ul#navigation_sections li.home a,
body#t_whatson ul#navigation_sections li.whatson a,
body#t_about ul#navigation_sections li.about a,
body#t_projects ul#navigation_sections li.projects a,
body#t_experiencelearning ul#navigation_sections li.experiencelearning a,
body#t_artists ul#navigation_sections li.artists a,
body#t_network ul#navigation_sections li.network a {color:#ed0282;}
/* Subsection navigation*/
ul#navigation_subsections{list-style:none;padding:0 0 5px 0;border-bottom:1px solid #323232;margin:0 0 15px 0;}
body#t_projects ul#navigation_subsections, body#t_experiencelearning ul#navigation_subsections{display:block;margin-bottom:0;}
ul#navigation_subsections li{list-style:none;display:inline-block;float:left;padding:0 5px;border-right:1px solid #323232;font-size:0.928571em;line-height:1.2em;font-weight:normal;color:#323232;}
body#t_about div.left ul#navigation_subsections li {padding-top:0;}
ul#navigation_subsections li.introduction, ul#navigation_subsections li.date{padding-left:0;}
ul#navigation_subsections li.downloads, 
ul#navigation_subsections li.futureprojects,
ul#navigation_subsections li.futureevents {border:none;}
ul#navigation_subsections li a{display:block;text-decoration:none;font-weight:normal; }
ul#navigation_subsections li a:link { text-decoration: none; color:#323232; }
ul#navigation_subsections li a:visited { text-decoration: none; color:#323232; }
ul#navigation_subsections li a:link:hover, ul#navigation_subsections li a:visited:hover { text-decoration:none; color:#ed0282;}
ul#navigation_subsections li a:link:focus, ul#navigation_subsections li a:visited:focus { text-decoration:none;}
ul#navigation_subsections li a:link:active, ul#navigation_subsections li a:visited:active { text-decoration:none; color:#ed0282;}
/* style switch for projects and experience listings*/
ul#navigation_subsections li.list_style {float:right;cursor:pointer;}
ul#navigation_subsections li.list_style:hover{color:#000;}
ul#navigation_subsections li.list_style.image{color:#ed0282;}
ul#navigation_subsections li.list_style.text{border:none;}
body.title ul#navigation_subsections li.list_style.text{color:#ed0282;}
body.title ul#navigation_subsections li.list_style.image{color:#323232;}
ul#navigation_subsections li.list_style.nojava{position:absolute;left:-900000px; z-index:-1; height:1px; float:left;clear:none;display:inline;}
body#t_artists ul#navigation_subsections {display:block;width:945px;border:none;float:right;margin:0;padding-top:5px;}
/* duplicate for experience and learning section*/
ul.displaytoggle{list-style:none;padding:0 0 5px 0;margin:0 0 15px 0; display:block; position:absolute; top:40px;right:0;}
ul.displaytoggle li{list-style:none;display:inline-block;float:left;padding:0 5px;border-right:1px solid #323232;font-size:0.928571em;line-height:1.2em;font-weight:normal;color:#323232;}
ul.displaytoggle li.list_style {float:right;cursor:pointer;}
ul.displaytoggle li.list_style:hover{color:#000;}
ul.displaytoggle li.list_style.image{color:#ed0282;}
ul.displaytoggle li.list_style.text{border:none;}
ul.displaytoggle li.list_style.nojava{position:absolute;left:-900000px; z-index:-1; height:1px; float:left;clear:none;display:inline;}

/* Subsection navigation when active*/
body#t_about.introduction ul#navigation_subsections li.introduction a,
body#t_about.news ul#navigation_subsections li.news a,
body#t_about.article ul#navigation_subsections li.news a,
body#t_about.people ul#navigation_subsections li.people a,
body#t_about.faq ul#navigation_subsections li.faq a,
body#t_about.downloads ul#navigation_subsections li.downloads a,
body#t_projects.year ul#navigation_subsections li.date a,
body#t_projects.location ul#navigation_subsections li.location a,
body#t_projects.title ul#navigation_subsections li.title a,
body#t_projects.artist ul#navigation_subsections li.artist a,
body#t_projects.themes ul#navigation_subsections li.themes a,
body#t_projects.themeslist ul#navigation_subsections li.themes a,
body#t_projects.futureprojects ul#navigation_subsections li.futureprojects a,
body#t_experiencelearning.date ul#navigation_subsections li.date a,
body#t_experiencelearning.family ul#navigation_subsections li.family a,
body#t_experiencelearning.schools_young_people ul#navigation_subsections li.schools a,
body#t_experiencelearning.workshops_participation ul#navigation_subsections li.workshops a,
body#t_experiencelearning.talks_symposia ul#navigation_subsections li.talks a,
body#t_experiencelearning.futureprojects ul#navigation_subsections li.futureprojects a,
body#t_experiencelearning.location ul#navigation_subsections li.location a {color:#ed0282;}


/* --[ =HCARD]------------------------------- */
div.vcard {margin:0;padding:0;}
div.vcard p {margin:0;padding:0;}

/* --[ =JQUERY UI ELEMENTS ]------------------------------- */
/* Global */
.link{color:#323232;}
.hover{text-decoration: underline; color:#ed0282; cursor:pointer;} /* This class will be added dynamically*/
.ui-state-default{color:#EB3D15;}
.ui-state-active{color:#7d7d7d;}
/* Tabs */
div.tabs ul.navigation{font-size:1.142857em;display:block;border-top:1px solid #323232;border-bottom:1px solid #323232;margin:0;padding:5px 0;}
div.tabs ul.navigation li{list-style:none; display:inline;}
div.tabs ul.navigation li a{font-size:1em;line-height:1.3125em;display:block; float:left; color:##323232;padding:0 5px 0 0;text-decoration:none;font-weight:normal;}
div.tabs ul.navigation li a:link { text-decoration: none; color:#323232; }
div.tabs ul.navigation li a:visited { text-decoration: none; color:#323232; }
div.tabs ul.navigation li a:link:hover, div.tabs ul.navigation li a:visited:hover { text-decoration:none; color:#ed0282;}
div.tabs ul.navigation li a:link:focus, div.tabs ul.navigation li a:visited:focus { text-decoration:none;}
div.tabs ul.navigation li a:link:active, div.tabs ul.navigation li a:visited:active { text-decoration:none; color:#ed0282;}
div.tabs ul.navigation li.ui-state-active a:link, div.tabs ul.navigation li.ui-state-active a:visited, div.tabs ul.navigation li.ui-tabs-selected a:link, div.tabs ul.navigation li.ui-tabs-selected a:visited{color:#ed0282;}
div.tabs div.ui-tabs-hide{display:none!important;}

/* Accordion */
div.accordion{margin:0;}
div.accordion h3{margin:0 0 0.4em 0;}
.padding_top_15px{padding-top:15px;}

/* --[ =MODULAR ELEMENTS ]------------------------------- */
/*linked images that have a call to fancybox*/
div#content div.large a.zoom div.icon, div#content a.zoom div.icon{background:transparent url('../site_assets/images/generic/zoom_small.png') no-repeat top left; width:20px; height:20px; display:block; position:absolute; top:0; left:205px; padding:0; margin:0; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer; text-indent:-90000px;}
div#content div.large a.zoom div.icon{left:925px; top:0;}
div.icons {float:right;margin-top:10px;}
div.icons a.addthis_button {float:left;margin-right:10px;font-size:0.928571em;text-decoration:none;padding-left:22px;background:url('../site_assets/images/generic/share_icon.gif') top left no-repeat;}
div.icons a.addthis_button:hover,body.detail div.icons a.addthis_button:visited:hover {color:#323232;}
div.icons a.rss {float:left;display:block;width:20px;height:20px;text-indent:-9000px;background:url('../site_assets/images/generic/rss_icon.gif') top left no-repeat;}
div.icons a.rss:hover {background-position:top right;}


/* --[ =SECTION STYLES ]----------------------------------- */
/* Home page*/
body#t_home h2 a:link, body#t_home h2 a:visited{text-decoration:none;}
body#t_home h2 a:link:hover, body#t_home h2 a:visited:hover{text-decoration:underline;}
body#t_home div#header{position:relative;display:block;height:75px;margin-bottom:15px;}
body#t_home div.item{margin:15px 15px 0 0;}
body#t_home div#content div.item.last{margin-right:0;}
/* top banner appearance */
div#topbanner li.list_item{display:inline;width:225px;height:75px;float:left;list-style:none;position:relative;margin:15px 15px 0 0;}
div#topbanner li.list_item.last{margin-right:0;}
div#topbanner a#logo{display:inline;width:225px;margin:15px 15px 0 0;height:75px;background-color:#ed0282;color:#fff;}
div#topbanner a#logo span{position:absolute;top:5px;left:7px;}
/* lists */
body#t_home div#main_content div.list,
body#t_whatson div#main_content div.list,
body#t_projects.detail div#main_content div.images, 
body#t_experiencelearning.detail div#main_content div.images{margin-bottom:15px;}
div.list li{margin-top:15px;}
div.list li.list_item{position:relative;overflow:hidden;width:225px;height:75px;margin:15px 15px 0 0;}
div.list li.list_item.current{width:465px;height:155px;}
div.list li.list_item.last{margin-right:0;}
div.list li.list_item.marker{display:block;height:75px;background-color:#ed0282;color:#fff;}
body#t_projects li.list_item.marker, body#t_artists li.list_item.marker, body#t_experiencelearning li.list_item.marker{text-transform:uppercase;}
div.list li.list_item.marker span{display:block;padding:4px 9px 0 0;text-align:right;}
li.no_result{margin-top:15px;}
div.cloud{margin-top:15px;}
div.cloud a{font-weight:bold;color:#999999;margin-right:10px;}
/* info-slide in for list items */
div.list li.list_item.small img{position:absolute;top:0;left:0;}
div.list li.list_item.small span{position:absolute;width:205px;height:55px;overflow:hidden;top:65px;left:0;z-index:1;padding:10px;background:url('../site_assets/images/generic/slidebox_small.png') repeat-y;font-size: 0.928571em;line-height:1.2em;}
div.list li.list_item.medium{width:465px;height:155px;}
div.list li.list_item.medium img{position:absolute;top:0;left:0;}
div.list li.list_item.medium span{position:absolute;width:445px;height:155px;overflow:hidden;top:145px;left:0;z-index:1;padding:10px;background:url('../site_assets/images/generic/slidebox_medium.png') repeat-y;font-size:1em;line-height:1.5em;}
div.large{position:relative;overflow:hidden;display:block;width:945px;height:315px;margin-top:15px;}
div.large span{position:absolute;width:925px;overflow:hidden;bottom:0;left:0;z-index:1;padding:10px;background:url('../site_assets/images/generic/slidebox_large.png') repeat-y;font-size:1em;line-height:1.5em;}
div.large div.detail{position:absolute;width:925px;font-weight:bold;overflow:hidden;left:0;z-index:1;padding:10px;background:url('../site_assets/images/generic/slidebox_large.png') repeat-y;font-size:1em;line-height:1.5em;}
div.list li.list_item.small a:hover span.nojava, div.list li.list_item.medium a:hover span.nojava, div.large a:hover div.detail.nojava{top:0;left:0;}
/* switch between image and text view */
div#main_content div.list.textview  li.list_item.small img{position:absolute;left:-900000px; z-index:-1; height:1px; float:left;clear:none;display:inline;}
div#main_content div.list.textview li.list_item.small span{top:0;background-color:#fff;background-image:none;border:1px solid #323232;width:203px;height:53px;}
div#main_content div.list.textview li.list_item.small a:hover span{border:1px solid #ed0282;text-decoration:none;color:#ed0282;}
/* about us */
div#main_address{display:block;height:100%;padding:15px 15px 8px 15px;background-color:#ed0282;color:#fff;margin-top:15px;}
div.left{border-top:1px solid #323232;}
div.right{border-top:1px solid #323232;}
body#t_about.news div.left img {display:inline;float:left;padding:7px 10px 0 0;}
body#t_about.faq div.answer {padding:0 0 10px 0;margin:0;}
/* Project listings */
ul#alphabet {position:relative;clear:both;padding:10px 0 0 0;border-bottom:1px solid #323232;}
ul#alphabet li{list-style:none;display:inline-block;float:left;padding:0 5px;border-right:1px solid #323232;font-size:0.928571em;line-height:1.2em;font-weight:normal;margin-bottom:10px;}
ul#alphabet li.link{padding:0;}
ul#alphabet li.link a{padding:0 5px;}
ul#alphabet li.first{padding-left:0;}
ul#alphabet li.last{border:none;}
ul#alphabet li{color:#cccccc;}
ul#alphabet li.link{color:#fff;}
/* detail page */
body.detail p.price{padding-top:10px;}
body.detail div.standfirst{padding:15px 0 22px 0; border-bottom:1px dotted #CCCCCC;margin:0;}
body.detail div#event_information div.standfirst p{margin-bottom:0; border-bottom:none;}
body.detail div.mediaplayer{padding:5px 0 5px 0; border-bottom:1px dotted #CCCCCC;margin:0;}
body.detail div.images div.list{background:url('../site_assets/images/generic/list_bg.png') top left repeat-y;}
body.detail div.related_links{padding-top:15px;}
div.bottom_links{padding-top:30px;} 
div.bottom_links a.next {float:right;}
/* Google maps */
div#map{display:block;margin-top:15px;border:1px solid #323232;}
div#eventdetail_map{display:block;width:465px;height:160px;}
div.map_wrapper{width:240px;}
div.map_wrapper p{margin:5px 0;}
div.map_wrapper p span{color:#ed0282;font-weight:bold;}
div.map_wrapper p a{display:block;margin-top:15px;width:90px;height:20px;padding:5px 3px 2px 7px;line-height:1em;color:#fff;text-decoration:none;background-color:#323232;}
div.map_wrapper img{border:1px solid #ed0282;}
div.map_wrapper a:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
div#map_list{margin-top:15px;}
div#map_list h2 {border:none;padding:0;}
div#map_list ul{list-style:none;margin-top:15px;height:455px;overflow:auto;}
div#map_list li{display:block;padding:5px 0;border-bottom:1px solid #323232;list-style:none;}
div#map_list li span{cursor:pointer;}
div#map_list li:hover span{color:#000;}
/* pagination */
p.pagination{clear:both;margin-top:15px;}
/* blog */
body#t_network div.title{border-top:1px solid #323232;margin-top:0;}
body#t_network img.large_image{padding:5px 0;margin:0 ;}
body#t_network h2{font-size:1.7em}
body#t_network div.seven h3, body#t_network div.seven p.fauxh3{border:none;padding:0;margin-bottom:3px;}
div.recent{font-size: 0.857143em;line-height: 1.75em;padding:5px 0;border-bottom:1px dotted #ccc;}
div.recent.last{border:none;}
div.recent p {margin-bottom:0;}
div.recent span{color:#ed0282;}
div.maillist_tasks{background:#ED0282;padding:10px 10px;}
body#t_network div#main_content div.maillist_tasks p.fauxh3{color:#fff; margin-top:0;border-top-color:#fff;border-bottom-color:#fff;}
body#t_network div#main_content div.maillist_tasks ul li{padding:0;}
body#t_network div#main_content div.maillist_tasks ul li a:link, body#t_network div#main_content div.maillist_tasks ul li a:visited{color:#fff;text-decoration:none;}
body#t_network div#main_content div.maillist_tasks ul li a:link:hover, body#t_network div#main_content div.maillist_tasks ul li a:visited:hover{color:#fff;text-decoration:underline;}
body#t_network div#main_content div.maillist_tasks ul li a:link:active, body#t_network div#main_content div.maillist_tasks ul li a:visited:active{text-decoration:none;}
body#t_network div#main_content div.maillist_tasks ul li a:link:focus, body#t_network div#main_content div.maillist_tasks ul li a:visited:focus{text-decoration:none;}
div.network_links p{font-size: 0.857143em;line-height: 1.75em;}
html body div.network_links p.fauxh3{font-size:1.07143em; line-height:1.16667em;}/*re-declare styles overridden by rule above*/
div.network_links p  {white-space:pre-wrap;word-wrap: break-word;}
div.network_links p.tweet{padding-bottom:10px;border-bottom:1px dotted #ccc;margin-bottom:5px;}
body#t_network div.blogimages li.list_item{width:171px;height:75px;}
body#t_network div.blogimages li.list_item.last{margin-right:0;}
body#t_network div.comment_share{margin:30px 0 15px 0;}
body#t_network div.comments{padding:5px 0;border-bottom:1px dotted #ccc;}
body#t_network div.comments.last{border:none;padding-bottom:0;}
body#t_network div#twitter_feed{padding-bottom:15px;border-bottom:1px solid #323232;margin-bottom:15px;}
body#t_network div#twitter_feed p{font-size: 0.857143em;line-height: 1.75em;}
body#t_network div#main_content ul li{padding-bottom:10px;}
body#t_network div.existing_comments{margin-top:15px;}
body#t_network div#main_content div.recent ul li{padding-bottom:0;}
body#t_network div#main_content p.pagination{float:right;}
body#t_network div#player.padded_top{padding-top:10px;}
/* search results */
body#t_search div.paginate{float:right;}
body#t_search div.paginate.bottom{margin-top:30px;}
body#t_search div.result{padding-bottom:5px;border-bottom:1px dotted #666666;}
body#t_search div.result.last{border:none;}
body#t_search div.result p.section{color:#666666;}
/*rss*/
body#t_rss h1{margin-bottom:5px;}
body#t_rss div.left{border-top:none;}
body#t_rss div.right{border-top:none;}    
/* Projects listing (for artist section) */ 
body#t_artists div#main_content h2.nosifr {border:none;display:none;}