/* CSS for JonnoPromotions */

* {
margin:0;
padding:0;
}

body {
font-family:'Euphemia', 'Arial';
background:url('images/bgshadow.jpg') repeat-y 50% #9f9f9f;
min-height:100%;
}

body, html, #container {
min-height:100%;
margin:0 auto;
}

#container {
width:820px;
}

/***** HEADER *****/

#header {
background:url('images/jpheader820.jpg') no-repeat 50%;
background-color:#116d08;
color:#ffffff;
height:32px;
border-bottom:2px solid #034804;
}

#header p {
font-family:'Helvetica Neue Light','HelveticaNeue-Light','Helvetica Neue','HelveticaNeue',Helvetica,"Lucida Grande",Verdana,Arial,Sans-Serif;
font-size:85%;
}

#jptitle {
font-weight:bold;
font-size:12pt;
}
/*****HEADER TITLE *****/
#next {
background-color:#148309;
float:left;
width:285px;
height:130px;
text-align:center;
border-bottom:2px solid #000000;
}

#next a {
text-decoration:none;
color:#000000;
}

#nexttitle {
font-size:18pt;
}


/***** HEADER IMAGE *****/
#pic {
float:right;
background:url('images/top_pic.jpg') no-repeat top left;
height:130px;
width:535px;
background-color:#000000;
border-bottom:2px solid #000000;
}

/***** NAVIGATION *****/
#navigation {
background-color: #25ab16;
width:100%;
}

#navigation ul {
list-style-type: none;
overflow:auto;
}

#navigation ul li {
float: right;
}

#navigation ul li a {
color: #ffffff;
text-decoration:none;
font-family:sans-serif;
font-size:10pt;
display: block;
padding: 8px;
padding-left:10px;
padding-right:10px;
}

#navigation ul li a:hover {
background-color: #116d08;
}

/***** CONTENT *****/
#content {
background-color:#106c07;
min-height:100%;
color:#ffffff;
float:left;
width:100%;
padding-bottom:10px;
font-family:'Helvetica Neue Light','HelveticaNeue-Light','Helvetica Neue','HelveticaNeue',Helvetica,"Lucida Grande",Verdana,Arial,Sans-Serif;
}

#content p {
margin-left:15px;
margin-right:10px;
font-size:90%;
margin-bottom:10px;
}

#content h2 {
font-size:14pt;
margin:10px;
}

#content a {
text-decoration:underline;
font-weight:normal;
color:#ffffff;
}

#content a:hover {
text-decoration:none;
}

#content ul {
list-style-type:none;
margin:25px;
font-size:95%;
}

	/***** MAIN *****/
	#main
	{
	background-color:#0d5d05;
	width:570px;
	margin:10px;
	margin-bottom:10px;
	margin-right:0;
	float:left;
	border:1px solid #034804;
	}
	
	#main ol {
	margin-left:35px;
	}
	
	#main ol li {
	font-size: 80%;
	margin-top:8px;
	margin-bottom:8px;
	}
	
	#main h3 {
	margin:15px;
	font-weight:normal;
	font-size:12pt;
	text-decoration:underline;
	}

	/***** TICKET MAIN *****/
	#ticketmain
	{
	background-color:#0d5d05;
	width:795px;
	margin:10px;
	margin-bottom:10px;
	margin-right:0;
	float:left;
	border:1px solid #034804;
	}
	
	#ticketmain ol {
	margin-left:35px;
	}
	
	#ticketmain ol li {
	font-size: 80%;
	margin-top:8px;
	margin-bottom:8px;
	}
	
	#ticketmain h3 {
	margin:15px;
	font-weight:normal;
	font-size:12pt;
	text-decoration:underline;
	}

	/***** SIDE *****/
	#side
	{
	background:url('images/sidebar.jpg') repeat-x #106c07;
	width:215px;
	float:right;
	margin:10px;
	margin-left:0;
	/*border:1px solid #034804;*/
	padding-top:10px;
	}
	
	#side h3 {
	text-align:center;
	margin-bottom:0;
	font-size:11pt;
	font-weight:bold;
	}
	
	#side p {
	margin-top:0;
	}
	
	#side ul {
	font-size:75%;
	}
	
	#side ul li {
	margin-bottom:1em;
	}


	


/***** FOOTER *****/
#footer {
border-top:8px solid #1d9310;
background-color:#cecece;
clear:both;
}

#footercontainer {
clear:both;
margin:0 auto auto;
width:820px;
border-left:1px dotted #000000;
border-right:1px dotted #000000;
font-size:65%;
}

#fcopy {
float:right;
margin-right:5px;
text-align:right;
width:250px;
}

#fshare {
float:right;
margin-right:5px;
text-align:right;
width:250px;
border-left:1px dotted #000000;
border-right:1px dotted #000000;
}

#fstats {
margin-left:5px;
width:250px;
}

#fstats ul{
list-style-type:none;
margin-left:10px;
}

/***** TEXT FORMATTING *****/
#ntitle {
font-weight:bold;
}

#news {
font-size:90%;
}

#line {
height:1px;
width:50%;
text-align:center;
}

/***** OTHER *****/
.line {
margin:0px;
margin-left:20%;
margin-bottom:10px;
padding:0px;
width:60%;
border-bottom: 1px solid #034804;
}

#content .line p {
margin-top:3px;
margin-bottom:0;
color:#8e988d;
text-align:right;
font-family:sans-serif;
font-size:8pt;
}

form {
margin-left:15px;
margin-bottom:10px;
}

/***** TABLE *****/
#main .ntable {
margin:10px;
}


