/* @override http://music.endignorance.dev/stylesheets/screen.css */
/* @override http://music.endignorance.com/stylesheets/screen.css */

body{
	font-size: 0.7em;
}
th{
	text-align:left;
	background:#DDD;
}
sup{
	vertical-align: super;
	line-height:0.5em;
	font-size: 0.8em;
		padding: 0.3em;

}

sup a{
	color: inherit;
}

ol.footnotes{
	border-top: 1px solid #ddd;
	padding-top: 1em;
}
.footnotes a.backlink{
	color: inherit;
}
/* @group errors */

.flash{
	padding: 4px 0 0px 24px;
	margin: 20px 110px 20px 110px;
	border: 1px dashed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	clear: both;
}

.error{
	color: #ae1515;
	background-image: url(/images/icons/error.png);
}

.notice{
	color: #228b3d;
	background-image: url(/images/icons/notice.png);

}

/* @end */

#pages{
	color: #888;
	text-align: center;
	line-height: 0.7em;
	font-size: 2em;
}

h1.title,
h2.title,
h3.title{
	clear:both;
	background:black;
	color:white;
	font-size:1.3em;	
	letter-spacing:1px;
	font-weight: normal;
}

h1.title a, h1.title a:visited,
h2.title a, h2.title a:visited,
h3.title a, h3.title a:visited
{
	color: #fff;
	text-decoration:none;
}
h1.title a:hover,
h2.title a:hover,
h3.title a:hover
{
	background-color: #800000;
}
#header{
	margin-bottom: 10px;
}

#header #nav{
	height: 20px;
	margin-bottom: 10px;
}
#nav a{
	display: block;
}
#nav a,#nav a:visited{
	color: white;
	text-decoration: none;
	height: 20px;
	
	font-size: 1.3em;`
	letter-spacing: 1px;
}
#nav a:hover, #nav a.current{
	background: maroon;
}

.sidebar_block ul{
	list-style:none;
	
}

/* @group dashboard */

fieldset#group  legend,{
	font-weight: bold;
	font-size: 1.2em;
}
fieldset#group label{
	clear: left;
	display: block;
	float: left;
	width: 90px;
	margin-left: -100px;
	text-align:right;
	font-weight: bold;
	padding-right: 10px;
}
fieldset#group{
	padding-left: 100px;
}
fieldset#group .field_control{
	float: left;
	margin-left: 1.5em;
	display: block;
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 2px;
	color: #000;
}
fieldset#group label,
fieldset#group input,
fieldset#group textarea,
fieldset#group select{
	float: left;
	margin-bottom: 1em;
}

/* @end */

/* @group music */

.index .band{
	height: 150px;
}

.band .photo{
	overflow: hidden;
}
.band .photo a img{
	border:none;
}
.band h5.band_name{
	clear: left;
	white-space:nowrap;
	font-size: 1em;
	position:relative;
	margin-left:5px;
	margin-right:5px;
	top:-26px;
	float: left;
	font-weight: bold;
}
.band h5.band_name a:hover{
	background:rgba(80,0,0,.8);
}
.band h5.band_name a{
	color: #fff;
	padding:0 1em;
	background:rgba(0,0,0,.7);

	display:block;
	font-weight:normal;
	text-decoration: none;
}

.music .sidenav{
	list-style:none;
	
}
.music .sidenav li{
	margin-left: 0;
	background: #ddd;

}
.music .sidenav li a{
	padding: 5px;
	border:1px solid #ddd;
	border-left-color: #fff;
	border-right-color: #ccc;
}
.music .sidenav li a.current,
.music .sidenav li a:hover{
	border:1px solid #ccc;
	background: #fff;
	border-right-color: #fff;
}
.music .sidenav li a:hover{
	color: #800000;
}
.music .sidenav li a{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
}
.group_box{
	margin-bottom: 1em;
}
.group_box .meta{
	list-style:none;
	padding-top: 5px;
}
.group_box .meta li{
	margin-left: 0;
	margin-bottom: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 60px;
	border-bottom: 1px solid #ddd;
	display: block;
	overflow: hidden;

}
.group_box .meta label{
	float: left;
	text-align:right;
	width:50px;
	margin-left: -60px;
	color: #666;
}
.music .content{
	clear: both;
	margin-bottom: 2em;
}

.music .group .song_list{
	list-style-position: outside;
}
.music .group .member_list{
	list-style-type: none;
}

.music .group .member_list .avatar{
	width: 50px;
}
.music .group .member_list li{
	margin-bottom: 1em;
	overflow: hidden;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}
.music .group .member_list h3{
	font-size: 1.5em;
	margin-bottom: 0;
}
.music .group .member_list h4{
	font-size: 1em;
	font-weight:normal;
	margin-bottom: 0;
}
.music .group .song_list li{
	padding: 0.3em;
border-bottom: 1px solid #ccc;
}
.music .group .song_list li a{
	display: block;
	text-decoration: none;
	color: #000;

	padding: 0.3em;
}
.music .group .song_list li a:hover{
	background-color: #ddd;
}

#add_comment .avatar{
	width: 50px;
}
#comment_list .comment_header{
	background: #ddd;
	padding: 0.5em;
	margin-bottom: 1em;
}
#comment_list .comment_header .timestamp{
	float: right;
	color: #888;
	text-decoration: none;
}
#comment_list .comment_header .timestamp:hover{
	text-decoration: underline;
}
#similar_group{
	overflow: hidden;
	padding: 1em;
	border: 1px dashed #600000;
	margin-bottom: 1em;
}

.music .group .song_list li a.delete_link,
.music .group .member_list li a.delete_link{
	margin:0 1.5em;
	display:inline;
}
/* @end */


.sidebar_block ul li{
	margin-left: 0;
}

.flickr_badge {
	text-align:center;
}

.flickr_badge ul{
	list-style: none;
	margin: 0 auto 20px auto;
	width:150px;

}

.post_tools {
	margin-top: 20px;
}
.flickr_badge ul li{
	margin:0;
	float: left;
	height: 75px;
}

#user .avatar{
	width: 40px;
}

.post_meta .avatar{
	width: 75px;
}
.post_body{
	overflow: hidden;
}

.comment{
	border-bottom: 1px solid #ddd;
	padding-bottom: 1em;
	margin-bottom: 2em;
}


.comment .avatar{
	width: 50px;
}
.comment h2{
	font-size: 1em;
	background: #ddd;
}

#weather img{
	float: left;
	margin-top: -10px;
	padding: 0 5px 5px 0;
}

#weather{
	padding-top:  10px;
	font-size: 0.8em;
}

.ac_results {
	padding: 0px;
	border: 1px solid #CCCCCC;
	background-color: #DDDDDD;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : #fff url('/images/spinner.gif') right center no-repeat;
}

.ac_over {
	background-color: #FFFFFF;
	color: #800000;
}

#share{overflow:hidden;}

#share label{ padding-top: 3px;text-align:right;}
#share input{ margin-bottom:0.8em;}