/* * * * * * * * * * * * *
 * JC-LOG-STYLESHEET     *
 * Johannes Mirus        *
 * http://jc-log.de      *
 * * * * * * * * * * * * *
 * Edition 2010          *
 * Release 1.0.1         *
 * vom 26.06.2010        *
 * * * * * * * * * * * * *
 * STRAHLEND WEISS       *
 * DANK MÄNNERSCHWEISS!  *
 * * * * * * * * * * * * */
 
/* ----- Setzungen ----------------------------------------------------------------------------------------------------------

   Primärfarbe:   #f90 (dunkles Orange)
	Sekundärfarbe: #04a (Dunkelblau)
	Akzentfarben:  #408CFF (helleres Blau, z.B. für visited Links)
	               #FF1900 (Signalrot)
	Hintergrundfarbe rechte Seite: #F1F7FF

   Alle Farben:                Orange   Blau     Türkis   Lila     Grün     Gelb     Rot
                  sehr hell    #FFD699  #99C2FF  #99F5FF  #D699FF  #99FFD6  #F5FF99  #FFA399
                  hell         #FFB340 <#408CFF> #40ECFF  #B340FF  #40FFB3  #ECFF40  #FF5340
                  mittel      <#FF9900> #0066FF  #00E5FF  #9900FF  #00FF99  #E5FF00 <#FF1900>
                  dunkel       #AA6600 <#0044AA> #0099AA  #6600AA  #00AA66  #99AA00  #AA1100
                  sehr dunkel  #4D2E00  #001F4D  #00454D  #2E004D  #004D2E  #454D00  #4D0800

	
	Primärschrift: Cambria,"Times New Roman", Times, serif  (Fließtext, 10pt)
	Sekundärschr.: Verdana,Arial,Helvetica,sans-serif  (Überschriften und sonstiger Text)
	
   -------------------------------------------------------------------------------------------------------------------------- */
 
/* ----- Generelle Formatierung --------------------------------------------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	height: 100%;
	text-align: left;
	background-color: #F1F7FF;
	color: #333;
}

div,p,li,td {
	font: 11pt/150% Cambria,"Times New Roman", Times, serif;
	color: #333;
}

p {
	margin: 0 0 10px;
}

ul,ol {
	padding: 0;
}

ul li {
	margin: 0 0 0 20px;
	list-style: square url("/images/edition2010/li.png");
}

ol li {
	list-style-type: upper-roman;
	margin: 0 0 0 60px;
}

/* ----- Seitenstruktur ----------------------------------------------------------------------------------------------------- */

#container {
	float: left;
	width: 700px;
	height: 100%;
	background-color: #fff;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
}

#navi {
	float: left;
	text-align: center;
	width: 150px;
	padding: 5px 10px;
	position: fixed;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden !important;
	background-color: #fff;
}

#content {
	margin-left: 154px;
	padding: 10px 20px;
	text-align: justify;
}

#rest {
	margin-left: 750px;
	padding: 10px;
}

#rest p, #rest li {
	font: 8pt/140% Verdana,Arial,Helvetica,sans-serif;
}

/* ----- Links -------------------------------------------------------------------------------------------------------------- */

/* allgemein */

a:link {
	color: #04a;
	text-decoration: underline;
}

a:visited {
	color: #408CFF;
}

a:active {
	color: #f90;
}

a:hover {
	color: #fff;
	background-color: #f90;
	text-decoration: none;
}

/* Titel */

a.title,a.title:visited {
	text-decoration: none;
	color: #04a;
}

a.title:hover {
	color: #fff;
}

/* Navigations-Buttons */

p.navi {
	margin: 5px 0;
}

a.navi:hover {
	background-color: #fff;
}

/* Buttons (z.B. "Kommentar?") */

a.button {
	background-color: #f90;
	color: #fff;
	text-decoration: none;
	font: bold 10pt/100% Verdana,Arial,Helvetica,sans-serif;
	padding: 3px 5px;
	border: 1px solid #fff;
}

a.button:hover {
	border-color: #f90;
	background-color: #fff;
	color: #f90;
}

/* Links in der rechten Spalte */

#rest a {
	color: #408CFF;
}

#rest a:hover {
	color: #fff;
}

