/* ------ standard elements ------ */

body {
	background:#F1F1F1;
	line-height:normal;
	color:#fff;
	font-size: 62.5%;
	font-family:"helvetica neue","lucida grande",helvetica,arial,sans-serif;
	color:#444444;
}

input{}

a:link{color:#444444;}
a:visited{color:#444444;}
a:hover{color:#444444;}
a:active{color:#444444;}

strong{font-weight:bold;}

/* ------ fonts, colors, .. ------ */

h2.header {
	font-size:3.5em;
	font-weight:bold;
	font-family:"Myriad Pro";
	color:#343434;
}

h2.header a{text-decoration:none;color:#343434;}

p {margin:0 0 16px;}

/* ------ structure ------ */

div#wrapper {font-size:1.32em;overflow:hidden;}

div#wrapper #head{width:1400px;margin:0 auto;position:relative;}

body#home div#wrapper #blogwrapper{}
body#home div#wrapper #blogwrapper .blog{width:940px;margin:0 auto;}

div#wrapper #blogwrapper{
	padding:65px 0 20px;
	background:#FFFFFF none repeat scroll 0 0;
	margin:0 auto;
	width:1012px;
	}

div#wrapper #blogwrapper.start{
	background:transparent url(../images/bg_blog.png) repeat-x top left;
	width:auto;
	}

div#wrapper #blog {width:960px;margin:0 auto;overflow:hidden;}

div#sponsors{width:960px;margin:0 auto;padding:20px 0;text-align:center;}
div#sponsors h4{display:block;text-align:left;}

div#footer{background:transparent url(../images/bg_footer.png) repeat-x top left;height:30px;color:#fff;text-align:center;padding:20px 0 10px;font-size:1.2em;}

div#footer a{color:#fff;}

/* ------ header ------ */

/* ------ nav ------ */

div#wrapper #nav{
	background:transparent url(../images/bg_nav.png) no-repeat top left;
	overflow:hidden;
	width:1013px;
	margin:20px auto -28px;
	z-index:100;
	position:relative;
	}
	
div#wrapper #nav ul{line-height:3.1em;padding:0 0 0 30px;}

div#wrapper #nav span.webcam{background:transparent url(../images/nav-webcam.png) no-repeat top left;padding:0 0 5px 23px;position:absolute;right:40px;top:12px;}

div#wrapper #nav span.webcam a{color:#fff;text-decoration:underline;}
	
div#wrapper #nav ul li{
	float:left;
	padding:0 0 0 30px;
	background:transparent url(../images/nav_separator.png) repeat-y top left;
	font-size:1.1em;
	font-weight:bold;
	font-family:"Myriad Pro";
	}

div#wrapper #nav ul li a{color:#E8E8E8;text-decoration:none;padding:0 30px 0px 0;}

div#wrapper #nav ul li a:hover{text-decoration:underline;}

div#wrapper #nav ul li.current_page_item{
	background:transparent url(../images/bg_nav_selected_left.png) repeat-x scroll top left;
	padding:0 0 0 30px;
	margin:0 -1px 0 0;
	}

div#wrapper #nav ul li.current_page_item a{
	text-decoration:none;
	padding:0 30px 0 0;
	display:block;
	height:41px;
	background:transparent url(../images/bg_nav_selected.png) repeat-x scroll top right;
	}
	
div#wrapper #nav ul li.current_page_item a span{}

body#home div#wrapper #nav ul li.start{
	background:transparent url(../images/bg_nav_selected_left.png) repeat-x scroll top left;
	padding:0 0 0 30px;
	margin:0 -1px 0 0;
	}

body#home div#wrapper #nav ul li.start a{
	text-decoration:none;
	padding:0 30px 0 0;
	display:block;
	height:41px;
	background:transparent url(../images/bg_nav_selected.png) repeat-x scroll top right;
	}

body#art div#wrapper #nav ul li.gallery{
	background:transparent url(../images/bg_nav_selected_left.png) repeat-x scroll top left;
	padding:0 0 0 30px;
	margin:0 -1px 0 0;
	}

body#art div#wrapper #nav ul li.gallery a{
	text-decoration:none;
	padding:0 30px 0 0;
	display:block;
	height:41px;
	background:transparent url(../images/bg_nav_selected.png) repeat-x scroll top right;
	}

