/* ==  2006 Fluxility Design == */

	/**************************************************\
	|     Stylesheet                                   |
	|     Fluxility                                    |
	|     File Manager: Kilian Valkhof                 |
	|     Startdate: 01-04-2006	       		           |
	\**************************************************/

/* *************************** 
   GLOBAL RESET SETTINGS
   ***************************/
* {margin:0;padding:0;border:none;}
.hidden {display:none;visibility:hidden;}
/* *************************** 
   PAGE SETTINGS
   ***************************/
html {
	height:100%;
	background:#FFF url("../images/bgright.png") no-repeat top right;
	width:100%;
}
body {
	height:100%;
	background:url("../images/bgleft.png") no-repeat top left;

	font-family:"Trebuchet MS", Georgia, Times, serif;
	font-size:12px;
	color:#333;
}
textarea {font-family:"Trebuchet MS", Georgia, Times, serif;}
/* *************************** 
   HEADER SETTINGS
   ***************************/
#header {
	position:relative;
	height:76px;
	width:100%;
	background:url("../images/title.png") no-repeat top center;
}
#menu {
	position:relative;
	background:url("../images/menubg.png") repeat-x 0 50px;
	height:33px;
	width:100%;
	padding-top:50px;
}
#admin #menu,
#admin2 #menu,
#student-admin #menu {background:url("../images/adminmenubg.png") repeat-x 0 50px;}

/* *************************** 
   MENU SETTINGS
   ***************************/
	#navigation {
		position:absolute;
		top:50px;
		left:50%;
		margin-left:-235px;
	}	
	#admin #navigation {
		width:670px;
		margin-left:-323px;
	}
	#admin2 #navigation {
		width:342px;
		margin-left:-171px;
	}
	#student-admin #navigation {
		width:376px;
		margin-left:-188px;
	}
	#navigation li {display:inline;list-style-type:none;}
	#navigation li a {
		display:block;
		float:left;
		height:16px;
		width:auto;
		padding:5px 20px;
	
		text-align:center;
		text-decoration:none;
		color:#333;
		font-size:14px;
		font-weight:bold;
	}
	#navigation li a:hover, 
	#navigation li a#active {
		background:url(../images/nav-hover.png) repeat-x 0 0;
	}
#admin #navigation li a#active,
#admin #navigation li a:hover,
#admin2 #navigation li a#active,
#admin2 #navigation li a:hover,
#student-admin #navigation li a#active,
#student-admin #navigation li a:hover {background:url(../images/adminnav-hover.png) repeat-x 0 0;}
/* *************************** 
   MAIN CONTENT
   ***************************/	
#content {
	position:relative;
	width:650px;
	min-height:460px;
	margin:auto;
	border:1px solid #d1d1d1;
	border-top:0;
	background:#F5FFF6 url(../images/contentbg.png) repeat-x left bottom;
	padding-bottom:16px;
}
#pagefooter {
	position:relative;
	margin:auto;
	height:50px;
	width:650px;
	font-size:10px;
	text-align:center;
	padding:0;
	}
#pagefooter .logo {margin:0;padding:0;}
#pagefooter .logo a {margin:0;padding:0;}
#pagefooter .logo img {margin:0;padding:0;}
#minheight {
	position:relative;
	float:right;
	clear:none;
	height:460px;
	width:1px;
}
#shadow {
	position:relative;
	width:100%;
	height:9px;
	background:url(../images/contentshadow.png) repeat-x 0 0;
}
#leftcorner {
	position:absolute;
	width:7px;height:7px;
	left:-1px;
	bottom:-1px;
	background:url(../images/leftcorner.png) no-repeat 0 0;
}
.polaroid {float:right;padding:0 15px 15px 15px;}
/* *************************** 
   CONTENT FIRST PAGE SETTINGS
   ***************************/	
#home #content {
	position:relative;
	width:650px;
	min-height:465px;
	margin:auto;
	padding-bottom:16px;
	background:none;
	border:0;
}
#home #minheight{ height:465px; }
#home #content #right {
	position:relative;
	float:right;
	background:url("../images/rightbg2.png") no-repeat 0 0; 
	width:157px;
	height:475px;
	overflow:hidden;
	text-align:right;
}
#right .bottom {position:absolute;left:0;top:265px;}

#home #content #left {
	position:relative;
	float:left;
	width:450px;
	border:1px solid #d1d1d1;
	border-top:0;
	background:#F5FFF6 url(../images/contentbg.png) repeat-x left bottom;
}
   
/* *************************** 
   TEXT SETTINGS
   ***************************/	
p {	padding:5px 10px;}

h1 {font-size:20px;
	font-weight:bold;
	padding:0 10px;
}

h2 {
	font-size:18px;
	font-weight:bold;
	padding:0 10px;
}

