/* BASICS */
body {
	background: #025080 url(/img/bg_up.png) repeat-x;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
}
object embed {
	margin: 10px auto 0;
}
p { 
	margin: 0 auto 10px; 
}
p.right { 
	margin: 5px; 
	text-align: right; 
}

/* ANCHORS */
a { 
	color: #1968a5; 
	text-decoration: none; 
}
a:hover { 
	color: #b74213; 
	text-decoration: underline; 
}
a.downloadLink {
  background: #08c;
	border: 2px solid #222;
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
	color: #fff;
	font-size: 0.8em;
	padding: 4px 8px;
}
a.downloadLink:hover {
	background: #33b0ee;
	border: 2px solid #222;
	text-decoration: none;
}
a.trackstitle, 
.trackstitle { 
	font-size: 12px; 
	font-weight: bold; 
}
dt {
  font-weight: bold;
  margin: 3px 0 2px;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	padding: 0 0 5px;
}
h1 { 
	color: #001666; 
	font-size: 20px; 
	font-weight: bold;
	padding-bottom: 5px;
}
h2 { 
	font-size: 16px; 
	font-weight: bold;
	margin-bottom: 2px;
}
h2.highlight { 
	background: #acdffe; 
}
h3 { 
	font-size: 14px; 
	font-weight: bold;
  padding: 5px 0;
	width: 350px; 
}
h4 { 
	font-size: 12px; 
	font-weight: bold;  
}
hr {
	margin: 2px auto;
}

/* FORM INPUTS */
fieldset { 
  float: left;
}
form { 
  overflow: hidden; 
}
input, 
select, 
textarea {
	background: #fffeee;
	border: 1px solid #0d4189;
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 2px 2px 2px #666;
  -moz-box-shadow: 2px 2px 2px #666;
  -webkit-box-shadow: 2px 2px 2px #666;
	clear: none;
	float: left;
  font-size: 1.2em;
  margin: 4px 4px 4px 0;
	outline: none;
  padding: 2px;
  text-align: left;
}

input:hover, input:focus, 
select:hover, select:focus, 
textarea:hover, textarea:focus { 
	background: #d9e9ff;
	border: 1px solid #025080;
}
input[type=password], 
input[type=text] {
	clear: none;
	float: left;
	padding: 4px 2px;
	width: 250px;
}
input[type=button], 
input[type=submit] { 
	background: #08c;
	clear: left;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 1em;
	height: 30px;
	margin: 10px 5px 5px 0;
	padding: 7px 9px;
	text-align: right;
}
input[type=submit]:hover { 
	background: #33b0ee;	
}
input[type=checkbox] { 
  float: left;
  margin: 10px 0 0;
}
input.raterSubmit {
	clear: none;
	font-size: 12px;
	margin: 0 0 0 4px;
}
div.input span {
  float: left;
	font-size: 14px;
  padding: 9px 4px 8px;
}
label {
	clear: left;
	float: left;
	font-size: 14px;
	margin: 8px 7px 2px 0;
	padding: 0;
	text-align: right;
	width: 70px;
}
option { 
	padding: 2px; 
}
select { 
	padding: 2px; 
}
textarea {
	float: left;
	height: 100px;
	overflow: auto;
  padding: 4px;
	width: 250px;
}

