/* (c) franzose 2008 */

/* common settings */

html, body {
	margin: 0;
	padding: 0;
	}

body {
	font: 10.5pt/1.5em Verdana;
	color: #000;
	background: url(../img/flying_v4.jpg) -1px 100% no-repeat fixed;
}

/* all other settings */

/* HEADER */
#header {
	margin-top: -24px;
	padding: 5px 0 5px 0;
	background-color: #f3f3f3;
	background: url(../img/header_bg.jpg) repeat-x;
	border: 1px solid #cdcdcd;
	border-bottom: 1px solid #e0e0e0;
}

	#header h1 {
		font-size: 20pt;
		color: #9f9f9f;
		font-weight: normal;
		text-indent: 30px;
		margin: 5px 0 3px 8px;
		padding: 0;
	}
	
	#header h5 {
		font-size: 10pt;
		color: #8f8f8f;
		font-weight: normal;
		text-indent: 30px;
		margin: 0 0 0 9px;
		padding: 0;
	}


/* SIDEBAR */
	
#left-sidebar {
	position: relative;
	float: left;
	margin: 5px 0 0 0;
	width: 300px;
	height: 320px;
	background: url(../img/flying_v_nose2c.jpg) -1px 50% no-repeat;
}
	
	
	#left-sidebar div#index {
		position: absolute; 
		top: 14px; 
		left: 40px;
	}
		
	#left-sidebar div#userinfo {
		position: absolute; 
		top: 43px; 
		left: 137px;
	}
	
	/*#left-sidebar div#userinfo {
		position: absolute; 
		top: 14px; 
		left: 40px;
	}*/
	
	/*#left-sidebar div#portfolio {
		position: absolute; 
		top: 43px; 
		left: 137px;
	}*/
	
	#left-sidebar div#music {
		position: absolute; 
		top: 82px; 
		left: 199px;
	}
	
	/*#left-sidebar div#index {
		position: absolute; 
		top: 152px; 
		left: 230px; 
	}*/
	
	/*#left-sidebar div#photo {
		position: absolute; 
		top: 238px; 
		left: 180px; 
	}*/
	
	#left-sidebar div#language {
		position: absolute; 
		top: 238px; 
		left: 180px; 
	}
	
	#left-sidebar div#contact {		
		position: absolute; 
		top: 269px; 
		left: 113px; 
		
		/*position: absolute; 
		top: 287px; 
		left: 40px;*/
	}
	
	/* left sidebar links */
	#left-sidebar div a {
		color: #000 !important;
		font-size: 11pt;
		text-decoration: none;
		background-color: transparent !important;
		border-bottom: 1px dotted #e0e0e0;
	}

	#left-sidebar div a:hover {
		color: #fff !important;
		background-color: #000 !important;
	}
	
		#left-sidebar div a span {
			font-weight: bold;
			background-color: #eee;
		}
		
		#left-sidebar div a:hover span {
			background-color: #000;
		}

	
