/*
COLOURS
#EEF2F7; = Light Blue Background
#E4EAF2; = Darker Blue
#3399CC; = Text
*/

body {
	background: #FFFFFF;
/*	scrollbar-face-color: #3399CC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF; */
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	color: #111111;
	font-size: 12px;
	margin: 0;
	padding: 0;
	/* Hover fix for IE6 */
	behavior:url("/css/csshover.htc");
}

table {
	font-size: 12px;
}

img {
	display: block;
	border: 0px;
	border: none; 
}


						/* L I N K S */
a:link {
	color: #3399CC;
	text-decoration: none;
}
a:visited {
	color: #3399CC;
	text-decoration: none;
}
a:hover {
	color: #3399CC;
	text-decoration: underline;
}

a:link.nav {
	color: #000000;
	text-decoration: none;
}
a:visited.nav {
	color: #000000;
	text-decoration: none;
}
a:hover.nav {
	color: #000000;
	text-decoration: none;
}


						/* F O N T S */
h1 {
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: Bold;
}

h2 {
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}



						/* C O M M O N   L A Y E R S */

div.left {
	float: left;
	text-align: left;

}

div.right {
	float: right;
	text-align: right;

}

div.page {
	Width: 800px;
	float: left;
	background-color: #E4EAF2;
}

div.banner {
	Width: 100%;
	height: 141px;
	float: left;
}

div.contentout {
	Width: 100%;
	float: left;
	background-color: #EEF2F7;
}

div.contentin {
	padding: 10px;
	background-color: #EEF2F7;
	float: left;
	width: 775px;
}

div.pageprop {
	height: 800px;
	float: right;
	width: 1px;
}

div.clear { /* Fix for div length */
	clear:both;
	height:1px;
	overflow:hidden;
	width:100% !important;
	width /**/:100%;
}

div.vspacer {
	height: 20px;
}

div.title {
	font-size: 14pt;
	font-weight: Bold;
	background-color: #E4EAF2;
}

div.floatnav {
	position: relative;
	left: 345px;
	top: 105px;
	width:450px;
	font-size: 10px;
	background-color: transparent; 
}

div.rss {
	position: relative;
	float: right
}

#bannerimg1 {
	background: transparent url(/imgs/banner1.jpg) no-repeat top left;
}

#bannerimg2 {
	background: transparent url(/imgs/banner2.jpg) no-repeat top left;
}

#bannerimg3 {
	background: transparent url(/imgs/banner3.jpg) no-repeat top left;
}


						/* L I S T S */

dt {
	float: left;
}

dt.title {
	font-weight: bold;
}

dd.under {
	clear: both;
	float: none;
}

dd.short {
	padding-left: 80px;
}

dl.inline, dl.single-inline {
	width: 100%;
	clear: both;
}

dl.inline dt, dl.single-inline dt {
	float: left;
	width: 50px;
}

dl.inline dd, dl.single-inline dd {
	padding-bottom: 5px;
	float: left;
	width: 120px;
}

dl.single-inline dd {
	width: 540px;
}



						/* F O R M S */
.cssform div{
	width: 420px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input, .cssform textarea, .cssform select {
	font-size: 11px;
	border: 1px solid #3399CC;
	background-color: #FFFFFF;
	padding-bottom: 2px;
	padding-top: 2px;
	vertical-align: middle;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	margin-bottom: 2px;
}

.cssform select {
	padding-bottom: 0px;
	padding-top: 0px;
}

.cssform option {
	padding-bottom: 1px;
	padding-top: 1px;
}

/* Search Bar */

div.search {
	background: url(/imgs/search-box.png) no-repeat 0 0;
	float: left;
	width: 170px;
	height: 20px;
}

div.search input {
	float: left;
	border: none;
	background: none;
}

div.search input.field {
	width: 135px;
	padding: 2px 0 0 10px;
	font: 12px Arial,Tahoma,sans-serif;
	color: #3399CC;
	position: relative;
}

div.search input.submit {
	background: url(/imgs/icon_search.gif) no-repeat 0 0;
	display: inline;
	width: 16px;
	height: 13px;
	padding: 0;
	margin: 3px 0 0 3px;
	cursor: pointer;
}

div.after-search {
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}



		/* R O U N D E D   C O R N E R   B O X E S */
div.box-outer {
	margin-left: 10px;
	margin-right: 80px;
}

div.box-border, div.box-border-inset {
	margin-bottom: 4px;
	padding: 0 12px;
	background-color: #E4EAF2;
	color: #000000;
}

div.box-border-inset {
	background-color: #EEF2F7;
}

div.box-inner {
	margin-left: 5px;
}

div.box-heading {
	text-align: center;
	font-size: 18px;
	font-weight: Bold;
}

div.box-title {
	clear: both;
	margin-bottom: 5px;
	font-weight: bold;
}

div.box-contents {
	clear: both;
	margin-bottom: 5px;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 12px;
	background-repeat: no-repeat;
}
span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -12px;
	background-image: url("/imgs/corners_left.png");
}

