/*

Theme Name: Il Suono
Theme URI: http://localhost
Description: Design specifically for Il Suono
Version: 0.1
Tags: noblog
Author: Bjoern Milcke
Author URI: http://www.milcke.org

*/

/* ____ body ___ */

body {
  margin: 0px;
  /* Windows, Mac OS/X, Linux */
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Garuda, Verdana, sans-serif;
  background-color: #f0f0f0;
}

#content p.audioplayer_container,
#content2 p.audioplayer_container {
  margin: 0;
}

h1, h2, h3, h4, li.page_item {
  font-family: "Century Gothic",AppleGothic,Futura,"Avant Garde",Verdana,sans-serif;
}

h1, h2, h3 {
  clear: both;
}

h5 {
  color: #f0f0f0;
  margin: 0.5em;
}

h1 span.subheading,
h2 span.subheading,
h3 span.subheading {
  font-size: 80%;
  font-weight: normal;
  font-style: italic;
}

table.programm {
  border-style: none;
  background-color: #e0e0e0;
  margin: 5px;
}
table.programm td {
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-style: italic;
}
table.programm td.separator {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 125%;
  font-style: italic;
  text-align: center;
}

hr {
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
  margin: 1.5em 0;
}

/* .post img.top-left {
  margin-top:0;
  margin-left:0;
  padding-left:0;
  float: left;
  clear: both;
}

.post img.top-right {
  margin-top:0;
  margin-right:0;
  padding-right:0;
  float: right;
  clear: both;
}
*/

div#topbar {
  width:100%;
  height:104px;
  /*    background-color:#222; */
  background-image: url('Banner.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  /*    background-repeat: repeat-y; */
}

/* header
--------------------------------------------------*/
#header {
  margin-top: 25px;
}

#header .description {
  float:right;
  color:#333;
  margin:45px 0 0;
}

#header h1 {
  /* border-bottom:3px solid #EFF8FB; */
  /* margin:15px 0 0; */
  margin: 0;
  /* padding:25px 25px 40px 0; */
  padding: 25px 25px 15px 0;
}

#wrapper {
  width: 1024px; /* 760px; */
  /* margin:0 auto; */
  margin-left: 1.5em;
}

/* header h1 (blogtitle)
--------------------------------------------------*/
#header h1 {
  font-size:18pt;
  font-weight:400;
  color:#333;
  letter-spacing:-1px;
  margin:20px 0;
}

#header h1 a {
  text-decoration:none;
  color:#333;
}

/* navigation
--------------------------------------------------*/
#nav {
  /* border-bottom:3px solid #ccc; */ /* #EFF8FB; */
  height:25px;
  margin:0;
  padding:15px 0;
}

/*#nav li {
    float:left;
    list-style:none;
    padding:0 10px 0 0;
}*/

/* Kontakt ist der letzte Punkt. Nach ganz rechts schieben */
/*#nav li:last-child {
  float: right;
  padding-right: 0;
}*/

#nav li.current_page_item > a,
#nav li.current_page_ancestor > a {
  color: #444;
}

#nav li a {
  color:#999;
  /*    background:#fff; */
  /*    font-size:14pt; */
  font-weight:400;
  text-decoration:none;
  display:block;
  margin:1px 2px 0 0;
  padding:5px;
}

#nav li.selected a {
  color: black;
}

#nav li a:hover {
  /* background-color: #eee; */ /* #EFF8FB; */
  /* background-image: url('/wordpress/wp-content/2009/09/hilight.png'); */
  color:black;
  /* text-decoration:none; */
}

#nav li a.active {
  /* background-color:#eee; */
  color:#444;
  /* text-decoration:none; */
}

.clear {
  clear:both;
}

/* sub menu */
#subnav { 
  margin-top: 5px;
  margin-bottom: 3ex;
  float: left;
  width: 100%;
}
#subnav ul {
  margin: 0px;
  padding: 0px 0px 0px 5px;
  list-style: none;
  /* border-bottom: 3px solid #ddd; */
  float: left; /* nebeneinander */
}
#subnav li {
  padding: 4px 7px;
  margin: 0px;
  float: left; /* nebeneinander */
}
#subnav li.current_page_item > a,
#subnav li.current_page_ancestor > a {
  color: #333;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
  text-decoration: none;
}

#subnav ul li ul li{display: none;}

/* content
--------------------------------------------------*/
#content {
  width: 720px;
  padding:10px 20px 0px 0;
  float: left;
}

#content2 {
  margin:0 !important;
  padding:10px 0 0px;
  width: 720px;
  float: left;
}

#content p,#content2 p {
  line-height:1.5em;
  font-size:10pt;
  /* word-spacing:1px; */
  margin:1em 0;
}

/* #content p br, #content2 p br {
  margin-bottom: 1.5em;
} */

#content a,#content2 a {
  text-decoration: none;
  color: #33a;
}

#content a:hover,#content2 a:hover {
  /* background-color: #ccc; */ /*#EFF8FB;*/
  color:#000;
}


#content h2,#content2 h2 {
  font-size:14pt;
  font-weight:400;
  color:#333;
  border-bottom:1px solid #ccc;
  line-height:16pt;
  margin:15px 0;
  padding:5px 0;
}