body#blog div#wrapper #nav ul li.blog{
	background:transparent url(../images/bg_nav_selected_left.png) repeat-x scroll top left;
	padding:0 0 0 30px;
	margin:0 -1px 0 0;
	}

body#blog div#wrapper #nav ul li.blog a{
	text-decoration:none;
	padding:0 30px 0 0;
	display:block;
	height:41px;
	background:transparent url(../images/bg_nav_selected.png) repeat-x scroll top right;
	}
	
body#about div#wrapper #nav ul li.about{
	background:transparent url(../images/bg_nav_selected_left.png) repeat-x scroll top left;
	padding:0 0 0 30px;
	margin:0 -1px 0 0;
	}

body#about div#wrapper #nav ul li.about a{
	text-decoration:none;
	padding:0 30px 0 0;
	display:block;
	height:41px;
	background:transparent url(../images/bg_nav_selected.png) repeat-x scroll top right;
	}
	
body#exhibition div#wrapper #nav ul li.exhibition{
	background:transparent url(../images/bg_nav_selected_left.png) repeat-x scroll top left;
	padding:0 0 0 30px;
	margin:0 -1px 0 0;
	}

body#exhibition div#wrapper #nav ul li.exhibition a{
	text-decoration:none;
	padding:0 30px 0 0;
	display:block;
	height:41px;
	background:transparent url(../images/bg_nav_selected.png) repeat-x scroll top right;
	}

/* ------ project ------ */

body#gallery div#wrapper #content,
body#art div#wrapper #content{
	background:#FFFFFF none repeat scroll 0 0;
	margin:0 auto 30px;
	width:1012px;
	height:auto;
	}
	
body#about div#wrapper #content{
	background:#FFFFFF none repeat scroll 0 0;
	margin:0 auto 30px;
	width:1012px;
	height:auto;
	}

body#exhibition div#wrapper #content{
	background:#FFFFFF none repeat scroll 0 0;
	margin:0 auto 30px;
	width:1012px;
	}		

body#home div#wrapper #content{padding:35px 0 10px;}

div#wrapper #content {
	z-index:98;
	position:relative;
	background:#F1F1F1 url(../images/bg_frame.jpg) no-repeat top left;
	width:1060px;
	margin:0 auto;
	height:750px;
}

div#wrapper #content-top{
	z-index:98;
	position:relative;
	background:#F1F1F1 url(../images/bg_frame-top.jpg) no-repeat top left;
	width:1060px;
	margin:0 auto;
	height:44px;
}

div#wrapper #content-mid{
	z-index:98;
	position:relative;
	background:#F1F1F1 url(../images/bg_frame-mid.jpg) repeat-y top left;
	width:1060px;
	margin:0 auto;
	overflow:hidden;
}

div#wrapper #content-bot{
	z-index:98;
	position:relative;
	background:#F1F1F1 url(../images/bg_frame-bot.jpg) no-repeat bottom left;
	width:1060px;
	margin:0 auto;
	height:44px;
}



div#wrapper #content .inner, div#wrapper #content-mid .inner {width:940px;margin:0 auto;padding:20px 0 45px;}

div#wrapper #content .inner .project-teaser h2 {
	font-size:3.5em;
	font-weight:bold;
	font-family:"Myriad Pro";
	color:#343434;
	margin:0 0 10px;
}

div#wrapper #content .inner .project-teaser {overflow:hidden;position:relative;}

div#wrapper #content .inner .project-teaser img{float:left;}

div#wrapper #content .inner .project-teaser p.info {background:#f5f2d9;border-left:1px solid #dddddd;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;min-height:155px;height:155px;float:left;width:420px;margin:0 0 0 10px;padding:10px;color:#444444;line-height:1.8em;position:relative;}

div#wrapper #content .inner .project-teaser p a.readblog{position:absolute;bottom:10px;right:10px;}

div#wrapper #content .inner .project-teaser div.schedule{float:right;width:190px;height:155px;padding:10px 10px 10px 20px;min-height:155px;background:#f9f8ea;border:1px solid #ECECEC;}

div#wrapper #content .inner .project-teaser div.schedule p{padding:0 0 0 10px;}

div#wrapper #content .inner .project-teaser div.schedule h3{font-size:1.3em;font-weight:bold;margin:15px 0 10px;}