h3 {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	padding:0 10px;
}
#content li {margin-left:25px;padding:5px 0;}
#right li {padding:0; }
#right ol {text-align:left;}
a {color: #060;}
a:hover {text-decoration: none;}

.fluxTable {
	background-image: url(../images/headers/__start.gif);
	background-repeat: no-repeat;
	background-position: -12px 0px;
	border-collapse: collapse;
	margin: auto;
	padding:0;
}
.fluxTable th {
	border:0;
	border-bottom: 1px solid #090;
}
.fluxTable img {
	border-collapse: collapse;
	margin: auto;
	padding: 0;
	margin: 0;
}		
.fluxTable .tabheader{
	position: relative;
	height: 75px;
	width: 1px;
	float: right;
	margin-bottom: 0px;
}
* html .fluxTable .tabheader img{ right: -21px; }
.fluxTable .tabheader img{
	position: absolute;
	right: -20px;
}
.fluxTable td{
	border: 1px solid #090;
	padding:2px;
}

tr.sep td {
	border-bottom: 1px solid #090;
}

table.siw_properties {
	width: 100%;
}


/* Photobook[frontend] */
	#thumbs,
	#thumbs2 {
		position:relative;
		width:600px;
		margin:auto;
		text-align:center;
		}
	#thumbs img {padding:5px;}
	#thumbs a {text-decoration:none;}
	#footernav {
	position:relative;
	margin:auto;
	width:300px;
	text-align:center;
	padding-right:30px;
	}
	#footernav a {margin-left:15px;}

	#photo {
		width:450px;
		position:relative;
		margin:auto;
		}
	#photoinfo {
		width:450px;
		position:relative;
		margin:auto;
		text-align:center;
	}
	.author {font-size:90%;}
	
	.this-one {opacity:0.5;filter:alpha(opacity=50);}
#thumbs2 a {
	position:relative;
	width:100px;
	height:100px;
	text-decoration:none;
	padding:5px;
}
#thumbs2 a span {opacity:0.5;}
#thumbs2 a:hover span {
	opacity:1;
}

#thumbs2 a span {
	position:absolute;
	display:block;
	bottom:10px;
	left:5px;
	width:100px;
	height:20px;
	text-align:center;
	background:#090;
	color:#fff;
	cursor:pointer;
}
/* Search SIW */
	table.iw-search {
		border-collapse:collapse;
		margin-left:15px;
		}
	table.iw-search td {
		border:1px solid #009900;
		width:205px;
		padding-top:5px;
		height:20px;
		text-align:center;
		}
	table.iw-search tr:hover {background: #66FF99;}
	table.iw-search tr:hover td:first-child {background: #66EE99;}
	table.iw-search thead tr:hover {background:none;}
	table.iw-search td a {
		display:block;
		width:205px;
		height:25px;
		margin-top:-5px;
		padding-top:5px;
		text-decoration:none;
	}
	table.iw-search td a:hover {background:#66CC99;}

/* Search IW - Info */

	#iwinfo {
		position:relative;
		width:100%;
		height:300px;
		margin-top:5px;
		padding-top:15px;
		border-bottom:1px solid #009900;
		}
	#iwinfo p span {
		border-bottom:1px solid #009900;
		position:absolute;
		left:15px;
		padding-left:150px;
		width:200px;
		font-weight:normal;
		}
	#iwinfo p {
		margin-top:10px;
		margin-left:5px;
		font-weight:bold;
	}
	#iwinfo img {float:right;margin:55px;}
	
	#iwphotos {
		position:relative;
		width:100%;
		height:220px;
		text-align:center;
		font-weight:bold;
		border-bottom:1px solid #009900;
	}
	#iwabout {
		position:relative;
		width:100%;
		border-bottom:1px solid #009900;
	}
	#iwphotos img {margin-left:10px;;margin-right:10px;}
	#iwprogram {
		position:relative;
		width:100%;
	}
	
	#iwreactions p {text-align:right;}
	
	#iwprogram ul {
		position:relative;
		display:block;
		width:400px;
		margin:auto;
		margin-top:15px;
	}
	#iwprogram ul li {
		list-style-type:none;
		position:relative;
		display:block;
		width:390px;
		border:1px solid #009900;
		border-top:none;
		padding:5px;
	}
	#iwprogram ul li.date {
		text-align:center;
		padding:0;
		padding-right:200px;
		padding-top:5px;
		height:20px;
		position:relative;
		display:block;
		width:200px;
		list-style-type:none;
		border:1px solid #009900;
		font-weight:bold;
	}
	#iwprogram ul li.date span{
		position:absolute;
		top:0;
		height:20px;
		padding-top:5px;
		right:0;
		width:190px;
		border-left:1px solid #009900;
		font-weight:normal;
		
	}
/* *************************** 
   FORM SETTINGS
   ***************************/
input, 
select,
textarea {
	border:1px solid #090;
	padding:3px;
	background:#fff;
	margin:2px;
}
textarea {
	width:450px;
	height:100px;
	}
input.button {
	width:80px;
	margin-top:10px;
	border-top:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
}
input.button:active {
	border-top:1px solid #090;
	border-left:1px solid #090;
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}
#loginform {
	position:relative;
	width:300px;
	text-align:center;
	margin:auto;
	}
/* SIW PHotobook */
.photo-link {
	position:relative;
	float:left;
	width:200px;
	height:150px;
	text-align:center;
	}
#photo-link-group {
	position:relative;
	width:600px;
	margin:auto;
	}
.photo-clear {
	clear:both;
	}

div.photo-link a {text-decoration:none;}

.reaction {
	width:100%;
	position:relative;
	border-top:1px solid #090;
	height:200px;
	clear:both;
	overflow:auto;
}
.re-a img {float:left;padding:10px;}
.re-b img {float:right;padding:10px;}
	
#footernav {
	position:relative;
	margin:auto;
	width:300px;
	text-align:center;
	padding-right:30px;
	clear:both;
}
#footernav a {margin-left:15px;}


/* *************************** 
   AD SETTINGS
   ***************************/	

.siw-h-a {
	margin-left:15px;
	margin-top:21px;
	text-align:center;
	}
.siw-s-a {
	position:relative;
	width:468px;
	margin:auto;
	margin-top:20px;
} 
.siw-s-b {
		position:relative;
		width:100%;
		border-bottom:1px solid #009900;
		text-align:center;
		padding-top:5px;
	}