/*
Theme Name: Boku Blog
Version: 2
Author: Boku.com
*/
* { padding: 0; margin: 0; outline: 0; }
body { font-family: Arial, sans-serif; font-size: 12px; color: #000; line-height: 130%; background: #fff; }
a { color: #0097fe; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
.clear {clear:both; width:100%; display:block;}
#commentleft {float:left; text-align:left;}
#commentright {float:right; text-align:right;}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display: none; }
.center { margin: 0 auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.ac { text-align: center; }
.al, .alignleft { text-align: left; }
.ar, .alignright { text-align: right; }
.shell { width: 975px; margin: 0 auto; }
h2.ac { font: bold 18px Arial, sans-serif; margin-bottom: 27px; }
h3 { font: bold 16px Arial, sans-serif; }
.navigation  { padding: 10px 0; font-size: 11px; }

/* HEADER */
#header {
	padding: 0;
	margin: 0 auto;
	background: #fff url('_img/backgrounds/bg_header.gif') repeat-x top center;
	width: 100%;
	border-top: 5px #0a0a0a solid;
height: 95px;
}
#header-in {
	width: 975px;
	margin: 0 auto;
	height: 95px;
}


a.header-logo {
	float: left;
	background: transparent url('images/logo.gif') no-repeat top left;
	width: 249px;
	height: 95px;
	/*margin-top: 21px;*/
}

.header-navs {
	width: 500px;
	float: right;
}

.header-subnav {
	float: right;
	font-size: 12px;
	line-height: 16px;
	color: #eae6c9;
	margin-top: 11px;
	height: 16px;
	text-align: right;
}

.header-subnav a,
.header-subnav a:hover {
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
}

a.header-selarrow {
	float: right;
	background: transparent url('_img/generic/icn_selectarrow.gif') no-repeat top left;
	width: 22px;
	height: 12px;
	margin-top: 2px;
}

.header-flag {
	float: right;
	margin-top: 2px;
}

.header-mainnav {
	float: right;
	margin-top: 22px;
}

a.tab-customers,
a.tab-publishers {
	background: transparent url('_img/tabs/tab_customers.gif') no-repeat top left;
	float: right;
	width: 190px;
	height: 45px;
	margin-left: 1px;
}

a.tab-publishers {
	background: transparent url('_img/tabs/tab_publishers.gif') no-repeat top left;
}

a.tab-customers:hover,
a.tab-publishers:hover {
	background-position: -190px 0;
}

a.tab-customers span,
a.tab-publishers span {
	display: none;
}

a.tab-customers.seltab,
a.tab-customers.seltab:hover,
a.tab-publishers.seltab,
a.tab-publishers.seltab:hover {
	background-position: -380px 0;
}

#footer-nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#navigation { float: right; display: inline; width: 650px; margin-bottom: 25px; }
#navigation ul { list-style: none outside; padding: 15px 0 0 110px; }
#navigation li { float: right; display: inline; text-transform: uppercase; font-weight: bold; background: url(images/nav-border.gif) no-repeat right 0; padding: 0 10px; height: 13px; line-height: 13px; }
#navigation li a { float: left; display: inline; color: #000; }
#navigation li a:hover, #navigation .active { color: #a8a882; text-decoration: none; }
#navigation .last { background: none; padding-right: 0; }

#sub-nav { float: right; display: inline; width: 380px; }
#sub-nav a { float: left; display: inline; width: 190px; height: 45px; }

#content { background: #fff url(images/cnt.gif) repeat-x 0 0; padding: 25px 0; } 

.box { background: url(images/box-bg.gif) no-repeat  0 232px; height: 100%; position: relative; margin-left: -8px; width: 983px;  }
.box .top { background: url(images/box-top.gif) no-repeat 0 top; height: 100%; position: relative; }

#sidebar { float: left; display: inline; width: 165px; margin: 45px 40px 15px 30px; border-bottom: 1px solid #e0dcc1; }
#sidebar2 { float: right; display: inline; width: 165px; margin: 45px 30px 15px 40px; border-bottom: 1px solid #e0dcc1; }
#sidebar h2 { font-weight: bold; font-size: 12px; text-transform: uppercase; border-top: 1px solid #e0dcc1; padding: 15px 0 5px;  }
#sidebar ul { list-style: none outside; }
#sidebar ul ul { list-style: disc outside; padding: 0 0 15px 15px; font-size: 12px; }
#sidebar ul ul li { padding: 2px 0; }
#sidebar p { font-size:11px; padding-bottom: 15px; padding-left: 15px; }

#sidebar2 h2 { font-weight: bold; font-size: 12px; text-transform: uppercase; border-top: 1px solid #e0dcc1; padding: 15px 0 5px;  }
#sidebar2 ul { list-style: none outside; }
#sidebar2 ul ul { list-style: disc outside; padding: 0 0 15px 15px; font-size: 12px; }
#sidebar2 ul ul li { padding: 2px 0; }
#sidebar2 p { font-size:11px; padding-bottom: 15px; padding-left: 15px; }
#s { border: 1px solid #eae6cb; background: #fff; padding: 2px 3px; margin-bottom: 10px; }
#searchsubmit { cursor: pointer; background: #efefe7; border: 1px solid #ccc; color: #0097fe; margin-bottom: 15px; }

#widecolumn { float: left;display: inline; width: 475px; margin-top: 45px; }
.site-title { height: 22px; width: 168px;  margin-bottom: 25px; }
.site-title a  { display: block; height: 22px; width: 168px; background: url(images/boku-blog.gif) no-repeat 0 0;  }

.post { padding-bottom: 40px; }
.post .head h2 { font: bold 16px Arial, sans-serif;	padding-right: 80px; }
.post .head span { display: block; margin: 5px 0; }
.post img { display: block; margin: 15px 0; }
.post .entry p { padding-bottom: 15px; }
.post .entry ul, .post .entry ol { padding: 5px 0 10px 30px; }
.post .postmetadata { background:  #efefe7; padding: 5px 10px 0; height: 100%; }
.post .postmetadata p { padding-bottom: 5px; }

.commentlist { list-style: none outside; }
.commentlist li { margin:1em 0 1em 0; }
h3#comments { border-bottom: 1px solid #e0dcc2; padding-bottom: 5px; }
cite.fn { display: inline-block; margin: 5px 0; }
/*.vcard { border-bottom: 1px dotted #a9a983; padding: 15px 0; }*/
#respond h3 { margin: 35px 0 10px; }
#commentform { background: #efefe7; padding: 15px; }
#commentform p { padding-bottom: 15px; }
#commentform textarea { width: 430px; border: 1px solid #cbcbae; padding: 5px; background: #fff; }
#commentform p.prohibited { float: left; display: inline; width: 148px; font-size: 11px; color: #999; }
#commentform #email, 
#commentform #author, 
#commentform #url { display: inline-block; background: #fff; border: 1px solid #cbcbae; margin-right: 5px; padding: 3px; } 
#submit { 
	float: right; 
	display: inline; 
	height: 44px; background: url('images/btn-post.gif') no-repeat 0 0; 
	width: 126px; 
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	cursor: pointer;
	border: 0;
}

#submit:hover  { background-position: 0 bottom; }


.digg { display: inline-block; background: url('images/digg.png') no-repeat 0 0; padding-left: 20px; }
.del-co { display: inline-block; background: url('images/delicious.png') no-repeat 0 0; padding-left: 20px; }
.tweeter { display: inline-block; background: url('images/twitter.png') no-repeat 0 0; padding-left: 20px; }
.fb { display: inline-block; background: url('http://blog.boku.com/wp-content/uploads/facebook.png') no-repeat 0 0; padding-left: 20px; }

/**** FOOTER ****/
/* FOOTER */

#footer {
	background: #ebe7cc url('images/backgrounds/bg_footer.jpg') repeat-x top left;
	width: 100%;
	border-top: 2px #e9e5c8 solid;
}