/* ------ columns ------ */

div#wrapper #content .inner #columnscontainer {
	margin:13px 0 0 0;
	overflow:hidden;
	}
	
body#art div#wrapper #content .inner #columnscontainer {margin:0px 0 0 -21px;}
	
div#wrapper #content .inner #columnscontainer .columns {
	padding:20px 0px 0px 40px;
	background:transparent url(../images/bg_columns.jpg) repeat-x top left;
	float:left;
	width:230px;
	height:388px;
	width:900px;
	min-height:388px;
	}
	
	div#wrapper #content .inner #columnscontainer .columns h3{font:bold 1.4em "Myriad Pro";color:#FFFFFF;margin:0 0 0 20px;float:left;}
		div#wrapper #content .inner #columnscontainer .columns a.gallerylink{float:right;font-size:0.8em;color:#DADADA;text-decoration:underline;font-weight:normal;margin:5px 65px 0 0;}
	
	body#art div#wrapper #content-mid .inner #columnscontainer .columns{background:none;height:auto;min-height:auto;padding:0px 0 0 00px;width:996px;margin:0 0 0 -20px;}
	body#art div#wrapper #content-mid .inner #columnscontainer .columns .column{border:1px solid #AFAFAF;}
	
	body#art div#wrapper #content-mid .inner #columnscontainer .columns .column{
		border:1px solid #AFAFAF;
		float:left;
		margin:13px 17px 10px 16px;
		padding:14px;
		position:relative;
	}
	
	div#wrapper #content .inner #columnscontainer .columns .column{float:left;margin:13px 21px 10px 21px;border:1px solid #fff;padding:14px;position:relative;}
	
/*	body#art div#wrapper #content .inner #columnscontainer .columns .column:hover{border:1px solid #000;cursor:pointer;} */
	
/*	div#wrapper #content .inner #columnscontainer .columns .column:hover{border:1px solid #ACACAC;cursor:pointer;}*/
	
	body#art #wrapper #content .inner #columnscontainer .columns .column{margin:17px 17px 10px 16px;}
	
div#wrapper #content .inner #columnscontainer .sidebar {
	padding:10px 10px 10px 20px;
	background:transparent url(../images/bg_projectsidebar.jpg) repeat-y top left;
	float:right;
	width:192px;
	height:368px;
	min-height:368px;
	}
	
	body#gallery div#wrapper #content .inner #columnscontainer .sidebar,
	body#art div#wrapper #content .inner #columnscontainer .sidebar{background:transparent;}

div#wrapper #content .inner #columnscontainer .sidebar h3{font-size:1.3em;font-weight:bold;margin:15px 0 10px;}

/* ------ blog ------ */

body#blog {}

body#blog div#wrapper #blogwrapper{background:#FFF;width:1012px;margin:0 auto 30px;}

div#wrapper .blog .sidebar {float:left;}

div#wrapper .blog .sidebar .widget {width:230px;margin:0 0 10px;overflow:hidden;}

div#wrapper .blog .sidebar .widget {width:230px;}

div#wrapper .blog .sidebar .widget h2 {
	background:transparent url(../images/bg_header_sidebar.png) no-repeat top left;
	color:#e8e8e8;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	font-family:"Myriad Pro";
	letter-spacing:0.06em;
	height:40px;
	line-height:2.3em;
	text-indent:14px;
	margin:0;
	padding:0;
}

div#wrapper .blog .sidebar .widget h2 a{text-decoration:none;color:#e8e8e8;}

div#wrapper .blog .sidebar .widget ul,
div#wrapper .blog .sidebar .widget .textwidget {
	background:#ffffff;
	border:1px solid #dddddd;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	padding:10px 20px 25px;
	}
	
div#wrapper .blog .sidebar .widget ul li {
	border-bottom:1px solid #f1f1f1;
	padding:10px 0;
	letter-spacing:-0.01em;
	}
	
div#wrapper .blog .sidebar .widget ul li a{text-decoration:none;color:#444444;}

div#wrapper .blog .blog-content {
	width:680px;
	background:#ffffff;
	border:1px solid #dddddd;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	float:right;
	}
	

div#wrapper .blog .blog-content .post{margin:0 0 0px;padding:30px 30px 40px;background:transparent url(../images/bg_blogpost.png) repeat-x bottom left;border-bottom:1px solid #e8e8e8;overflow:hidden;}

