/* BASICS */
body {
	background: #025080 url(/img/bg_up2.png) repeat-x;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
}
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.tracksdetail, 
.tracksdetail {
	font-size: 10px; 
	line-height: 12px; 
	margin: 4px; 
}
a.trackstitle, 
.trackstitle { 
	font-size: 12px; 
	font-weight: bold; 
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0 0 5px;
	text-shadow: 1px 1px 1px #999;
}
h1 { 
	color: #029; 
	font-size: 20px; 
	font-weight: bold;
	padding-bottom: 5px;
}
h2 { 
	font-size: 16px; 
	font-weight: bold; 
}
h2.highlight { 
	background: #acdffe; 
}
h3 { 
	font-size: 14px; 
	font-weight: bold; 
	padding-top: 5px;
	width: 350px; 
}
h4 { 
	font-size: 12px; 
	font-weight: bold;  
}

/* FORM INPUTS */
fieldset { float: left; }
form { overflow: hidden; }
input, 
select, 
textarea {
	background: #fff;
	border: 1px solid #0d4189; 
	float: left;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	margin: 2px 0;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input:hover, input:focus, 
select:hover, select:focus, 
textarea:hover, textarea:focus { 
	background: #d9e9ff;
	border: 1px solid #000;
}
input[type=text] { height: 16px; }
input[type=checkbox] { clear: left; float: left; }
input[type=submit] {
	background: #0088cc;
	clear: left;
	color: #fff;
	float: left;
	font-size: 12px;
	margin: 2px 0 0 64px;
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input[type=submit]:hover { 
	background: #33b0ee;
	cursor: pointer;	
}
input.raterSubmit {
	clear: none;
	font-size: 12px;
	height: 20px;
	margin: 0 0 0 4px;
	padding: 2px 2px 4px;
}
label {
	clear: left;
	float: left;
	margin: 5px 4px 2px 0;
	padding: 0;
	text-align: right;
	width: 60px;
}
option { padding: 2px; }
textarea {
	float: left;
	height: 100px;
	overflow: auto;
	width: 250px;
}

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

/* 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-posts, 
.bg-login, 
.bg-users, 
.bg-postcomments { 
	background: #c00; 
}
.bg-about { 
	background: #058b1d; 
}
.bg-albums,
.bg-music,  
.bg-songs, 
.bg-guitardemo, 
.bg-tags, 
.bg-songcomments, 
.bg-songratings, 
.bg-categories { 
	background: #9500cc; 
}
.bg-studio { 
	background: #cc9500; 
}
.bg-sites { 
	background: #0035cc; 
}
.clear { 
	clear: left; 
}
.ctr { 
	text-align: center; 
}
.disabled { 
	display: none; 
}
.error { 
	color: #f00; 
}
.error-message {
	background: #f00;
	color: #fff;
	float: left;
	margin: 2px 0 0 3px;
	padding: 2px 4px;
}
.flash_good { 
	background: #4bd661;
	color: #fff;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 5px;
}
.flash_bad { 
	background: #824646;
	color: #fff;
	font-size: 18px;
	margin: 0 0 10px;
	padding: 5px;
}
.flash_good img, 
.flash_bad img { 
	float:right; 
}
.floatOn { 
	float: left; 
}
.input.date > * {
        float: left;
}
.mplayer { 
	margin: 2px 0; 
	padding: 0; 
}
.mplayer_down { 
	height: 20px; 
	margin: 0; 
	padding: 0; 
	width: 20px; 
}
.notcleared { 
	clear: none; 
	float: left; 
}
.paging {
	margin: 10px auto 0; 
	padding: 2px; 
	text-align: center; 
}
.required { 
	color: #f30; 
	font-weight: bold; 
}
.rt { 
	margin: 0 0 0 auto; 
}


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

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

#flashMessage { 
	background: #00f; 
	color: #fff;
	margin: 0 0 10px 0; 
	padding: 5px; 
}

#nebyoolae_title {
	height: 40px;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
}

#login_bar {
	background: #eee;
	border-bottom: 1px solid #000;
        border-top: 1px solid #000;
	color: #000;
	height: 14px;
	margin: 10px auto 0;
	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;
	padding: 3px 5px 3px 168px;
}

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

#content-menu {
	float: left;
	left: 0px;
	overflow: hidden;
	position: relative;
	width: 110px;
}
#content-menu #text {
	display: none;
}
#content-menu #pix a {
	color: #fff;
	display: block;
	float: left;
	font-size: 18px;
	height: 30px;
	margin: auto;
	padding: 10px 20px 0 0;
	text-align: right;
	width: 100px;
}
#content-menu #pix a:hover {
	background: transparent;
	color: #000;
        font-weight: bold;
        text-shadow: 0 0 3px #fff;
	text-decoration: none;
}
#content-menu #pix a#linkHome {
	background: #c00;
}
#content-menu #social {
	clear: left;
	margin: 5px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 100px;
}
#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-header {
	background: #ffd324;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 9px;
}
#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
	
****************************/


/* about/mike */
#mikeframe {
	border: 2px solid #0c0;
	height: 480px;
	margin: 20px auto 0;
	padding: 0;
	width: 480px;
}
#mikeframe #link {
	margin: 0;
	padding: 0;
}
#mikeframe #img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#mikeyears {
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}
#mikeyears a.off {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#mikeyears a.on {
	color: blue;
	font-weight: normal;
	text-decoration: none;
}
#findme {
	display: none;
}