#main .ntable th {
background-color:#034804;
font-weight:bold;
font-size:small;
}

#main .ntable td {
padding-top:5px;
padding-bottom:3px;
border-bottom:1px solid white;
font-size:80%;
}

/***** NEWS *****/
.post {
font-size:8pt;
}

.ntitle {
font-weight:bold;
}

.ntable .ntext {
width:380px;
}

.ntable .options {
width:85px;
}

/***** EVENTS *****/
.etitle {
font-size:18pt;
}

.etable {
padding:0;
width:525px;
margin:15px;
}

.etable td {
border:0;
}

.etable .edetails {
padding:3px;
text-align:center;
vertical-align:top;
width:275px;
}

.etable .eimg {
width:200px;
padding:3px;
vertical-align:top;
text-align:left;
}

.etable .edetails .ebanner {
background-color:#034804;
border: 1px solid #106c07;
padding:5px;
}

.etable .edetails .evartists {
background-color:#9bbc98;
border: 1px solid #106c07;
color:#043505;
padding:5px;
font-size:90%;
}



/***** EVENTS PAGE *****/
.eventstable {
margin:10px;
width:550px;
}


.eventstable th {
background-color:#034804;
font-weight:bold;
font-size:small;
}

.eventstable td {
width:50%;
margin:5px;
padding:5px;
padding-bottom:3px;
border-bottom:1px solid white;
vertical-align:top;
font-size:75%;
}

.eventstable{
line-height: 150%;
}

/***** IMGS *****/
#side img {
margin-left:32px;
margin-top:7px;
margin-bottom:7px;
border:0;
}

#cal {
margin:10px;
margin-left:15px;
width:40px;
height:40px;
color:#000000;
text-align:center;
float:left;
background-image: url('images/cal.jpg');
font-size:80%;
line-height:1.25em;
}


/***** ARTISTS TABLE ****/
.artiststable {
margin:10px;
width:515px;
}

.artiststable td a{
text-decoration:none;
}


.artiststable th {
background-color:#034804;
font-weight:bold;
font-size:small;
}

.artiststable td {
margin:0;
padding:5px;
padding-bottom:3px;
vertical-align:center;
}

.artiststable{
line-height: 200%;
}

.artiststable #aname {
font-weight:bold;
}

/***** DATE ICON *****/
#date {
width:22px;
height:25px;
background:url('images/date.jpg') no-repeat;
float:left;
margin:10px;
margin-left:15px;
margin-top:3px;
padding:0;
text-align:center;
font-size:65%;
color:#000000;
line-height:120%;
}

#date p {
margin:0;
}

#date #day{
color:white;
margin-top:1px;
}

#date #month {
font-weight:bold;
}

/*****/
form #enabler {
display:none;
}


/***** FORMS *****/
#main form, #ticketmain form {
border: 2px solid #767678;
background-color:#d6d8d8;
margin-right:15px;
color:#585858;
}

#content {
min-height:600px;
}

#ticketmain form a {
color:#000000;
font-size:10px;
}

#ticketmain table {
width:100%;
}

.submit {
padding:1px;
}

form .formtitle {
margin:10px;
font-size:0.8em;
}

#main #formdata {
background-color:#b3b3b4;
margin:10px;
margin-top:5px;
padding:5px;
border: 2px solid #767678;
color:#585858;
}

#main #formdata a {
color:#585858;
}

input {
border:1px solid #959597;
}

	/***** INDIVIDUAL FORMS *****/
	
	/**VENUE**/
	#venueform #formdata, #addartist #formdata, #eventform #formdata{
	padding-top:12px;
	}
	
	#venueform #formdata label{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color:#585858;
	}
	
	/**ARTIST**/
	#addartist #formdata label {
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color:#585858;
	}
	
	/**NEWS**/
	#newsform #formdata label {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color:#585858;
	}

#side form {
margin-right:15px;
margin-top:10px;
padding:10px;
border: 2px solid #767678;
background-color:#d6d8d8;
}

#side form input {
width:150px;
margin-bottom:5px;
}

#side .category {
width:90px;
}

#side .submit {
width:30px;
height:22px;
float:right;
}

/*****VENUES TABLE *****/

.venuetitle {
font-weight:bold;
}

.venueinfo {
font-size:90%;
}

.venuestable {
margin:10px;
width:515px;
}

.venuestable td a{
text-decoration:none;
}


.venuestable th {
background-color:#034804;
font-weight:bold;
font-size:small;
}

.venuestable td {
margin:0;
padding:5px;
padding-top:10px;
padding-bottom:10px;
vertical-align:center;
border-bottom:1px solid #034804;
}

/***** ETICKETS *****/
img.logo {
	margin: 5px;
}

#smallprint {
text-align:right;
display:block;
margin:5px;
margin-right:10px;
font-size:8pt;
color: #959595;
}

#smallprint a {
font-weight:bold;
text-decoration:none;
color:#959595;
}

.etickets
{
    background-color: #f2f2f2;          /* if needed */
    border: 1px solid BORDER_COLOR;     /* if needed */
    -webkit-border-radius: 5px;    	/* for Safari */
    -moz-border-radius: 5px;		/* for Firefox */
    width:90%;
    margin:auto;
    margin-top:5%;
    margin-bottom:5%;
    padding-bottom:1px;
}

.etickets p {
color:#959595;
}

.etickets #ticketform {
border:0;
background:0;
margin-top:15px;
margin-bottom:15px;
font-size: 10pt;
}

.etickets .line {
width:90%;
height:1px;
margin:auto;
border-bottom:1px dashed #b0b0b0;
}

.etickets table th {
text-align: left;
}
