/*
Theme Name: StadtalsBuehne Theme 
Theme URI: http://www.stadt-als-buehne.ch
Description: A minimalistic theme with Photo-Plugin based on Starkers Theme
Version: 1
Author: Francis Hunger
Author URI: http://www.design-hunger.com
Tags: minimal, clean, basic
*/

/* colors 
#565955
#666666
#EAE7DF Menue Hover

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Utility */
.floatLeft     {float:left;}
.floatRight    {float:right;}
.clear         {clear:both;}





/* STRUCTURE */
#page-wrap {
width: 100%; 
margin: 0px auto; 
min-height: 100%; height:auto !important; /* for ie6 */
height: 100%;

}

/* TYPO */
body {
font-family: 	Georgia, Times New Roman, Times, Times NewRoman,serif;
font-size:		15px;
line-height: 	1.4;

}

p {
margin-bottom: 	6px;
}

h2 {
margin-bottom: 	10px
}



/********** LOGO ************/

#logo {
position: 		relative;
padding-top:	26px;
height:			100px;
width:			800px;
background:		#FFFFFF;


z-index:		20;
}

#logo h1 {
text-decoration:none;
font-weight:	bold;
font-style:		normal;
color:			#000000;
font-size: 		36px;
line-height:	1.15em;
}


#logo h2 {
text-decoration:none;
font-weight:	normal;
font-style:		normal;
color:			#595953;
font-size: 		15px;
letter-spacing: 0.05em;
}

/************* HEADER ****************/


/* normal menu bar */
#menu-bar {
position: 		relative;
margin: 		0px auto;
width:			900px;
background-color:#FFFFFF;

z-index: 		22;

}

#menu-bar input#s, #menu-bar-start input#s {
width: 			100px;
height: 		12px;
margin: 		3px;

font-family: 	Georgia, Times New Roman, Times, Times NewRoman,serif;
font-weight:	bold;

border-color:	#E5E5E5;
border-style:	solid;
border-bottom-width:thin;
border: 		thin solid #E1E1E1;
background:		#FBFBFB;
}

#menu-bar input#searchsubmit, #menu-bar-start input#searchsubmit {
height: 		12px;
margin: 		4px;
margin-right:	12px;
}
	
input#searchsubmit:hover  {
filter:alpha(opacity=50); 	/* css standard */
	-moz-opacity:0.5;		/* old netscape browsers */
	-khtml-opacity: 0.5;	/* safari/ webkit */
	opacity: 0.5;			/* IE */
	}

/*start page menu bar */
#menu-bar-start {
position:		relative;
top: 			20px;

left: 			50%; /* center positioning */
width: 			900px;
margin-left: 	-450px; /* center positioning */

filter:alpha(opacity=95); 	/* css standard */
	-moz-opacity:0.95;		/* old netscape browsers */
	-khtml-opacity: 0.95;	/* safari/ webkit */
	opacity: 0.95;			/* IE */
	
z-index: 		22;
/* visibility:		hidden; */
}



/********** MAIN CONTENT ************/
#main-content {
position:	relative;
left:			100px;
margin-top:		40px;
width: 			500px;
z-index: 		0;
}


#main-content h2 {
color: 			#565955;
text-transform:	uppercase;
text-decoration:none;
font-weight:	bold;
font-size:		0.9em;

border-top:		1px solid #999999;
border-bottom:	1px solid #999999;
margin-bottom:	20px;
}

#main-content h2 a{
color: 			#565955;
text-decoration:none;
}

#main-content a {
text-decoration:underline;
color:			#565955;
}

#main-content a:hover {
text-decoration:none;
color:			#999999
}


/* Allgemeine bilder */
#main-content img.size-full {
position: 		relative;
left: 			151px;
width:			500px;
border:			none;
height:			auto;
}

/* Pass-Bilder auf Personen Seiten */
#main-content img.size-small {
width:			100px;
border:			none;
height:			auto;
margin-right:	20px;
float: left;
}

.line {
border-top:		1px solid #999999;
}

#video_artwork_fhs_thurgauerstrasse33 {
width:			400px;
height:			auto;
}

/********** INTRO CONTENT ************/

#intro-content {
/*top:			120px;*/
top:			65px;
left: 			20%;
width: 			800px;
z-index: 		10;
}

/* Stadt als Buehne */
#intro-content h1 a{
text-decoration:none;
font-weight:	bold;
color:			#000000;
font-size: 		36px;
line-height:	36px;
}

/* Mark Riklin und Selina Ingold */
#intro-content h2 a{
text-transform:	uppercase;
text-decoration:none;
font-weight:	normal;
font-style:		normal;
color:			#565955;
font-size: 		13px;
line-height:	13px;
letter-spacing: 0.05em;
}

/* Eingriffe Stadtkoerper */
#intro-content h3 a{
text-decoration:none;
font-weight:	normal;
font-style:		normal;
color:			#565955;
font-size: 		36px;
line-height:	42px;
}

#intro-content p a{
text-decoration:none;
font-weight:	normal;
font-style:		normal;
color:			#565955;
font-size: 		15px;
}


#intro-content a:hover {
text-decoration:none;
color:			#999999;
}

/********** START PAGE ************/
#bg, #bg table, #bg td {
height:			100%;
width:			100%;
overflow:		hidden;
/*rule applies also for html and body - but this rule is included inline in the respective files, otherwise it will disturb all toher bodies and htmlies */}


#bg {
position: 		fixed;
}

#bg div {
height:			200%;
left:			-50%;
position:		absolute;
top:			-50%;
width:			200%;
}

#bg td {
text-align:		center;
vertical-align:	middle;
}

#bg img {
margin:			0 auto;
min-height:		50%;
min-width:		50%;
}

/********** SUPER BIG IMAGE ************/
/*#superbgimage {
display: none;
}	
	
/* ######### Contact Form ############ */
.wpcf7-form input{
font-weight:	bold;
font-family: 	Georgia, Times New Roman, Times, Times NewRoman,serif;
font-size:		15px;
line-height: 	1;
width:			396px;
}
.wpcf7-form textarea {
font-weight:	bold;
font-family: 	Georgia, Times New Roman, Times, Times NewRoman,serif;
font-size:		15px;
line-height: 	1;
width:			400px;
}

.wpcf7-form input.submit {
border-color:	#E1E1E1;
border-style:	solid;
border-bottom-width:thin;
border: 		thin solid #E1E1E1;
color:			#000000;
padding: 		2px 2px 2px 2px;
font-size:		13px;
width:			100px;
	}
	
.wpcf7-form input.submit:hover  {
background-color:#FFFFFF;
	}	
	
	
	
/* ######### Image Gallery ############ */	

.gallery {
	/* Style rules for the entire gallery */
position: 		relative;
left: 			111px;
width:			400px;
border:			none;
height:			auto;
background:		#EAE7DF;
	}
	
.gallery-item {
	/* Style rules for each item (image and caption) in the gallery */
	}
.gallery-icon {
	text-align:left;
	height: 50px;
	width: auto;
	margin:5px 5px 5px 5px;
	}
.gallery-caption {
	/* Style rules for captions within the gallery */
	}