/*
Theme Name: OpenBook
Theme URI: http://www.lyxia.org
Description: Magazine style Wordpress theme, inspired by Darren Hoyt's "Mimbo".
Version: 2.2
Author: Jean-Baptiste Jung
Author URI: http://www.lyxia.org

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


/* HTML Elements */

* {
	color: #393945;
	margin:0;
	padding:0;
}

body,html {
	min-height:101%;
	font: 12px Arial, Verdana, Sans-Serif;
}

h1, h2 {
    color:#109ECE;
    font-size: 15px;
    padding-top: 7px;
    font-weight: 100;

}
h3{
	font-size:16px;
	color:#828283;
	font-weight:700;
}


h4 {
    font-size:1.6em;
    margin-bottom:6px;
}
h5{
    margin-top:15px;
}

a:link, a:visited {

    color: #6CAF00;
    text-decoration:none
}

a:hover, a:active {
    text-decoration:underline;
}

hr {
    display: block;
    height:1px;
    background:#333;
    border:0;
}

.small {
    font-size: 1.0em;
    padding-bottom:10px;
	clear:both;
}

img, a:link img, a:visited img {
    border:0
}


pre, code{
    background-color: #f0f0f0;
    border:1px #999 solid;
    color:#333;
    display:block;
    font-size:120%;
    overflow:auto;
    padding:10px;
    width:590px;
}


table{
    margin-top:20px;
}
.clear_all{
	clear:both;
}
.left {
    float:left;
}

.right {
    float:right;
}

select {
    background:#f2f2f2;
    border:1px solid #9c9c9c;
    width:100%
}


/* Structure */
.page {
    background: url(images/bg_top.jpg) repeat-x;
    width:auto;
	background-color:#e8e9eb;
    text-align: center;
}
.header_home{
	width:987px;
	height:540px;
	margin:0 auto;
    background: url(images/header_bg.jpg) no-repeat;
    text-align: left;
}

.header{
	width:987px;
	height:280px;
	margin:0 auto;
    background: url(images/header_bg2.jpg) no-repeat;
    text-align: left;
}

.wrapper {
	width:967px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	background:url(images/wrapper_bg.jpg) repeat-y;
}


.wrapper_nohome {
	width:987px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	background:url(images/wrapper_bg.jpg) repeat-y;
	clear: both;
}

.wrapper_nocol1, .wrapper_nocol2{
	width:9px;
	height: auto;
	float: left;
}

.wrapper_nocol2{
	float: right;
}
.wrapper_nol, .wrapper_nor  {
	width:9px;
	height: 260px;
	background:url(images/shadow_l.png) no-repeat;
}
.wrapper_nor  {
	background:url(images/shadow_r.png) no-repeat;
}

.wrapp, .wrapp_home{
	width:948px;
	margin-left:9px;
	padding:10px;
	text-align:left;
	background: url(images/content_bg.png) repeat-x;
	padding-top:0;
	min-height:600px;;
}

.wrapp_home{
	margin-left:0;
}

#content {
    float:left;
    width:605px;
	padding:10px 12px 0 5px;
	min-height:600px;
}
#sidebar {
    float:left;
    width: 326px;
}
#footer {
    background: url(images/bg_bottom.png) repeat-x;
	height:110px;
    width: auto;
    text-align: center;
    margin-top:-25px;
	clear:both;
}


/*	Header */

.logo{
	float:left;
	width:732px;
	height:239px;
}

.link_logo{
	width:264px;
	height:103px;
	margin:27px 0 0 52px;
}
.search{
	float:left;
	width:255px;
	height:110px;
}

.searchmetrics{
	float:left;
	width:253px;
	height:128px;
	text-align: right;
}
.searchmetrics img{ margin-top:70px;}
.searchmetrics a{margin-right:20px;}


.header_home h3{
	background: none;
	padding-bottom:5px;
}
.head-news{
    color:#fff;
	float:left;
    height:218px;
	margin: 10px;
    overflow:hidden;
    padding: 10px 6px;
    width:303px;
}
.head-news li{
	color:#fff;
	line-height:115%;
    list-style:square;
    margin-bottom:5px;
    margin-left:17px;
}
.head-news ul li a{
	color:#fff;
    text-decoration:none;
}

.head-news span{
	float:right;
    margin-right:10px;
	color:#fff;
}

.head-news ul li a:hover, .head-news span a, .head-news h3{
    color:#6CAF00;
}


