/*
Eujazz.com
Main stylesheet
By Pixelpanic.be (edited 08-03-2009)
*/

/* Load additional stylesheets */
@import "../css/sweetTitles.css";

/* HTML selectors */
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #990000;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,p,ul,li,form,fieldset,input,img {
	margin: 0;
	padding: 0;
}
h1 span {
	display: none;
}
h1.events {
	background: url(../img/title_events.png) no-repeat;
	width: 159px;
	height: 44px;
	margin-left: 20px;
}
h1.events2 {
	background: url(../img/title_events2.png) no-repeat;
	width: 242px;
	height: 30px;
	margin: 20px 0 0 20px;
}
h1.member {
	background: url(../img/title_member.png) no-repeat;
	width: 70px;
	height: 43px;
	margin-bottom: 15px;
}
h1.profile {
	background: url(../img/title_profile.png) no-repeat;
	width: 67px;
	height: 43px;
	margin: 0 0 15px 20px;
}
h1.yourevents {
	background: url(../img/title_yourevents.png) no-repeat;
	width: 61px;
	height: 43px;
	margin: 0 0 15px 20px;
}
h1.news {
	background: url(../img/title_news.png) no-repeat;
	width: 49px;
	height: 44px;
	margin-left: 20px;
}
h1.partners {
	background: url(../img/title_partners.png) no-repeat;
	width: 139px;
	height: 30px;
	margin-top: 20px;
	margin-bottom: 15px;
}
h1.spotlight {
	background: url(../img/title_spotlight.png) no-repeat;
	width: 91px;
	height: 29px;
}
h1.venues {
	background: url(../img/title_venues.png) no-repeat;
	width: 128px;
	height: 30px;
	margin-top: 20px;
}
h1.venues2 {
	background: url(../img/title_venues2.png) no-repeat;
	width: 168px;
	height: 30px;
	margin-top: 20px;
	margin-left: 20px;
}
h1.groups {
	background: url(../img/title_artists.png) no-repeat;
	width: 119px;
	height: 30px;
	margin-top: 20px;
}
h1.media {
	background: url(../img/title_media.png) no-repeat;
	width: 199px;
	height: 29px;
	margin-top: 20px;
}
h1.organizations {
	background: url(../img/title_organizations.png) no-repeat;
	width: 166px;
	height: 30px;
	margin-top: 20px;
}
h1.festivals {
	background: url(../img/title_festivals.png) no-repeat;
	width: 114px;
	height: 30px;
	margin-top: 20px;
}
h1.festivals2 {
	background: url(../img/title_festivals2.png) no-repeat;
	width: 167px;
	height: 30px;
	margin-top: 20px;
	margin-left: 20px;
}
h1.jazzsites {
	background: url(../img/title_jazzsites.png) no-repeat;
	width: 80px;
	height: 30px;
	margin-top: 20px;
	margin-left: 20px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	color: #990000;
	margin: 15px 0 10px 0;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	color: #0099ff;
	margin: 15px 0 0 20px;
}
abbr {
	text-decoration: underline;
}

/* Positioning */
.container {
	margin: 0 auto;
	width: 760px;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.skipnav {
	display: none;
}

/* Links */
a {
	color: #990000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #0099ff;
	text-decoration: underline;
}

/* Header */
#header {
	color: #000;
	background: #E6E3D8 url(../img/back.png) repeat-x;
}
#header .container {
	background: url(../img/back_content.png);
	padding-bottom: 5px;
}
#bar {
	background: url(../img/back_header.png) no-repeat;
	height: 90px;
	padding: 11px 0 0 45px;
}
#bar div {
	background: url(../img/logo.png) no-repeat;
	height: 77px;
	width: 162px;
}
#bar div a {
	height: 77px;
	width: 162px;
	display: block;
}
#bar div a:hover {
	background: url(../img/logo.png) no-repeat 0 -77px;
}
#bar div a span {
	display: none;
}

