﻿/*  
THEME NAME: ramog
DESCRIPTION: Schlicht, einfach zu navigieren und zu konfigurieren - hier steht der Inhalt im Mittelpunkt. Mit CMS-Homepage-Option. F&uuml;r WordPress 2.0+ mit Widgets geeignet - basierend auf blog.txt_de lokalisiert von Andr&eacute; Lange - <a href="http://www.andre-lange.de/">andre-lange.de</a>
VERSION: 1.0 DE
AUTHOR: Erwin Behner
AUTHOR URI: http://ramog.de/
*/
/*
"ramog" (C) 2008 Erwin Behner - distributed under the terms of the GNU General Public License v2
*/

body {
	font: 80%/150% arial, helvetica, sans-serif;
	background-color: #f5f5f5;
	margin: 0;
	padding: 0;
  min-width: 60em;       /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

a:hover {
    border-color: white;
    color: white; background-color: #c00;
}


div#wrapper {
}

div#container {
	margin: 0 20em 0 14em;
	padding: 1em 0 0 0;
}


div#containerRA {	/* Mitteilungsblatt RAMOG aktuell */
	overflow: auto;
	margin: 0 4em 0 14em;
	padding: 1em 0 0 0;
}

div#container1 {
	overflow: auto;
	margin: 0 4em 0 14em;
	padding: 1em 0 0 0;
}

div#container56 {
	overflow: auto;
	margin: 0 4em 0 14em;
	padding: 1em 0 0 0;
	width: 56em;
}

div#navleiste {
	float: left; width: 10em;
	border-right: 1px solid #ccd0d6;;
}
 
ul#navleiste {
  margin: 0; padding: 0em;
	text-align: center;
}

* html div#navleiste {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    width: 11.2em;
    padding-left: 0;
    padding-left: 0em;
}

ul#navleiste li {
    list-style: none;
    margin: 0em; padding: 0;
}

ul#navleiste a {
    display:block;
    padding: 0.1em;
    text-decoration: none; font-weight: bold;
    color: #00a;
}

* html ul#navleiste a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    width: 9.8em;
}

ul#navleiste a:hover {
    border-color: white;
    color: white; background-color: #c00;
}

/* COMMON ELEMENT DECLARATIONS */
h1#title { font-family:arial, helvetica, sans-serif; }
p#description, h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif; 
}
p.post-footer, input#author, input#email, input#url, textarea#comment, div.sidebar ul, div.post-entry p.paged-link { 
	font-family: verdana, geneva, sans-serif; 
}
div.post-entry p { 
	text-align: left; 
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: normal;
}
h2.post-title, div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6, div.sidebar ul li h2 {
	color: #34425b;
}
div#content img, li a img { border: none; }
/* HEADER STUFF */
div#header {
	margin: 2em 0 0 -0.5em; 
}
h1#title, p#description { margin: 0; }
h1#title {
	border-bottom: 0.1em solid #ccd0d6;
	font-size: 4em;
	letter-spacing: 1px;
	line-height: 65%;
	padding: 0 0 0 0.1em;
	z-index: 2;
}
p#description {
	color: #777;
	font-size: 1.2em;
	padding: 0.5em;
}
/* CONTENT / CONTAINER STUFF */
div.narrowcolumn {
	padding: 0 3em 0 0;
}
h2.post-title {
	font-size: 1.5em;
	margin: 2em 0 -0.2em 0;
}
div.post-entry p {
	font-size: 1em;
	margin: 1em 0;
}
div.post-entry ul li {
	list-style: square;
	line-height: 150%;
}
div.post-entry ul li ul { margin-bottom: 0.5em; }
div.post-entry ul li ul li {
	list-style: circle;
}
div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6 {
	font-size: 1.3em;
	margin: 1.5em 0 -0.7em 0;
}
div.post-entry span.more-link, div.post-entry p.paged-link {
	font-size: 0.9em;
	font-weight: bold;
}
p.post-footer {
	background: #f6f7f8;
	border-bottom: 1px solid #ccd0d6;
	border-top: 1px solid #ccd0d6;
	color: #677284;
	font-size: 0.9em;
	text-align: center;
	margin: 1em 0 4em 0;
	padding: 0.1em 0.2em;
	clear: both;
}
span.pre-title {
	color: #9aa1ae;
}

div#container1 table {
	font-size: 100%;
}
div#containerRA table {
	font-size: 100%;
}