#branding {
    padding-bottom:15px;
    width:625px;
}

#fuck-ie{
	clear:both;background-color:#fff;color:#fff;
}
#searchform {
    clear:both;
}

#searchform #s{
	background-image:url(images/search_bg.png); background-repeat:no-repeat;
	padding:1px 0 0 3px;
    border:1px solid #86b60c;
    color:#fff;
    height:18px;
    width: 150px;
}

#searchform #search_btn{
	margin-top:3px
}


/*Subnav */
.subnav li {
    border-bottom:1px solid #FFF;
    list-style:none;
}

.subnav li a:link, .subnav li a:visited {
    background:#eef5e1;
    border-left:4px solid #e4efd5;
    display:block;
    padding:4px 4px 4px 8px;
}

.subnav li a:hover, .subnav li a:active {
    background:#e4efd5;
    color: #7da939;
    text-decoration:none;
}

.subnav li li a:link, .subnav li li a:visited {
    border-left:none
}


/*	Sidebar */

#sidebar .widget_title{
    color:#838383;
    font: bold 1em Arial, Helvetica, sans-serif;
    letter-spacing:0.1em;
    margin-bottom:4px;
    text-transform:uppercase;
}


#sidebar .widget_title{
    background:transparent url(images/stri.gif) repeat top left;
    border-bottom:1px solid #BBB;
    border-top:1px solid #BBB;
    font-size:1em;
    margin:25px 0 10px 0;
    padding:6px 0 6px 2px;
    height:14px;
}

#sidebar .widget_first{
    margin:19px 0 10px 0;
}
#sidebar .comment_titel{
	 color: #6CAF00;
}
#sidebar li.first_widget{
    padding-bottom:13px;
}
/* Content */


.post_details {
	width: 600px;
	height:auto;
	padding-bottom:10px;

}
.vsp {
	width: 600px;
	height:20px;
	background: url(images/gray.gif) repeat-x;
	background-position: center;
}

.vsp p.date, h3, h1.cat_title, .vsp .meta_title{
	padding:2px 0 0 3px;
	font-size:13px;
	color:#828283;
	font-weight:700;
	text-transform: uppercase;
	background:#fff;
}

.vsp h3{
	padding:2px 0px 0 0;
}

.vsp h3.cat_title{
	background:#fff;
}

.vsp h3.first_cat_title{
	background: url(images/title_bg.jpg) repeat-x;
}

.vsp h3.cat_title a,  .vsp .meta_title{
	color:#828283;
	padding:2px 4px 0 0;
}

.vsp p.first_date{
	background: url(images/title_bg.jpg) repeat-x;
}

.vsp p.first_date_archiv{
	background: url(images/title_bg2.jpg) repeat-x;
}

.post_archive .vsp{
	margin-top:-5px;
}

h1.archiv_title{
	font-weight: 400;
	font-size: 24px;
	color:#828283;
	width:600px;
	margin-top:-3px;
}

.exc a{
	white-space: nowrap;
	font-weight: 100;
	font-size:12px;
}

.exc{
	padding-bottom:10px
}

.post_details .post-ratings{
	clear:both;
	float: right;
	width: auto;
	padding:12px 0 0 10px;

}
.post_details .post-ratings .votrat{
	float:left;
	margin:-1px 4px 0 0;
}

.post_details .post-ratings-loading{
	float: right;
}

.post_details .div_featuredimage, .post_details .div_featuredimage_single{
	width: 110px;
	float:left;
	padding:2px 15px 0 0;
}

.post_details .div_featuredimage_single{
	width:250px;
	padding-right:22px;
}


.post_details .div_featuredimage_top, .post_details .div_featuredimage_single .div_featuredimage_top{
	width: 110px;
	padding:7px 2px;
	text-align:center;
	border:1px solid #e3e4d2;
	height:auto;
}

.post_details .div_featuredimage_single .div_featuredimage_top{
	width: 250px;
	padding:10px 5px;
}


.post_details .div_featuredimage_top img{
	margin-bottom:-3px;
}

.post_details .div_featuredimage_top a{
	padding:0;
}

.post_details .div_featuredimage_bottom{
	width:114px;
	height:10px;
	background:url(images/image-shadow.gif) no-repeat;
}

.post_details .div_featuredimage_single .div_featuredimage_bottom{
	height:10px;
	width:262px;
	background:url(images/image-shadow2.gif) no-repeat;
}

