/*
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.6;
}

p {
margin-bottom: 	6px;
}

h2 {
margin-bottom: 	10px
}



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

#logo {
position: 		fixed;
left:			80px;
padding-top:	26px;
height:			100px;
width:			850px;
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: 		fixed;
top:			100px;
left:			80px;
margin: 		0px auto;
width:			950px;
background-color:#FFFFFF;
z-index: 		22;
}

#menu-bar input#s, #menu-bar-start input#s {
width: 			100px;
height: 		14px;
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: 		14px;
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: 			950px;
margin-left: 	-475px; /* 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;
}


/********** MAIN CONTENT ************/
#main-content {
position:	relative;
top:			197px;
left: 			211px;
width: 			400px;
z-index: 		1;
}


#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: 			111px;
width:			400px;
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_spez, #video_artwork_fhs_schatz_spez, #video_artwork_fhs_fragenaneinestadt_spez, #video_artwork_fhs_stammtisch_spez, #video_artwork_fhs_primavera_spez, #video_artwork_fhs_stadtdersinne_spez {
position: 		relative;
left: 			111px;
z-index:		1;

}

object  {
position: 		relative;
left: 			111px;
z-index:		1;
}




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

#intro-content {
/*top:			120px;*/
top:			65px;
left: 			20%;
width: 			850px;
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;
}

	
/* ######### 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 ############ */	
#superbgimage {
	display: none;
}
#content {
	position: relative;
	z-index: 3;
}

/* ######### 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 */
	}