/*
*	StyleSheet for i-love-u.ch
*	Michel Pfirter 25.01.2005
*/


/*
*	GENERAL & LAYOUT
*/

body {
//	background-color: #EBEBEB;
//	background-image: url(background2_68.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*
#topBanner {
	background-color: #55739f;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	margin:0px;
	padding:0px;
	height: 32px;
	border-bottom:2px solid black;
}

#botBanner {
	background-color: #55739f;
	position:absolute;
	bottom:0px;
	left:0px;	
	width:100%;
	height: 32px;
	margin:0px;
	padding:0px;
	border-top:2px solid black;
}
*/
#wrapper {
	width:784px;
	height:444px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-225px;  /* theorethisch muesste das mit der mittelwert sein - keine ahnung wieso plus 3px*/
	margin-left:-390px;
}

/* IE on Win hack \*/
* html #wrapper {
	width:790px;
	height:444px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-390px;
	margin-top: -225px; /* theorethisch muesste das mit der mittelwert sein - keine ahnung wieso plus 3px*/
}
/* IE on Win hack end */

/*#head {
	background-color:#000000;
	background-image: url(head.png);
	background-repeat: no-repeat;
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
	height:40px;
	vertical-align:middle;
	margin-bottom:8px;
}
*/
#sideBarLeft {
	width:180px;
	background-color:transparent;
	float:left;
	margin-right:8px;
}


/*
*	NAVIGATION & SIDEBARS
*/
div#sideBarLeft ul {
	background-color: #FCFCFC;
	border: 2px solid black;
	margin:0px;
	padding-left:16px;
	padding-right:16px;
	padding-top:16px;
	padding-bottom:0px;
	list-style: none;
	margin-bottom:8px;
}

div#sideBarLeft ul li {
	padding-bottom:16px;
	letter-spacing:1px;
}


div#sideBarLeft ul li a:link{color:#000;font-size: 12px;font-weight: bold;text-decoration:none;}
div#sideBarLeft ul li a:visited{color:#000;font-size: 12px;font-weight: bold;text-decoration:none;}
div#sideBarLeft ul li a:hover{color:#1A84BA;font-size: 12px;font-weight: bold;text-decoration:none;}
div#sideBarLeft ul li a:active{color:#1A84BA;font-size: 12px;font-weight: bold;text-decoration:none;}

div#sideBarLeft ul li a#act:link{color:#1A84BA;font-size: 12px;font-weight: bold;text-decoration:none;}
div#sideBarLeft ul li a#act:visited{color:#1A84BA;font-size: 12px;font-weight: bold;text-decoration:none;}
div#sideBarLeft ul li a#act:hover{color:#1A84BA;font-size: 12px;font-weight: bold;text-decoration:none;}
div#sideBarLeft ul li a#act:active{color:#1A84BA;font-size: 12px;font-weight: bold;text-decoration:none;}

#mainBox {
	background-color:#FCFCFC;
	width:368px;
	height:368px;
	float:left;
	border:2px solid black;
	padding:16px;
	padding-top:16px;
	overflow:auto;
}

#artBox {
	background-color:#FCFCFC;
	width:400px;
	height:400px;
	float:left;
	border:2px solid black;
	/*padding:16px;
	padding-top:16px;*/
	overflow: hidden;
}

#artBox img {
	border:0;
}

#coverSmall {
	dispaly:block;
	float:left;
	margin: 24px 0 0 0;
}

#coverSmall img {
	width: 160px;
	height: 160px;
}

#archiveCover {
	width: 64px;
	height: 64px;
	float:left;
	margin: 0 12px 0 0;
	border:1px solid black;
}

p.archiveElement {
	margin:24px 0 24px 0;
	height:68px;
}

.list {
	overflow:auto;
	height:200px;
}

.stay {
	position: fixed;
}

#sideBarRight {
	width:180px;
	background-color: transparent;
	float:right;
	margin-left:8px;
}

