/*  
Theme Name: A Blog Beyond
Theme URI: http://www.law-blog.de/themes/law-blog
Description: law-blog.de Wordpress Theme.
Version: 0.66 experimental english
Author: Kzenon
Author URI: http://www.layers-of-stability.com/

This Style is based on:

- alistapart.com in the general design philosophy, the open space (they do rule, read them!)
- Kubrick's default template Kubrick v1.3.0-rc1  for  WordPress 1.3 binarybonsai.com/kubrick/ (he is king)
- Dieter Muellers Orange Template orangeguru.net (book him!)

Made with EmEditor. Mostly.
*/

/* ------------------------------ Body-Definition */

body {
margin:0;
padding:0;
font-family: Georgia, Times, Times Roman, Times New Roman, serif;
font-size:14px;
text-align:center;
color:#111;
text-align: center; /* IE 5.5 hack */
background-image: url('http://www.judyrozzelle.com/images/bg-jr.jpg');
background-repeat: repeat-x; 
background-attachment: fixed;
background-color: #899D91 /*green mist*/;
}

/* ----------------------------------- Layout */

h1 {
font-size: 96%;
font-weight: bold;
}

.text h1 {
padding-left: 10px;
padding-right: 10px;
line-height: 160%;
margin-bottom: 5px;
}

h2 {
font-size: 110%;
font-weight: bold;
}

.text h2 {
padding-left: 5px;
padding-right: 20px;
line-height: 120%;
margin-bottom: 5px;
}

#comments h2 {
padding-left: 5px;
padding-right: 5px;
}

h3 {
font-size: 120%;
font-weight: bold;
}

.text h3 {
padding-left: 5px;
padding-right: 20px;
line-height: 140%;
margin-bottom: 5px;
}

h4 {
font-size: 140%;
font-weight: bold;
}

img {
border: 0;
}

object {
margin-top: 3px;
}

.text p {
padding-left: 5px;
padding-right: 5px;
}

.text img {
padding: 2px 2px 2px 2px;
border: 1px solid #C0DAEE /*cool blue*/;
}

#quotebox img {
margin-top: 3px;
border: 1px solid #C0DAEE /*cool blue*/;
}

img.alignleft {
               float: left;
               margin: 2px 7px 0 0;
               display: inline;
               }

img.alignright {
               float: right;
               margin: 0 0 3px 7px;
               display: inline;
               }

#secondary img {
            text-align: center;
            background-color: #ddd;
            border: 1px #C0DAEE /*cool blue*/ solid;
            padding: 2px;
}

#sidebar img {
            text-align: center;
            background-color: #ddd;
            border: 1px #C0DAEE /*cool blue*/ solid;
            padding: 2px;
}

blockquote {
font-size: 98%;
border-left: 4px solid #C0DAEE /*cool blue*/;
padding-left: 5px;
margin-left: 10px;
margin-right: 5px;
}

ul { margin-left:1em 5%; margin-top: 0; margin-bottom: 0; list-style-image: url(http://www.judyrozzelle.com/images/bullet1.gif); }

li { margin-left:-20px; }


#sidebox ul {
margin-top: 1px;
margin-bottom: 1px;
}

/* Need both id and class for "indent */

.indent {
padding-bottom: 5px;
margin-left: 15px;
}

#indent {
padding-bottom: 5px;
margin-left: 15px;
font-size: 90%;
}

hr {
width: 90%;
color: #C0DAEE /*cool blue*/;
margin: 10px 0px 10px 0px;
}


/* ------------------------------ Linkage*/
	
a:link {
    	font-weight: normal;
    	text-decoration: none;
    	font-weight: bold;
    	color: #25387C /*dark sky*/;
    	background: transparent; 
    	}	

a:visited {
	font-weight: normal; 
	text-decoration: none;
    	font-weight: bold;
	color: #13375E /*dark slate*/;
	background: transparent; 
	}
	
a:hover {
	font-weight: normal; 
	text-decoration: none;
    	font-weight: bold;
	color: #bca;
	background: transparent; 
	}

a:active {
	font-weight: normal; 
	text-decoration: underline;
    	font-weight: bold;
	color: #25387C /*dark sky*/;
	background: transparent;  
	}


#wrapper {
width: 780px;
text-align: center;
border: 1px solid #bca;
margin-top: 20px;
margin-bottom: 40px;
background-color: #fff;
}

#header	{
text-align: center;
background-color: transparent;
}

.nav {
width: 760px;
text-align: center;
font-size: 76%;
padding-top: 4px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #C0DAEE /*cool blue*/;
background-color: #fff;
}


/* #currentTime {
	float: right;
	color: #000000;
	background: transparent;
	font-size: 100%;
	text-align: right;
} */

.maincol {
width: 760px;
margin-top: 10px;
background-color: transparent;
}

/* #content = #leftcol */

.content {
width: 430px;
float: left;
text-align: left;
padding-bottom: 10px;
border-right: 1px solid #C0DAEE /*cool blue*/;
background-color: transparent;
}

#rightcol {
width: 310px;
float: right;
padding-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px;
border-bottom: 1px solid #C0DAEE /*cool blue*/;
background-color: transparent;
}

#secondary {
float: left;
width: 155px;
text-align: left;
padding: 0px 0px 20px 0px;
margin-bottom: 20px;
background: transparent;
}

#sidebar {
float: right;
width: 155px;
text-align: left;
padding: 0px 0px 20px 0px;
margin-bottom: 20px;
background: transparent;
}

.footer {
width: 760px;
height: 60px;
font-weight: bold;
color: #000;
font-size: 9px;
text-align: center;
border-top: 1px solid #C0DAEE /*cool blue*/;
background-color: #fff;
}

