/*
Theme Name: Paragon's WP theme
Theme URI: http://kb.paragon-software.com/
Author: Archie C. Füßer
Author URI: http://www.paragon-software.com
Description: First approaches to implement the Paragon style as a simple WordPress theme
Version: 0.5
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Rahmen abschalten: */
img, ul, li {
	border: 0;
	margin: 0;
	padding: 0;
}

.clearance:after {
	content: "";
	display: block;
	clear: both;
}

/* Listen konfigurieren */

div.content ul {
	padding-left:1em;
	list-style:circle outside;
}
div.content ol {
	padding-left:1.5em;
	list-style:decimal outside;
}

/* Bilder automatisch skalieren: */
img {
	max-width: 100%;
	height: auto;
}

/* Schriften festlegen: */
body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 100%;
	margin:0;
}
h1 {
    color: #093f74;
    line-height:100%;
    padding-bottom:0;
    margin-bottom:0;
}
h2 {
    color: #295886;
}
h3 {
    color: #295886;
}
abbr,acronym {
	font-style:monospace;
	text-decoration: none;
	border-bottom:.5px dotted;
}
code {
	font-style:italic;
	background-color:#dddddd;
	padding:0.2em 0.3em 0.2em 0.3em;
}
cite {
	background-color:#f5f5f5;
	padding:0.2em 0.3em 0.2em 0.3em;
	border-bottom:.5px solid #295886;
}
blockquote, pre {
	margin:1rem 10rem 1rem 0;
	padding:0.1rem 2rem 0.1rem 2rem;
	background-color:#f5f5f5;
}
blockquote {
	border-left:5px solid #295886;
	font-style:italic;
}
pre {
	border-left:5px solid #dddddd;
	padding-top:1rem;
	padding-bottom:1rem;
}
p.scenario {
	color:#295886;
	font-size:0.8rem;
	font-weight:600;
	font-style:italic;
}
p.ratings {
	font-size:0.8rem;
	text-align:right;
}
table {
	text-align:left;
	font-size:0.8rem;
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding:5px;
	border:1px solid #dddddd;
}
th {
	background-color:#f5f5f5;
}

/* Links (blau) formatieren: */
a {
	color: #23527C;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/* Jump label to top */
p#topanchor {
	height:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}
p.totop {
	font-size:70%;
	text-align:right;
	margin:0px;
}

/* Footer */

footer {
	background:#e3ebf3;
}

div#followbox {	
	padding:10px;
	text-align:left;
}
div#followbox p.totop {
	text-align:left;
}
p.hlegal,p.cright {
	float:none;
}
div#copyright {
	color:#5b5d5a;
	font-size:11px;
	padding:10px;
	text-align:left;
}

/* Header wrapper */

header {
	position:static;
}

/* Header titels and widgets */

#headtitels, #headwidgets {
	position:static;
	width:auto;
	margin-bottom:0.5em;
    text-align: left;
}

#headwidgets ul {
		list-style:none;
}
/* Hauptmenü für kleine Bildschirme formatieren: */
/* Show label for mobile menu on small screens */

aside {
	margin-top:1em;
}

input#mobile-menu {
	display: none;
}

nav {
	display: none;
}

input[type=checkbox]:checked ~ nav {
    display: block;
	margin-bottom:1em;
}
	
label.mobile-menu-label {
	background:#576BAE;
	color:#ffffff;
	font-weight:600;
	width:10em;
	padding:5px 0px 5px 5px;
	border:none;
	display:block;
}

nav li {
	background:#576BAE;
	font-weight:600;
	line-height:1.5em;
	padding-left:5px;
	width:12em;
	margin-left:1em;
	list-style:none;
	text-decoration:none;
}

nav li a {
	color:#ffffff;
	text-decoration:none;
}

nav li a:hover {
	color:#576BAE;
	background:#ffffff;
	text-decoration:none;
}

/* Widgets formatieren: */
li.widget h2 { font-size: 1em; }
li.widget { margin-bottom: 1em; }

#tag_cloud-2 {
	display:none;
}

.catdesc {
	padding-bottom:10px;
	border-bottom:1px dotted #576BAE;
	margin-bottom:2em;
}

.catdesc p {
	color:#646464;
	font-size:0.8rem;
}

.linklist {
    font-size:100%;
}


/*
   Ändere Layout auf größeren Bildschirmen
   mit einer Breite von mindestens 800 Pixeln:
 */
