/*

	STYLESHEET FÜR SUNLOG dieJulia.net AUSGABE-TEMPLATES

*/

body { background: #505050;	margin: 0; padding: 0; background-image: url(images/background.gif); background-repeat: repeat; text-align: center; }

/* Der Hauptcontainer */
#container { width: 740px; background-color: #fff; background-image: url(images/bg-logo.jpg); background-repeat: no-repeat; border: 1px solid #B36925; text-align: left; }
#container_shadow { width: 740px; border: 4px solid #FDB139; margin: 30px auto 30px auto; }

/* Styles für Bereichs-Navigation */
#navlist { margin: 0 0 0 0; text-align: right; padding-right: 35px;	padding-bottom: 6px; border-bottom: 1px solid #6A2111; font-family: Verdana, sans-serif; }
#navlist li { display: inline; list-style-type: none; }
#navlist a:link, #navlist a:visited { margin: 0 0 0 16px; font-size: 10px; font-weight: bold; line-height: 14px; text-decoration: none; color: #FDB139; }
#navlist a.active:link, #navlist a.active:visited, #navlist a:hover { border-bottom: 5px solid #FDB139;	padding-bottom: 2px; color: #FDB139; }
#navlist a:hover { border-bottom: 5px solid #FDB139; padding-bottom: 2px; color: #FDB139; }

/* Container oben */
#sub_header { width: 100%; margin: 102px 0 100px 0; }

/* Der Content-Container */
#sub_content {
	margin-top: 10px;
	margin-left: 173px;
	border-left: 1px solid #6A2111;
	padding: 11px 35px 0 20px;
	max-width: 550px;
	font-family: verdana, sans-serif;
/*	
	font-size: 100%;
	color: #333;
	line-height: 22px;
	padding: 0 20px 5px 20px;
	width: 435px; */
}

/* Das Menü auf der linken Seite */
#sub_content_menu { position: relative; float:left; width: 120px; text-align: right; margin-left: 15px; margin-top: 26px; }

/* Die Links sind eingerückt */
#sub_content_menu_in a.mi,
#sub_content_menu_in p.mi {	display: block;	margin-right: 10px;	padding: 0;	color: #371109;	line-height: 18px; font: normal 11px Verdana; }
#sub_content_menu_in a.mi:hover { color: #FDB139; }
#sub_content_menu_in h3 { margin: 0; color: #6A2111; font-weight: bold;	font-size:  14px; font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif; }

/* Titel der einzelnen Einträge */
#sub_content h2 { margin: 5px 0 0 0;  font-size: 20px; font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif; color: #6A2111; }
/* Der Titel ist gleichzeitig Permalink */
#sub_content h2 a {	color: #6A2111; text-decoration: none; }
#sub_content h2 a:hover { color: #FDB139; border-bottom: 1px dotted #B36925; }

/* Titel der Kommentare */
#sub_content h3 { margin: 0; font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif; font-size: 16px; color: #6A2111; }
#sub_content ul, ol { font-size: 11px; }

