/*  
Theme Name: liveDEMO Theme
Theme URI: http://www.live-demo.com/
Description: Customized Theme for liveDEMO.
Version: 1.0
Author: Torsten Bergler
Author URI: http://www.live-demo.com

*/

@import "reset.css";

body {
	background: #3b272f url('images/bg-v3.jpg') center top no-repeat;
	color: #aaa;
	font-family: Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:0.01em;
	line-height: 18px;
}

a {
	color: #33cccc;
	text-decoration: none;
}

a:hover, a:active {
	color: #fff;
}

strong {
	font-weight: bold;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clear {
	clear: both;
	font-size: 0px;
}

input, textarea, select {
	border: 1px solid #333;
	background-color: #181818;
	color: #aaa;
	font-family: Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}

.needed {
	background-color: #222;
}

/* GEHIRN */

#page {
	background-color: #000;
	margin: 0px auto;
	width: 900px;
}

/* KOPF */

#header {
	margin: 10px 0px 0px 0px;
	height: 200px;
	border-bottom: 1px solid #000;
}

#header h1 a {
	background-image: url('images/LD_banner_200x900.gif');
	background-repeat: no-repeat;
	display: block;
	height: 200px;
	width: 900px;
	float: left
}

#header h1 a span, #header h2 span{
	display: none;
}

/* LENKUNG */

#nav {
	background: #000 url('images/livedemo-nav-bg.gif') repeat-x;
	border-right: 1px solid #000;
	height: 41px;

}

#nav li, #nav li a {
	float: left;
	height: 41px;
	width: 102px;
}

#nav li span {
	display: none;
}

#nav li#home {
	background: #000 url('images/livedemo-nav-home.gif') no-repeat;
	width: 103px;
}

#nav li#home.select, #nav li#home a:hover {
	background: #000 url('images/livedemo-nav-home-sel.gif');
} 

#nav li#about {
	background: #000 url('images/livedemo-nav-about.gif') no-repeat;
}

#nav li#about.select, #nav li#about a:hover {
	background: #000 url('images/livedemo-nav-about-sel.gif');
}

#nav li#contact {
	background: #000 url('images/livedemo-nav-contact.gif') no-repeat;
} 

#nav li#contact.select, #nav li#contact a:hover {
	background: #000 url('images/livedemo-nav-contact-sel.gif');
}

#nav li#events {
	background: #000 url('images/livedemo-nav-events.gif') no-repeat;
}

#nav li#events.select, #nav li#events a:hover {
	background: #000 url('images/livedemo-nav-events-sel.gif');
}

#nav li#artists {
	background: #000 url('images/livedemo-nav-artists.gif') no-repeat;
}

#nav li#artists.select, #nav li#artists a:hover {
	background: #000 url('images/livedemo-nav-artists-sel.gif');
} 

#nav li#photo {
	background: #000 url('images/livedemo-nav-photo.gif') no-repeat;
}

#nav li#photo.select, #nav li#photo a:hover {
	background: #000 url('images/livedemo-nav-photo-sel.gif');
} 

#nav li#video {
	background: #000 url('images/livedemo-nav-video.gif') no-repeat;
}

#nav li#video.select, #nav li#video a:hover {
	background: #000 url('images/livedemo-nav-video-sel.gif');
} 

/* BAUCH */

#liveevents, #livenews, #livead {
	background-color: #181818;
	float: left;
	line-height: 15px;
	margin: 10px 0px 0px 10px;
}
#middlebar {
	float: left;
}
#middlebar #liveevents{
	float: none;
}
#livenews h6 {
	font-size: 14px;
	font-weight: normal;
	padding: 0px 15px;
	padding-bottom: 10px;
	text-transform: uppercase;	
}

#livead h6 {
	font-size: 14px;
	font-weight: normal;
	padding: 0px 15px;
	padding-right: 0px;
	text-transform: uppercase;
	background-color: #141313;	
}

#livead h6 {
	color: #aaa;
}

#livead h6 a {
	color: #595959;
}




#liveevents h6 {
	border-bottom: 1px solid #000;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
	padding: 0px 15px;
	padding-bottom: 10px;
	text-transform: uppercase;	

}