@media screen and (min-width: 1280px) {
	/* Header */
	header {
		position:relative;
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left:0.5em;
		padding-right:0.5em;
		height:10em;
	}

	/* Header titels left */

	div #headtitels {
		position:absolute;
		top:10px;
		left:10px;
		text-align: left;
		width:auto;
	}

	/* Header widgets right */

	div #headwidgets {
		position:absolute;
		top:10px;
		right:10px;
		text-align:right;
	}

	/* Hauptmenü in die Horizontale legen: */
	/* Hide label for mobile menu on screen */
	input#mobile-menu {
		display: none;
	}
	
	label.mobile-menu-label {
		display: none;
	}
	
	nav {
		display:block;
	}
	
	nav li {
		float:left;
		font-weight:600;
		background:transparent;
		text-align:center;
		padding:0px;
		margin:0px;
	}
	
	nav li a {
		color:white;
		background:transparent;
		padding:0.5em 0.5em 0.5em 0.5em;
		display:block;
		border-right:#ffffff solid 1px;
		text-decoration:none;
	}

	nav li a:hover {
		background: lightgrey;
		text-decoration:none;
	}

	nav ul {
		width:100%;
		height: 36px;
		float:left;
		background:url('./img/nav.png') repeat-x;
		margin-bottom:1.5em;
		list-style:none;
	}

	nav li ul { display:none; }

	nav li:hover ul {
		display:block;
		width:auto;
		position:absolute;
	}

	nav li:hover ul li { float:none; }

	/* Seitenspalte mit den Widgets nimmt 25% der Seitenbreite ein: */
	main {
		display:block;
		margin-bottom:1em;
	}

	aside {
		margin-top:0px;
		float:left;
		width:25%;
	}

	aside ul {
		list-style:none;
	}
	
	#tag_cloud-2 {
		display:block;
	}

	/* Spalte mit den Beiträgen nimmt 74% der Seitenbreite ein: */
	div.content {
        margin-left:27%;
		max-width:73%;
	}

	/* Seite wird maximal 1280 Pixel breit: */
	div.container {
		max-width: 1280px;
		height:100%;
		margin-left: auto;
		margin-right: auto;
		padding-top:0.5em;
	}
	
	ul.post-categories {
		list-style:none;
	}
	ul.post-categories li {
		display: inline;
	}

	li."collapsing categories item" {
		list-style-item:circle;
	}

	p.singlecat {
		text-align:left;
		padding-top:10px;
		border-top:#dddddd solid 1px;
	}
/* ********FOOTER******** */
	footer {
		position:relative;
		background:#e3ebf3;
		max-width:1280px;
		height:150px;
	}
	div#followbox {
		position:absolute;
		top:10px;
		right:10px;
		text-align:right;
	}
	div#followbox p.totop {
		text-align:right;
	}
	div#copyright {
		color:#5b5d5a;
		font-size:11px;
		padding:10px;
		text-align:left;
	}
	p.hlegal {
		float:left;
		width:150px;
	}
	p.cright {
		clear:left;
		padding-top:20px;
	}
}

/* number navigation start */
.navigation {
margin-top:30px;
width: auto;
font-size: 16px;
}
.navigation > a {
float: left;
width: 32px;
font-weight: 700;
text-align: center;
color: #23527c;
text-decoration: none;
margin-left: 1px;
padding-top: 7px;
}
.navigation > .current {
float: left;
font-weight: 700;
width: 29px;
text-align: center;
color: #c4c8cc;
margin-left: 5px;
padding-top: 7px;
}
.navigation > .prev {
float: left;
width: 32px;
height: 34px;
background: url('img/bow_left.png') no-repeat;
margin-left: 0;
}
.navigation > .next {
float: left;
width: 34px;
height: 34px;
background: url('img/bow_right.png') no-repeat;
margin-left: 14px;
}
.navigation > .dots {
float: left;
font-size: 14px;
font-weight: 700;
width: 32px;
text-align: center;
color: #c4c8cc;
padding-top: 7px;
}
/* number navigation stop */

/* search result page start */
.searchresults {counter-reset: myCounter; position:relative;}
.searchresults li {list-style:none; text-indent:0; margin-top:15px;}
.searchresults li p {margin:5px 0;}
.searchresults li:before {
counter-increment: myCounter;
content:counter(myCounter) ".";
font-weight:bold;
color:#23527c;
font-size:16px;
position:absolute; 
left:-2px;
}
/* search result page stop */