/* COMMENTS STUFF */
div#comments { margin: 4em 0 0 0; }
div#comments h3 {
	color: #4d5663;
	font-size: 1.4em;
	margin: 2em 0 0.5em 0;
}
ol.commentlist li { margin: 0 0 5em 0; }
ol.commentlist li.trackback {
	border: 1px solid #ccd0d6;
	font-size: 0.9em;
	list-style: none;
	margin: 1em 0;
	padding: 0.5em;
}
ol.commentlist li.trackback p {
	color: #777;
	margin: 0.5em;
}
ol.commentlist li p { margin: 0.5em 0; }
ol.commentlist p.comment-metadata {
	font-style: italic;
	margin: 0 0 2em 0;
}
div.formcontainer p { margin: 0 0 1em 2em; }
input#author, input#email, input#url, textarea#comment {
	font-size: 1em;
	line-height: 125%;
	padding: 0.3em;
}
input#author, input#email, input#url { width: 17em; }
textarea#comment {
	height: 12em;
	overflow: auto;
	width: 23em;
}
/* FOR SEARCH.PHP (THE RESULTS) */
ol.searchresults li { margin: 0 0 2em 0; }
ol.searchresults li p { margin: 0 0 0.2em 0; }
/* SIDEBAR STUFF  */
div#col1 {
    float: right; width: 20em;
    margin: 0; padding: 0;
	border-left: 1px solid #ccd0d6;
}
div.sidebar ul {
	margin: 4em 0 0 2em;
	padding: 0;
}
div.sidebar ul li, div.sidebar ul li p {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}
div.sidebar ul li h2 {
	font: bold 1.1em/normal "times new roman", times, serif;
	letter-spacing: 1px;
	margin: 0 0 0.2em 0;
}
div.sidebar ul li ul, form {
	margin: 0;
	padding: 0;
}
div.sidebar ul li ul li {
	color: #4d5663;
	margin: 0;
	padding: 0 0 0.1em 0;
}
div.sidebar ul li ul li ul li {
	color: #9aa1ae;
	list-style: disc inside;
	margin: 0 0 0 1em;
}
li#rss-links ul li.rss-link, li#interact-links ul li.comment-link, li#interact-links ul li.trackback-link {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.3em;
}
li#rss-links ul li.rss-link { background: url(images/feed.png) no-repeat left center; }
li#interact-links ul li.comment-link { background: url(images/comment.png) no-repeat left center; }
li#interact-links ul li.trackback-link { background: url(images/trackback.png) no-repeat left center; }
/* FOOTER STUFF */
div#footer {
	clear: both;
	width: 100%;
	padding: 1em 0 1em 0;
}
div#footer p {
	color: #9aa1ae;
	font-size: 0.9em;
	margin: 0;
}
/* UNIVERSAL THINGS */
blockquote, code, pre {
	background: #ebedef;
	color: #4d5663;
	padding: 0.1em 1em;
}
blockquote blockquote {
	border-left: 5px solid #ccd0d6;
}
code, pre { font: 1em/140% "courier new", courier, monospace; }
abbr, acronym {
	border-bottom: 1px dotted #4a5f82;
	cursor: help;
}
.clearer {
	clear: both;
	height: 0;
}
/*
.alignright { float: right; }
.alignleft, div#container { float: left; }
*/
div.navigation {
	clear: both;
	font-size: 0.9em;
	height: 1.5em;
	margin: 3em 0;
}
/* LAYOUT AND LINKS FOR IMAGES CLASSES: ALIGNRIGHT, ALIGNLEFT, AND CENTER */
div#content img.center, div#content img.alignright, div#content img.alignleft {
	border: 1px solid #9aa1ae;
}
div#content a:hover img.center, div#content a:hover img.alignright, div#content a:hover img.alignleft {
	border: 1px solid #2c384d;
}
div#content img.center {
	display: block;
	margin: 0.4em auto;
}
div#content img.alignright { margin: 0.4em 0 0.4em 1.1em }
div#content img.alignleft { margin: 0.4em 1.1em 0.4em 0; }
/* LINKS, PEACE BE UPON THEM */
a, a:link, a:visited, a:active, a:hover {
	outline: none;
	text-decoration: none;
}
div#header a, div#header a:link, div#header a:visited, div#header a:active { color: #0d1117; }
div#header a:hover { 
    color: #c00;
}
div#content a, div#content a:link, div#content a:visited, div#content a:active {
	border-bottom: 1px solid #bbf;
    color: #00a;
}
div#content h2.post-title a:link, div#content h2.post-title a:active, div#content h2.post-title a:visited, div#content p.post-footer a:link, div#content p.post-footer a:active, div#content p.post-footer a:visited {
	border-bottom: none;
}
div.sidebar a, div.sidebar a:link, div.sidebar a:visited, div.sidebar a:active {
	border-bottom: 1px solid #bbf;
    color: #00a;
}
div#content a:hover, div#content h2.post-title a:hover, div#content p.post-footer a:hover, div.sidebar a:hover {
	border-bottom: 1px solid white;
    color: white; background-color: #c00;

}
div#footer p a, div#footer p a:link, div#footer p a:visited, div#footer p a:active {
	border-bottom: 1px solid #ccd0d6;
	color: #9aa1ae;
}
div#footer p a:hover {
	border-bottom: 1px solid #34425b;
	color: #34425b;
}

div#col1 strong {
    margin: 0.2em 0.5em;
}
div#col1 p {
    margin: 0.5em;
}

div#container h1 {
    margin: 0 0 0.5em;
}
div#container h2 {
    margin: 0.2em 0;
}
div#container p {
    margin: 1em 0;
}