#sideBarRight div {
	background-color: #FCFCFC;
	border: 2px solid black;
	margin:0px;
	padding:16px;
}

#sideBarRight div#slider {
	height: 176px;
	margin-bottom: 8px;
	padding: 0px;
	vertical-align:bottom;
}

#sideBarRight div#slider img {
	border:none;
}
/* IE on Win hack \*/
* html #sideBarRight div#slider img {
	height: 174px;
}
/* IE on Win hack end */

#sideBarRight div#meta {
	height: 144px;
	margin-bottom: 8px;
	padding: 16px;
	/*padding-bottom:12px;*/
	vertical-align:bottom;
}
/* IE on Win hack \*/
* html #sideBarRight div#meta {
	width:153px;
}
/* IE on Win hack end */

/* IE on Win hack \*/
* html #sideBarRight div#meta img {
	height: 142px;
}
/* IE on Win hack end */

#sideBarRight div#login {
	height: 180px;
}
/* IE on Win hack \*/
* html #sideBarRight div#login {
	width:153px;
}
/* IE on Win hack end */

#sideBarRight div#login ul{
	background-color: #FCFCFC;
	margin:0px;
	padding:0px;
	list-style: none;
	margin-bottom:8px;
}

#sideBarRight div#login ul li {
	padding-bottom:4px;
}
/* IE on Win hack \*/
* html #sideBarRight div#login ul li {
	padding-bottom:0px;
}
/* IE on Win hack end */

#sideBarRight div#login ul li a {
	letter-spacing:1px;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
}

#sideBarRight div#login ul li a:link{color:#000;}
#sideBarRight div#login ul li a:visited{color:#000;}
#sideBarRight div#login ul li a:hover{color:#1A84BA;}
#sideBarRight div#login ul li a:active{color:#1A84BA;}

#sideBarRight div#login ul li a#actSub:link{color:#1A84BA;}
#sideBarRight div#login ul li a#actSub:visited{color:#1A84BA;}
#sideBarRight div#login ul li a#actSub:hover{color:#1A84BA;}
#sideBarRight div#login ul li a#actSub:active{color:#1A84BA;}


/*
*	TEXT AND MISC STYLING
*/

a:link{color:#000; text-decoration: underline;}
a:visited{color:#000; text-decoration: underline;}
a:hover{color:#1A84BA; text-decoration: underline;}
a:active{color:#1A84BA; text-decoration: underline;}

h1, h2, h3, h4, h5 {
	color: #1A84BA;
	font-weight: bold;
	margin:0px;
	padding:0px;
}

h2 {
	font-size: 12px;
	margin-bottom:24px;
}

#loginTitel {
	margin-bottom:8px;
}
/* IE on Win hack \*/
* html #sideBarRight div#login form {
	margin:0px;
	margin-bottom:10px;
}
/* IE on Win hack end */

#sideBarRight div#meta h3#artType{
	margin:0px;
	margin-bottom:12px;
}

#sideBarRight div#meta h3#artInfo{
	margin:0px;
	margin-bottom:6px;
	margin-top:12px;
}

h3 {
	font-size: 10px;
	margin-top:24px;
	margin-bottom:4px;
}


p {
	margin: 0px;
	margin-bottom:4px;
}

#license {
	/*margin-top:24px;*/
	vertical-align:middle;
	margin-right:24px;
}

#thisTheme {
	font-weight: bold;
	margin-top:16px;
	display:block;
}

#theme {
	margin-top:0px;
	font-size: 14px;
	margin-bottom:16px;
}

.errorMsg {
	margin-top:4px;
}

th {
	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 10px;
	text-align: left;
	padding-right:4px;
}

.thArtist {
	/*padding-top:4px;*/
}

#fastSelect {
	margin:0 0 0 0px;
	padding:0;
	/*height:12px;*/
	width:43px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}
#fastSelect option {
	margin:0;
	padding:0;
	/*width:100px;*/
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.nonActiveLink {
	color:silver;
}