#falbumbody h6 {
	border-bottom: 1px solid #000;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 2px;
	padding: 0px 15px;
	padding-bottom: 10px;
	text-transform: uppercase;	

}


#livenews {
	width: 365px;
	margin-left: 10px;
}

#livenews .head {
	background: #181818 url('images/livedemo-content-news-topround.gif') no-repeat;
	height: 10px;
}

#livenews .bottom {
	background: #181818 url('images/livedemo-content-news-bottomround.gif') bottom no-repeat;
	height: 10px;
}

#livenews .post {
	padding: 0px 15px;
}

#livenews .post {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #000;

}
.post p{
	font-family: Arial, 'Lucida Grande', Verdana, Helvetica, 'sans-serif' !important;
	font-size: 11px !important;
}
#livenews h2  {
	color: #33cccc;
}

#livenews h2 {
	font-size: 13px;
	font-weight: bold;
}

#livenews .navigation {
	border-top: 1px solid #000;
	padding: 0px 15px;
	padding-top: 10px;
}

#livenews .topnavigation {
	padding: 10px 15px;
	border-top: 1px solid #000;
	padding-top: 15px;
}

#livenews .author {
	color: #333;
	padding-left: 5px;
	padding-right: 5px;
	text-transform: uppercase;
}

#livenews .postheadline {
	font-size: 15px;
}

#livenews .posttime {
	padding-right: 5px;
	color: #666;
}

#livenews .postfooter {
	padding-top: 5px;
	color: #333;
}

#livenews input, #livenews textarea {
	background-color: #222;
	width: 330px;
}

#livenews #submit {
	width: auto;
}

#livenews label {
	display: block;
}

#livenews .comment {
	margin-left: 3px;
}

#livenews .comment a {
	background: #181818 url('images/livedemo-content-comment.gif') left no-repeat;
	padding-left: 20px;
}

#livenews .comment a:hover {
	background: #181818 url('images/livedemo-content-comment-hover.gif') left no-repeat;
}

#livenews .vvqbox {
	margin: 15px 0px;
}


#livetag {
	line-height: 18px;
	text-align: center;
	background-color: #141313;
}


#livetag .head {
	background: transparent url('images/livedemo-content-tag-topround.gif') no-repeat;
	height: 10px;
}

#livetag .bottom {
	background: transparent url('images/livedemo-content-tag-bottomround.gif') bottom no-repeat;
	height: 10px;
}

.cut {
	height: 10px;
	background: #000 none;
}

#livetag .content {
	margin: 5px 15px;
	margin-bottom: 2px;
}

#livetag a {
	color: #595959;
	text-decoration: none;
	margin: 0px 3px;
}

#livetag a:hover {
	color: #fff;
}

#liveevents {
	width: 370px;
}

#liveevents .head {
	background: #181818 url('images/livedemo-content-events-topround.gif') no-repeat;
	height: 10px;
}

#liveevents .bottom {
	background: #181818 url('images/livedemo-content-events-bottomround.gif') bottom no-repeat;
	height: 10px;
}

#liveevents .post {
	margin: 0px 15px;
}

#liveevents .post#second {
	margin: 0px;
}

#liveevents #eventteaser {
	background-color: #292828;
	border: 5px solid #292828;
	border-bottom: 2px solid #292828;
}

#liveevents #eventteaser p {
	margin: 0px;
	padding: 0px;
	
}

#livenews img {
	border: 5px solid #292828;
}

#liveevents #teaseroverlay {
	background: transparent url('images/livedemo-event-teaser-bg.png');	
	bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	left: 5px;
	line-height: 40px;
	position: absolute;
	text-align: center;
	width: 330px;
}

#liveevents p {
	margin: 10px 5px;
}

#liveevents #videopost p {
	margin: 10px 0px;
}

#liveevents #artistprofile p img {
	border: 5px solid #292828;
	margin-left: -5px;
}

#liveevents #artistprofile p {
	margin-top: 0px;
}

#liveevents #artistprofile {
	margin-bottom: 5px;
}

#liveevents #videopost h2 a {
	color: #8dc73c;
}

