@charset "UTF-8";
/*
* ******************************************************************************
*
* "listen-project.de v2009 Content-Layout - ( Nomore YAML based )"
*
* @Theme Name:      Listen-Project Theme
* @Version:         0.2.2009 de
* @Author:          Thomas
* @Lastmodified:    2009-30-04 12:54:00
* Theme URI:        http://www.listen-project.de
* @Author URI:      http://www.listen-project.de
* @Description:     This theme is a part of whole project of listen-project.de.
* @Copyright:       Copyright 2009, T.Meschke ( http://www.listen-project.de )
*
* ******************************************************************************
*/
@media all {

/* Reset monospaced elements to font size 16px in Gecko browsers */
textarea,pre,tt,code {
font-family:"Courier New", Courier, monospace;
}

/* Base layout gets standard font size 12px */
body {
font: normal 86%/1.5em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Sans-Serif;
color: #5B5B5B;
}

/* TEXT FORMATING *********************************************************** */

h1,h2,h3,h4,h5,h6 {
font-family:"Century Gothic","Trebuchet MS",sans-serif;
font-weight:normal;
line-height:130%;
margin:.8em 0;
letter-spacing:.2em;
color:#ecd191;
}

h1 {
font-size:2em;
letter-spacing:.1em;
text-transform:uppercase;
color:#fccc69;
}

h2 {
font-size:1.5em;
text-transform:uppercase;
}

h3 {
font-size:1.4em;
text-transform:uppercase;
}

h4 {
font-size:1.1em;
text-transform:uppercase;
}

h5 {
font-size:1.1em;
}

h6 {
font-size:1em;
}

em,i {
font-style:italic;
}

acronym,abbr {
letter-spacing:.07em;
border-bottom:.1em dashed #c00;
cursor:help;
}

del { 
text-decoration: line-through; 
}

small {
color:#999999;
font-size:11px;
}

p {
line-height:1.5em;
margin:0;
text-align:justify;
}

label {
font-family:"Century Gothic","Trebuchet MS",sans-serif;
clear:both;
color:#ecd191;
}

strong,b {
font-weight:bold;
}

cite,blockquote {
font-style:italic;
border-left: 1px solid #444444;
color: #cbcbcb;
padding: 10px 0;
margin:0 0 1em 1.5em;
}

pre,code {
font-family:monospace;
font-size:1.1em; 
background: #181818;
border: 1px solid #444444;
color: #adadad;
padding: 10px;
display: block;
}

var,samp,kbd {
font-family:Monaco,"Lucida Console",monospace;
font-style:normal;
font-size:12px;
padding:2px;
}

hr {
background: transparent;
border: 0;
border-bottom: 1px #222222 solid;
margin: 1em 0 2.5em;
padding: 0 0 0.5em;
color: #222222;
}

fieldset, img { 
border: 0 solid; 
}

/* LISTS ******************************************************************** */

ul,ol,dl {
line-height:1.5em;
margin:0 0 1em 1em;
list-style-type:none;
}

ul.bullet {
margin:1em 0 1em 0em;
}

ul.bullet li {
margin:0;
background: transparent url('../images/bullet_green.png') 0 3px no-repeat;
padding: 0 0 0 1.4em;
font-size:13px;
}

ul li a.rss {
float: right;
background: url('../images/rss.png') no-repeat center center;
padding: 0 1px 0 16px;
}

ul.infolist {
margin:1em 0 1em 1.5em;
}

ul.infolist li {
margin:.2em 0;
list-style-type:square;
}

li {
margin-left:1.5em;
line-height:1.5em;
}

dt {
font-weight:bold;
}

dd {
margin:0 0 1em 2em;
}

/* Generic content classes ************************************************** */

.linkdeco {
text-decoration:none;
border-bottom:1px dotted #454545;
}

.error {
color:#dd4b00;
}

.white {
color:#FFFFFF;
}

.highlight {
color:#3E6297;
}

.note {
background:#dfd;
padding:1em;
border-top:1px #bdb dotted;
border-bottom:1px #bdb dotted;
}

.important {
background:#ffd;
padding:1em;
border-top:1px #ddb dotted;
border-bottom:1px #ddb dotted;
}

.warning {
background:#fdd;
padding:1em;
border-top:1px #dbb solid;
border-bottom:1px #dbb solid;
}

.float_left {
float:left;
display:inline;
margin-right:1em;
margin-bottom:.15em;
}

.float_right {
float:right;
display:inline;
margin-left:1em;
margin-bottom:.15em;
}

.center {
text-align:center;
margin:.5em auto;
}

.clearer {
clear:both;
}

/* EXTERNAL LINKS *********************************************************** */

a {
color:#4D87C7;
text-decoration:none;
}

a:focus,a:hover,a:active {
color:#dd4b00;
text-decoration:none;
outline:none;
}

#footer a {
border-bottom:1px dotted #454545;
color:#333333;
text-decoration:none;
margin:0 10px;
}

