/*  



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 */







* {

margin:0;

padding:0;

}



body,html {

min-height:101%;

}



body {

background-color:#999;

color:black;

padding:10px 0 25px;

}



body,select,input,textarea {

font: 111% Arial, Verdana, Sans-Serif; 

}



p {

margin:15px 0;

}



a:link,a:visited {

color:#a11;

text-decoration:none;

}



a:hover,a:active {

color:#000;

text-decoration:underline;

}



hr {

display:block;

height:1px;

background:#333;

border:0;

}



small {

font-size:0.95em;

}



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;

width:590px;

padding:10px;

}



h5 {

font-size:100%;

margin-top:15px;

}



#header {

background-color: #aa1111;

}



#header #logo {

margin-top:10px;

margin-left:10px;

margin-bottom:-10px;

}



#rss {

background:transparent url(images/feed.png) no-repeat top left;

display:block;

min-height:35px;

padding-left:40px;

}



#shadow {

background:#fff url(images/shadow.jpg) no-repeat 0 0;

margin-bottom:-15px !important;

height:18px;

clear:right;

}



#page {

border:double #000;

background:#fff;

font-size:0.7em;

width:945px;

margin:0 auto;

padding:10px;

}



#head-news {

background-color:#fff;

color:#000;

float:right;

height:230px;

overflow:hidden;

width:310px;

background-image:url(images/sidelogo1.jpg);

margin:10px !important;

padding:10px 0 10px 5px;


}



#head-news li {

line-height:100%;

list-style:square;

margin-bottom:5px;

margin-left:15px;

}



#head-news ul li a {

color:#000;

text-decoration:none;

}



#head-news ul li a:hover {

color:#a11;

}



#head-news span {

float:right;

margin-right:10px;

}



#branding {

padding-bottom:10px;

width:625px;

}



.left {

float:left;

}



.right {

float:right;

}



#sidebar {

float:right;

width:310px;

}



#leftcol {

padding-right:18px;

padding-top:20px;

width:286px;

}



#leftcol,#rightcol {

float:left;

margin-top:0;

}



#rightcol {

width:318px;

}



#leftcol p,#rightcol p {

margin-bottom:15px;

margin-top:0px;

clear:left;

}



.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;

}



h1,h2 {

color:#000;

font:2.3em arial, serif;

margin-top:20px;

padding-bottom:5px;

}



h3,#sidebar h2,.post h2 {

color:#000;

font:bold 1em Arial, Helvetica, sans-serif;

letter-spacing:0.1em;

margin-bottom:4px;

text-transform:uppercase;

}



.post h1 {

margin-top:15px;

}



.post h2 {

margin-bottom:-20px;

}



#content h3 {

background:transparent url(images/gray.gif) repeat-x left;

}



#content .post h3 {

text-align:right;

}



.entry img {

max-width:600px;

}



h3 span {

background-color:#fff;

padding-right:1px;

}



#content .post h3 span {

background-color:#fff;

padding-left:3px;

}



#sidebar h3,#sidebar h2 {

background:transparent url(images/side.jpg) repeat top left;

border-bottom:1px solid #BBB;

border-top:1px solid #BBB;

font-size:1em;

margin:22px 0 15px;

padding:6px 0 6px 2px;

}



h3#respond {

margin-top:25px;

padding-top:20px;

}



h3#comments {

margin-top:32px;

}



h4 {

font-size:1.6em;

margin-bottom:6px;

}



#content {

float:left;

width:623px;

line-height:110%;

}



.description {

color:#545454;

font-size:1.3em;

font-style:italic;

font-weight:700;

margin-top:-4px;

}



.feature {

background:#f2f2f2;

padding:15px;

}



.feature p,#rightcol p {

margin:0;

}



.feature img,#rightcol img {

padding:1px;

}



#leadpic {

float:left;

margin:0 18px 8px 0;

}



#lead {

background-color:#fff;

margin-top:15px;

}



.title {

font-size:1.2em;

font-weight:700;

line-height:100%;

}



.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-top:10px;

}



#rightcol .clearfloat {

background-color:#fff;

margin-top:10px;

padding:12px;

float:left;

}




#sidelist li {

background-color:#fff;

list-style:none;

}



#sidelist .bullets li {

line-height:100%;

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 0;

}



#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;

padding:12px;

}



#writer img {

border:1px solid #7da939;

float:left;

width:80px;

padding:1px;

}



#writer span {

border-top:1px solid #cbd8b4;

display:block;

margin-top:12px;

padding-top:4px;

}



#writer p {

width:482px;

margin:0;

}



.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;

width:85%;

padding-left:15px;

}



.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:100%;

list-style:square;

margin-bottom:5px;

margin-left:42px;

}



.post ol li {

line-height:100%;

margin-bottom:5px;

margin-left:48px;

}



.post .cat-image {

float:none;

margin-bottom:3px;

margin-right:3px;

}



#tags {

border-bottom:1px solid #DDD;

border-top:1px solid #DDD;

padding:3px;

}



select {

background:#f2f2f2;

border:1px solid #9c9c9c;

width:100%;

}



#searchform {

float:right;

padding:10px;

}



#searchform #s {

background-color:#282828;

border:1px solid #fff;

color:#fff;

height:18px;

}



#searchform #s:focus {

background-color:#fff;

border:1px solid #a11;

color:#000;

}



.button {

background:#000;

border:1px solid #f0f0f0;

color:#e7e7e7;

height:20px;

vertical-align:bottom;

padding:1px;

}



.button:hover {

border:1px solid #000;

color:#a11;

text-decoration:blink;

background-color:#fff;

}



#commentform input {

width:170px;

margin:5px 5px 1px 0;


}



#commentform textarea {

margin-top:5px;

width:97%;

}



.commentlist {

padding-left:30px;

}



.commentlist li {

background:#f2f2f2;

border-top:1px solid #ddd;

margin:15px 0 3px;

padding:8px 15px 10px;

}



#commentform small {

background:#FFF;

font-weight:700;

padding:0;

}



.commentlist small {

background:#e9e9e9;

}



.commentlist cite {

font:1.3em Arial, Times, serif;

font-weight:700;

letter-spacing:-0.05em;

}



.clearfloat:after {

content:".";

clear:both;

display:block;

height:0;

visibility:hidden;

}



#vid {

margin-left:3px;

}



#footer {

color:#FFF;

clear:both;

font-size:0.7em;

padding-top:15px;

width:950px;

margin:0 auto;

}



#footer-nav,#footer-nav li {

display:inline;

}



#footer a {

color:#d3d1d1;

}





.clear {

clear:both;

height:1px;

}



.attention {

font-family:arial;

font-size:1em;

border:2px #F07362 solid;

background-color:#FDF495;

display:block;

overflow:auto;

width:590px;

padding:10px;

}



.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 li {

border:none;

}



#linkpage {

padding-left:20px;

padding-top:30px;

}



table,.entry ul,.contactform,.similar .bullets {

margin-top:20px;

}



#head-news span a,h3 a:link,h3 a:visited {

color:#000;

}



.subnav li,.bullets li {

border-bottom:1px solid #FFF;

list-style:none;

}



.commentmetadata,.clearfloat {

display:block;

}