/* TABLES */
table, td, th, tr {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
table { 
	background: #fff;
  width: 100%;
}
td, th { 
  padding: 0 2px 6px; 
}
td.actions {
	background: #fff;
}
th { 
  text-align: left; 
}
th.actions { 
	width: 40px; 
}

/* LISTS */
ul { 
	clear: left; 
	padding: 5px 15px; 
}
ul li { 
	list-style: square;
	margin-left: 4px;
	padding: 1px 5px; 
}
ul.tag_category { 
	margin: 0; 
	padding: 0; 
}
ul.tag_category h2 {
  margin: 10px 0 5px;
}
ul.tag_category ul { 
	margin: 0 0 0 5px; 
	padding: 0; 
}
ul.tag_category li { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
ul.tag_category li li { 
	list-style: square; 
	margin: 0 0 0 8px; 
	padding: 0; 
}

/************************
    SITE-WIDE CLASSES
*************************/
.altrow { 
	background: #f0d7fa; 
}
.bg-home, 
.bg-login,
.bg-other, 
.bg-users { 
	background: #c00; 
}
.bg-albums,
.bg-music,  
.bg-songs, 
.bg-guitardemo, 
.bg-tags, 
.bg-songcomments, 
.bg-songratings, 
.bg-categories { 
	background: #025080; 
}
.bg-studio { 
	background: #0c6196; 
}
.bg-about { 
	background: #0776be; 
}
.clear { 
	clear: left; 
}
.details { 
	color: #007; 
}
.disabled { 
	display: none; 
}
.error { 
	color: #f00; 
}
.error-message { 
	background: #e3caca;
	border: 1px solid #c89797;
	color: #824646;
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 6px;
	padding: 4px;
}
.flash {
	border-radius: 5px;
	border-bottom: 0;
	border-left-style: solid;
	border-left-width: 2px;
	border-right: 0;
	border-top-style: solid;
	border-top-width: 2px;
	bottom: 0;	
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	opacity: 0.925;
	overflow: visible;
	padding: 5px;
	position: fixed;
	right: 0;
	text-align: center;
	width: auto;
	z-index: 10;
}
.flashJS {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	border-top: 0;
	bottom: auto;
	box-shadow: 2px 2px 2px #666;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	position: fixed;
	right: auto;
	top: 0;
}
.flash_good img, 
.flash_bad img {
	border: 1px solid #000;
	float: right;
	margin: 3px 5px 0;
}
.flash_good {
  background: #d9ffde;
	border-color: #4bd661;
}
.flash_bad { 
  background: #ffbfbf;
	border-color: #d64b4b;
}
.input.date > * {
  float: left;
}
.mplayer { 
	margin: 2px 0; 
	padding: 0; 
}
.mplayer_down { 
	height: 20px; 
	margin: 0; 
	padding: 0; 
	width: 20px; 
}
.public {
	background: rgba(54,204,0,0.6);
}
.private {
	background: rgba(204,0,54,0.6);
}
.required { 
	color: #f30; 
	font-weight: bold; 
}
.success {
	color: #1e9e31;
	font-weight: bold;
	padding-top: 5px;
}
.tinted { 
	background: #eee; 
}


/********************

	SITE-WIDE IDs
	
*********************/

div#title {
	float: left;
	height: 27px;
	margin: 0;
	padding: 8px 0 5px 7px;
	text-align: left;
	width: 250px;
}
div#error-console {
	background: #000;
	box-shadow: 0 3px 5px #444;
	-moz-box-shadow: 0 3px 5px #444;
	-webkit-box-shadow: 0 3px 10px #444;
	color: #fff;
	display: none;
	font-family: Monaco, sans-serif;
	font-size: 12px;
	height: 100px;
	left: 0;
	opacity: 0.85;
	overflow: auto;
	overflow-x: none;
	overflow-y: scroll;
	padding: 10px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

#login_bar {
	background: #eee;
	border-bottom: 1px solid #000;
  border-top: 1px solid #000;
	clear: left;
	color: #000;
	height: 14px;
	margin: 0 auto;
	padding: 3px 5px 3px 10px;
	text-align: left;
}
#login_bar_sub {
	background: #ddd;
	border-bottom: 1px solid #000;
	color: #000;
	height: 12px;
	margin: 0 auto 10px;
	padding: 3px 5px 3px 180px;
}

#content {
	clear: left;
	margin: 0 auto 10px 8px;
	overflow: hidden;
	padding: 0;
}

#content-menu {
	float: left;
	left: 0px;
	overflow: hidden;
	position: relative;
	width: 120px;
}
#content-menu #nav a {
	box-shadow: 2px 2px 2px #666;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	color: #fff;
	display: block;
	float: left;
	font-size: 18px;
	height: 30px;
	margin: auto;
	padding: 12px 20px 0 10px;
	text-align: right;
	width: 100px;
}
#content-menu #nav a:first-child {
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
}
#content-menu #nav a:last-child {
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
}
#content-menu #nav a:last-child:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
}
#content-menu #nav a:hover {
	background: rgba(255,255,255,0.3);
	color: #000;
  text-shadow: 0 0 3px #fff;
	text-decoration: none;
}
#content-menu #nav a.sub {
	background: #667;
	font-size: 14px;
	height: 24px;
}
#content-menu #nav a.sub:hover {
	text-shadow: none;
}
#content-menu #social {
	clear: left;
	margin: 5px 10px 5px 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 120px;
}
#content-menu #social img {
	margin: 10px auto 0;
	padding: 0;
}
#content-menu #social img.extra {
	border: 1px solid #999;
}

