/* CUSTOM RESET ................................................................................ */
body {margin:0; padding:0; text-align:left; background:#fff; font-family: "Lucida Grande", Verdana, sans-serif;}
h1,h2,h3,h4,h5 {color:#444; font-weight:bold;}
h1 {font-weight:normal; font-size:2.2em; margin-bottom:9px; border-bottom:1px solid #cecece; padding-bottom:18px;}
ul {margin:0;}
li {list-style-type:none;}
a {color:#2d5b77; text-decoration:none;}
a:hover {color:#214358; border-bottom:1px solid #214358;}
a:hover h1 {color:#111;}
/* Default form styles */
input {padding:4px 3px 0px 6px; font-size:14px; background-color:#F7F7F7; border:1px solid #cecece;}
input:hover, input:focus, textarea:hover, textarea:focus {background-color:#fff; border:1px solid #cecece;}
textarea {background-color:#F7F7F7; border:1px solid #cecece;}
.justify {text-align:justify;}




/* CUSTOM FRAMEWORK CLASSES ................................................................................ */
.wrapper {width:100%;}
.column {float:left; margin-right:20px;}
.one {width:950px; margin-right:0;}
.half {width:455px; margin-right:40px;}
.third {width:290px; margin-right:40px;}
.twothirds {width:620px; margin-right:40px;}
.quarter {width:222px;}
.fourfifths {width:720px; margin-right:40px;}
.fifth {width:174px;}
.last {margin-right:0;}





/* BUTTONS ................................................................................ */
a.button, button {
  display:inline;
  float:left;
  /* margin:0 0.583em 0.667em 0; */
  margin:0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #555;
  border-top:1px solid #5095be;
  border-left:1px solid #5095be;
  background-color:#2d5b77;
  font-family:Arial, Verdana, sans-serif;
  text-transform:uppercase;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#f5f5f5;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {padding:4px 10px 3px 7px;/* IE7 */}
button img, a.button img{margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none;
}

/* BUTTON COLOURS */

/* Standard */
button:hover, a.button:hover {color:#fff;}
a.button:active {background-color:#6299c5; border:1px solid #6299c5; color:#fff;}

/* Positive */
body .positive {color:#529214;}
a.positive:hover, button.positive:hover {background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;}
a.positive:active {background-color:#529214; border:1px solid #529214; color:#fff;}

/* Negative */
body .negative {color:#d12f19;}
a.negative:hover, button.negative:hover {background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;}
a.negative:active {background-color:#d12f19; border:1px solid #d12f19; color:#fff;}





/* GLOBALS + HEADER ................................................................................ */
#global_wrapper {width:100%; margin:0; padding:0;}
#header {margin:0 auto; height:126px;}
#logo {border: 0px; width:149px; height:78px; float:left; margin-top: 8px; display:block; text-indent:-10000px; background:url(../images/occasi-logo.gif) no-repeat bottom left; outline:none; text-decoration: none;}

#loginbar_wrapper, #nav_wrapper, #searchbar_wrapper, #content_wrapper, #footer_wrapper {width:100%;}
#loginbar, #nav, #searchbar, #content, #footer {width:950px; margin:0 auto;}

#loginbar_wrapper {background:#5095be;}
#loginbar {height:86px; position:relative;}
#login {width:760px; float:right; position:absolute; bottom:9px; right:0; text-align:right;}
#login p {margin:0;}

#header_wrapper {height:110px; margin-bottom:18px;}
#nav_wrapper {background:#333; height:36px;}
#nav {font-family: Arial, Verdana, sans-serif; height:100%; position:relative;}
#nav ul li {text-transform:uppercase; line-height:25px; list-style:none; display:inline;}
#nav ul li a {font-size:12px; color:#cecece; padding:7px 11px 7px 10px; margin-left:2px; border:none; background:#214358; text-decoration: none;}
#nav ul li a:hover {background:#24495f; color:#fff;}
#nav ul li a.active {background:#2d5b77; color:#fff;}
#nav ul li a.active:hover {background:#2d5b77; color:#fff;}
ul#linksleft {width:475px; position:absolute; bottom:0; left:0;}
ul#linksright {width:475px; text-align:right; position:absolute; bottom:0; right:0;}

#searchbar_wrapper {background:#2d5b77 url(/images/searchbarbg.gif) repeat-x bottom left; height:74px; position:relative; z-index:1;}
#searchbar {padding:13px 0; height:46px;}
#searchform {display:block; width:530px; margin:0 auto; height:100%; position:relative;}
.searchbox {position:relative; float:left; margin-top:-3px; width:200px; margin-right:10px;} 
.searchbox input {width:188px; height:22px;}
.searchbox label {display:block; color:#eee; margin-bottom:3px; font-family:Arial, Verdana, sans-serif; font-weight:bold;}
.searchbox label span {position:absolute; top:1px; right:0; font-weight:normal; font-size:10px; color:#ccc;}
#searchform button {position:absolute; bottom:0; right:0; background-color:#f5f5f5; color:#555; border:2px solid #24495f;}
#searchform button:hover {color:#444; border:2px solid #214357;}
#searchform.searchbtn {width:90px;}





/* LEFT-HAND COLUMN  ................................................................................ */
img.profilepic {background:#fff; width:160px; overflow:hidden; padding:4px; border:1px solid #dfdfdf; margin-bottom:9px;}
button#contact_artist {width:170px; display:block; margin:0; height:30px;}

ul#getmore {display:block; margin:45px 0 9px 0;}
ul#getmore li {margin-bottom:6px; list-style-type:none;}
ul#getmore li a {font-size:1.2em; margin-left:26px; margin-top:5px;}
ul#getmore li span {padding-bottom:2px;}
ul#getmore li span.photos {background:url(/images/icons/pictures.gif) no-repeat 0 0;}
ul#getmore li span.audio {background:url(/images/icons/sound.gif) no-repeat 0 0;}
ul#getmore li span.events {background:url(/images/icons/calendar.gif) no-repeat 0 0;}
ul#getmore li span.reviews {background:url(/images/icons/page_edit.gif) no-repeat 0 0;}
ul#getmore li span.news {background:url(/images/icons/newspaper.gif) no-repeat 0 0;}
ul#getmore li span.rss {background:url(/images/icons/rss14x14.gif) no-repeat 0 0;}

.sidebar {color:#444; width:190px;}
.sidebar h3, .sidebar p, .sidebar ul {padding:0;}
.sidebar a {text-decoration:none;}
.box {width:190px; margin:0 0 18px 0; padding:0; background:#fff url(/images/boxbg.gif) no-repeat top left;} 
.box h3 {color:#fff; font-size:1.2em;}
.box .header {width:190px; height:23px; padding:8px 9px 9px 9px; background:url(/images/boxbg_header.gif) no-repeat top left;}
.box .content {height:100%; padding:0 9px 4px 9px; background:none; border-left:1px solid #dfdfdf; ; border-right:1px solid #dfdfdf;}
.box .footer {width:190px; height:5px; background:url(/images/boxbg_footer.gif) no-repeat top left;}

#similar_artists {margin-bottom:18px;}
#similar_artists li {list-style-type:none; font-size:1.1em;}
#tagcloud_artists {margin-bottom:18px;}





/* CENTRE COLUMN  ................................................................................ */
#content_wrapper {background:#fff; padding-bottom:36px;}
#content {color:#444;}

.bio {width:530px; padding:0 0 18px 0;}
.bioheader {margin-bottom:18px;}
.bioheader h1 {font-weight:500;}
.artist_info {position:relative; font-size:1.2em;}
.artist_info li {list-style-type:none;}
.biotext {margin-bottom:18px; border-bottom:1px solid #cecece;}
.contact_artist {width:200px; float:right; position:relative;}
.contact_artist button {position:absolute; top:0; right:0;}


.photo {width:530px; padding:0 0 18px 0;}
.photoimage {width:180px; float: left; padding:0 0 0 0;}
.photodescription {width:320px; float:left; padding:0 0 0 0;}

/* Comments */
#commentform {float:left; border-top:1px solid #cecece; padding-top:18px; width:100%}
#commentfields label, #commentfields input {display:block;}
#commentfields label {margin-bottom:9px;}
#commentfields input {margin-bottom:18px; border:1px solid #cecece;}
#commentform textarea {font-family:"Lucida Grande",Verdana,sans-serif; font-size:1em; height:180px; width:90%;}
ol.commentlist {margin:0 0 18px 0;}
ol.commentlist li {padding:10px;}
ol.commentlist h4 {color:#2d5b77;; margin-bottom:9px;}
ol.commentlist .alt {background:#f5f5f5;}
.authorinfo {display:block; width:100%;}
.authorinfo img {margin-bottom:-35px;}
h4#comments {color:#777;}
h2#respond {padding-top:15px; border-top:1px solid #cecece;}
#commentfields label, #commentfields input {display:block;}
#commentfields label {margin-bottom:5px;}
#commentfields input {width:300px; margin-bottom:15px; font-size:1em; padding:5px;}





/* RIGHT-HAND COLUMN  ................................................................................ */

/* Artist Details */
.scorebar_wrapper {position:relative; width:100%; margin-bottom:18px;}
.scorebar_wrapper p {position:absolute; top:1px; left:100px; margin:0 0 0 9px; font-weight:bold;}
.scorebar {position:relative; height:17px; width:100px; border:1px solid #555; overflow:hidden;}
.bluebar {position:absolute; top:0; left:0; overflow:hidden; width:100px; height:17px; background:#2d5b77 url(/images/scorebarbg.gif) repeat-x 0 0;}
.whitebar {position:absolute; top:0; left:0; overflow:hidden; background:#fff; width:100px; height:17px;}
#artistdetails img {float:none; margin:3px 0 0 0;}
#artistdetails h4 {color:#2d5b77; margin-bottom:3px;}
#artistdetails li {padding-bottom:0; width:100%;}
#scorebar {margin:0 0 9px 0;}
#scorebar strong {font-size:1.2em;;}
#artistdetails ul.extras li {margin-bottom:3px; font-size:1.1em;}
.vertical_ad {width:170px; height:640px; padding:10px; background:#fff; margin-top:18px; text-align:center;}
.horizontal_ad {width:100%; height:80px; padding:10px; background:#fff; margin-top:18px; text-align:center;}

#events ul li {margin-bottom:9px;}
#events ul li span {display:block; margin-left:10px; font-size:10px;}




/* FEATURED ARTISTS  ................................................................................ */
.featured_artists {margin-bottom:36px;}
.featured_artist {width:100%; overflow:hidden;}
.featured_artist h1 {border:none; font-size:1.8em; padding-bottom:6px;}
.featured_artist h1 a {border-bottom:1px solid #316381;}
.featured_artist .bioheader, .featured_artist .biotext {float:right; width:532px;}
.featured_artist .biotext {margin-bottom:3px;}
.featured_artist .biotext {border-bottom:none;}
.visible {height:100%;}

.artist_pic {float:left; width:170px; margin-right:18px;}
.artist_pic a:hover img {background:#cecece;}
.artist_bio {float:left; width:521px; }
.artist_info {font-size:1.1em;}

.more {margin-left:188px; margin-bottom:36px;}
.more a {float:right; margin-top:9px;}


/* FEATURED NEWS  ................................................................................ */

.featured_news {width:100%; overflow:hidden;}
.featured_news .publishdate {float:left; width:64px; margin-right:18px; margin-bottom:18px;}
.featured_news .publishcontent{float:right; width:632px;}

.news_info {position:relative; font-size:1.1em;}
.news_info li {list-style-type:none; display:inline; margin-right:36px;}
.news_info ul {margin-bottom:18px;}




/* FOOTER  ................................................................................ */
#footer_wrapper {background:#d5d5d5; color:#666; border-top:4px solid #e5e5e5;}
#footer {height:27px; padding:9px 0;}
#footer ul li {display:inline;}
#footer ul li a {text-decoration:none; color:#666;}
#footer ul li a:hover {color:#333; border-bottom:none;}
ul.copyright {float:left; width:475px;}
ul.terms {float:right; width:475px; text-align:right;}

/* MY EXTENSIONS ................................................................................ */

#tagCloudHeader
{
    width:100%;
    border-bottom:solid 1px #2d5b77;
   	margin: 10px 10px 18px 0px;
    padding: 0px 0px 0px 0px;
	background-color:#F7F7F7;
}

#tagCloud
{
    width:100%;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 18px 0px;
	line-height: 2em;
    text-align:justify;
	border-bottom:solid 1px #2d5b77;
}

#tagCloudSmall
{
    width:95%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 2em;
    text-align:justify;
}

#bread {
	padding: 3px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}


#tagCloud A
{
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
    text-transform:lowercase;
}


/* Tag Cloud Font Sizes START*/
.nube1 {font-size: 1.0em; color:#777777;}
.nube2 {font-size: 1.2em; color:#777777;}
.nube3 {font-size: 1.4em; color:#5095be;}
.nube4 {font-size: 1.6em; color:#5095be;}
.nube5 {font-size: 1.8em;}
.nube6 {font-size: 2.0em;}
/* Tag Cloud Font Sizes END*/

/* START - Error display */ 

#errorExplanation h2 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
	padding: 10px 0px 0px 40px;
	color: #525252;
}


#messageExplanation ul, #errorExplanation ul, #warningExplanation ul {
	margin-bottom:1em;
	color: #525252;
}
#messageExplanation ul li, #errorExplanation ul li , #warningExplanation ul li {
	list-style: square;
    display: block;
    padding: 0px 0px 0px 80px;
}

#errorExplanation p {
  margin: 0 0 10px 0;
  padding: 0px 0px 0px 40px;
  font-size:12px;
  line-height:1.7;
  color:#444;
  margin-top: 10px;
}

#errorExplanation {
    background: #ffe7e7 url("../images/dialog-error.png") no-repeat 10px 5px !important;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
    border-top: 1px solid #fe8989;
    border-bottom: 1px solid #fe8989;
    color: #525252;
}

#warningExplanation {
    background: #ffe7e7 url("../images/dialog-warning.png") no-repeat 10px 5px !important;
    border-top: 1px solid #ffca0b;
    border-bottom: 1px solid #ffca0b;
    color: #525252;
}

#messageExplanation {
  border:1px solid #2d5b77;
  background-color:#F7F7F7;
  color:#777;
  list-style:none;
  margin:0 0 1.5em;
  padding:1em;
}
/* END - Error display */

  /* background: #e9fad0 url("../images/emblem-important.png") no-repeat 10px 5px !important; 
    border-top: 1px solid #aee756;
    border-bottom: 1px solid #aee756;
    color: #525252; */


#checklist {
	height: 400px;
	width: 500px;
	border:1px solid #cecece;
   overflow: auto;
   background: #F7F7F7;   
 	margin: 0; 
 	padding: 0;    
}

#checklist ul {
   list-style: none;
   height: 20em;
 	margin: 0; 
 	padding: 5px;       
}

#checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}
#checklist label:hover { background:#2d5b77; color: #fff; }

#image {
	margin: 0px 0px 10px 0px;
	
	border: 1px solid #2d5b77;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

#image td
{
	background:#f7f7f7;
}

#calendar {
	padding: 0;
	margin: 0;
	border-left: 1px solid #e5e5e5;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

#calendar .nav, .nav a {
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendar caption {
	margin: 0;
	padding: 0;
	background: #5095be;
	color: #fff;	 
	text-align: center;
}

#calendar th {
	color: #fff;
	background: #24495f;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

#calendar .private, td.private a, td.private a:link, td.private a:visited {
	color: #F6F4DA;
	background: #ffca0b;
}

#calendar .public, td.public a, td.public a:link, td.public a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #5095be;
}

#calendar td {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	width: 20px;
	height: 20px;
	text-align: center;
}

#pagination
{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
}

#pagination a{
	margin-right:2px;
	height:28px;
	line-height:28px;
	border:2px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
}

#pagination a:link,
#pagination a:visited {
	color:#2d5b77;
	padding:3px 6px;
	text-decoration:none;
}

#pagination a:hover{
	background:#5095be;
	color:#fff;	
}

#output
{
	width:100%;
}

#rss_item 
{
	padding: 18px; 
	border-bottom:1px solid #cecece;
}
#rss_item  h4 {color:#2d5b77;}
#rss_item  p {padding: 18px 0px 0px 0px;}

#rss_item .alt {background:#f5f5f5;}

.rss_info {position:relative; font-size:1.1em;}
.rss_info li {list-style-type:none; display:inline; margin-right:36px;}
.rss_info ul {margin-bottom:18px;}


#table_layout 
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #cecece;
}

#table_layout thead
{
	color: #fff;
	background:#6299c5;
	border: 1px solid #cecece;
}

#table_layout tfoot
{
	background:#C3D9FF;
	border-top: 1px solid #cecece;
}

#table_layout td
{
}

#table_layout tbody tr
{
	border-top: 1px dotted #cecece;
}

#table_layout tbody tr:hover td
{
	background: #f5f5f5;
}

#table_layout td
{
	vertical-align: top;
}

#table_layout_profile 
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #cecece;
}

#table_layout_profile thead
{
	color: #fff;
	background:#6299c5;
	border: 1px solid #cecece;
}

/* Easy Slider */
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:720px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:2px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5095be;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */	

/* Date Display */
div.datetime {
border:2px solid #cecece;
width:5.0em;
}

div.datetime p {
margin:0 auto;
padding:0;
text-align:center;
}

div.datetime .top{
color:#000;
font-weight:bold;
font-size: 1.4em;
color:#5095be;
padding:10px;
}

div.datetime .bottom{
color:#000;
padding:5px;
background-color:#cecece;
}