/* -- TODO STYLES -----------------------
Written by: Matt McCloskey - Kemso Design - 2005
*/
body {
	background-image: url(../images/bg_1.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-family:"Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	color: #99b0c1;
}
.smalltext {
	font-size:9px;
	color:#999999;
}
ul {
	margin: 0px 0px 0px 18px;
	padding: 0px;
}
li {
	list-style-position: outside;
}
h1 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 3px 3px 3px 0px;
	color: #333333;
}
h2 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	color: #CC3300;
	margin: 0px;
	padding: 0px;
}
textarea {
	font-family:"Lucida Grande", Verdana, Geneva;
	font-size: 11px;
	color: #333333;
	background: #e9f2f6;
}
button {
	font-family:"Lucida Grande", Verdana, Geneva;
	font-size: 11px;
	color: #333333;
}
input {
	margin-top: 3px;
	font-family:"Lucida Grande", Verdana, Geneva;
	font-size: 14px;
	color: #333333;
	background: #e9f2f6;
	/*background: #dae1ed;*/
}
a {
	font-size: 11px;
	color: #CC3300;
	text-decoration: none;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
a.important {
	color: #CC3300;
	background: url(../images/more.jpg) no-repeat left center;
	text-decoration: none;
	padding-left: 13px;
}
a.important:link, a.important:visited {
	text-decoration: none;
}
a.important:hover, a.important:active {
	text-decoration: underline;
}
/* -- STRUCTURE ------------------------------------------------------------------------------------ */
#table_main {
	position: relative;
	background-image: url(../images/bg_shadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
	width: 734px;
	margin:auto;
	padding:0px;
	background-color:#999999;
}
#table_main td {
	margin:0px;
	padding:0px;
	text-align:center;
	/*padding:0px 24px 0px 24px;*/
}
#table_main .header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/*background-color:#0099CC;*/
	height: 146px;
}
#table_main .content {
	font-size: 12px;
	height: auto;
}
#table_main .footer {
	height: 33px;
	background-image:url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:10px;
	padding-top:8px;
	padding-left:20px;
	text-align:left;
}
#container {
	/*background-color:#CCCC33;*/
	position: relative;
	width: 690px;
	height: 100%;
	margin:auto;
	text-align:left;
	margin-top:6px;
	/*padding-top:8px;
	padding-bottom:12px;
	padding-left:24px;
	padding-right:24px;*/
}
#leftcolumn_1 {
	width: 212px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}
#rightcolumn_1 {
	position: relative;
	width: 540px;
	margin-top: 0px;
	margin-left: 212px;
	margin-bottom: 15px;
	padding: 11px;
	vertical-align: top;
}
#leftcolumn_2 {
	width: 200px;
	/*position: absolute;
	left: 0px;
	top: 0px;*/
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-size: 11px;
}
#rightcolumn_2 {
	/*position: relative;
	margin-top: 0px;
	margin-left: 205px;*/
	/*background-color:#999999;*/
	width: 480px;
	float: right;
	clear: none;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	overflow:hidden;
}
#leftcolumn_2 .top {
	background-image: url(../images/blue_box_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 200px;
	padding: 0px;
	margin: 0px;
	background-color:#999999;
	display:block;
}
#leftcolumn_2 .content {
	background-image: url(../images/blue_box_r3_c1.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding: 0px 5px 1px;
	margin: 0px;
}
#leftcolumn_2 .bottom {
	background-image: url(../images/blue_box_r4_c1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 200px;
	padding: 0px;
	margin: 0px;
}

/* -- MODIFICATIONS --------------------------------------------------------------------------------------------------------- */
#leftcolumn_2 h1 {
	font-size: 14px;
	border: none;
	padding: 0px;
	margin: 0px;
}

#band_content {
	position: relative;
	left: 0px;
	top: 6px;
	width: 690px;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	padding: 0px;
	/*background-color: #FF6699;*/
}
#recentphotos {
	cursor: pointer;
	cursor: hand;
}
#photo {
	padding: 3px;
	margin: 3px 3px 3px 0px;
	background-color: #666666;
	border: 0px;
	display: inline;
}

.accountphoto_sm {
	padding:2px;
	border:solid 1px #cccccc;
	margin-right:5px;
	vertical-align:middle;
	text-align:left;
}

/* ------------ NAVIGATION --------------------------------------------------------------------------------------------------- */

/* Main Nav */
#main_nav_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*background-color: #33CC33;*/
}
#main_nav {
	position:absolute;
	left: 30px;
	top: 95px;
	width: 690px;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
}
#main_nav ul {
	margin: 0px;
	padding: 0px;
}
#main_nav li {
	display: inline;
	color: #FFFFFF;
	margin: 0px 10px;
	padding: 0px;
	list-style: none;
}
#login {
	position: absolute;
	top: 0px;
	left: 380;
	width: 290px;
	text-align: right;
}
#login li {
	
}
#main_nav a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	background-image: none;
}
#main_nav a:hover {
	color: #99b0c1;
}
/* Band Site Nav */
#nav {
	margin: 0px;
	padding: 0px;
}
#nav li {
	width: 190px;
	height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
}
#nav li a {
	background-image: url(../images/navitem_bg.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 18px;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	display: block;
	width: 100%;
	padding: 2px 0px 0px 4px;
	vertical-align: middle;
	background-position: left top;
}
html>body #nav a {
	width: auto;
}
#nav li a:link {
	color: #666666;
	
}
#nav li a:visited {
	color: #666666;
	
}
#nav li a:hover {
	color: #74899C;
	background-image: url(../images/navitem_over_bg.jpg);
	background-repeat: no-repeat;
}
#nav li a:active {
	color: #cc3300;
	background-image: url(../images/navitem_over_bg.jpg);
	background-repeat: no-repeat;
}/**/