/* albums/songs/tags */
#ast-bar {
	background: #ffe372;
	margin: 0;
	padding: 8px;
}

/* albums/index */
#albums-index {
	margin: auto auto 20px auto;
}
#albums-index img {
	border: 1px solid #000;
	float: right;
	margin: 0 0 0 10px;
	width: 200px;
}
#albums-index .albums-index {
	float: left;
	font-size: 11px;
	margin: 4px;
	padding: 2px;
	width: 300px;
}
#albums-index .albums-index img { 
	border: 1px solid #999; 
	float: left; 
	height: 100px; 
	margin: 3px 5px 20px 0; 
	padding: 0; 
	width: 100px; 
}
/* /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 #ac00eb; 
	float: left; 
	height: 100px; 
	margin: 6px 8px 8px; 
	padding: 0; 
	width: 100px;
}
#album-view-description { 
	font-size: 14px;
	line-height: 16px; 
	margin-top: 6px;  
}
#album-view-download {
	background: #7600cc;
	padding: 5px;
	text-align: right;
}
#album-view-download a {
	color: #fff;
	font-size: 14px;
}

table#album-view-songlist {
	border: 2px solid #9500cc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
table#album-view-songlist td {
	background: #fff;
	margin: 0;
	padding: 5px;
}
table#album-view-songlist td.number {
    background: #9500cc;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    width: 10px;
}
table#album-view-songlist td.title {
	background: #f1ccff;
    padding: 5px;
}
table#album-view-songlist td.title a {
	color: #002299;
	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: #f5d8ff;
    font-size: 12px;
    padding: 0 5px;
    width: 100px;
}
#AlbumName {
    width: 400px;
}
#AlbumDescription {
    height: 350px;
    width: 400px;
}
#AlbumYear {
    height: 16px;
    width: 100px;
}
#AlbumClosed {
    width: 50px;
}

/* posts */
.post, 
.rating {
	background: #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	margin: 0 0 10px; 
	overflow: hidden; 
	padding: 0; 
}
.post h2 {
        border-bottom: 1px solid #1968A5;
        padding-bottom: 5px;
}
.post-body-text, 
.post-body-comments {
	margin: 6px 0;
	padding: 0;
}
.post-body-comments {
	clear: left;
	margin: 20px 0 5px;
}
.post .byline {
	font-size: 10px;
	font-style: italic;
	padding: 1px 0;
}
.postcomment { 
	overflow: hidden; 
	padding: 10px; 
}

#postcomment-add { 
	background: #ffe5e5; 
	border: 3px solid #c00; 
	margin: 20px 0 0 0; 
	overflow: hidden; 
	padding: 10px; 
}
.post-img {
	border: 1px solid #666;
	float: right; 
	margin: 4px 4px 4px 12px; 
	padding: 2px; 
}
#PostTitle {
    width: 400px;
}
#PostBody {
    height: 350px;
    width: 400px;
}
#PostPicture {
	width: 300px;
}


/* songs */
#results { 
	clear: left; 
	margin: 0; 
	padding: 5px; 
}
#song-info-block {
	margin: 0;
	padding: 0;
}
#song-view-downloadLink {
	background: #a9cfe9;
	border: 2px solid #000;
	display: block;
	font-size: 14px;
	padding: 2px;
	text-align: center;
	width: 127px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#song-view-playLink {
	display: none;
}
#related {
	float: right;
	margin: 0 0 0 5px;
	padding: 3px;
	position: relative:
	bottom: 200px;
	width: 260px;
}
#lyrics, #tags, #ratings {
	background: #f6e7fc;
	border: 1px solid #9500cc;
	float: right;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 7px;
	width: 245px;
}
#rater {
	margin: 5px 0 35px 0;
}
#description { 
	clear: left; 
	padding: 10px; 
}
.songcomment { 
	overflow: hidden; 
	padding: 10px; 
}
.songcomment-body { 
	padding: 0 0 0 10px; 
}
#songcomment-add { 
	background: #ecb9ff; 
	border: 3px solid #9500cc; 
	margin: 20px 0 0 0; 
	overflow: hidden; 
	padding: 10px; 
}
.song-index-item { 
	border: 1px solid #fff; 
	float: left; 
	height: 80px; 
	margin: 0; 
	padding: 5px; 
	width: 298px; 
}
.song-index-item img { 
	border: 0; 
	margin: 0; 
	position: relative; 
	top: 2px; 
}
.song-index-name { 
	font-size: 16px; 
}
.tag_cloud { padding: 0; }
.tag_cloud:hover { background: #dbe9f3; padding: 0; }
.tinted { background: #eee; }
.details { color: #007; }
#SearchForm input[type=submit] {
        clear: none;
        margin-left: 14px;
}
#SongName {
        width: 400px;
}
#SongInfo {
        height: 150px;
        width: 400px;
}
#SongLyrics {
        height: 150px;
        width: 400px;
}

/* studio */
.studio-section-header {
	background: #f2c822;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	position: relative;
	top: 4px;
	z-index: 1;
}
.studio-section {
	border: 2px solid #f2c822;
	margin: 0;
	padding: 5px;
	text-align: center;
	z-index: 0;
}
.studio-section img { 
	margin: 10px 0 0 0; 
	padding: 10px; 
}

#notfound { 
	background: #fff;
	margin: 0;
	padding: 10px;
}