#liveevents #videopost h2 a:hover, #liveevents #videopost h2 a:active {
	color: #fff;
}

#liveevents #eventteaser p {
	margin: 0px;
}

#liveevents h2  {
	color: #8dc73c;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 15px;
}

#liveevents h2 a  {
	color: #8dc73c;
}

#liveevents h2 a:hover  {
	color: #fff;
}

#liveevents h3, #liveevents h4  {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1.5em 5px 3px 5px;
}

#liveevents h4  {
	margin: 1.5em 0px 0px 0px;
}


#liveevents li {
	line-height: 15px;
	margin: 0px 5px;
}

#liveevents #lineup, #liveevents #location {
	float: left;
	margin: 0px 0px;
	width: 190px;
}

#liveevents #location {
	width: 130px;
}



#liveevents a#viewmap, #liveevents a#ticketonline  {
	background: transparent url('images/livedemo-all-viewmap.gif') no-repeat;
	color: #8dc73c;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
}

#liveevents #location a {
	color: #8dc73c;
	line-height: 30px;
	text-decoration: none;
}
#liveevents #second li a {
	color: #8dc73c;
	text-decoration: none;
}

#liveevents a#viewmap:hover, #liveevents a#ticketonline:hover, #liveevents #location a:hover, #liveevents #second li a:hover {
	color: #fff;
}

#liveevents a#ticketonline {
	background: transparent url('images/livedemo-all-ticketonline.gif') no-repeat;
}

#liveevents .post h5 {
	border-bottom: 1px solid #000;
	color: #8dc73c;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 15px;
	padding-bottom: 10px;
}

#liveevents #second li {
	border-top: 1px solid #000;
	text-align: right;
	margin: 0px;
	margin-top: 15px;
	padding: 9px 15px 0px 0px;
}

#livead {
	width: 125px;
	background-color: #141313;
	color: #595959;
}

#livead .head {
	background: #141313 url('images/livedemo-content-ad-topround.gif') no-repeat;
	height: 10px;
}

#livead .bottom {
	background: #141313 url('images/livedemo-content-ad-bottomround.gif') bottom no-repeat;
	height: 10px;
}

#livead .post {
	padding: 5px 14px;

}

#livead .post_cal {
	padding: 10px 5px;
	font-size: 9px;
}
.post_sponsor{
	border-top: 1px solid #000;
	padding: 10px 10px;
	padding-bottom: 0px;
	margin-top: 10px;
}
#powered{
	text-transform: none !important;
	font-size: 12px !important;
}
#livead .post_mp3 {
	margin-top: 10px;
	padding: 5px 0px;
	padding-top:2px;
	border-top: 1px solid #000;
	text-align: left;
	font-size: 9px;
	line-height: 12px;
 
}
#livead #archive {
	
	padding: 5px 14px;
	border-top: 1px solid #000;
	text-align: left;
}
#livead #archive ul{
	margin-top: 8px;
}


#wp-calendar {
	margin-top: 10px;
}

#ec3_publish {
	padding-left: 5px;
	margin-top: 10px;
}

#livead a img {
	border: 0px;
}


#livead #letter input {
	background-color: #111;
	border: 1px solid #222;
	color: #595959;
	width: 90px;
}

#livead #letter input:focus, #livead #letter input:hover {
	border: 1px solid #555;
	color: #aaa;
}

#livead #search input {
	background-color: #111;
	border: 1px solid #222;
	color: #595959;
	width: 90px;
}

#livead #search input:focus, #livead #search input:hover {
	border: 1px solid #555;
	color: #aaa;
}

#livead #letter label {
	display: block;
	margin: 8px 0px 1px 0px;
}

#livead #letter .button {
	margin-top: 5px;
	padding: 1px 2px;
	width: auto;
}

#livead #search form {
	display: block;
	margin-top: 8px;
}

#livead #search .button {
	margin-top: 5px;
	padding: 1px 2px;
	width: auto;
}

#falbumbody {
	background-color: #181818;
	margin: 10px;
	line-height: 15px;
}

#falbumbody .post {
	margin: 0px;
padding: 15px 15px 5px 15px;
border-top: 1px solid #000;
}