/* ----- Überschriften ------------------------------------------------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #000;
	line-height: 120%;
	text-align: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

h1 {
	font-size: 20pt;
	text-align: center;
	color: #04a;
	font-family: Cambria,"Times New Roman", Times, serif;
}

h2 {
	color: #04a;
	font-family: Cambria,"Times New Roman", Times, serif;
	font-size: 18pt;
	text-align: center;
}

h3 {
	font-size: 12pt;
	margin: 30px 0 5px;
}

h4 {
	font-size: 11pt;
	color: #04a;
	margin: 30px 0 5px;
}

h5 {
	font-size: 10pt;
}

/* Sonstige Tags */

img {
	border: none;
}

/* ----- Sonstige Styles ---------------------------------------------------------------------------------------------------- */

/* Weblog-Felder */

.foto {
	text-align: center;
	margin-bottom: 10px;
}

.fotodesc,.fotodesc a {
	text-align: right;
	font: 7pt/100% Verdana, Arial, Helvetica, sans-serif;
	color: #aaa;
}

.via, .via a {
	font-style: italic;
	color: #04a;
	font-size: 9pt;
}

.via a:hover {
	color: #fff;
}

/* Bilder */

.bild,.bildr,.bildl {
	border: 1px solid #000;
}

.bildr,.gravimg {
	float: right;
	margin: 0 0 5px 5px;
}

.gravimg {
	border: 1px solid #eee;
}

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

.bildbox {
	float: right;
	background-color: #F5FF99;
	padding: 5px;
	margin: 5px;
	font-size: 7pt;
	line-height: 110%;
	text-align: center;
	border: 1px solid #f90;
	font: 9pt/100% Verdana,Arial,Helvetica,sans-serif;
}


/* Beitragstrenner */

hr {
	width: 400px;
	text-align: center;
	color: #f90;
	background-color: #f90;
	height: 1px;
	margin: 30px 50px; 
	border: 0;
}

hr.chr {
	width: 200px;
	margin: 30px 150px;
	color: #666;
	background-color: #666;
}

/* Zitate */

blockquote {
	background-color: #F5FF99;
	margin: 10px 30px;
	padding: 10px 15px 1px;
	-moz-border-radius: 10px;
}

blockquote p {
	font-style: italic;
}

/* Sub-Zeilen */

.sub, .sub a {
	font: 8pt/130% Verdana,Arial,Helvetica,sans-serif;
	color: #666;
	text-decoration: none;
}

.sub a:hover {
	color: #fff;
}

/* Formularfelder */

.eingabe {
	background-color: #F5FF99;
	font: 9pt/130% Verdana,Arial,Helvetica,sans-serif;
	border: 0;
	padding: 2px;
}

/* Sonstiges */

abbr,acronym {
	border-bottom: 1px dotted #04a;
	cursor: help;
}

.erkenntnisse {
	font: bold 7pt Verdana,Arial,Helvetica,sans-serif;
	color: #408CFF;
	text-transform: uppercase;
}


/* ----- Spezielles --------------------------------------------------------------------------------------------------------- */

/* delicious, Twitter */

.delicious-posts {
	margin: 0;
	border: 0;
	padding: 0;
}

.delicious-posts ul, .delicious-posts li, .delicious-banner, #twitter_update_list, #twitter_update_list ul, #twitter_update_list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

li.delicious-post,p.delicious-extended {
	padding: 0;
	font: 8pt Verdana,Arial,Helvetica,sans-serif;
	list-style-type: none;
	list-style-image: none;
	color: #666;
}

li.delicious-post {
	margin-bottom: 10px;
	list-style-type: none;
	list-style-image: none;
}

a.delicious-link {
	font: 8pt Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

a.delicious-link:hover, #twitter_update_list a:hover {
	color: #fff;
	background-color: #f90;
	text-decoration: none;
}


#twitter_update_list li {
	font: italic 12pt Cambria,"Times New Roman", Times, serif;
}

#twitter_update_list li {
	font: italic 12pt Cambria,"Times New Roman", Times, serif;
}

#twitter_update_list a {
	font-weight: normal !important;
	text-decoration: underline;
	font-size: 9pt !important;
}

/* About-Sektor */

.aboutclose a {
	text-align: center;
	background-color: #f90;
	color: #fff;
	text-decoration: none;
	font: bold 10pt/100% Verdana,Arial,Helvetica,sans-serif;
	padding: 3px 5px;
	border: 1px solid #fff;
}

.aboutclose a:hover {
	border-color: #f90;
	background-color: #fff;
	color: #f90;
}