#footer a:focus,#footer a:hover,#footer a:active {
color:#dd4b00;
background-color:transparent;
text-decoration:underline;
}

#footer .imagelink {
background:none;
border:none;
vertical-align:-4px;
}

#footer a.imagelink img {
background:none;
border:none;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}

#footer a.imagelink:hover img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
}

/* More links *************************************************************** */

a.more-link {
line-height: 3em;
padding: 0px 20px;
background: transparent url('../images/bullet_go.png') 0px 1px no-repeat !important;
}

/* Emphasizing external links *********************************************** */

#col1_content a[href^="http://"] {
padding-left:12px;
background: url('../../../common/images/bullet_go.png') -3px 1px no-repeat;
}

#col1_content h2 a[href^="http://"] {
padding:0px;
background: none;
}

/* TABLES ******************************************************************* */

table {
width:auto;
border-collapse:collapse;
margin-bottom:.5em;
}

table.full {
width:100%;
}

table.fixed {
table-layout:fixed;
}

th,td {
padding:.5em;
}

thead th {
background:#444;
color:#fff;
}

tbody th {
background:#ccc;
color:#333;
}

tbody th.sub {
background:#ddd;
color:#333;
}

/* FORMS ******************************************************************** */

form label {
text-align: right;
padding-right: 1em;
}


select {
font-family: verdana, sans-serif;
height: 1.8em;
width: 12em;
}

.textarea:hover,.textarea:focus, .textfield:hover,.textfield:focus {
border: 1px solid #fccc69;
}

.downloadbox img {
position: absolute; 
top: -13px; 
right: 20px; 
z-index: 0;
}
.downloadbox small {
margin-top: 1em; 
font-size: 77%; 
color: #fff; 
}
.downloadbox p {
background: #63A624 url('../../../common/images/grad_1x30.png') repeat-x bottom; 
padding: 1em; 
margin: 0; 
font-size: 116%; 
}
.downloadbox a {
color:#ecd191;
}
.downloadbox {
text-align: left; 
width: 180px;
padding: .5em; 
margin: 8em 0 2em 0.3em; 
position: relative; 
border: 1px solid #ccc; 
background: #FFFFFF url('../../../common/images/glossy.png') repeat-x;
font-family:"Century Gothic","Trebuchet MS",sans-serif;
color:#ecd191;
letter-spacing:.2em;
text-transform:uppercase;
font-size: 90%;
}

div.calendar_sheet
{
float: right;
clear: right;
width: 2.5em;
border-top: solid 1px #E8E8E8;
border-left: solid 1px #D0D0D0;
border-right: solid 1px #C0C0C0;
border-bottom: solid 1px #909090;
background: white;
margin: 0.35em 0 0.6em 2em;
padding: 0.1em 0;
}
div.calendar_sheet div.day
{
text-align: center;
font-size: 1.4em;
font-weight: bold;
line-height: 100%;
color: #404040;
}
div.calendar_sheet div.day.special
{
color: #C00000;
}
div.calendar_sheet div.sep
{
border-bottom: dotted 1px #707070;
margin: 0.1em 0.5em 0;
}
div.calendar_sheet div.month
{
text-align: center;
color: #202020;
}
div.calendar_sheet div.year
{
text-align: center;
font-size: 0.65em;
line-height: 110%;
color: #808080;
padding-bottom: 0.1em;
}

div.projectpreview
{
float: right;
clear: right;
margin: 0.35em 0 0.6em 2em;
padding: 0.1em 0;
}

#lastfm li {
margin: 0px 6px !important;
}

#lastfm li a {
float: left;
padding: 0px 1px;
margin: 0px !important;
}

#lastfm li a img {
width: 35px !important;
height: 35px !important;
border: 1px solid #ccc !important;
}

#lastfm li a:hover img {
border: 1px solid #397BB5 !important;
}

}