/* Content */
#sidebar {
	width: 314px;
	float: left;
	padding-left: 5px;
}
#sidebar p {
	margin: 15px 0 0 20px;
	line-height: 130%;
}
#content {
	width: 390px;
	padding: 20px 25px 0 25px;
	float: right;
}
#fullcontent {
	padding: 0 25px;
}
#fullcontent p {
	margin-bottom: 15px;
}
#albums {
	background: url(../img/back_albums.png) no-repeat;
	height: 80px;
	margin-top: 30px;
	padding: 12px 0 0 66px;
}
#albums a {
	background: #fff;
	margin-right: 14px;
	padding: 3px;
	border: 1px solid #D5D3C8;
	display: block;
	width: 60px;
	height: 60px;
	float: left;
}
#albums a:hover, #albums a:active {
	border: 1px solid #990000;
}
#albums a img {
	border: none;
}
#news {
	background: #F4F2EE url(../img/back_news.png) repeat-x bottom left;
	margin: 1px 0 25px 0;
	padding-bottom: 15px;
}
#news a {
	color: #000;
	text-decoration: none;
}
#news a:hover, #news a:active {
	text-decoration: underline;
}
#partners {
	padding: 0 0 0 20px;
}
#partners a {
	background: #fff;
	margin-right: 7px;
	padding: 2px;
	border: 1px solid #990000;
	display: block;
	width: 36px;
	height: 36px;
	float: left;
}
#partners a.laatst, #albums a.laatst {
	margin: 0;
}
#partners a:hover, #partners a:active {
	border: 1px solid #ff9900;
}
#partners a img {
	border: none;
}
#spotlight {
	background: #fff;
	border: 1px solid #80CCFF;
	padding: 1px;
}
#spotlight a {
	color: #0099ff;
	text-decoration: underline;
}
#spotlight a:hover, #spotlight a:active {
	color: #990000;
	text-decoration: underline;
}
#spotlight p {
	margin-top: 15px;
}
#spotlight div {
	background: #DAF0FF;
	padding: 15px;
}
#spotlight div img {
	background: #fff;
	border: 1px solid #80CCFF;
	margin: 0 0 10px 10px;
	padding: 2px;
	float: right;
}
.c1 {
	float: left;
	width: 185px;
	margin-right: 10px;
}
.c2 {
	float: right;
	width: 185px;
	margin-left: 10px;
}
a .new {
	padding-right: 32px;
	background: url(../img/new.png) no-repeat right center;
}
a:hover .new, a:active .new {
	background-image: url(../img/new2.png);
}
#map {
	width: 382px;
	height: 240px;
	cursor: move;
}
#legend {
	color: #AFADA4;
	margin: 8px 0 15px 0;
}
#legend span {
	background: url(../img/legend_event.png) no-repeat left center;
	padding-left: 13px;
}
#legend .event {
	margin-left: 260px;
}
#legend .venue {
	margin-left: 15px;
	background-image: url(../img/legend_venue.png);
}
.success {
	background-color: #92CD7B;
	padding: 1px;
	margin-bottom: 20px;
}
#sidebar .success {
	margin-left: 20px;
}
.success div {
	background-color: #D9EFCE;
	border: 1px solid #fff;
	padding: 10px;
}
.error {
	background-color: #FF3434;
	padding: 1px;
	margin-bottom: 20px;
}
#sidebar .error {
	margin-left: 20px;
}
.error div {
	background-color: #FFCDCD;
	border: 1px solid #fff;
	padding: 10px;
}
.vlaams {
	color: #94928A;
	font-size: 11px;
	background: url(../img/vlaamseleeuw.jpg) no-repeat 0 25px;
	margin: 0 0 0 20px;
	padding: 25px 0 0 50px;
}
#hide {
	display: none;
}

