@import "assets/snippets/pcdtr/php/css.php";
/* font-size in pts for custom fonts */

body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color:#222;
	background-position:Center top;
	background-image: url(../images/myspace_bg.jpg);
	background-repeat: repeat-y;
	scrollbar-face-color:#666666;
	scrollbar-highlight-color:#111111;
	scrollbar-3dlight-color:#777777;
	scrollbar-shadow-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#000000;
	color: #999;
	font-family: arial, helvetica, sans serif; 
	font-size: 0.9em;
	overflow-x: hidden;
	overflow-y: auto;
}

#background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color:transparent;
	background-position:Center top;
	background-image: url(../images/myspace_bg.jpg);
	background-repeat: repeat-y;
	border: none;
	padding: 0;
	margin: 0;
}

#header {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color:transparent;
	background-position:Center top;
	background-image: url(../images/angel.jpg);
	background-repeat: no-repeat;
	border: none;
	padding: 0;
	margin: 0;
}

#container {
	/*background-color:#222222;*/
	position: absolute;
	width: 100%;
	margin-left: -50%;
	left: 50%;
	top: 300px;
}

#mainmenu {
	width: 100%;
	left: 0;
	top: -20px;
	position: relative;
	margin: 0px;
	background-position:Center bottom;
	background-image: url(../images/tear-main.png);
	background-repeat: repeat-y;
	z-index: 500;
	margin-bottom: 25px;
}
#menu-top {
	height: 30px;
	width: 100%;
	left: 0;
	top: -30px;
	position: absolute;
	margin: 0px;
	background-position:Center bottom;
	background-image: url(../images/tear-top.png);
	background-repeat: no-repeat;
}
#menu-main {
	position: relative;
	height: 20px;
	top: 0px;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}
#menu-bottom {
	margin: 0px;
	height: 35px;
	width: 100%;
	left: 0;
	bottom: -35px;
	position: absolute;
	background-position:Center top;
	background-image: url(../images/tear-bottom.png);
	background-repeat: no-repeat;
}

#borderleft {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -420px;
	width: 150px;
	font-size: 10px;
}
#borderleft UL {
	padding: 0;
}
#borderleft UL {
	padding: 0 0 0 10px;
}

#borderright {
	position: absolute;
	top: 30px;
	right: 50%;
	margin-right: -420px;
	width: 150px;
	font-size: 11px;
}
#borderright #clmn_newslist UL,
#borderright #clmn_gigs UL {
	margin: 0;
	padding: 0;
	list-style: none;
}
#borderright #clmn_gigs UL LI {
	margin: 0 0 6px 0;
}

#breadCrumbs {
	position: absolute;
	top: 18px;
	left: 50%;
	margin-left: -250px;
	width: 500px;
	padding: 0px 10px 0 10px; /* top right bottom left */
	font-size: 11px;
	color: #757575;
	z-index: 500;
}
#breadCrumbs A {
	color: #454545;
}
#breadCrumbs A:hover {
	color: #757575;
}

#content-background {
	position: absolute;
	top: 0px;
	width: 800px;
	left: 50%;
	margin-left: -420px;
	width: 840px;
	height: 330px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
#content {
	position: absolute;
	top: 30px;
	width: 450px;
	left: 50%;	
	margin: 0px;
	margin-left: -250px;
	padding: 0px 10px 10px 10px; /* top right bottom left */
	font-size: 0.8em;
	line-height: 1.2;
}

#ditto_details {
	font-size: 11px;
	color: #454545;
}

h2 {
	font-family: carbonated gothic, Courier New, monospace;
	font-size: 14pt;
	color: #999;
}

h3 {
	font-family: Courier New, monospace;
	font-size: 1.2em;
	line-height: 0;
	padding-top: 10px;
	/*color: #e2d5b2;*/
	color: #999;
}

a {
	text-decoration: none;
	color: #85885d;
}
a:hover {
	text-decoration: none;
	color: #e2d5b2;
}


.memberData {
	list-style: none;
	display: block;
	clear: both;
}
.memberHistory, .memberInstrument {
	list-style: none;
	display: block;
	float: left;
	width: 100px;
}
.memberHistory {
	font-size: 0.8em;
	font-style: italic;
	color: #666;
}
.memberName {
	float: left;
	width: 200px;
}

DIV.lineup {
	display: block;
	float: left;
	clear: both;
}
IMG.lineup {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
}
UL.lineup {
	display: block;
	float: left;
	margin:0;
	padding:0 0 0 10px;
}
LI.lineup {
	list-style: none;
	display: block;
	float: left;
	width: 100px;
	clear: both;
	width: 340px;
}

/* giglist */
TABLE.eventlist {
	width: 100%;
	margin: 0 0 20px 0;
}
TABLE.eventlist TR:hover {
	background-color: #111;
	cursor: pointer;
	cursor: hand;
}
TABLE.eventlist TD {
	padding: 0 5px 0 0;
	vertical-align: top;
	border-bottom: 1px dotted #333;
}
TABLE.eventlist TD.playdate {
	font-size: 0.85em;
}
TABLE.eventlist TH {
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #333;
}
TABLE.eventlist TR.past TD {
	font-size: 11px;
	color: #666;
}
TABLE.eventlist TR.cancelled TD {
	text-decoration: line-through;
	color: red;
}

/* linklist */
UL.linkList, UL.linkList UL {
	padding: 0;
	margin: 0;
}
UL.linkList UL {
	margin-bottom: 20px;
}
UL.linkList LI {
	list-style: none;
}
UL.linkList SPAN.linkUrl, UL.linkList SPAN.linkDesc  {
	display: inline-block;
	width: 45%;
	margin-right: 5px;
	vertical-align:top;
}

/* photogallery */
DIV.albumContainer {
	display: block;
	clear: both;
}
DIV.albumTitle {
	display: block;
	clear: both;
	font-weight: bold;
	font-family: Courier New, monospace;
	font-size: 1.2em;
	line-height: 1.2em;
	padding-top: 10px;
	/*color: #e2d5b2;*/
	color: #999;
}
A.albumIcon {
	float: left;
	margin: 0 10px 20px 0;
}
A.albumIcon IMG {
	border: none;
}
DIV.albumNav {
	font-size: 0.8em;
}
DIV.albumInfo {
	display: block;
	float: left;
	margin: 0 0 20px 0;
	width: 300px;
}
DIV.albumDate {
	font-size: 0.8em;
	font-style: italic;
}
DIV.albumDetails {
	font-size: 0.8em;
	font-style: italic;
}
DIV.imageList {
	display: block;
	clear: both;
}
A.imageThumb {
	font-size: 8px;
}
A.imageThumb IMG {
	border: none;
}