/* Eintragstext */
div.entry { text-align: justify; font-size: 11px; line-height: 18px; color: #0A1119; }
div.entry a { color: #371109; }
div.entry a:hover { color: #FDB139; }

/* Datum und Zeit unter dem Eintragstitel */
div.date { margin: 0; font: normal 11px verdana; color: #B36925; }
/* ? */
div.date a { color: #B36925; text-decoration: none; }
div.date a:hover { color: #FDB139; text-decoration: underline; }

/* Abschluss-Container des Content */
#sub_bottom { clear: both; }

/* Ende der Seite */
#sub_footer { margin: 0 0 25px 0; text-align: center; font: normal 11px verdana;	color: #0A1119; }
#sub_footer a { color: #371109; text-decoration: none; }
#sub_footer a:hover { color: #FDB139; text-decoration: underline; }

/* Zitatkasten */
blockquote
{
	background: #fafafa;
	color: #888;
	margin: 4px 0 4px 20px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	border-left: 2px solid #aaa;
}

/* Abkürzungs- und Akronymdarstellung */
acronym, abbr { cursor: help; border-bottom: 1px dotted; }

/* Für das Fragezeichen */
.help { cursor: help; }

/* Vor- und Zurückblätterer */
#browse { text-align: center; padding-top: 40px; padding-bottom: 10px; }
#browse a { font: normal 11px Verdana; color:#B36925; }
#browse a:hover { font: normal 11px Verdana; color: #FDB139; }

/* Kommentare */
#commentlist li { font: normal 16px Verdana; color: #B36925; margin-bottom: 20px; font-size: 80%; }
#commentlist a { color: #B36925; text-decoration: none; }
#commentlist a:hover { color: #FDB139; text-decoration: underline; }
div.entry_comment {	color: #43494F;	margin-top: 6px; margin-bottom: 0; font-size: 125%; }
div.date_comment { color: #B36925; font-size: 100%; }

/* Felder */
input.feld, textarea.feld {	border: 1px dotted #B36925;	padding: 1px 1px 1px 1px; color: #43494F; background: #fbfbfa; margin: 1px 0 1px 0; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 10pt; }

/* Der schicke blaue Button */
input.button
{
	background: #ccc;
	border: 1px solid #aaa;
	border-color: #36A #023 #023 #36A;
	color: #444;
	cursor: pointer;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	height: 22px;
	padding: 0 10px;
	margin: 1px 0 1px 0;
}

input.button:hover
{
	border-color: #47B #134 #134 #47B;
	background: #358;
	color: #fff;
}

/* Formular */
form { margin: 0; font: normal 11px Verdana; color: #0A1119; padding-bottom:40px; }

/* HR gibts nicht mehr */
div.linie {	border-top: 1px solid #B36925; height: 1px;	margin: 0; padding: 13px 0 13px 0; }

/* Die versteckten Suchoptionen */
#extsearch { padding: 5px; border: 1px dashed #aaa;	background: #fafafa; }

/* allgemein */
a { color: #371109; }
a:hover { color: #FDB139; }

/* Die Archivliste */
ul.yearlist li {	color: #B36925; }
ul.yearlist a { color: #371109; }
ul.yearlist a:hover { color: #FDB139; }

img { border: 0; }
table {	border: none; text-align: left;	margin: 0 auto; }
td { vertical-align: top; }


div.yearlist { float: left; }
div.monthlist { background: #fafafa; border-left: 2px solid #ccc; float: right;	width: 280px; padding: 5px 10px 10px 10px; }
ul.yearlist { list-style-type: none; margin: 2px 0 0 10px; padding: 0; }
ul.monthlist { color: #999;	margin: 2px 0 0 5px; list-style-type: none;	padding: 0; }

/* Thumbnails (Minibilder) */
.thumbnail, .thumbnailmiddle, .thumbnailright, .thumbnailleft {
	background:#eee;
	padding:5px;
	border:1px solid #888;
	margin-bottom: 3px;
}

.thumbnailright { margin-left: 8px; }	
.thumbnailleft { margin-right: 8px; }

/* Kalendersyle */
.month a	{text-decoration:none; color:#555;}
.month a:hover	{background:#fff; text-decoration:none; color:#222;}
.month		{text-align:center; padding:0; margin:0; width:160px;}
.month td	{vertical-align:middle;}
.monthname	{font-size:80%; padding-bottom:8px;}
.dayname	{font-size:80%; background-color:#ddd; color:#222;}
.nomonthday	{font-size:80%; border: 1px solid #eee;}
.monthday	{font-size:80%;height:20px; width:20px; border: 1px solid #eee;}
.today		{font-size:80%;background-color: #f8f8f8; border: 1px solid #571;}
.selectedday	{font-size:80%;background-color: #ddd; border: 1px solid #247;}

/* spezielle Angaben für die Druckausgabe */
@media print
{
	body,
	div.date,
	div.entry		{background:#fff; color:#000; font-family:Georgia,"Trebuchet MS",Verdana,sans-serif; font-size:10pt;}

	#container,
	#container_shadow	{border:none; margin:auto;}	

	#sub_header_menu,
	#sub_header_logo,
	#sub_content_menu,
	#sub_content_menu_in,
	#sub_bottom,
	#sub_footer,
	#sub_header		{display:none;}

	#sub_content_bg		{background:none;}
	#sub_content		{width:80%;}
}