/* Lists */
ul.events {
	margin: 15px 0 0 20px;
	list-style: none;
	border-top: 1px solid #E6E3D8;
}
ul.events li {
	border-bottom: 1px solid #E6E3D8;
}
ul.events li a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 4px 5px;
	width: 284px;
}
ul.events li a:hover, ul.events li a:active {
	color: #000;
	background: #F4F2EE;
	text-decoration: none;
}
ul.events li a span.datum {
	color: #ACAAA1;
	padding-right: 5px;
}
ul.events li a:hover span.datum, ul.events li a:active span.datum {
	color: #990000;
}
ul.news {
	margin: 15px 15px 0 20px;
	list-style: none;
}
ul.news li {
	background: url(../img/list.png) no-repeat 0 4px;
	line-height: 130%;
	padding-left: 12px;
}
ul.links {
	margin-top: 15px;
	list-style: none;
	border-top: 1px solid #E6E3D8;
}
ul.links li {
	border-bottom: 1px solid #E6E3D8;
}
ul.links li a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 4px 5px;
	width: 175px;
}
ul.links li a:hover, ul.links li a:active {
	color: #000;
	background: #F4F2EE;
	text-decoration: none;
}
ul.action {
	list-style: none;
	margin: 15px 0 0 20px;
}
ul.action li a {
	color: #0099ff;
	background: url(../img/arrow_yellow.png) no-repeat;
	text-decoration: none;
	padding-left: 18px;
}
ul.action li a:hover, ul.action li a:active {
	color: #990000;
	background: url(../img/arrow_yellow.png) no-repeat 0 -24px;
	text-decoration: none;
}
#news ul.action li a {
	color: #ACAAA1;
	background: url(../img/arrow_brown.png) no-repeat;
	text-decoration: none;
	padding-left: 18px;
}
#news ul.action li a:hover, #news ul.action li a:active {
	color: #7D7B75;
	background: url(../img/arrow_brown.png) no-repeat 0 -24px;
	text-decoration: none;
}

/* Footer */
#footer {
	color: #fff;
	background: url(../img/back_footer.png) repeat-x;
}
#footer .container {
	background: url(../img/back_contentfooter.png) no-repeat;
}
#about {
	padding: 36px 25px 28px 160px;
	line-height: 150%;
}
#copyright {
	line-height: 150%;
	padding: 0 0 10px 23px;
}
#copyright a {
	color: #fff;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #fff;
	text-decoration: underline;
}
#copyright div {
	color: #D68580;
}
#copyright div a {
	color: #D68580;
	text-decoration: none;
}
#copyright div a:hover, #copyright div a:active {
	color: #fff;
	text-decoration: none;
}
#copyright div a.logo {
	background: url(../img/logo_pp.gif) no-repeat;
	padding-left: 11px;
}
#copyright div a.logo:hover, #copyright div a.logo:active {
	background: url(../img/logo_pp.gif) no-repeat 0px -26px;
	text-decoration: none;
}
#login {
	background: #B02925;
	line-height: 130%;
	margin: 5px 23px 15px 23px;
	padding: 10px 10px 4px 15px;
	border: 1px solid #CC6E69;
	display: none;
}
#login p {
	margin: 5px 0 10px 0;
}
#login a {
	color: #fff;
	text-decoration: underline;
}
#login a:hover, #login a:active {
	background: #CC6E69;
}
#login .c1 {
	width: 390px;
}
#login .c2 {
	width: 270px;
}

/* Form */
fieldset {
	border: none;
}
label {
	width: 120px;
	line-height: 25px;
	float: left;
}
input {
	width: 200px;
	height: 18px;
	font: 12px Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	border: solid 1px #D5D3C8;
}
input.smal {
	width: 50px;
}
select {
	font: 12px Arial, Verdana, sans-serif;
	border: solid 1px #D5D3C8;
	background-color: #fff;
	margin-bottom: 5px;
}
#footer label {
	width: 85px;
}
#footer input {
	width: 150px;
}
#footer input {
	border: solid 1px #CC6E69;
}
input.login, #footer input.login {
	margin: 5px 0 0 79px;
	padding: 0;
	border: none;
	width: 74px;
	height: 42px;
	background: url(../img/button_login.png) no-repeat;
}
input.login:hover, input.login:active, #footer input.login:hover, #footer input.login:active {
	background: url(../img/button_login.png) no-repeat 0px -42px;
}
input.v2 {
	background: url(../img/button_login2.png) no-repeat;
	margin: 5px 0 0 114px;
}
input.v2:hover, input.v2:active {
	background: url(../img/button_login2.png) no-repeat 0px -42px;
}
input.send {
	margin: 5px 0 0 114px;
	padding: 0;
	border: none;
	width: 65px;
	height: 42px;
	background: url(../img/button_send.png) no-repeat;
}
input.send:hover, input.send:active {
	background: url(../img/button_send.png) no-repeat 0px -42px;
}
input.save {
	margin: 5px 0 0 114px;
	padding: 0;
	border: none;
	width: 65px;
	height: 42px;
	background: url(../img/button_save.png) no-repeat;
}
input.save:hover, input.save:active {
	background: url(../img/button_save.png) no-repeat 0px -42px;
}