html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0
}
body {
	background:url('img/background.gif');
	font-family:Helvetica, Verdana, Serif;
	font-size:14px;
	overflow-y:scroll;
}
#wrapper {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
#content {
	height:100%;
}

/* Header */
#header {
	width:1002px;
	height:150px;
	padding:0px;
	padding-bottom:15px;
}
#header div {
	height:150px;
	background:url("img/gitaar_bg.jpg") no-repeat center;
	position:relative;
	opacity:.80;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

/* Menu */
#menu {
	width:187px;
	line-height:20px;
	padding-right:15px;
}
#menu > div {
	position:relative;
	background-color:#EFBD37;
	border-radius:5px;
	padding-left:20px;
	padding-right:10px;
	font-weight:bold;
	opacity:.95;
	background:url("img/bg4.jpg") repeat;
	height:100%;
}
#menu > div > div {
	padding-top:5px;
	padding-left:25px;
	border:1px solid #EFBD37;
	margin-top:4px;
	background:url('img/menuitem.png') 4px 6px no-repeat;
	height:24px;
	vertical-align:center;
	z-index:5;
	color:#220;
}
#menu > div > div:hover {
	color:#000;
	background:url('img/menuitemhover.png') 4px 6px no-repeat;
	background-color:#F2CB62;
	border:1px solid #F2CB62;
	cursor:pointer;
	border-radius:5px;
	box-shadow: 1px 1px 4px #444444;
	progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#444444');
	-moz-box-shadow: 1px 1px 4px #444444;
	-webkit-box-shadow: 1px 1px 4px #444444;
}
#menu > div > div:active {
	border:1px solid #000;
}

/* Main */
#main {
	width:800px;
	margin-left:10px;
}
#main > div {
	position:relative;
	width:790px;
	background-color:#EEC;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	border-radius:5px;
	font-size:14px;
	line-height:19px;
	height:100%;
}
#main > div > div {
	position:relative;
	z-index:1;
	padding-left:0px;
	padding-right:10px;
	padding-top:10px;
}
#main > div > div img {
	border-radius:5px;
}
#mainTitle {
	width:100%;
	border:0px;
	font-weight:bold;
	padding:3px;
	padding-right:0px;
}
#mainTitle tr:nth-child(1) td:nth-child(1) {
	padding-top:3px;
}
#mainTitle tr:nth-child(2) td:nth-child(2) {
	display:run-in;
	overflow:visible;
	width:550px;
	border-bottom:1px dotted #000;
}
#mainTitle tr:nth-child(2) td, #mainTitle tr:nth-child(2) {
	height:1px;
	line-height:3px;
}
#mainbg {
	position:absolute !important;
	bottom:0px;
	right:0px;
	z-index:2;
	min-height:100px !important;
	width:100px !important;
	height:100px !important;
	padding:12px !important;
	opacity:.40;
}
#mainbg > img {
	height:100px;
	width:100px;
}

/* Footer */
#footer {
	height:40px;
	vertical-align:bottom;
}
#footer div {
	padding-top:2px;
	height:20px;
	background-color:#E1A73D;
	color:#444;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:13px;
}
#footer a {
	font-family:Helvetica, Verdana, Serif;
	color:#444 !important;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

/* Social */
#social {
	position:fixed;
	right:30px;
	bottom:39px;
	padding:5px;
	border-radius:5px;
	background-color:#EEEECC;
	box-shadow: 3px 3px 4px #444444;
	progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
	-moz-box-shadow: 3px 3px 4px #444444;
	-webkit-box-shadow: 3px 3px 4px #444444;
	opacity:.55;
}
#social:hover {
	opacity:.90;
}
#social a {
	border:0px;
}
#social img {
	border-radius:5px;
	padding:3px;
	width:32px;
	height:32px;
	border:0px solid #000;
}
#social img:hover {
	cursor:pointer;			
	box-shadow: 1px 1px 4px #444444;
	progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#444444');
	-moz-box-shadow: 1px 1px 4px #444444;
	-webkit-box-shadow: 1px 1px 4px #444444;
}

/* Borders */
#menu > div, #main > div, #header > div, #footer > div {
	border:1px solid #000;
	progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
	box-shadow: 3px 3px 4px #444;
	-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
}
#menu > div, #main > div {
	border-bottom:1px solid #444;
	border-right:1px solid #444;
}
#header > div {
	border-top:0px;
	border-right:1px solid #444;
	border-bottom:1px solid #444;
}
#footer > div {
	border-bottom:0px;
	border-right:1px solid #444;
}

/* Fotoalbums */
#albumwrapper a {
	color: #000;
	text-decoration: none;
}
#albumwrapper a:hover  {
	text-decoration: underline;
}
#albumwrapper > table {
	width:100%;
	height:140px;
	border:1px solid #E6AC13;
	border-radius:5px;
	background-color:#EED986;
}
#albumwrapper > table:hover {
	background-color:#F0DE90;
	border:1px solid #E1A913;
	cursor:pointer;
}
#albumwrapper > table:active {
	background-color:#F1E09A !important;
}
#albumwrapper > table:hover a {
	text-decoration: underline;
}
.albumThumb, .albumTitle, .albumDesc {
	padding:3px;

}
.albumThumb {
	width:105px;
	border:1px solid #F0DE90;
	border-right:0px;
	border-radius:5px 0px 0px 5px;
	vertical-align:center;
	text-align:center;
	opcacity:.75;
}
.albumThumb img {
	border:0px;
	width:80px;
	border-radius: 5px;
}
.albumItem {
	border-left:0px;
}

/* Photolist */
#photolist {
	text-align:center;
}
#photolist img {
	opacity: .90;
	box-shadow: 1px 1px 4px #EEEECC;
	progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#EEEECC');
	-moz-box-shadow: 1px 1px 4px #EEEECC;
	-webkit-box-shadow: 1px 1px 4px #EEEECC;
}
#photolist img:hover {
	opacity: 1;
	box-shadow: 1px 1px 4px #E1A73D;
	progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#E1A73D');
	-moz-box-shadow: 1px 1px 4px #E1A73D;
	-webkit-box-shadow: 1px 1px 4px #E1A73D;
}
.photoThumb {
	cursor:pointer;
	display:inline;
}