.post_details .entry {
	margin-bottom:-25px;
	padding:0;
}
.post_details a img{
	margin-bottom:-3px;
}

.post_details .entry img, .post_details .entry .gallery dl.gallery-item dt.gallery-icon a img{
	border:1px solid #efefef;
	padding: 1px;
}

.post_details .entry img.alignleft{
	margin:5px 5px 5px 0;
	float:left;
}

.post_details .entry img.alignright{
	margin:5px 0px 5px 5px;
	float:right;
}
.post_details .entry img.aligncenter{
	margin:5px auto;
	float:none;
}

.post_details .entry img.wp-smiley{
	border:0;
}

.post_details h2{
	float:left;
	width:498px;
}

.wp-pagenavi{
	text-align: center;
}

.post_single p, .post_page p{
	padding-bottom: 15px;
}
.post_single .exc{
	font-weight: 700;
	padding-bottom:15px;
}
.post_single h1{
	font-size:24px;
	color:#49ab0d;
}

.post_single .entry ul, .post_single .entry ol{
	padding-left:25px;
}


.post_meta{
	width:600px;
}

.post_meta .meta_box{
	padding-bottom:25px;
}

.post_meta h5{
 	font-size: 14px;
}

.post_meta h3{
 	text-transform: none;
}
.post_meta li{
	margin-left:25px;
	padding-bottom:3px;
}
.post_meta .vsp{
	padding-bottom:5px
}
.post_meta .meta_title{
	padding-top:5px;
}

.post_meta .post_tags{
	padding-left:11px
}

.post_meta .post_tags a{
	font-size: 13px;
	font-weight: 700;
}




/* Bookmarks*/

.post_meta .bookmarks_icons{
	background: url(images/bookmarks/bookmarks_bg.png) no-repeat;
	width:600px;
	text-align: center;
	padding-top:9px;
}

.post_meta .bookmarks{
 	text-align: center;
 	color:#828283;
 	width:600px;
}

.post_meta .bookmarks .bookmarks_first{
 	color:#828283;
}

.post_meta .bookmarks .bookmarks_first span{
 	color:#828283;
 	font-weight: 700;
}

.post_meta .bookmarks_icons a img{
	background: none;
	padding:2px;

}
.post_meta .bookmarks_icons a img:hover{
	border: 1px solid #828283;
	padding:1px;
}

.post_features{
	float:right;
	font-size: 11px;
	padding-right:9px;
	margin-top:-45px;
}
.post_features .spacer{
	padding-left:8px;

}
.post_features .spacer2{
	padding-left:6px;
	border-left:1px solid #828283;
}



/* Comments*/

.post_meta .meta_box form{
	background: #f4fce6;
	padding:5px 10px;
}


#send_postmail{
	width:auto;
	clear:both;
	display:none;
	font-size:11px;
	width:600px
}

#message{
	font-size:12px;
	font-weight: 700;
	text-align: center;
	padding-bottom:15px;
}

#send_postmail table{
	margin:-1px 0 0 -2px;
	padding:0;
}

#commentform input, #send_postmail input {
    margin: 5px 5px 1px 0;
    width: 170px;
    height:18px;
    padding:2px 0 0 4px;
    font: 13px Arial, Verdana, Sans-Serif;
}

#commentform input.button, #send_postmail input.button{
	margin-top:5px;
    width: 143px;
    height:20px;
    padding:0;
}

#send_postmail input.button{
 	width: 63px;
}

#send_postmail img.button{
 	margin-top:3px;
}

#commentform textarea, #send_postmail textarea {
    margin-top:5px;
	width:575px;
    padding:2px 0 0 4px;
	font: 13px Arial, Verdana, Sans-Serif;
}

.commentlist {
    padding-left:20px;
}

.commentlist li {
    background:#FAFAFA;
    margin: 0 0px 5px 3px;
    padding: 8px 15px 10px 15px;
}

#commentform small, #send_postmail small {
    font-weight:bold;
    padding:0;
    font-size:10.6px;
}

.commentmetadata {
    display: block;
}

.commentlist p {
	padding:1px 0 0 0px;
}

.commentlist a.comm_auth, .commentlist span.comm_auth{
    font: 1.1em Arial, Times, serif;
    font-weight:bold;
    padding:0;
}


#send_postmail p.subject{
	padding:15px;
	padding-left:0;
font-weight: 700;
font-size: 13px;
}










.description {
    color:#545454;
    font-size: 1.3em;
    font-style:italic;
    font-weight: bold;
    margin-top:-4px;
}

