/*
===================
FlatMaas CSS Styles
===================
Ispired by: http://csszengarden.com/?cssfile=http://maas-online.nl/zengarden/layout.css
Home page: http://www.maas-online.nl
-------------------

Name: FlatMaas
Author: Luciano Porro (drudo)
Version: 0.0.1
*/

/* imports common style ruleset */
@import url(common.css);

/* defines rules specific to the front page */

body { margin: 0; background: white; }

#body-container {
	padding: 40px 15% 0;
	overflow: hidden;
}

#comment-container {
	padding: 40px 15% ;
	overflow: hidden;
}
#comment-container {
	color: #ddd;
	background: #444;
    border-top: 3px solid #f88;
}

#column.col-comments {
    border-top: none;
}

#footer {
	clear: both;
	font-size: 80%;
	color: #ddd;
	background: #111;
	padding: 5px;
	text-align:center;
}

    #footer a {color:#f88}


#comment-avatar-notice h2 {text-transform: uppercase; font-size: 200%}
#comment-avatar-notice {font-size:70%}
#comment-avatar-notice p {margin-bottom: 1em;}

/*	
#commentlist li.comment-admin {
	padding:1em;
	background: #ccc;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
}
*/

ol#commentlist {
	list-style-type: none;
}

#commentlist li {
	margin: 0 0 1.5em 0;
	padding: 5px;
	overflow:hidden;
	clear: both;
	height: 1%;
}

#commentlist li h3 {
	font-size: 120%;
	border: none;
	color: #ddd;
}

#commentlist li.comment-admin h3 {
	font-size: 150%;
}

img.avatar {
	padding: 2px;
    border: solid #ddd 1px;
	background:#fff;
}

#commentlist .comment-head {
	padding: 1em;
	height: 1%;
	position:relative;
	text-align: right;
}

#commentlist li > div.comment-head {
	float:left;
	width: 12em;
}


.comment-head p.date {
	margin: auto;
	font-size: 90%;
}


.comment-body {
	overflow: hidden;
}

.comment-body-text {
	padding: 2em;
	overflow: hidden;
	border-left: 1px solid #aaa;
}


#commentlist li.comment-admin  .comment-body{
	background: #eee;
	color: #111;
	-moz-border-radius:3px;
}






.date a {
	color: #aaa;
}

#showbar {
	border-bottom: 1px #ddd solid;
	padding: 10px;
	text-align:center;
}

#showbar ul {
        width: 430px;
        padding: 0;
        margin: 10px auto auto;
        overflow:hidden;
        height: 1%;
        list-style-type:none;
}

#showbar img {
	margin-bottom: 10px; 
	display:block;
	margin-left:auto; 
	margin-right:auto;
	overflow: hidden;
}

#showbar li {
    font-size:12px;
    margin:10px;
    padding:10px;
    height: 70px;
    width:100px;
    float:left;
    text-align:center;
}

#showbar a {
	display:block;
	padding: 5px 0
}

#showbar a:hover {
	border: 1px solid #ccc;
	background: #efe;
}

.archive-year {font-size: 130%; display:block;padding:0; margin:0}
#column .archive-year a:link, #column .archive-year a:visited {
	color: #faa; 
}

#column .archive-month a:link, #column .archive-month a:visited {
	color: #ddd; 
}

#widget-archives .archive-month, #widget-archives ul {
	display:inline; 
	font-size: 90%; 
}


#comment-userdata  {width: 8em; float: right;}
#comment-userdata  label {font-size: .9em}
.comment-content  {margin-right: 9em;}
#commentform .buttonbar {margin-right: 9em}


#column #widget-lastfm.widget{width:250px}
#column #widget-lastfm.widget a {color : #faa}

#sticky {
	overflow:hidden; 
	border: 1px solid #ddd;
	width: 80%;
	margin: auto; 
	margin-bottom: 2em; 
}

#sticky #widget-bp-blog-sticky {
	background: url(../imgs/headphones-small.jpg) no-repeat left;
}

#sticky #widget-bp-blog-sticky p {
	padding: 1em 2em;
	font-size: 130%; 
	font-family: book antiqua, georgia, times new roman, times, serif;
	text-align: right; 

}

.img-container{font-style:italic; font-size:90%; background:white;color:#777;margin:3px;padding:10px;text-align:center}
.floatright{float:right}
.floatleft{float:left}
.floatright.img-container{text-align:right}
.floatleft.img-container{text-align:left}