/* 	
	Stylescheet for TeaterDeVill.com 
	Made by: Martin BJörkman - Inphy.se
	Version: 1.0
 */


/* - Page main style - */

body {
	margin: 20px;
	background-image: url(../gfx/gfx_bg.gif);
	font-family: "Verdana", Trebuchet MS, Arial, Helvetica, sans-seri;
	font-size: 11px;
	color: #3D3D3D;
}

table, tr, td, th a:visited, a:link, a:hover {
	font-family: "Verdana", Trebuchet MS, Arial, Helvetica, sans-seri;
	font-size: 11px;
}

A:link {
	color: #911917;
	text-decoration: none;
}
A:hover {
	color: #911917;
	text-decoration: underline;
}
A:visited {
	color: #911917;
	text-decoration: none;
}

/* ---------- Page main structure ---------- */

/* - The frame that hold together the entire page. - */

#frame {
	background-color: #FFFFFF;
	padding: 5px;
	width: 900px;
	margin-right: auto; 
	margin-left: auto;
}

/* - The header containing the banner and the main menu. - */

#header {
	height: 175px;
	background-image: url(../gfx/gfx_header_banner.jpg);
	position: relative;
	margin: 0px;
	padding: 0px;
}

	/* - The main menu (the tabs). - */
	
	#header_menu {
		margin: 0px 0px -1px 0px;
		padding: 0px;
		position: absolute;
		bottom: 0;
		left: 20px;
		float: left;
	}
	
	#header_menu ul {margin: 0px; padding: 4px 10px 4px 10px;}
	#header_menu LI {display: inline; margin: 0;} 
		
	#header_menu ul a {float: left; padding: 4px 10px 4px 10px; margin-right: 10px;}
	#header_menu a:link {color: #FFFFFF; background-image: url(../gfx/gfx_menu_bg.gif); text-decoration: none;}
	#header_menu a:visited {color: #FFFFFF; background-image: url(../gfx/gfx_menu_bg.gif); text-decoration: none;}
	#header_menu a:hover {color: #3D3D3D; background-image: url(../gfx/gfx_menu_bg_active.gif); border: 1px s;}
	#header_menu a#current {color: #3D3D3D; background-image: url(../gfx/gfx_menu_bg_active.gif); border-bottom: 1px solid #ffffff;}

/* - The sub menu displaying the sub links of each page. - */

#sub_menu {
	height: 25px;
	background-image: url(../gfx/gfx_sub_menu_bg.gif);
}

	#sub_menu ul {margin: 0px; float: left; padding: 0px;}
	#sub_menu LI {display: inline; margin: 0;} 
		
	#sub_menu ul a {float: left; padding: 5px 10px 5px 10px; margin-right: 5px; color: #F2F2F2;}
	#sub_menu a:link {text-decoration: none;}
	#sub_menu a:visited {text-decoration: none;}
	#sub_menu a:hover {text-decoration: underline;}
	#sub_menu a#current {font-weight: bold;}

/* - The frame that hold together the left and right side of the content - */

#sub_frame {
	clear: both;
}
	
	/* - The frame containing everything for the left side. - */
	
	#left_side {
		float: left;
		width: 220px;
		height: 100%;
	}
		#left_side .topic {
			height: 18px;
			color: #FFFFFF;
			padding: 4px 3px 3px 5px;
			background-image: url(../gfx/gfx_side_topic_bg.gif);
		}
		
		#left_side .play_line {
			padding: 3px;
			border-bottom: 1px solid #d9d9d9;
		}

		#left_side .play {
			padding: 3px;
		}
		
	
	/* - The vertical line. - */
	
	#line {
			float: left;
			width: 7px;
			border-right: 1px solid #cccccc;
			height: 100%;
	}
	
	/* - The frame containing everything for main content of every page. - */
	
	#main {
		float: right;
		width: 670px;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	
		#main .current_play {
			
		}
		
		#main .topic {
			height: 18px;
			color: #FFFFFF;
			padding: 4px 3px 3px 5px;
			background-image: url(../gfx/gfx_side_topic_bg.gif);
		}

		#main .left {
			width: 400px;
			float: left;
			padding: 2px;
		}
		
		#main .right {
			float: right;
			width: 220px;
			padding: 1px 3px 1px 1px;
			text-align: right;
		}
		
		#main .text {
			padding: 0px 2px 5px 2px;
		}
		
		#main .center {
			text-align: center;
			padding: 0px 30px 0px 30px;
		}

		#main p {padding: 4px 0px 4px 0px;}
		
		#main h1 {
			color: #911917;
			font-size: 16px;
			margin-top: 5px;
			margin-bottom: 3px;
		}
		
		#main h2 {
			color: #717171;
			font-size: 11px;
			font-weight: normal;
			margin-top: 2px;
		}

		#main h3 {
			font-size: 14px;
			font-weight: bold;
			margin-top: 2px;
			margin-bottom: 0px;
		}
		
		#main #pdf {list-style-image: url(../gfx/gfx_icon_pdf.gif)}
		#main #pdf ul {margin: 0px; padding: 0px 0px 2px 0px;}
		#main #other ul {margin: 0px; padding: 0px 0px 2px 0px;}
		
		#main .red {
			color: #911917;
			padding-left: 3px;
		}
		
		#main .picture {
			text-align: center;
			font-style: italic;
			padding: 3px;
		}

/* - The footer frame, containing page information. - */

#footer {
	clear: both;
	height: 55px;
	background-image: url(../gfx/gfx_footer_bg.gif);
}

	#footer .left {
		float: left;
		padding: 5px;
		color: #A3A3A3;
	}
		#footer .links {
			margin-top: 2px;
			margin-bottom: 10px;
		}
		
		#footer a {color: #C88800;}
		#footer a:link {text-decoration: none;}
		#footer a:visited {text-decoration: none;}
		#footer a:hover {color: #EEB60B; text-decoration: underline;}
		#footer a#current {font-weight: bold;}

	#footer .right {
		width: 170px;
		height: 50px;
		float: right;
		background-image: url(../gfx/gfx_footer_stage_bg.gif);
	}

	#footer p {
		color: #F2F2F2;
	}

/* - The 5px horizontal space. - */

.space {
	height: 5px;
	width: 100%;
}

.padding {
	padding: 10px;
}

/* ---------- Page content style ---------- */

.clear {
	clear: both;
}

FIELDSET {
	border: 1px solid #999999;
	padding: 3px 5px 5px 5px;
}

LEGEND {
		color: #911917;
		font-weight: bold;
		padding-bottom: 2px;
}

.tblDate {
	width: 30%;
	color: #911917;
}

.tblPlay {
	width: 30%;
	color: #911917;
}

.tblLocation {
	width: 40%;
	color: #911917;
}

#coworker {padding: 10px;}

#coworker td {border-top: 1px solid #cccccc;}

#coworker .tblName {
	width: 35%;
	text-align: left;
	color: #911917;
}

#coworker .tblColor {
	color: #911917;
}

#coworker .tblWork {
	width: 65%;
	text-align: left;
	color: #911917;
}

#calendar td {border-top: 1px solid #cccccc; padding: 2px;}
#calendar th {text-align: left; padding: 2px;}

.quote {
	margin: 0px 10px 0px 10px;
	padding: 2px 10px 2px 10px;
	font-weight: bold;
	font-style: italic;
	border-left: 2px solid #911917;
}

.quoted {
	margin: 0px;
	text-align: right;
	font-weight: normal;
	font-style: italic;
}