#content-body {
	border: 7px solid inherit;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	float: left;
	padding: 5px;
	width: 700px;
}
#content-body.bg-songcomments {
  width: 1000px;
}
#content-body-header {
	background: #024080;
	border-right: 3px solid #000;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	height: 21px;
	letter-spacing: 1px;
	margin: 0;
	padding: 8px;
}
#content-body-text {
	background: #fff;
	line-height: 15px;
	margin: 0;
	overflow: hidden;
	padding: 10px;
}
#foot {
	clear: left;
	color: #fff;
	margin: 5px auto 2px;
	padding: 3px;
	text-align: center;
}


/**********************
	CONTROLLERS/ACTIONS
***********************/

/* blog */
#blog_wrapper {
	float: right;
  margin-left: 10px;
	padding: 0 5px 5px;
	width: 250px;
}
#blogHeader {
  background: #d3efff;
	border: 1px solid #000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 2px 2px 5px;
}
#blogBody {
	background: #fff;
	border-bottom: 1px solid #0250a0;
	border-left: 1px solid #0250a0;
	border-right: 1px solid #0250a0;
	clear: left;
	padding: 2px;
}
.blogTitle {
	border: 1px solid #fff;
	cursor: pointer;
	padding: 2px;
}
.blogTitle.selected,
.blogTitle:hover {
	background: #addffe;
	border-bottom: 1px solid #addffe;
	border-left: 1px solid #025080;
	border-right: 1px solid #025080;
	border-top: 1px solid #025080;
}
.blogTitle a:hover {
	color: #1968a5;
	text-decoration: none;
}
.blogContent {
	background: #addffe;
	border-bottom: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	display: none;
	margin-bottom: 5px;
	max-height: 140px;
	overflow: auto;
	padding: 2px 2px 0;
}


/* about */
#aboutText {
	float: left;
	margin-right: 10px;
	width: 360px;
}
#aboutFrame {
	background: #025080;
	border: 4px solid #025080;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	height: 300px;
	margin: 0;
	padding: 0;
	width: 300px;
}
#aboutFrame #img {
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#aboutYears {
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}
#aboutYears a {
	color: #00f;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#aboutYears a.selected {
	color: #000;
}


/* albums */
/* albums/songs/tags */
#ast-bar {
	background: #fff;
	font-size: 14px;
	margin: 0;
	padding: 5px 9px 11px;
}

/* albums/index */
#albums-intro {
	margin-bottom: 10px;
}
#albums-intro img {
	border: 1px solid #000;
	float: right;
	height: 190px;
	margin: 0 0 0 10px;
	width: 190px;	
}
#albums-index {
	clear: right;
	margin: 20px auto 0;
	overflow: hidden;
}
#albums-index .albums-section {
	float: left;
	font-size: 11px;
	height: 120px;
	margin: 0;
	padding: 2px;
	width: 330px;
}
#albums-index .albums-section img { 
	border: 1px solid #999; 
	float: left; 
	height: 100px; 
	margin: 3px 5px 20px 0; 
	padding: 0; 
	width: 100px; 
}
#albums-index .albums-section.admin {
	height: 140px;
}
#albums-index .albums-section.admin img {
	margin-bottom: 5px;
}
.music_actions {
	clear: left !important;
}
.music_actions img {
	border: 0 !important;
	height: 16px !important;
	width: 16px !important;
}
/* /albums/view/n */
#album-view {
	background: #fff;
	font-size: 11px;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 0 0;
}
#album-view img { 
	border: 1px solid #025080; 
	float: left; 
	height: 100px; 
	margin: 6px 8px 8px 8px; 
	padding: 0; 
	width: 100px;
}
#album-view-description {
	font-size: 14px;
	line-height: 16px; 
	padding: 8px;  
}
#album-view-download {
	background: #0374ba;
	padding: 5px;
	text-align: right;
}
#album-view-download a {
	color: #fff;
	font-size: 14px;
}

