/*
Theme Name: FluryPrinz
Author: André Lichtenecker
Author URI: http://www.andrelichtenecker.com
Description: Theme for Dieter Flury and Maria Prinz
Version: 1.0
*/

/* -------------------------------------------------------------
   RESET default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
	
/* -------------------------------------------------------------
   BODY
-------------------------------------------------------------- */
body {
	background:#231d29;
	color:#453d4d;
	font: 0.875em "Trebuchet MS";
	line-height:2em;
}

/* -------------------------------------------------------------
   HEADER
-------------------------------------------------------------- */
#branding {
	height:220px;
	background:url(images/lines.png) repeat-x 0 150px;
}

#logo {
	height:150px;
	width:900px;
	margin:0 auto;
	background:url(images/signature_header.png) no-repeat 20px 30px;
}

#logo-start {
	height:150px;
	width:900px;
	margin:0 auto;
}

#language {
	width:100px;
	height:35px;
	text-align:right;
	font-size:0.857em;
	color:white;
	line-height:1.5em;
	position:relative;
	left:775px;
	top:90px;
}

#language a {
	text-decoration:none;
	color:white;
}

#lines {
	background:url(images/lines.png) repeat-x;
	height:29px;
	width:100%;
}

#access {
	width:900px;
	margin:45px auto 0 auto;
	height:25px;
	text-align:left;
	font-style:normal;
	color:white;
	font-family:"Trebuchet MS";
	font-size:1.143em;
}

#access a {
	color:white;
	text-decoration:none;
}

#access a:hover {
	color:#d399ff;
	text-decoration:underline;
}

#access ul {
	position:relative;
	left:25px;
	top:5px;
	width:850px;
}

#access li {
	display: inline;
	padding: 0 0 0 60px;
	float:left;
}

#access li.current-menu-item a,
.icl_lang_sel_current {
	color:#aa5ce5;
}

#access li:first-child {
	padding:0;
}


/* -------------------------------------------------------------
   MAIN
-------------------------------------------------------------- */
h1 {
	font-family:Georgia;
	font-style:italic;
	font-size:2.143em;
	font-weight:normal;
	color:#231d29;
	padding:0 0 25px 0;
}

h2 {
	font-family:Georgia;
	font-style:italic;
	font-weight:normal;
	font-size:1.714em;
	color:#4c3366;
}

p {
	padding:0 0 15px 0;
}

strong {
	color:#231d29;
	font-weight:bold;
}

a {
	color:#531a80;
}

img.left,
img.alignleft {
	float:left;
	margin:0 20px 5px 0;
}

img.right,
img.alignright {
	float:right;
	margin:0 0 5px 20px;
}

address {
	font-style:normal;
	padding:0 0 10px 0;
	font-size:1.143em;
	line-height:2em;
}


/* ------- START ------- */
#start {
	width:800px;
	height:500px;
	margin:30px auto 0 auto;
	padding:10px 50px 35px 50px;
}

#start h2 {
	font-family:Georgia;
	font-style:italic;
	font-size:2.143em;
	font-weight:normal;
	color:white;
	padding:0 0 25px 0;
}

#spacer {
	width:20px;
	height:150px;
}

/* ------- MAIN ------- */
#primary {
	width:800px;
	margin:30px auto 0 auto;
	padding:45px 50px 35px 50px;
	background:#e6e3e9;
	min-height:300px;
}

/* Repertoire, Kalender */ 
#primary table {
	border:1px gray solid;
	border-collapse:collapse;
	margin:10px 0 20px 0;
	width:800px;
}

#primary td {
	border:1px gray solid;
	padding:5px 10px;
	background:#dcd7e0;
}

#primary table td.first {
	width:100px;
}

#primary table td.second {
	width:250px;
}

#primary table td.third {
	width:450px;
}

#primary table strong {
	color:#453d4d;
	font-weight:bold;
}

#primary table em {
	font-style:italic;
}


/* ------- DISCOGRAPHY ------- */

#disco ul {
	list-style-type:none;
	margin: -5px 0 30px 0;
}

#disco  li {
	width:600px;
	border-bottom:solid 1px #c7c2cc;
	padding:3px 0;
}

#disco  li:first-child {
	border-top:solid 1px #c7c2cc;
}

#disco  h2 {
	padding:0 0 10px 0;
	font-size:21px;
}

#disco  h1 {
	padding:0 0 30px 0;
}

#disco  em {
	font-style:italic;
}

#disco div.audioplayer {
	float:right;
	position:relative;
	top:2px;
}

#disco img {
	border:solid 1px #d2cbd6;
}


/* ------- GALLERY ------- */

ul.gallery {
	margin:0 0 10px 0;
}


ul.gallery a {
	color:#7c5799;
}

ul.gallery li {
	list-style-type:none;
	float:left;
	padding:0 15px 15px 0;
	line-height:0em;
}

ul.gallery li img {
	border:5px solid white;
}

ul.gallery li img:hover {
	border:5px solid #7c5799;
}

/* -------------------------------------------------------------
   FOOTER
-------------------------------------------------------------- */
#colophon {
	height:45px;
	width:900px;
	margin:0 auto;
	padding:15px 0 0 0;
	color:white;
}

#info {
	width:850px;
	height:30px;
	padding:0 0 0 0;
	margin:0 auto;
}

#info a.mailto {
	float:left;
	text-decoration:none;
	color:white;
}

#info a.mailto:hover {
	text-decoration:underline;
}

#info span {
	float:right;
}

#info span a {
	color:white;
	text-decoration:none;
}