.footernobg {
	background: none !Important;
}
a.footer-logo {
	float: right;
	background: transparent url('images/generic/boku_footerlogo.gif') no-repeat top left;
	width: 65px;
	height: 16px;
}

.footernobg a.footer-logo {
	background: transparent url('images/generic/boku_footerlogo_nobg.gif') no-repeat top left;
}

#footer-nav {
	background: transparent url('images/backgrounds/bg_footernav.jpg') repeat-x top center;
	border-top: 6px #fff solid;
	border-bottom: 1px #fff solid;
	height: 229px;
width: 100%;

}

#footer-nav .fivegrid {
	width: 980px;
	margin: 0 auto;
	padding: 25px 0 20px 0;
}

#footer-nav .fivegrid .gridbox {
	float: left;
	width: 135px;
	margin-right: 25px;
	display: inline;
}

.gridbox.first-grid {
	margin-left: 20px;
}

#footer-nav .fivegrid .gridbox h4 {
	text-transform: uppercase;
	color: #333333;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 0px;
}

#footer-nav .fivegrid .gridbox li {
	padding: 4px 0;
	line-height: 14px;
	font-weight: bold;
}

#footer-nav .fivegrid .gridbox a {
	color: #333333;
}

#footer-copy {
	margin: 0 auto;
	width: 925px;
	padding: 15px 0 20px 0;
	height: 16px;
	line-height: 16px;
}

#footer-copy a {
	color: #333 !Important;
}
/*
#footer { background: #ebe7cc url(images/footer.gif) repeat-x 0 0; padding-top: 25px; }
#footer h2 { font: bold 12px Arial, sans-serif;  text-transform: uppercase; margin-bottom: 5px; }
#footer ul { list-style: none outside; padding-bottom: 20px; }
#footer li { padding: 4px 0; }
#footer .short-column a { color: #333534; }

.short-column  { float: left; display: inline; margin-right: 80px; 	}
#footer p { padding: 30px 0 70px 10px; color: #333335; }
#footer p a { font-weight: bold; color: #333335; }

#f-logo { float: right; display: inline; height: 16px; width: 65px; font-size: 0; line-height: 0; text-indent: -4000px; margin: 30px 50px 0 0; }
#f-logo a { display: block; height: 16px; background:url(images/footer-logo.gif); text-indent: -4000px; }
*/