table#album-view-songlist {
	border: 2px solid #025080;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
table#album-view-songlist td {
	background: #fff;
	margin: 0;
	padding: 5px;
}
table#album-view-songlist td object {
	display: none;
}
table#album-view-songlist td.number {
  background: #025080;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  width: 10px;
}
table#album-view-songlist td.title {
  background: #b8c0fe;
  padding: 5px;
}
table#album-view-songlist td.title a {
  color: #029;
  font-size: 14px;
  font-weight: bold;
}
table#album-view-songlist td.statDate, 
table#album-view-songlist td.statSize, 
table#album-view-songlist td.statTime {
  background: #d2d7fe;
  font-size: 12px;
  padding: 0 5px;
  width: 100px;
}
#AlbumName {
  width: 400px;
}
#AlbumDescription {
  height: 350px;
  width: 400px;
}
#AlbumYear {
  height: 16px;
  width: 100px;
}
#album-songs {
	background: #fff;
	padding: 10px;
}


/* songs */
/* songs/index */
#SongSearchForm input[type=submit] {
  clear: none;
	float: left;
	height: 27px;
  margin: 4px 5px;
	padding: 5px 10px;
}
#SongCount {
	clear: none;
	display: block;
	float: left;
	font-weight: bold;
	margin: 8px 8px 16px;
	position: fixed;
	right: 595px;
	top: 170px;
}
#results { 
	clear: left; 
	margin: 0; 
}
.song-index-item { 
	border: 1px solid #fff;
	clear: left;
	cursor: pointer; 
	margin: 0 0 10px; 
	padding: 5px; 
}
.song-index-item.highlight {
	background: #c3e3f7;
	border: 1px solid #000;
}
.song-index-item object {
	display: none;
}
.song-index-item img { 
	border: 0;
	margin: 0;
	position: relative; 
	top: 2px;
}
.song-index-item .song-index-name { 
	font-size: 16px;
}

/* songs/view */
#song-title {
  background: #025080;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 2px;
  padding: 5px 5px 8px 7px;
	z-index: 10;
}
#song-title img#cover {
	border: 1px solid #fff;
	box-shadow: 2px 2px 1px #444;
	-moz-box-shadow: 2px 2px 1px #444;
	-webkit-box-shadow: 2px 2px 1px #444;
}
#song-title img#download {
	background: #fff;
	border: 1px solid #fff;
}
#song-album {
	background: #036299;
	color: #fff;
	font-size: 18px;
	padding: 5px 5px 7px 33px;
	z-index: 0;
}
#song-album a {
	color: #fff;
}
#song-stats {
	background: #0372b2;
	color: #fff;
	font-size: 14px;
	padding: 5px 5px 7px 33px;
}
#song-mp {
	background: #0486cc;
	padding: 1px 2px 1px 3px;
}
#song-related {
	background: #fff;
	overflow: hidden;
}
#song-related #tags {
	background: #e2defc;
	line-height: 16px;
	padding: 7px;
}
/* songratings - add new one */
#song-related #rater-write {
	float: left;
	padding: 7px;
	width: 200px;
}
#song-related #rater-write span {
	clear: none;
	float: left;
	font-weight: bold;
	margin: 4px 5px 0 0;
	padding: 0;
}
#song-related #rater-write .star-rating-control,
#song-related #rater-write .star-rating-control div {
 	clear: none;
	float: left;
	margin: 1px 0 0;
}
#song-related #rater-write .star-rating-control div.star-rating-readonly {
  margin-top: 0;
}
#song-related #rater-write input[type='submit'] {
	clear: none;
	float: left;
	height: 23px;
	margin: 0 0 5px 5px;
	padding: 2px 5px;
}
/* songratings - show past ratings */
#song-related #rater-read {
	clear: none;
	float: left;
	overflow: hidden !important;
	padding: 10px 7px;
}
#song-related #rater-read #ratingAvg,
#song-related #rater-read #ratingTotal {
	float: left;
	font-weight: bold;
	margin-right: 2px;
	padding-top: 2px;
}
#song-related #rater-read #ratingStars {
	clear: none;
	float: left;
}
#song-related #rater-read #ratingStars .star-rating-control div {
	float: left;
  margin: 3px 0;
}
#song-related #rater-read #ratingStars .star-rating-control div.star-rating-readonly {
	float: left;
  margin-top: 0;
}

