@charset "utf-8";
/**
 * @author	tofu
 */

/*##################################################|*/
/* #TITLE/SUBTITLE# */

#main-container { width : 890px;  margin : 50px auto 0; }
#header-container {
	position : relative; left : 0; top : 0;
	height : 380px; padding-bottom : 40px; margin-bottom : 2px;
	border-bottom : 1px dashed #848386;
}
#body-container {
	padding : 40px 0; margin-bottom : 2px;
	border-top : 1px dashed #404249;
	border-bottom : 1px dashed #848386;
}
#content-container { background-color : red; }
#footer-container { padding : 10px 0 40px; text-align : center; border-top : 1px dashed #404249; }
#footer-container .top { padding-left : 15px; font-size : 12px; background : url(../_gfx/icon_href-top.gif) no-repeat left 5px; }
#footer-container .top:hover { text-decoration : none; }
#footer-container .top span { padding-right : 15px; background : url(../_gfx/icon_href-top.gif) no-repeat right 5px; }
#footer-container .top:hover span { text-decoration : underline; }

#mainnav { position : absolute; left : 0; top : 125px; }
#mainnav ul { list-style : none; margin : 0; }
#mainnav li { margin-bottom : 15px; }
#mainnav a {
	text-transform : uppercase; font-size : 20px;
}
#mainnav .active a { color : #fff; }

#notch-sticker {
	position : absolute; right : 10px; top : 10px;
	width : 26px; height : 108px;
}

#flashheader-container {
	position : absolute; left : 145px; top : 0;
	width : 600px; height : 380px;
}


#sidenav { position : absolute; right : 0; top : 145px; text-align : right; }
#sidenav ul { list-style : none; margin : 0; }
#sidenav li { margin-bottom : 25px; }
#sidenav a {
	text-transform : uppercase;
}



/*##################################################|*/
/* #PROGRAM# */

#program-container { list-style : none; margin : 0; }
.program-item { padding-bottom : 30px; }

.program-item .when { float : left; width : 145px; margin-right : 20px; }
.program-item .when .weekday { padding : 8px 0; text-align : center; font-weight : bold; font-size : 10px; border-top : 1px dashed #008dd8; }
.program-item .when .date { padding-top : 8px; text-align : center; font-size : 104px; line-height : 80px; border-top : 1px dashed #008dd8; }
.program-item .when .month { padding : 8px 0; text-transform : uppercase; text-align : center; font-weight : bold; font-size : 16px; }
.program-item .when .misc { padding-top : 8px; text-align : right; font-size : 12px; color : #008dd8; border-top : 1px dashed #008dd8; }

.program-item .who { float : left; width : 270px; margin-right : 20px; text-align : center; font-weight : bold; font-size : 10px; }
.program-item .who img { margin-bottom : 4px; border : 10px solid #fff; }

.program-item .what {
	float : left; width : 435px; padding-top : 20px;
	border-top : 1px dashed #008dd8;
}
.program-item .what .type { margin-bottom : 3px; }
.program-item .what .type strong {
	display : inline-block; padding : 2px 8px;
	background-color : #009a99;
}
.program-item h2 span {
	display : inline-block; padding : 2px 8px;
	font-size : 20px;
	background-color : #008dd8;
}




/*##################################################|*/
/* #gallery# */

#gallery-container { list-style : none; margin : 0; }
.gallery-item {
	position : relative; left : 0; top : 0;
	padding : 30px 0 10px;
	text-align : center; font-weight : bold; font-size : 10px;
	border-top : 1px dashed #008dd8;
}
.gallery-item img { margin-bottom : 10px; border : 10px solid #fff; }
.gallery-item .pin {
	position : absolute; left : 0; top : 10px;
	width : 100%; height : 50px;
	background-position : center top;
	background-repeat : no-repeat;
}
.pin-blue .pin { background-image : url(../_gfx/icon_pin-blue.png); }
.pin-green .pin { background-image : url(../_gfx/icon_pin-green.png); }



/*##################################################|*/
/* #INFOS# */

#info-container { list-style : none; margin : 0; }
.info-item { padding-bottom : 30px; }

.info-item .point { float : left; width : 145px; margin-right : 20px; }
.info-item .point .label { padding : 8px 0; text-align : center; font-weight : bold; font-size : 10px; border-top : 1px dashed #008dd8; }
.info-item .point .number { padding : 8px 0 30px; text-align : center; font-size : 104px; line-height : 80px; border : 1px dashed #008dd8; border-width : 1px 0; }

.info-item .pic { float : left; width : 270px; margin-right : 20px; text-align : center; font-size : 10px; }
.info-item .pic img { margin-bottom : 2px; border : 10px solid #fff; }
.info-item .info {
	float : left; width : 435px; padding-top : 20px;
	border-top : 1px dashed #008dd8;
}
.info-item h2 span {
	display : inline-block; padding : 2px 8px;
	font-size : 20px;
	background-color : #008dd8;
}

#opening-hours th, #opening-hours td {
	vertical-align : top; padding : 8px 0;
	font-size : 20px;
	border-bottom : 1px dashed #fff;
}
#opening-hours th { padding-right : 50px; }




/*##################################################|*/
/* #CONTACT# */

#contact-container { width : 600px; margin : 0 auto; }
#contact-container .text { padding : 20px 20px 5px; margin-bottom : 20px; border : 1px dashed #008dd8; border-width : 1px 0; }
#contact-container .address { float : left; width : 270px; padding-left : 20px; margin-right : 20px; font-size : 20px; }
#contact-container .email { float : left; width : 290px; }