/*
Theme Name: Scala
Theme URI: internal
Description: Theme for Scala Group Members (CI)
Author: 11Media + Scala
Author URI: http://www.11media.net/
Version: 0.7.4 (29.01.2010)
.
General comments/License Statement if any.
.
*/

body { background: rgb(191,223,212) url(/wp-content/themes/Scala/images/scala-mc-body-3.png) 0px 110px repeat-x; font-family: Verdana, Helvetica, sans-serif; font-size: 0.78em; margin: 0; padding:0;  }

hr { visibility: hidden; clear: both; }
td, th { vertical-align: top; }
/* Linie oben links/rechts neben Navigation Menue */
#blank { width: 100%; height: 9.5em; position: absolute; background: white; z-index: 0; top: 0; left: 0; border-bottom: .5em solid; color: rgb(0,144,102);} 

#blank h1 { width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 0.5em; font-size: 1.2em; font-family: Verdana, Helvetica, sans-serif;}
#blank .description { width: 960px; margin-right: auto; margin-left: auto;  }
#blank h1 a { text-decoration: none; color: rgb(0,144,102); font-size: 1.4em; font-family: Verdana, Helvetica, sans-serif;/* Scala GrŸn 170¡ */ }

#header { width: 960px; max-width: 960px; height: 200px; margin: 8em auto 0 auto; background: rgb(236,236,236) url(/wp-content/themes/Scala/images/ScalaBanner.jpg) no-repeat; }

#pagenav { position: absolute; width: 960px; top: 8em; left: 50%; margin-left: -480px;  height: 175px; }

#page { width: 960px; margin-left: auto; margin-right: auto; background: white; }

div.alignleft { float: left; width: 49%;  height: 50px; font-size: 0.9em; font-style: italic; color: rgb(122,153,148);  }
div.alignright { float: right; width: 40%; height: 50px; text-align: right; font-size: 0.9em; font-style: italic; color: rgb(122,153,148); margin-right: 2em;  }
div.alignleft a { text-decoration: none;  color: rgb(122,153,148);  }
div.alignright a { text-decoration: none;  color: rgb(122,153,148);  }
div.alignleft a:hover { color: darkslategray;  }
div.alignright a:hover { color: darkslategray;  }

img.alignleft { float: left;  margin-right: 1em; }
img.alignright { float: right; margin-left: 1em; }

/* fuer index.php, page.php */
#pcontent h2 {  width: 675px; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 1.20em; color:grey; font-weight: bold; padding-bottom: 0.6em; border-bottom: 2px solid lightslategray;}
#pcontent h3 {  width: 675px; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 1.3em;  color: rgb(0,144,102); font-weight: bold; padding-bottom: 0em; border-bottom: 0px; }
#pcontent h4 {  width: 675px; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 1.15em; color:black; font-weight: bold; }
#pcontent {  width: 675px; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 1.05em;  }
#pcontent li {  list-style-image: url(/wp-content/themes/Scala/images/Bullit-Dreieck10w.jpg); width: 625px; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em;  } /* Neu wg. li-Dreieck entfernen: ganze Zeile raus oder anderer list-style */
#content {  width: 675px; float: left;   }
.widecolumn {  }
.navigation { width: 520px; padding: 0 20px; }
.post { padding: 20px 20px; color: rgb(60,60,60); line-height: 150%; clear: both; }
.date { font-size: 0.9em; font-style: italic; color: rgb(122,153,148); margin-bottom: 0.4em; }
a.post-edit-link { font-size: 0.9em; font-style: italic; padding-left: 20px; }
a.post-edit-link { text-decoration: none; color: rgb(122,153,148); }
a.post-edit-link:hover{ color: darkslategray; }
h2.pagetitle { color: lightslategray; font-weight: normal;  margin-left: 20px;  }
/* .post h2 { color: lightslategray; font-weight: normal; padding-bottom: 0.6em; border-bottom: 2px solid lightslategray;  }  */
/* .post h2 a { color: lightslategray; font-weight: normal; padding-bottom: 0.6em; border-bottom: 2px solid lightslategray;  }  */
.post h2 {  width: 675px; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 1.2em; color:grey; font-weight: bold; padding-bottom: 0.6em; }
.post h2 a {  width: 675px; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 1.2em; color:grey; font-weight: bold; padding-bottom: 0.6em; }
.post h3 { font-weight: normal; border-bottom: 2px solid; color: rgb(0,144,102); padding-bottom: 0.6em; }
.post h3 a { text-decoration: none; color: rgb(0,144,102); }
.post a { text-decoration: none; color: rgb(0,144,102); }

.more-link { font-size: 0.9em; font-style: italic; color: rgb(122,153,148); margin-bottom: 0.4em; }
.postmetadata { font-size: 0.9em; font-style: italic; color: rgb(122,153,148); margin-bottom: 0.4em; }
.postmetadata a { text-decoration: none; color: rgb(122,153,148);  }

table.address { font-style: italic; font-size: 0.92em; margin-top: 1.5em; }
table.address td { padding-left: 0.5em; }

#respond { width: 500px; padding-left: 20px; background: red; }
#respond textarea { width: 460px; }

.nocomments { display: none; }

#sidebar { width: 218px; float: right; padding-left: 15px; padding-top: 60px; font-size: 0.9em; line-height: 136%; margin-top: 0px; margin-left: 0.2em; padding-right: 0.6em; background: rgb(236,236,236); font-family: Verdana, Helvetica, sans-serif; color: rgb(0,144,102); }
#sidebar ul { list-style-image:url(/wp-content/themes/Scala/images/Bullit-Dreieck10g.jpg); padding-left: 0.2em; margin-left: 0.2em; }
#sidebar ul a { text-decoration: none; color: rgb(61,102,95); }
#sidebar ul h2 { color: rgb(31,77,69); font-weight: normal; margin-top: 1em; }
#sidebar li h2 { color: rgb(31,77,69); font-weight: normal; margin-top: 1em; color: lightslategray;}
#sidebar li a { color: rgb(31,77,69); font-weight: normal; margin-top: 1em; color: black;}
#sidebar h2 { color: rgb(31,77,69); font-weight: normal; margin-top: 1em; color: lightslategray;}
.categories  { list-style-type:none; color: rgb(31,77,69); font-weight: normal; margin-top: 1em; }
.linkcat  { list-style-type:none; color: rgb(31,77,69); font-weight: normal; margin-top: 1em; }

/* Linie am Fuss der Seite */
#footer { border-bottom: 20px solid; color: rgb(0,144,102); padding-bottom: 1em; }
#footer p { width: 960px; margin-left: auto; margin-right: auto; font-size: 0.86em; color: darkslategray; }
#footer a { color: slategray; }