#content h2 a,#content2 h2 a {
  text-decoration:none;
  border:none;
}

#content h1, #content2 h1 {
  font-size:16pt;
  color:#222;
  margin: 0.5em 0 1em 0;
  border-bottom: 2px solid #ccc;
}

#content h3 {
  font-size:14pt;
  color:#222;
  margin:10px 0;
}

#content h4 {
  font-size:12pt;
  color:#222;
  margin:10px 0;
}

#content h5 {
  font-size:10pt;
  color:#222;
  margin:10px 0;
}

#content2 h3 {
  font-size:12pt;
  color:#222;
  margin:10px 0;
}

#content ul,ol {
  font-size:120%;
  margin:10px 10px 10px 25px;
}

#content2 ul,ol {
  margin:10px 10px 10px 25px;
}

/* blockquote + links
--------------------------------------------------*/

blockquote {
  background: #ccc; /*#EFF8FB;*/
  border:1px solid #ccc;
  margin:10px 0;
  padding:5px 15px;
}

a:hover {
  color:black;
  text-decoration:underline;
  /* background-color: #ccc;*/ /* #EFF8FB; */
}

a.more {
  display:block;
  text-align:right;
  color:#2F460D;
  text-decoration:none;
  margin:10px 0 0;
}

a.more:hover {
  text-decoration:none;
}

/* metadata under post
--------------------------------------------------*/
.post {
  margin:0 0 50px 0;
  text-align:justify;
}

.post img {
  /* background:#ccc;
    border:5px solid #eee; */
  padding:5px;
  margin: 7px;
}

img.floating {
  margin: 0;
  padding: 0;
}

.post .info {
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  background-color: #ccc; /* #EFF8FB; */
  font-size:1em;
  color:#333;
  padding:2px 3px 3px 8px;
  margin: 25px 0;
}

.date {
  margin: 0 0 15px 0;
}

.post small {
  margin-top:25px;
}

/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {
  background: #ccc; /* #EFF8FB; */
  color:#333;
  font-size:100%;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  margin:10px 0 28px;
  padding:10px;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
  font-size: 10pt;
  width:220px;
  float:right;
  padding:28px 10px 30px;
  height:100%;
}

#sidebar h2 {
  letter-spacing:1px;
  font-size:12pt;
  color:#333;
  padding:0 0 3px;
  border-bottom: 2px solid #ccc;
}

#sidebar ul {
  list-style:none;
  font-size:120%;
  margin:0 0 23px;
}

#sidebar li {
  border-bottom:1px solid #ccc; /* #EFF8FB; */
  list-style:none;
  padding:3px;
}

#sidebar li a:hover {
  color:#000;
  background-color: #ccc; /* #EFF8FB; */
}

#sidebar input {
  width:102px;
  background:#fff;
  color:#444;
  border:1px solid #eee;
  font-size:11px;
  padding:3px;
}

#sidebar input:focus {
  background:#fff;
  border:1px solid #eee;
}

/* some input
--------------------------------------------------*/
input {
  border:1px solid #CCC;
  font-size:11px;
  padding:3px;
}

input:hover {
  border:1px solid #262626;
}

input:focus {
  border:1px solid #262626;
  color:#333;
}

/* comments
--------------------------------------------------*/
#comments {
  font-size:0.9em;
}

#commentlist li {
  margin-bottom:1.5em;
  padding-bottom:1em;
}

#commentform {
  /*background:#fff; */
  width:350px;
  text-align:left;
  margin:0 0 15px 0;
}

#commentform textarea {
  background:#f8f7f6;
  border:1px solid #d6d3d3;
  width:480px;
  font-size: 13px;
}

#commentform #email,#commentform #author,#commentform #url {
  font-size:1.1em;
  background:#f8f7f6;
  border:1px solid #d6d3d3;
  width:350px;
}

#commentform input {
  margin-bottom:3px;
}

#gravatar {
  text-align:right;
}

/* wp stuff
--------------------------------------------------*/

.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.alignleft {
  float:left;
}

img.alignleft, img.alignright {
  margin-top: 0;
  clear: both;
}

img.alignleft {
  margin-left: 0;
  padding-left: 0;
}

img.alignright {
  margin-right: 0;
  padding-right: 0;
}

.alignright {
  float:right;
}


.navigation {
  text-align:center;
  font-size:120%;
}

.wp-caption {
  border:1px solid #ddd;
  text-align:center;
  background-color:#f3f3f3;
  padding:4px 0 0 0;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin:10px;
}

.wp-caption img {
  border:0 none;
  margin:0;
  padding:0;
}


.wp-caption-dd {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}

#header h1 a:hover,#footer a:hover {
  text-decoration:none;
  color:#333;
  background: #ccc; /* #EFF8FB; */
}

#content li,#content2 li {
  border-bottom:1px solid #ccc; /* #EFF8FB; */
  padding:10px;
}

a,#sidebar li a,#footer a {
  color:#888;
  text-decoration:none;
}

/* footer
--------------------------------------------------*/
#footer {
  color:#333;
  margin:0;
  padding:20px 0;
}