div#wrapper .blog .blog-content .post p{line-height:1.5em;}

div#wrapper .blog .blog-content .post ul {list-style-type:disc;list-style-position:outside;margin:10px 0 10px 20px;}
div#wrapper .blog .blog-content .post ul li{margin:0 0 5px;}

div#wrapper .blog .blog-content .post ol {list-style-type:decimal;list-style-position:outside;margin:10px 0 0 20px;}
div#wrapper .blog .blog-content .post ol li{margin:0 0 5px;}

div#wrapper .blog .blog-content .post img{padding:5px;border:1px solid #e8e8e8;}

div#wrapper .blog .blog-content .post p.posted {font-size:0.9em;display:block;border-bottom:1px solid #ececec;padding:0 0 15px;margin:0 0 15px;line-height:normal;}

div#wrapper .blog .blog-content .post p.posted span.date{color:#9f9f9f;font-style:italic;}

div#wrapper .blog .blog-content .post h2,
div#wrapper .blog .blog-content .post h2 a,
div#wrapper .blog .blog-content .post h2 a:link,
div#wrapper #content .inner h2,
div#wrapper #content .inner h2 a,
div#wrapper #content .inner h2 a:link
 {
	color:#0d0d0d;
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
	font-family:"Myriad Pro";
	letter-spacing:0.03em;
	margin:0 0 8px;
	}
	
div#wrapper .blog .blog-content .post h2 a:hover{text-decoration:underline;}

div#wrapper .blog .blog-content .post a.readmore{font-weight:bold;margin:30px 0 0;display:block;clear:both;}

.clearer{clear:both;height:1%;}
.alignright{float:right;margin:0 0 0 20px;}
.alignleft{float:left;margin:0 20px 0 0;}

div.postnav {background:transparent url(../images/bg_pagenating.png) no-repeat top left;height:30px;line-height:2.5em;font-size:0.9em;width:112px;float:right;margin:20px 30px 0 0;overflow:hidden;text-align:center;}

div.postnav span.older-nav{float:left;margin:0 0 0 10px;}
div.postnav span.newer-nav{float:right;margin:0 10px 0 0;}

div.postnav a {text-decoration:none;font-weight:bold;color:#808080;}

p.wp-caption-text{padding:3px;font-style:italic;font-size:0.9em;text-align:center;}

/* pagenavi */

#wrapper .wp-pagenavi{text-align:center;padding:10px 0;display:block;}
#wrapper .wp-pagenavi a, .wp-pagenavi a:link{border:0;color:#444444;}
#wrapper .wp-pagenavi a:hover{color:#444444;text-decoration:underline;}
#wrapper .wp-pagenavi span.current{border:0;}
#wrapper .wp-pagenavi span.extend{border:0;}





/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 860px;
	height:315px;

	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:230em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {

}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

a.prevPage.left{background:transparent url(../images/arrowleft.png) no-repeat top left;width:21px;height:41px;display:block;text-indent:-9999px;position:absolute;left:38px;top:480px;cursor:pointer;}
a.nextPage.right{background:transparent url(../images/arrowright.png) no-repeat top left;width:21px;height:41px;display:block;text-indent:-9999px;position:absolute;right:38px;top:480px;cursor:pointer;}

div#prevpost a{background:transparent url(../images/arrowleft.png) no-repeat top left;width:21px;height:41px;display:block;text-indent:-9999px;position:absolute;left:-22px;top:310px;cursor:pointer;}
div#nextpost a{background:transparent url(../images/arrowright.png) no-repeat top left;width:21px;height:41px;display:block;text-indent:-9999px;position:absolute;right:-22px;top:310px;cursor:pointer;}

#videop, #livecam{display:none;}



p#shareination{float:right;padding:10px 0 0 0;display:block;}

a.artwork{position:relative;}

a.artwork span.magnifier{visibility:hidden;position:absolute;left:-99999px;top:-9999px;}

a.artwork:hover span.magnifier{background:transparent url(../images/magnifier.png) no-repeat top left;z-index:999px;visibility:visible;position:absolute;top:18px;left:-210px;width:940px;height:494px;}

#content-mid .inner{position:relative;}

span#printadd{display:none;}