/* ---------------------------- Headings */

.title	{
font-size: 120%;
text-align="left"
margin-top: 5px;
margin-bottom: 5px;
background: transparent;
}

#pagetitle {
color: #25387C /*dark sky*/;
font-size: 140%;
text-align: left;
text-transform: uppercase;
font-weight: bold;
background: transparent;
margin-bottom: 10px;
}

#subhead {
font-size: 120%;
font-weight: bold;
color: #aaa;
padding-top: 0px;
padding-left: 5px;
margin-top: 5px;
padding-right: 5px;
}

.date {
color: #ccc;
font-size: 82%;
text-transform: uppercase;
text-align: left;
letter-spacing: 0.3em;
font-weight: bold;
padding: 5px 10px 5px 10px;
margin: 0px 0px 5px 0px;
background: #C0DAEE /*cool blue*/;
}

/* ---------------------------- Mainly Main */

.byline {
font-size: 76%;
font-weight: bold;
margin-top: 5px;
margin-bottom: 3px;
background: transparent;
}

.archive {
font-weight: bold;
font-size: 111%;
text-align: left;
margin-top: 20px;
}

.post {
text-align: left;
padding-bottom: 15px;
margin-bottom: 2px;
background-color: transparent;
}

.text {
font-size: 86%;
text-align: left;
line-height: 150%;
padding-bottom: 5px;
background: transparent;
}

.postmeta {
font-size: 76%;
text-align: left;
line-height: 170%;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 5px;
}

#divider {
margin-top: 30px;
text-align: center;
}

#pagination {
font-size: 85%;
text-align: left;
border-top: 1px solid #C0DAEE /*cool blue*/;
padding: 4px;
background-color: #fff;
} 

/* -------------------------- Call outs */

#pq {
float: right;
text-align:left;
font-size: 14px;
line-height: 150%;
font-weight: bold;
font-style: oblique;
letter-spacing: -0.01em;
width: 130px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
border-top: 4px solid #C0DAEE /*cool blue*/;
border-bottom: 4px solid #C0DAEE /*cool blue*/;
color: #000;
}

#related {
float: right;
text-align:left;
font-size: 90%;
line-height: 160%;
font-weight: bold;
width: 130px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
border-top: 4px solid #C0DAEE /*cool blue*/;
border-bottom: 4px solid #C0DAEE /*cool blue*/;
color: #333;
}


/* --------------------- Mostly Sidebar */


#searchbox {
font-weight: bold;
font-size: 76%;
color: #25387C /*dark sky*/;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 1px;
margin-bottom: 5px;
border-top: 1px solid #C0DAEE /*cool blue*/;
border-bottom: 1px solid #C0DAEE /*cool blue*/;
}

#searchbox form {
margin-left: 0px;
margin-bottom: 0px;
}

#searchbox input {
font-size: 90%;
letter-spacing: 0.0em;
background-color: #fff;
}

.adbox {
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
}

#quotetitle {
color: #eee;
font-size: 70%;
text-align: left;
letter-spacing: 0.1em;
font-weight: bold;
padding: 3px 10px 3px 10px;
margin: 0px 0px 0px 0px;
background: #C0DAEE /*cool blue*/;
}

#quotebox {
text-align: left;
font-size: 76%;
font-weight: bold;
color: #25387C /*dark sky*/;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin: 0px;
background-color: #B5D4E2 /*blue haze*/;
}

#sidetitle {
color: #25387C /*dark sky*/;
font-size: 78%;
text-align: left;
letter-spacing: 0.1em;
font-weight: bold;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
background-image: url('http://www.judyrozzelle.com/images/bg-sidetitle.jpg');
background-repeat: repeat-x;
background-color: #C0DAEE /*cool blue*/;
}

#sidebox {
font-size: 72%;
text-align: left;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 10px;
padding-right: 3px;
margin-bottom: 10px;
background-color: #E3F1FC /* lite sky */;
}

/* --------------------- Begin Comments*/

#commentsbox {
border-top: 1px solid #689BE8 /*sky*/;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
margin-top: 30px;
background-color: transparent;
}

.commentshead {
font-size: 120%;
font-weight: bold;
}

.commentssubhead {
font-size: 90%;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
background-color: tranparent;
}

.commentstext   { 
font-size: 88%;
font-weight: normal; 
text-align: left;
padding-bottom: 5px;
margin-top: 0px;
background: transparent;
}

.commentsmeta {
font-size: 76%;
text-align: left;
line-height: 170%;
padding-left: 0px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}

#commentformbox {
border: 1px solid #bbb;
margin-top: 10px;
}

.commentformtitle {
color: #bbb;
font-size: 78%;
text-transform: uppercase;
text-align: left;
letter-spacing: 0.3em;
font-weight: bold;
border-bottom: 1px solid #bbb;
padding: 3px 10px 3px 10px;
margin: 0px 0px 10px 0px;
background: #DEE6CD /eee;
}

#commentform input {
	width: 300px;
	color: grey;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	text-align: left; 
	}

#commentform textarea {
        font-size: 11px;
	width: 300px;
	color: grey;
	padding: 2px 2px 2px 2px; 
        font-size: 100%; 
	}

#commentform #submit {
width: 40px;
	margin: 0px;
	text-align: left; 
	color: black;
	}

.nocomments {
	text-align: right;
	margin: 0;
	padding: 0;
	}


/* End Comments */


/* Forms */

label {
font-size: 78%;
}

form {
margin-left: 20px;
}

.input {
text-align: left;
font-weight: normal;
font-size: 78%;
background-color: #fff;
}


.clearer {
clear: both;
width: 100%;
}



/* The End */