.feature {
    background:#f2f2f2;
    padding:15px;
}

.feature p, #rightcol p {
    margin:0;
}

.feature img, #rightcol img {
    border:1px solid #000;
    padding:1px;
}

#leadpic {
    float:left;
    margin: 0 18px 8px 0;
}

#lead {
    background-color:#fff;
    margin-top:15px;
}

.title {
    font-size:1.2em;
    font-weight:bold;
    line-height:115%;
}

.feature#lead .title {
    font:1.8em Arial, Times, serif;
    display:block;
    line-height:100%;
    padding-bottom:7px;
}

#leftcol .feature {
    background-color:#fff;
    border-bottom:none;
    margin-bottom: 5px;
}

#rightcol img {
    float:left;
    margin:3px 10px 4px 0;
}

#leftcol img {
    display:block;
    margin-bottom: 4px;
}

#rightcol .clearfloat {
    background-color:#fff;
    margin-top:10px;
    padding:12px;
}

#sidelist li {
    list-style:none
}

#sidelist .ctc{
	padding: 0 3px;
}

#sidelist ul li{
	padding: 0 3px;
}

#sidelist img.rss_image{
	float:left;
	padding:0 11px 0 3px;
	cursor:pointer;
}

#sidelist .rss_text{
	padding-top:9px;
}

.bullets li {
    border-bottom:1px solid #FFF;
    list-style:none;
}

#sidelist .bullets li {
    line-height:115%;
    list-style:square;
    margin-bottom:5px;
    margin-left:22px;
}

#sidelist .children {
    background:#e4efd5;
}

#sidelist .children li {
    border-bottom:1px solid #e4efd5;
    list-style: square;
    margin-left:28px;
}

#sidelist .children li a, #sidelist .children li a:visited {
    background:#e4efd5;
    border:0;
    color: #818d6f;
    padding:2px 2px 2px 0px;
}

#sidelist .children li a:hover, #sidelist .children li a:active	{
    color:#465d23
}

.postmetadata {
    margin: 30px 0;
}

#writer {
    background:#eef5e1;
    display:none;
    margin:25px 0 15px 0;
    padding:12px;
}

#writer img {
    border:1px solid #7da939;
    float:left;
    padding:1px;
    width:80px;
}

#writer span {
    border-top:1px solid #cbd8b4;
    display:block;
    margin-top:12px;
    padding-top:4px;
}

#writer p {
    margin:0;
    width:482px;
}





/*Post Formatting*/
.picleft {
    border:7px solid #f2f2f2;
    float:left;
    margin:3px 14px 10px 0;
}

.picright {
    border:7px solid #f2f2f2;
    float:right;
    margin:3px 0 10px 14px;
}

.post{
    background-color:#fff;
    padding:5px;
}

.post blockquote {
    background:#f2f2f2;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    color:#76767a;
    margin:18px 35px;
    padding:6px 14px;
}

.post ul li {
    line-height:115%;
    list-style:square;
    margin-bottom:5px;
    margin-left:42px;
}

.post ol li {
    line-height:115%;
    margin-bottom:5px;
    margin-left:48px;
}

.post .cat-image{
float:left;
margin-bottom:3px;
margin-right:3px;
}

#tags {
    border-bottom:1px solid #DDD;
    border-top:1px solid #DDD;
    padding:3px;
}


/* Form Elements */










/* Float Properties*/
.clearfloat:after {
    content:".";
    clear:both;
    display:block;
    height:0;
    visibility:hidden;
}

.clearfloat {
    display:block;
}

/* Footer*/


#footer .footer_page{
    background: url(images/footer_bg.png) no-repeat;
    margin:0 auto;
    height:110px;
	width: 985px;
}

#footer .footer_info{
	text-align: right;
	padding:60px 20px 0 0;
}

#footer a {
    color:#393945;
}



.clear{
	clear:both;
	height:1px;
}

.contactform{
margin-top:20px;
}

.attention{
font-family:arial;
font-size:1em;
border:2px #F07362 solid;
background-color:#FDF495;
display:block;
overflow:auto;
padding:10px;
width:590px;
}

.similar{
background:transparent url(images/stri.gif) repeat top left;
border-top: 1px #999 solid;
border-bottom: 1px #999 solid;
margin-top:15px;
}

.similar h2{
margin-top:5px;
}

.similar .bullets{
margin-top:20px;
}

.similar .bullets li{
border:none;
}