/*
Theme Name: Martin Jondo
Theme URI: http://www.martin-jondo.de
Description: The wordpresstheme of musician Martin Jondo.
Version: 1.0
Author: 
Author 
Tags: Martin Jondo, Martin, Jondo, music
*/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/* !---------- !general ---------- */
html, body {
	background: url(images/background_gradient.gif) repeat-x #FBFCFC;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

#container {
	background: url(images/background.jpg) 0px 0px no-repeat;
	height: 782px;
	margin: 0px auto;
	position: relative;
	width: 960px;
}

#logo {
	display: block;
	height: 110px;
	left: 18px;
	position: absolute;
	text-indent: -9999px;
	top: 17px;
	width: 532px;
}

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: none; }
a:active, input[type=submit]:active { position: relative; top: 1px; }
input[type=submit] { cursor: pointer; }

p { padding: 7px 0px; }

table { margin-top: 5px; }

h2 { text-transform: uppercase; }


.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 5px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/* !---------- !nav general ---------- */
.nav { display: block; position: relative; overflow: hidden; }
	.nav li, .nav li a {
		display: inline;
		float: left;
		line-height: 25px;
		text-transform: lowercase;
	}
	.nav li a {
		font-size: 14px;
		display: block;
		padding: 0px 0px;
	}
	.nav li.current_page_item, 
	.nav li.current_page_item a { color: #68431e; }
	

/* !---------- !nav specific ---------- */	
.nav.main { left: 358px; position: absolute; top: 98px; }
#language { position: absolute; right: 5px; top: 5px; }
.nav.sub { overflow: hidden; width: 100%; margin-bottom: 10px; }
	.nav.sub li, .nav.sub li a {
		font-size: 14px;
		font-weight: bold;
	}


/* !---------- !column left ---------- */
#column_left {
	height: 600px;
	left: 20px;
	position: absolute;
	top: 160px;
	width: 250px;
}

#info { overflow: auto; width: 100%; }
#info form { font-weight: bold; }

#info label {
	clear: both;
	display: block;
	float: left;
	height: 14px;
	line-height: 16px;
	margin-top: 5px;
	width: 40px;
}
#info .textinput {
	background: #a65716;
	border: none;
	color: #fff;
	display: block;
	float: left;
	font-size: 10px;
	height: 14px;
	line-height: 14px;
	margin-top: 5px;
	padding: 0px 3px;
	width: 100px;
}
#info .button {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	float: left;
	font-weight: bold;
	margin: 5px 0 0 10px;
	padding: 0px;
}
div.mce_inline_error {
	color: #fff !important;
	clear: both !important;
	display: block !important;
	float: none !important;
	font-size: 10px !important;
	height: 14px !important;
	line-height: 14px !important;
	margin-top: 5px !important;
	padding: 0px 3px !important;
	width: 150px !important;
}
#mce-error-response,
#mce-success-response {
	margin-top: 8px;
}

#tour_poster {
	bottom: 0px;
	left: 0px;
	position: absolute;
}


/* !---------- !column right ---------- */
#column_right {
	height: 590px;
	position: absolute;
	right: 30px;
	top: 170px;
	width: 430px;
}

.inner {
	height: 560px;
	overflow: auto;
	padding-right: 5px;
	position: relative;
}
	.inner a { font-weight: bold; }

.post {
	margin-bottom: 20px;
}


/* !---------- !footer ---------- */
#footer {
	background-color: #FFFFFF;
	margin: 0px auto;
	overflow: auto;
	width: 960px;
}
	#footer li, #footer li a {
        color: #000000;
		line-height: 35px;
	}
	
	#footer li a {
		height: 32px;
		margin: 5px 5px 0px 0px;
		text-indent: -9999em;
		width: 32px;
	}
		#footer li a.facebook { background: url(images/socials/facebook_32.png) top left no-repeat; }
		#footer li a.myspace { background: url(images/socials/myspace_32.png) top left no-repeat; }
		#footer li a.twitter { background: url(images/socials/twitter_32.png) top left no-repeat; }
		#footer li a.lastfm { background: url(images/socials/lastfm_32.png) top left no-repeat; }


/* !---------- !scrollbars ---------- */
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0px; left: 0px;
}

.vscrollerbase {
	width: 6px;
	background-color: #a65716;
}
.vscrollerbar {
	width: 6px;
	background-color: #eee;
}



	
/* !---------- !page specific ---------- */


/* discographie */
.discographie .inner img {
	margin-bottom: 5px;
}
.discographie .inner td { padding: 0px 10px 25px 0px; }


/* dates */
.dates .inner td { padding: 0px 7px 0px 0px; }


/* songs */
.songs .inner table { margin-bottom: 10px; width: 100%; }
.songs .inner td { padding: 0px 7px 3px 0px; }


/* !---------- photos ---------- */
.photos .inner .gallery a {
	display: block;
	height: 140px;
	left: 20px;
	position: absolute;
	top: 20px;
	width: 210px;
}

.photos .inner .gallery a.p2 { left: 230px; top: 40px; width: 170px; height: 150px; }
.photos .inner .gallery a.p3 { left: 60px; top: 160px; width: 170px; height: 110px; }
.photos .inner .gallery a.p4 { left: 230px; top: 190px; width: 140px; height: 130px; }
.photos .inner .gallery a.p5 { left: 10px; top: 270px; width: 200px; height: 140px; }
.photos .inner .gallery a.p6 { left: 210px; top: 320px; width: 130px; height: 140px; }


/* !---------- konzertfotos ---------- */
.gallery-item img {
	border: none !important;
}


/* !---------- guestbook ---------- */
.input textarea { }
.author-info {
	border-bottom: 1px dashed #fff;
	margin-bottom: 4px;
	padding-bottom: 4px;
	margin-top: 12px;
}
.entry-content { padding-bottom: 10px; }

.admin-entry { }
.gb-entry .author-info, 
.gb-entry .entry-content { display: block; }
.gb-entry .entry-content { padding-left: 10px; }
.gb-entry .author-info .author-name { font-weight: bold; }

form#new_entry { margin-top: 20px; }

.error { background-color: #FFB6C1; }

#error_msg {
	border: 1px solid #FF0000;
	display: block;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px;
	width: 292px;
}

.label, .input {
	float: left;
	vertical-align: top;
}
.label { width: 150px; }
.input input, .input textarea {
	border: 1px solid #000000;
	width: 300px;
}
.input textarea { height: 150px; }
.clearBoth { clear: both; }

#page-navigation {
	width: 100%;
	text-align: right;
}
#page-navigation a, #page-navigation span {
	padding: 2px;
	margin: 2px;
	background-color: #C6C6C6;
	border: 1px solid #000000;
}


/* !---------- audioplayer ---------- */
.jp-interface {
	position: relative;
}
.jp-controls li a {
	background: url(images/audioplayer.png) top left no-repeat;
	height: 11px;
	margin-right: 2px;
	text-indent: -9999em;
	width: 15px;
}

#jplayer_stop { background-position: -15px 0px; }
#jplayer_play { background-position: -30px 0px; }
#jplayer_pause { background-position: -30px -11px; }
#jplayer_next { background-position: -45px 0px; }

.jplayer_playlist_current { color: #68431e; }

div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
	width:150px;
	height:11px;
}
div.jp-load-bar {
	background: #fff;
	width:0px;
	height:11px;
	cursor: pointer;
}
div.jp-play-bar {
	background: #68431e;
	width:0px;
	height:11px;
}