#falbumbody .post strong {
	text-transform: uppercase;
}

#falbumbody .head {
	background: #181818 url('images/livedemo-content-falbum-topround.gif') no-repeat;
	height: 10px;
}

#falbumbody .bottom {
	background: #181818 url('images/livedemo-content-falbum-bottomround.gif') bottom no-repeat;
	height: 10px;
}


/* FUSS */

#footevents, #footnews, #footad {
	background-color: #181818;
	color: #333;
	float: left;
	line-height: 15px;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	height: auto;
}

#footad li {
  background-repeat: no-repeat;
  float: left;
  margin-right: 7px;
}

#footad li a {
  display: block;
  height: 16px;
  width: 16px;  
}

#footad li strong {
  display: none;
}

#footad #rss {
  background-image: url('images/livedemo-footer-rss.gif');
}

#footad #delicious {
  background-image: url('images/livedemo-footer-delicious.gif');
}

#footad #digg {
  background-image: url('images/livedemo-footer-digg.gif');
}

#footevents a, #footnews a, #footad a {
	color: #666;
}

#footevents a:hover, #footnews a:hover, #footad a:hover {
	color: #fff;
}


#footnews .content, #footevents .content, #footad .content {
	margin: 0px 15px;
}

#footnews {
	margin-left: 10px;
	width: 365px;
}

#footnews .head {
	background: #181818 url('images/livedemo-content-news-topround.gif') no-repeat;
	height: 10px;
}


#footevents {
	margin-left: 10px;
	width: 370px;
}

#footevents .head {
	background: #181818 url('images/livedemo-content-events-topround.gif') no-repeat;
	height: 10px;
}

#footevents .content {
	text-align: center;
}

#footad {
	margin-left: 10px;
	margin-right: 10px;
	width: 125px;
}

#footad .head {
	background: #181818 url('images/livedemo-footer-ad-topround.gif') no-repeat;
	height: 10px;
}

#newsletter {
	text-align: right;
	margin-right: 10px;
	padding-top: 11px;
}

#newsletter input {
	background-color: transparent;
	margin-left: 5px;
	width: 100px;
}

#newsletter .button {
	padding: 1px 2px;
	width: auto;
}


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	color: #444;	
}

.wp-pagenavi a:hover, .wp-pagenavi a:active {
	color: #aaa;
}

.wp-pagenavi {
	text-align: center;
}

.wp-pagenavi span.pages {
	display: none;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;

}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
}

/*
#artistprofile img {
	width: 330px;
	height: 100%;
}
*/

.tv p{
	margin: 0px 0px 0px 0px !important;
}

a.videolink{
	color: #cc071e !important;
}
a.videolink:hover{
	color: #fff !important;
}

a.artistlink{
	font-size: 1.3em;
}
.special{
	color: #cc071e;
}
.ec3_list{
	color: #fff !important;
	margin: 0px 5px 0px 5px !important;
}

#kyte{
	padding: 10px 10px 0px 10px; 
}
#kyteplayer, #kyteshows{
	width: 880px;
}
#kyteshows{
	padding: 10px 0px 0px 0px;
}
#kyteshows h2{
	margin: 20px 0px 0px 5px;
}
#kyteshows p{
	margin: 0px 0px 10px 5px;
}
#kyteshows ul#list{
	padding: 0px 0px 0px 5px;
}
#kyteshows ul#list li{
	border-bottom: 2px solid #333;
	float: left;
	width: 120px;
	height: 92px;
	margin: 0px 5px 15px 0px;
	position: relative;
}
#kyteshows ul#list li a{
	color: #fff;
	display: block;
}
#kyteshows ul#list li a.link{
	background-color: #000;
	bottom: 0px;
	font-size: 9px;
	line-height: 1em;
	position: absolute;
	padding: 5px 2px 5px 2px;
	width: 100%;
}
#kyteshows #pagination{
	clear: both;
	text-align: center;
	margin: 10px 0px 15px 5px;
}
#kyteshows #pagination li{
	display: inline;
	margin: 0px 5px 0px 5px;
}
#kyteshows #pagination li.select a{
	color: #aaa;
}