/* -------- BAND PAGE ----------- */
#bandheader {
	position:relative;
	height: 133px;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
#bandheader .image {
	position: relative;
	display: inline;
	width: 200px;
	height: 133px;
	margin: 0px;
	padding: 0px;
}
#bandheader .info {
	position: absolute;
	left:200px;
	display: inline;
	width: 490px;
	height: 133px;
	margin 0px;
	padding: 5px 5px 5px 10px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
}
#bandheader .name {
	display: block;
	font-size: 18px;
	color: #333333;
}
#bandheader .location {
	display: block;
	font-size: 14px;
	color: #CC3300;
}
#bandheader .genre {
	display: block;
	font-size: 14px;
	color: #CC3300;
}
#bandheader .shortbio {
	display: block;
	padding-right:20px;
	font-size: 11px;
	color: #666666;
}
/* -------------- ADD --------------------------*/
a.add_link {
	background:url(../images/plusCirc.jpg) no-repeat left center;
	margin: 0px;
	padding: 4px 3px 5px 24px;
	color: #666666;
	vertical-align: middle;
}
a.add_link:link, a.add_link:active{
	background-color: #ffffff;
	text-decoration: none;
}
a.add_link:hover, a.add_link:visited{
	background-color: #ffffff;
	text-decoration: underline;
}

/* ------------- upload_bandimage_page ---------- */
#upload_bandimage_page {
	padding: 10px;
}

/*------------- Authenticated styles ------------ */
.delete {
	display: inline;
	text-align:right;
}
.edit {
	display: inline;
	text-align:right;
}
/*------------------JUKEBOX-------------------------*/
#juke ul {
	margin: 0px;
	padding: 0px;
}
#juke li {
	width: 472px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	list-style-type: none;
}
#juke {
}
#songbar {
	position: relative;
	background-image: url(../images/show_bg.jpg);
	background-repeat: no-repeat;
	padding: 2px 1px 1px 4px;
	width: 472px;
	height: 18px;
}
#songbar .delete {
	position: absolute;
	left:4px;
	width: 20px;
	height: 15px;
	text-align:left;
	overflow: hidden;
}
#songbar .drag {
	background-color:#CCCCCC;
	position: absolute;
	left:20px;
	top:0px;
	width: 30px;
	height: 18px;
	text-align:center;
	font-style: normal;
	font-size:12px;
	color: #999999;
	cursor: move;
}
#songbar .title {
	position: absolute;
	left:55px;
	height: 15px;
	font-style: normal;
	color: #FFFFFF;
	overflow: hidden
}
#songbar .stats {
	position: absolute;
	right:12px;
	text-align:right;
	width: 80px;
	height: 15px;
	font-style: normal;
	color: #FFFFFF;
	overflow: hidden;
}
/*-------------- SEARCH ---------------------------------*/
#search_result {
	font-size:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #efefef;
}

/*-------------- STATISTICS ---------------------------------*/
#stats {
}
#stats .title {
	display:inline;
	color:#CC3300;
}
#stats .note {
	display:inline;
	color:#cccccc;
	position:absolute;
	left:200px;
}
#stats .count {
	display:inline;
	position:absolute;
	color: #99b0c1;
	right:10px;
	top:0px;
	text-align:right;
	padding: 5px;
}
#stats ul {
	margin: 0px;
	padding: 0px;
}
#stats li {
	list-style: none;
	display:block;
	padding: 5px;
	/*height: 25px;*/
	position:relative;
	vertical-align:middle;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:8px;
	/*background-color:#CCCCCC;*/
}
#stats .overall .title {
	font-weight: bold;	
}
#stats .overall .count {
	font-weight: bold;	
}
#stats .overall ul {
}
#stats .overall li {
}
#stats .sub .title {
	font-weight:normal;
	color:#666666;
}
#stats .sub .count {
	font-weight:normal;
}
#stats .sub ul {
	margin-left:15px;
}
#stats .sub li {
}

/*-------------- BB Box ---------------------------------*/
#bb_box {
	position:relative;
	text-align:left;
}
#bb_box .tab {
	position:absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 70px;
	height: 60px;
}
#bb_box .letter {
	width:30px;
	height:36px;
	padding:0px;
	margin-top:12px;
	margin-right:auto;
	margin-bottom:12px;
	margin-left:auto;
	/*background-color:#0066CC;*/
	font-size:36px;
	text-transform:uppercase;
	color:#333333;
}
#bb_box .top {
	position:relative;
	left:72px;
	background-image: url(../images/bb_box_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:267px;
	height:29px;
	padding:0px;
	margin:0px;
	
}
#bb_box .top h1 {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform: uppercase;
	margin-left: 5px;
	padding-top:5px;
}
#bb_box .middle {
	position:relative;
	left:72px;
	background-image: url(../images/bb_box_bg.jpg);
	background-repeat:repeat-y;
	width:267px;
	padding:0px;
	margin:0px;
	/*----------*/
	color:#333333;
}
#bb_box .content {
	padding:5px;
	font-size:10px;
}
#bb_box .bottom {
	position:relative;
	left:72px;
	background-image: url(../images/bb_box_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:267px;
	height:11px;
	padding:0px;
	margin:0px;
}
/*-------------- BB Box ---------------------------------*/
#home_news {
}
#home_news .title {
	display:block;
	color:#333333;
	font-size:14px;
}
#home_news .date {
	display:block;
	color:#006699;
	font-size:10px;
	font-style: italic;
}
#home_news .entry {
	display:block;
	color:#CC3300;
}