/*
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: #151515;
	color: #444;
	padding: 10px 0 25px;
}
BODY, SELECT, INPUT, TEXTAREA
{
	font: 11px Verdana, Arial, Sans-Serif;
	line-height: 1.3em;
}
P
{
	margin: 15px 0;
}
A:link, A:visited
{
	color: #109DD0;
	text-decoration: none;
}
A:hover, A:active
{
	color: #49AB0D;
	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 solid #999;
	color: #333;
	display: block;
	font-size: 120%;
	overflow: auto;
	padding: 10px;
	width: 590px;
}
H5, .home
{
	font-size: 100%;
	margin-top: 15px;
}
TABLE
{
	margin-top: 20px;
}
/*Structure*/
#header
{
	background: #151515;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 10px;
}
#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: -1px !important;
	margin-bottom: -15px;
	height: 18px;
}
#page
{
	border: 1px double #151515;
	background: #FFF;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 auto;
	padding: 10px;
	width: 945px;
}
#head-news
{
	background-color: #222;
	color: #FFF;
	float: right;
	height: 230px;
	margin: 10px !important;
	margin-right: 5px;
/*ie6*/
	overflow: hidden;
	padding: 10px 0 10px 5px;
	width: 310px;
}
#head-news LI, #related LI
{
/*line-height:115%;*/
	line-height: 1.3em;
	list-style: square;
	margin-bottom: 5px;
	margin-left: 15px;
}
#head-news UL LI A
{
	color: #FFF;
	text-decoration: none;
}
#head-news UL LI A:hover
{
	color: #109DD0;
}
#head-news SPAN
{
	float: right;
	margin-right: 10px;
}
#head-news SPAN A
{
	color: #109DD0;
}
#branding
{
	padding-bottom: 15px;
	width: 555px;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
#sidebar
{
	float: right;
	width: 310px;
}
/*#monthly-archives li{
float:left;width:150px;
}*/
#leftcol
{
	padding-right: 18px;
	padding-top: 20px;
	width: 286px;
}
#leftcol, #rightcol
{
	float: left;
	margin-top: 0px;
}
#rightcol
{
	width: 318px;
}
#leftcol P, #rightcol P
{
	margin-bottom: 15px;
	margin-top: 0;
}
#fuck-ie
{
	clear: both;
	background-color: #FFF;
	color: #FFF;
}
/*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;
}
/*Headers*/
H1, H2
{
	color: #109ECE;
	font: 2.3em arial, serif;
	margin-top: 20px;
	padding-bottom: 5px;
}
H3, #sidebar H2, .post H2
{
	color: #109DD0;
	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;*/
	font-size: 1.1em;
}
#content *
{
	line-height: 1.3em;
}
#content .post H3
{
	text-align: right;
	background: transparent url(images/gray.gif) repeat-x left;
}
#content .post .entry H3
{
	text-align: left;
	background: none;
}
.entry IMG
{
	max-width: 600px;
	/*[disabled]float:left;*/
	padding: 5px 10px 10px 0;
}
.entry UL
{
	margin-top: 20px;
}
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/stri.gif) 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;
	text-align: left !important;
}
H3#comments
{
	margin-top: 32px;
}
H4
{
	font-size: 1.6em;
	line-height: 1.3em;
	margin-bottom: 6px;
}
H5
{
	margin-top: 0;
	color: #419CCF;
	margin-bottom: 5px;
	font-size: 11pt;
}
/*=Sidebar*/
.me-sidesplit-left
{
	float: left;
	width: 135px;
}
.me-sidesplit-right
{
	float: right;
	width: 160px;
}
.me-sidesplit-ct
{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #BABABA;
}
.me-emphasis
{
	font-weight: bold;
	color: #999999;
	margin-bottom: 5px;
}
/*Content*/
#content
{
	float: left;
/*margin-top:18px; ie*/
	width: 610px;
	padding: 0px;
	margin-left: 5px;
}
.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
{
	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
{
	background-color: #FFF;
	list-style: none;
}
.bullets LI, .wppp_list LI
{
	border-bottom: 1px solid #FFF;
	list-style: none;
}
#sidelist .bullets LI, #sidelist .wppp_list 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;
	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;
}
H3 A:link, H3 A:visited
{
	color: #109DD0;
}
.comments-info
{
	margin-left: 7px !important;
	float: left;
}
/*=Social Strip*/
.me-sb-banner
{
	background-color: #F1F0F0;
	margin-left: 0px;
	height: 26px;
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.me-sb-cat-more
{
	height: 35px;
}
.me-sb-banner LI
{
	background-image: none !important;
	margin-left: 0px !important;
	margin-top: -11px;
	float: left;
	list-style-type: none !important;
	margin-right: 9px;
}
.me-sb-cat-more P
{
	background-color: #FE8B38;
	padding-right: 5px !important;
	color: #FEFEFE;
	margin-top: 11px !important;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 9px;
	height: 18px;
}
.me-sb-cat-banner A
{
	color: #666666;
	text-decoration: underline;
}
.me-clear
{
	clear: both;
	float: none;
}
.me-after-post-block H3
{
	text-align: left !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-bottom: -10px;
}
.me-after-post-block UL UL LI
{
	list-style-type: square !important;
	list-style-position: inside !important;
}
.me-sb-facebook
{
	float: right !important;
	margin-top: -11px !important;
	margin-right: 30px !important;
}
.me-sb-tweetmeme
{
	float: right !important;
	margin-left: -5px;
	margin-right: 10px !important;
	margin-top: -9px !important;
}
/*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;
}
.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*/
SELECT
{
	background: #F2F2F2;
	border: 1px solid #9C9C9C;
	width: 100%;
}
#searchform
{
	float: right;
	padding: 10px;
}
#searchform #s
{
	background-color: #222;
	border: 1px solid #109DD0;
	color: #FFF;
	height: 18px;
}
#searchform #s:focus
{
	background-color: #FFF;
	border: 1px solid #109DD0;
	color: #222;
}
.button
{
	background: #000;
	border: 1px solid #F0F0F0;
	color: #E7E7E7;
	height: 20px;
	padding: 1px;
	vertical-align: bottom;
}
.button:hover
{
	border: 1px solid #109DD0;
	color: #109DD0;
	text-decoration: none;
}
#commentform INPUT
{
	margin: 5px 5px 1px 0;
	width: 170px;
}
#commentform TEXTAREA
{
	margin-top: 5px;
	width: 100%;
}
/*Comments*/
.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: bold;
	padding: 0;
}
.commentmetadata
{
	display: block;
}
.commentlist SMALL
{
	background: #E9E9E9;
}
.commentlist CITE
{
	font: 1.3em Arial, Times, serif;
	font-weight: bold;
	letter-spacing: -0.05em;
}
/*Float Properties*/
.clearfloat:after
{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfloat
{
	display: block;
}
/*Footer*/
#footer
{
	color: #FFF;
	clear: both;
	font-size: 0.7em;
	margin: 0 auto;
	padding-top: 15px;
	width: 900px;
}
#footer-nav, #footer-nav LI
{
	display: inline;
}
#footer A
{
	color: #D3D1D1;
}
.clear
{
	clear: both;
	height: 1px;
}
.contactform
{
	margin-top: 20px;
}
.attention
{
	font-family: arial;
	font-size: 1em;
	border: 2px solid #F07362;
	background-color: #FDF495;
	display: block;
	overflow: auto;
	padding: 10px;
	width: 590px;
}
.similar
{
	background: transparent url(images/stri.gif) repeat top left;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-top: 15px;
}
.similar H2
{
	margin-top: 5px;
}
.similar .bullets
{
	margin-top: 20px;
}
.similar .bullets LI
{
	border: none;
}
.imgthumb-ct
{
	float: left;
	margin: 18px 10px 0 0;
	border: 2px solid #D0D0D0;
	padding: 3px 0px 3px 9px;
}
.excerpt-ct
{
	float: right;
	width: 470px;
}
#stats
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px 4px 4px 0;
	text-transform: uppercase;
	font: 0.8em Arial;
	display: block;
}
#stats SPAN
{
	border-right: 1px dotted #333;
	padding: 0px 5px;
}
#stats .first
{
	padding: 0px 5px 0px 0px;
}
#stats SPAN A:hover
{
	background: none;
}
#stats SPAN A
{
	color: #333;
}
#stats IMG, #nav IMG
{
	border: 0px solid #000000;
	margin: 0px;
}
#tools
{
	width: 590px;
	height: 25px;
	font-size: 0.95em;
	margin: 0 0 20px;
}
.me-author
{
	margin-right: 9px !important;
}
#tools A:hover
{
	background: none;
}
#tools IMG
{
	padding: 0px 5px;
}
.metadata
{
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	padding-top: 3px;
}
#cse-search-box
{
	margin: 25px 5px 0 30px;
}
.cse-search-box-gdgt-engn
{
}
.home-navigation
{
	font-size: 14px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
.footer-links
{
	text-align: center;
	margin-left: 1%;
	font-size: 12px;
	margin-right: 1%;
	margin-bottom: 10px;
}
.navigation
{
	margin: 20px;
	font-size: 12px;
	text-align: center;
}
.wp-paginate LI A
{
	background-color: #FEFEFE !important;
	color: #409BCE;
}
.wp-paginate LI A:hover
{
	text-decoration: underline;
	color: #48AA0C;
}
.current
{
	background-color: #409BCE !important;
}
.aktt_tweets UL LI
{
	margin: 0 0 10px;
}
/*Gadget Engine*/
#ge-ctr
{
	background-color: #FF7C00;
	height: 250px;
	color: #0000FF;
}
#ge-logo
{
	float: left;
	margin: 40px 20px 0 10px;
}
#ge-searchbox-ct
{
	float: left;
	margin: 25px 0 0 20px;
	width: 430px;
}
#ge-toptext
{
	margin: 30px 0 0 0px;
	font-size: 10px;
}
#ge-toptext A
{
	text-decoration: underline;
	color: #0000FF;
}
#ge-searchbox
{
}
#ge-bottomtext
{
	margin: 0 0 0 0px;
	font-size: 9px;
}
#ge-bottomtext A
{
	color: #0000FF;
	text-decoration: underline;
}
#ge-ad
{
	float: right;
	margin: -12px 0px 0 50px;
}
#ge-logo-text
{
	float: left;
	font-size: 16px;
	font-weight: bold;
	font-family: verdana;
	color: #109DD0;
}
#ge-logo-text IMG
{
	margin: 0px 0 0 20px;
}
#ge-logo-text-strapline
{
	margin: 0 0 0 90px;
}
#ge-content-ctr
{
	float: left;
	margin: -25px 0 0;
}
#ge-socialtext
{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	margin: 6px 0 0;
}
#ge-socialbuttons IMG
{
	float: left;
	margin: 0 0 0 15px;
}
#ge-socialbuttons
{
	margin: 40px 0 0 0px;
}
#ge-arrow
{
	text-align: center;
}
.ge-roundedcornr-top DIV
{
	background: url(http://mediamentalism.com/imageSnag/gadget-review-engine/ge_roundedcornr_tl.png) no-repeat top left;
}
.ge-roundedcornr-top
{
	background: url(http://mediamentalism.com/imageSnag/gadget-review-engine/ge_roundedcornr_tr.png) no-repeat top right;
}
.ge-roundedcornr-bottom DIV
{
	background: url(http://mediamentalism.com/imageSnag/gadget-review-engine/ge_roundedcornr_bl.png) no-repeat bottom left;
	margin: 220px 0 0;
}
.ge-roundedcornr-bottom
{
	background: url(http://mediamentalism.com/imageSnag/gadget-review-engine/ge_roundedcornr_br.png) no-repeat bottom right;
	margin: 220px 0 0;
}
.ge-roundedcornr-top DIV, .ge-roundedcornr-top, .ge-roundedcornr-bottom DIV, .ge-roundedcornr-bottom
{
	width: 100%;
	height: 15px;
	font-size: 1px;
}
#gewhatsthis
{
	visibility: hidden;
}
#hide1, #hide2, #show1, #show2
{
	cursor: pointer;
}
#show1, #show2
{
	text-decoration: underline;
}
/*=Tabber Widget*/
.tabbertab
{
	margin-left: 0px !important;
	margin-top: 5px !important;
}
.tabberlive
{
	background-color: #FFFFFF !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 15px;
}
.tabbertab UL LI
{
	list-style-type: square !important;
	margin-left: 14px;
	margin-bottom: 6px;
}
.tabbernav
{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.tabbernav A
{
	background-color: #E3E2E2 !important;
	text-decoration: underline;
}
.tabberactive A
{
	background-color: #FFFFFF !important;
	color: #0F9CDB !important;
	border-left: 1px solid #CBCBCB !important;
	border-top: 1px solid #CBCBCB !important;
	border-right: 1px solid #CBCBCB !important;
	border-bottom: 1px solid #FFFFFF !important;
	text-decoration: underline;
}
