/*
Theme Name: Berlin Collage
Description: Selbstgebautes und deutsches Theme fuer Wordpress
Version: 1.0
Author: Alexander Sempf
Author URI: http://www.alexandersempf.de
*/


/* Allgemeine Einstellungen */

body {
background-color: #27291E;
font-family: Verdana, sans-serif;
margin: 0;
}

hr {clear: left; display: none;}

#page {
background-color: white;
border: 1px solid #959596;
text-align: left;
width: 900px;
margin: auto;
}

/* Kopf-Bereich */

#header {
background-image: url(images/head.jpg);
background-repeat: no-repeat;
height: 181px;
width: 900px;
padding: 0;
margin: 10px 0 0 0;
}

/* Inhalt-Bereich */

#content {
position: relative;
background: url(images/corpus.jpg) repeat-y 0 0;
width: 900px;
margin: 0 auto;
padding: 0 12px 0 12px;
text-align: left;
overflow: auto;
}

.narrowcolumn {
float: left;
width: 625px;
padding: 5px 10px 15px 20px;
margin: 0;
font-size: 0.8em;
}

.narrowcolumn h2, h3 {
font-family: Georgia, sans-serif;
}

.narrowcolumn h2, h3 {
font-size: 1.2em;
background-color: #ECC832;
border-weight: 1px;
border-color: #000;
padding: 0 5px 0 5px;
font-weight: bold;
line-height: 1.5em;
margin: 5px 0 0 0;
}

h2.pagetitle {
font-size: 1.25em;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #27291E;
text-decoration: none;
}

#sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

h2 a:hover, h3 a:hover {
color: #EF0600;
text-decoration: none;
}

.post {
margin: 0 0 30px 0;
padding: 0 10px 10px 10px;
text-align: left;
border-width: 1px;
border-style: solid;
border-color: #EFEFEF;
width: 610px;
-moz-border-radius: 20px;
}

.entry a, a:visited {
color: #EF0600;
text-decoration: none;
}

.entry a:hover {
color: #000;
text-decoration: none;
}

.narrowcolumn .postmetadata {
text-align: right;
padding: 1px 5px 1px 5px;
margin: 25px 0 0 0;
background-color: #EDEDED;
font-size: 0.8em;
}

.postmetadata {
clear: left;
}

.postmetadata a, .postmetadata a:visited {
text-decoration: underline;
color: #000;
}

.postmetadata a:hover {
text-decoration: underline;
color: #EF0600;
}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 0;
margin: 0;
}

.navigation {
margin: 15px 0 40px 0;
}

.alignleft {
margin: 0 0 5px 0;
float: left;
}

.alignright {
margin: 0;
float: right;
}

.alignleft a, a:visited, .alignright a, a:visited {
color: #EF0600;;
text-decoration: none;
}

.alignleft a:hover, .alignright a:hover {
color: #000;
text-decoration: none;
}

/* Begin Images */
p img {
padding: 2px;
max-width: 100%;
}

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

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

a img {
border: none;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding: 1px 5px 1px 20px;
border-left: 5px solid #ddd;
background-color: #EFEFEF;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}


/* Sidebar */

.sidebar {
float: right;
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 0.8em;
padding: 15px 13px 15px 0;
margin: 0;
width: 210px;
}

.sidebar form {
margin: 0;
}

.sidebar h2 {
font: 1.0em 'Lucida Grande', Verdana, Sans-Serif;
margin: 5px 0 0;
padding: 0;
font-weight: bold;
}

.sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

small {
color: #9F9F9F;
margin: 0 0 15px 0;
text-align: left;
width: 100%;
}

.sidebar ul ul li, .sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #5F5F5F;
}

.sidebar a, .sidebar a:visited {
text-decoration: none;
color: #000;
}

.sidebar a:hover {
text-decoration: none;
color: #EF0600;
}

.sidebar ul ul li:before {
content: "\00BB \0020";
}

.sidebar ul, .sidebar ul ol {
margin: 0;
padding: 0 10px 0 10px;
}

.sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

.sidebar p {
padding: 2px;
margin: 0;
width: 165px;
border-width: 1px;
border-style: solid;
border-color: #000;
}

.sidebar ul p, #content .sidebar ul select {
margin: 5px 0 8px;
}

.sidebar ul ul, #content .sidebar ul ol {
margin: 5px 0 0 0;
}

.sidebar ul ul ul, .sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, .sidebar ul ol li {
list-style: decimal outside;
}

.sidebar ul ul li, .sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}

.commentlist li, #commentform input, #commentform textarea {
font-family: Verdana, sans-serif;
margin: 0;
padding: 0;
}

.commentlist li {
font-weight: bold;
margin: 0;
padding: 0;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.05em;
line-height: 1.5em;
}

.commentlist p {
font-size: 1.0em;
font-weight: normal;
line-height: 1.4em;
text-transform: none;
}

#commentform p {
font-family: Verdana, sans-serif;
}

.commentmetadata {
font-weight: normal;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 100%;
padding: 2px;
font-size: 0.9em;
}

#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */


/* Begin Comments */
.alt {
margin: 0;
padding: 10px;
}

.alt a, a:visited{
color: #EF0600;
text-decoration: none;
}

.alt a:hover{
color: #000;
text-decoration: none;
}


.commentmetadata a, .commentmetadata a:visited{
text-decoration: underline;
color: #000;
}

.commentmetadata a:hover{
text-decoration: underline;
color: #EF0600;
}

.postmetadata a, .postmetadata a:visited {
text-decoration: underline;
color: #000;
}

.postmetadata a:hover {
text-decoration: underline;
color: #EF0600;
}

.commentlist {
padding: 0;
text-align: left;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

/* End Comments */



/* calendar
--------------------------------------------------*/
#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:165px;
  margin:0px 5px 6px 2px;
  text-align:center;
  border: 1px solid #000;
}

#subcontent table caption {
  margin: 5px 5px 0 2px;
  padding-bottom:5px;
  border-bottom:1px solid #000000;
  letter-spacing:0.1em;
}

#subcontent table thead tr {border-bottom:1px solid #000000;}

#subcontent table th {border-bottom:1px solid #000000;}

#subcontent table td {
width:165px; /* maximaize width; honestly, I don't know much about tables... */
padding:1px;
font-size:0.9em;
}

#subcontent table td#today {
padding:0;
border:1px solid #EF0600;
font-size:1em;
font-weight:bold;
color: #EF0600;
}

#subcontent table td a {
display:block;
font-weight:bold;
font-size:1.15em;
text-decoration: none;
}

#subcontent table tfoot {border-top:1px solid #000000;}

#subcontent table tfoot a {
border:none;
font-weight:bold;
text-decoration: none;
}

#subcontent table tfoot #prev a {text-align:left;}
#subcontent table tfoot #next a {text-align:right;}



/* Footer */

#footer {
clear: both;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
width: 900px;
height: 25px;
margin: 10px 0 5px 0;
padding: 4px 25px 0 25px;
font-size: 0.8em;
color: #000;
text-align: left;
}

#footer a{
color: #000;
padding: 0;
font-weight: bold;
text-align: left;
text-decoration: none;
}

#footer a:hover{
color: #000;
padding: 0;
font-weight: bold;
text-align: left;
}

.sidebar .title {
font-weight: bold;
margin: 15px 0 7px 0;
}

#calendar_wrap a{
color: #ef0600;
font-weight: bold;
}

#calendar_wrap a:hover {
color: #000;
font-weight: bold;
}