span.corners-top span {
	background-position: 100% 0;
	background-image: url("/imgs/corners_right.png");
}

span.corners-bottom {
	background-position: 0 100%;
	margin: 0 -12px;
	clear: both;
	background-image: url("/imgs/corners_left.png");
}

span.corners-bottom span {
	background-position: 100% 100%;
	background-image: url("/imgs/corners_right.png");
}

div.box-border-inset span.corners-top {
	background-image: url("/imgs/inner_corners_left.png");
}

div.box-border-inset span.corners-top span {
	background-image: url("/imgs/inner_corners_right.png");
}

div.box-border-inset span.corners-bottom {
	background-image: url("/imgs/inner_corners_left.png");
}

div.box-border-inset span.corners-bottom span {
	background-image: url("/imgs/inner_corners_right.png");
}

		/* M I S C */

		/* Fix For IE<7 Transparent PNG Flaw*/
/*img, div, span {
	behavior: url(/css/iepngfix.htc);
}*/


		/* Discograpy (default page) */

div.box-contents div.disc-art {
	padding-top: 10px;
	float: left;
	width: 300px;
}

div.box-contents div.disc-tracks {
	float: left;
}

div.disc-tracks dl {
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 2px 5px;
}

div.disc-tracks dl.clickable {
	cursor: pointer;
	width: 300px;
}

div.disc-tracks dl.clickable:hover {
	background-color: #EEF2F7;
}

		/* Discograpy (details page) */

div.disc_details__container {
	width:700px;
	padding:0%;
	margin:0 auto;
	text-align:left;
	background-color: #E4EAF2;
}

div.disc_details__title_row {
	width: 100%;
	height: 20px; !important;
	height /**/: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: white url(/imgs/shade.gif) top left repeat-x;
}

div.disc_details__title_song {
	width:45% !important;
	width /**/:50%;
	float: left;
	font-weight: bold;
	padding-left: 5%;
}

div.disc_details__title_album {
	width:45% !important;
	width /**/:50%;
	float: left;
/*	font-weight: bold;*/
	text-align: right;
	padding-right: 5%;
}

div.disc_details__card {
	clear: both;
	width:96% !important;
	width /**/:100%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;

}

div.disc_details__cover {
	width :35%;
	float: left;

}

div.disc_details__info {
	width: 64%;
	float: left;

}

div.disc_details__info_line {
	width: 100%;
}

div.disc_details__info_key {
	width: 20%;
	float: left;
	padding-bottom: 10px;
}

div.disc_details__info_value {
	width: 79%;
	float: left;
	padding-bottom: 10px;

}

		/* Gallery */

div.box-sub-left {
	float: left;
	padding-right: 10px;
}

		/* for lightbox */
img.gallery {
	border: 0;
}


		/* Used for table headings (diary + press) */
tr.heading {
	height: 20px;
	background-color: #DFE6EF;
	font-weight: Bold;
}

		/* News (default page) */
div.news_countdown {
	padding: 0 0 30px 0;
}

div.news_date {
	color: #444444;
	border-bottom: 1px solid #BBBBBB;
	padding: 0 0 3px 0;
	width: 90%;
}

div.news_item {
	padding: 0 0 20px 0;
	width: 90%;
}

/*div.countdown {
	position: absolute;
	top: 265px;
	left: 11px;
	font-size: 12px;
	border: 1px solid #000;
}*/

		/* Diary (Details Page) */

div.box-contents-2col {
	float: left;
	width: 49%;
}

.clickable {
	cursor: pointer;
}


		/* Used for mysql dump page */
table.mysql_backup_stats {
	width: 500px;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}

table.mysql_backup_stats th {
background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; 
}

table.mysql_backup_stats td {
border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 10px;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; 
}

img.mysql_backup_graph {
	width: 500px;
}

		/* Gallery */

div.gallery_images div.max_width {
	width: 350px;
}