/* CONTENT */
#content {
	position: relative;
	width: 550px;
	margin: 80px 0 0 370px;
	padding: 0 30px 1.5em 30px;
}
	
	/* headers */
	#content h1 {
		font-size: 17pt;
		font-weight: normal;
		width: 555px;
		margin: 0 0 1.5em -30px;
		padding: 1px 0 0 30px;
		background-color: #f3f3f3;
		background: url(../img/header_bg.jpg) 0 -30px repeat-x;
		border-bottom: 2px solid #e7e7e7;
	}

	#content h2 {
		font-size: 14pt;
		font-weight: normal;
		margin: 1.5em 0;
	}

	#content h3 {
		font-size: 13pt;
		font-weight: normal;
	}
	
	/* paragraphs */
	#content p {
		text-align: justify;
	}
		
		#content p span {
			background-color: #dadada;
		}
	
	/* links */
	#content a {
		color: #000;
		text-decoration: none;
		border-bottom: 1px dotted #000;
    	margin: 0;
	}

	#content a:hover {
		color: #fff !important;
		background-color: #000 !important;
	}
	
	/* lists */
	#content ul.error li span {
		color: #fff;
		background-color: #000;
	}
	
	#content ol.list-inside {
		list-style-position: inside;
	}
	
		#content ol.list-inside span {
			background-color: #dadada;
	}
	
	/* blocks */
	#content div {
		margin-left: 30px;
	}

		
	#content div.albums-block {
	   margin-top: 80px;
	}
	
	#content div.portfolio {
	}
	
	#content div.portfolio dl {
		margin: 0 0 0 20px;
		padding: 0;
	}

		#content div.portfolio dl dt {
			margin: 3em 0 0 10px;
			padding: 0;
		}

			#content div.portfolio dl dd {
				font-size: 8pt;
				margin: 0 0 0 10px;
				padding: 0;
			}
			
				#content div.portfolio dl dd p {
					line-height: 1.5em;
				}
				
				div.portfolio dl dd.link a {
					font-weight: bold;
				}

			#content div.portfolio dl dd.item-info {
				width: 370px;
				border-top: 1px #aaa dashed;
				border-bottom: 1px #aaa dashed;
				/*display: none;*/
			}

				#content div.portfolio dl dd ul {
					padding: 10px;
				}

					#content div.portfolio dl dd ul ul {
						padding: 0 0 2em 30px;
					}	

	
	/* tables */
	#content table {
	}

		#content table caption {
			font-size: 10pt;
			font-weight: bold;
		}
	
	#content table#userinfo {
		margin: 0;
	}

		#content table#userinfo td {
    		padding: 0;
		}

			#content table#userinfo td ul {
				padding-left: 9px;
			}
	
	/* music -> links for parts */		
	#content table.art-index-links {
		margin-top: 1.5em;
	}

		#content table.art-index-links td.link {
   			width: 120px;
		}

		#content table.art-index-links td.img {
   			width: 260px;
		}
	
	/* music -> albums */
	#content table.albums-info {
		font-size: 8pt;	
		border: 1px dashed #eaeaea;
		background-color: #f2f2f2;
		margin: 0 30px 1.5em 0;
	}

		#content table.albums-info tr:hover {
			background-color: #dadada;
		}

			#content table.albums-info tr td.theme {
				width: 140px;
			}

			#content table.albums-info tr td.time {
				width: 50px;
			}

	
	#content table.lang-pages {
		margin: 1.5em auto 3em 0;
		width: auto;
	}
	
		#content table.lang-pages tr td {
			text-align: center;
			padding: 15px;
			background-color: #fafafa;
			border: 1px solid #dadada;
			width: auto;
		}
		
			#content table.lang-pages tr td span {
				color: #000;
				background-color: #dadada;	
			}
		
		#content table.lang-pages tr.captions td {
			padding: 3px 15px;
			margin: 0;
			background-color: #eaeaea;
		}
		
		#content table.lang-pages tr.spacer td {
			padding: 3px 15px;
			margin: 0;
			background-color: #fff;
			border: 0;
		}
		
		#content table.lang-pages tr td.example {
			font-size: 13pt;
		}
			
	/* img */
	#content img {
		border: 1px solid #ccc;
	}
	
	/* forms */
	#content form.send {
		margin: 2em 0 0 0;
	}

		#content form input, 
		#content form select, 
		#content form textarea {
			font: 9pt/1.5em Georgia;
			border: 1px solid #ccc;
		}

		#content form input,
		#content form select {
			width: 150px;
		}

		#content form input:hover, 
		#content form select:hover, 
		#content form textarea:hover,
		#content form input#submit:hover {
			background-color: #eee;
		}

		#content form input#submit {
			background-color: #fff;
		}
		
	#content hr {
		color: #ccc;
	}


/* FOOTER */	
#footer {
		font-size: 8pt;
		color: #9f9f9f;
	position: absolute;
	top: 81%;
	left: 0;
	width: 370px;
	height: 156px;
	border: 1px solid;
}

	#footer p {
		margin: 0;
		padding: 0;
	}