#song-info-block {
	clear: left;
	margin: 0;
	padding: 0;
	width: 400px;
}

#song-view-playLink {
	display: none;
}
#related {
	float: right;
	margin: 0 0 0 5px;
	padding: 3px;
	position: relative;
	width: 260px;
}
#related > div {
	background: #f6e7fc;
	border: 1px solid #025080;
  cursor: pointer;
	float: right;
	font-size: 12px;
	font-weight: bold;
  height: 14px;
	margin: 0 0 3px;
  overflow: hidden;
	padding: 5px;
	width: 245px;
}
#related > div .header {
	float: left;
}
#related > div .arrow {
	float: right;
	font-weight: 1000;
}
#related > div .content {
	clear: left;
	float: left;
	font-weight: normal;
	padding-top: 5px;
}

#SongDescription {
	background: #e2defc;
	border-radius: 5px;
	clear: left;
	margin-bottom: 10px;
	padding: 10px;
	width: 386px; 
}
#SongName {
  width: 400px;
}
#SongInfo {
  height: 150px;
  width: 400px;
}
#SongLyrics {
  height: 150px;
  width: 400px;
}

/* songcomments */
#songcomment-entries p {
	padding: 10px;
}
.songcomment {
	clear: left;
	margin: 0 0 10px;
	width: 405px;
}
.songcomment-head {
	background: #025080;
	border: 2px solid #025080;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	color: #fff;
	height: 16px;
	margin: 0;
	padding: 5px;
}
.songcomment-head a {
	color: #fff;
	text-decoration: underline;
}
.songcomment-head-name {
	float: left;
	width: 270px;
}
.songcomment-head-time {
	float: left;
	text-align: right;
}

.songcomment-body {
  background: #e2defc;
	clear: left;
	margin: 0;
	overflow: hidden;
}
.songcomment-body.altrow {
  background: #d0cafd;
}
.songcomment-body p, 
.songcomment-body.altrow p {
	margin-bottom: 0;
}

#songcomment-add-header {
	clear: left;
	font-size: 12px;
	margin: 10px 0 0;
	padding: 5px 8px;
	width: 386px;
}
#songcomment-add { 
	margin: 0; 
	overflow: hidden; 
	padding: 7px 10px 10px;
}
#songcomment-add textarea {
	clear: none;
	float: left;
  width: 246px;
}
#songcomment-add input[type=submit] {
	float: none;
	height: 30px;
	margin: 5px 0 5px 77px;
	padding-right: 8px;
  width: 256px;
}


/* tags */
#tags-index h2 {
	clear: left;
}
.tag_cloud {
	clear: left;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 5px 0 0;
}
.tag_cloud .col {
	float: left;
	margin-bottom: 20px;
	width: 225px;
}
.tag_cloud .col a {
	font-size: 15px;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 0;
}
.tag_cloud a:hover { 
	text-decoration: none;
}


/* studio */
.studio-section-header {
	background: #025080;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 7px;
	position: relative;
	top: 4px;
	z-index: 1;
}
.studio-section {
	border: 5px solid #025080;
	clear: left;
	margin: 0;
	padding: 5px;
	text-align: center;
	z-index: 0;
}
.studio-section img { 
	margin: 5px 0 0; 
	padding: 5px 10px; 
}
.studio-section .studio-pieces {
	border: 1px dashed #025080;
	margin: 5px auto 10px;
	padding: 0;
	width: 90%;
}
.studio-section .studio-pieces img {
	margin: 0;
	padding: 0 10px;
}
.studio-section .studio-pieces div {
	float: left;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	width: 195px;
}

/* error pages */
#notfound { 
	background: #fff;
	margin: 0;
	padding: 10px;
}
#notfound p {
    margin: 10px 0;
}