/*
Theme Name: page in a book
Author: Christian Radmann
Author URI: http://www.radmann.net
*/

@charset "utf-8";
/* CSS Document */


/* STANDARDS  */

html[xmlns^="http"] {
overflow-y:scroll;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body { min-height: 100%; height: auto; height: 100%; text-transform:lowercase;}

body {
background-color:#202f46;
background-image:url(images/bg-body2.jpg);
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

br { margin: 0; padding: 0; line-height: 0.0001em; height:0.1em; }

table { border-collapse:collapse; }

td, th { vertical-align: top; padding:2px 2px; }

p { padding: 0 0 15px 0; }

body#impressum br { clear: both; }

body#impressum h6 { font-size: 1em; width: 12em; float: left; font-weight:bold;}

.clear {float:none; clear:both;}

li {list-style-type:none;}

#contentContainer ul li { margin-left:25px; list-style-type:square; }
#contentContainer ul { margin-bottom:2.0em;}

#contentContainer table { margin-bottom:2.0em;}


/* ---------------------------- LAYOUT ---------------------------- */

#container { width:100%; height:auto; font-size:12px; color:#4f4f4f; line-height:21px; 
background-repeat:no-repeat;
}

#header { width:920px; height:39px; position:relative; padding:95px 0 0 40px;}

#mainContainer {width:960px; height:auto; 
background-color:#151a14; 
padding:10px 10px 10px 0;
border-radius-topright: 40px;
border-radius-bottomright: 40px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 40px;
-webkit-border-top-right-radius: 40px;
-webkit-border-bottom-right-radius: 40px; 
box-shadow: 1px 1px 10px #1d1d1d;
-webkit-box-shadow: 1px 1px 10px #1d1d1d;
-moz-box-shadow: 1px 1px 10px #1d1d1d;
}

#main { 
width:960px; height:auto;
background-color:#fff;  
padding:60px 0 40px 0;
border-radius-topright: 20px;
border-radius-bottomright: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px; 
box-shadow: 1px 1px 10px #1d1d1d;
-webkit-box-shadow: 1px 1px 10px #1d1d1d;
-moz-box-shadow: 1px 1px 10px #1d1d1d;
background-image:url(images/bg-main.jpg);
}


/* -- Navi -- */
#nav { width:571px; height:39px; float:right; }
#nav ul li { float:left; display:inline;}
#nav ul li a { display:block; color:#fff; text-decoration:none; float:left; color:#FEF6DF; font-size:21px;  
margin-right:41px; padding:8px 1px 10px 1px;}
#nav ul li a:hover { padding:8px 1px 4px 1px; border-bottom:6px solid #FEF6DF; color:#fff;}


#nav-add ul li ul li { display:block; padding:3px 1px 3px 1px; border-bottom:1px solid #E5E5E5; }
#nav-add ul li ul li a { text-decoration:none; }


/* -- Sidebar -- */
#sidebar {width:280px; float:left; padding:0 30px 0 40px;}
#sidebar #info { font-style:italic; font-size:21px; line-height:25px;}

/* -- Footer -- */
#footer { width:980px; height:32px; padding:20px 0 10px 40px; color:#fff; font-size:12px;}
#footer a {color:#FFF7E1; text-decoration:underline;}
#footer a:hover {color:#FFF7E1; text-decoration:none;}
#footer span { margin:0 5px;}


/* ---------------------------- CONTENT ---------------------------- */
#content { width:516px; float:left; padding:0 40px 40px 40px; position:relative;}



.linkteaser { float:right; width:460px;}
.linkteaser h3 { margin-bottom:-4px; font-size:15px; font-weight:bold;}

.bildbox { padding-bottom:5px;}
.bildbox img { margin-right:4px; margin-bottom:4px; float:left; }

#main a {color:#2c3d59; text-decoration:underline;}
#main a:hover {color:#2c3d59; text-decoration:underline; background-color:#e5e5e5;}

#main #footer a {color:#fff; text-decoration:none; float:right; font-size:11px;}
#main #footer a:hover {color:#fff; text-decoration:underline; background-color:#182335;}


hr { width:516px; height:1px; border:none; background-color:#E5E5E5; margin-bottom:20px; margin-top:20px;}

.img_a {margin-right:20px; margin-bottom:10px;}


/*---WP-Styles---*/

div.post small.commentinfo {  display:block; margin-bottom:20px; border-bottom:1px solid #e5e5e5; text-align:right; }
div.post div.entry { margin-top:15px;}
div.entry {width:516px; height:auto; padding-bottom:10px; margin-bottom:8px;}
div.post {  margin-bottom:25px; padding-bottom:12px; }
div.archivepost {  margin-bottom:0px; padding-bottom:0px; }

/*listen in posts*/
div.post ul { margin-bottom:20px;}
div.post ul li { margin-left:20px;}

/*tags*/
p.thetags { font-size:11px;}

/* additional info to post (written on, comments, tags) */
small { font-size:11px; display:block; margin-bottom:15px; padding-bottom:4px; border-bottom:1px solid #e5e5e5; }

p.postmetadata {border:1px solid #182335; padding:5px 10px; background-color:#fff;}
p.postmetadata small { font-size:11px; display:block;  border-bottom:none; margin-bottom:0px; }

/*---Pics----*/
#infobox div.wp-caption {border:1px solid #999999; background: #fff url(http://www.radmann.net/web/images/standard/makemebigger_lens.jpg) bottom right no-repeat; 
padding-top:4px; padding-bottom:17px; color:#000; text-align:center; margin-bottom:0.5em; margin-left:0.5em; float:left;}

#infobox div.wp-caption p {margin:0em; padding:0; color:#9A9A9A;}

div.gallery img {border:1px solid #4f4f4f; padding:1px; float:left; margin:0 5px 5px 0;}

.img-a { float:right; margin-left:20px; margin-bottom:10px; border:1px solid #4F4F4F; padding:1px;}						
.img-b { float:left; margin-right:20px; margin-bottom:10px; border:1px solid #4F4F4F; padding:1px;}						


/* -- TITLES -- */
h1 { color:#2c3d59; font-size:38px; float:left;}
h1 a {color:#FDF2DC; text-decoration:none;}
h1 a:hover {color:#fff; text-decoration:none;}

h2 { font-size:19px; color:#4f4f4f; font-weight:normal; margin-bottom:5px; font-weight:normal;}
h2.pagetitle { margin-bottom:20px;}

h3 { font-size:19px; color:#4f4f4f; font-weight:normal; margin-bottom:5px; font-weight:normal;}
#main h3 a { background-color:#202F46; color:#fff; text-decoration:none; padding:1px 1px;}
#main h3 a:hover { background-color:#3A4F73; color:#fff; text-decoration:none;}

h4 { font-size:38px; margin-bottom:30px; line-height:28px;}


/* -- Use Of Times --*/
h1, #nav ul li a, h3, h2, #sidebar #info, h4 {font-family: 'Cardo', georgia, arial, serif; }

/* -- Use Of Arial--*/
#container {font-family:Arial, Helvetica, sans-serif;}

code { color:#FF00FF; padding-left:20px; display:block; margin-bottom:15px;  font-family:monospace;}

/*---Form----*/
div.commentbox {  padding-top:2.0em; margin-top:1.0em;}
textarea {width:400px; height:100px;}