/*
Theme Name: Senlin Online WP Themes
Theme URI: http://wpthemes.senlinonline.com
Description: WP-Theme for Senlin Online WordPress Themes
Version: 1.0
Author: Piet Bos
Author URI: http://www.pietbos.me

*/

/* reset some styles (from various authors like Eric Meyer - http://meyerweb.com/eric/tools/css/reset/ and others) */
* {margin:0;padding:0;}
body {line-height:1;font-size: 62.5%;} /* Resets 1em to 10px */
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table {border: none;text-decoration:none;color:inherit;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/*end reset */

body { background:#F4F6DA;color:#252525; font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;width:100%; margin: 0 auto;text-align:center;}

#top {background:#4B4E52;border-bottom:1px solid #DD4003;height:34px;margin:0 auto;overflow:hidden;text-align:center;width:100%;position:fixed;}
#topbar {height:34px;margin:0 auto;padding:0;text-align:center;width:1000px;}
ul.topmenu {background:transparent none repeat scroll 0 0;float:left;list-style-type:none;margin:0 auto;padding:0;}
ul.topmenu li {float:left; font-family:Arial;font-size:1.2em;}
ul.topmenu li a {color:#CBCBCB;display:block;float:left;padding:9px 20px 9px 0;}
ul.topmenu li.current_page_item a {color:#FFFFFF;text-decoration:none;}
ul.topmenu li a:hover {color:#FFFFFF;text-decoration:none;}
ul.socialmedia {background:transparent none repeat scroll 0 0;float:right;list-style-type:none;margin:2px 10px 2px 0;height:30px;}
ul.socialmedia li {float:left;height:30px;}
ul.socialmedia li a img {display:block;padding:0 10px;}

#container {width:1000px;margin:0 auto;text-align:left;}

#header {overflow:hidden;}
#headerimg {background:#F4F6DA url("http://static.senlinonline.com/themes/logo.png") no-repeat;height:105px;width:600px;float:left;margin-top:40px;display:block;}
#headerimg h1, #headerimg .description {text-indent: -9999em;}
#search {float:right;width:300px;}
#searchbox {margin-top:70px;float:right;text-align:left;padding:5px;font-family:Helvetica;}
#searchbox input#s {background:#E6E3D7;}

#top-blocks {padding:0 0 5px;line-height:1.8em;font-family:'Helvetica',sans-serif;color:#F1F3E9;overflow:hidden;}
#top-blocks h2 {font-size:1.8em;padding-bottom:10px;}
#top-blocks p {font-size:1.4em;padding-bottom:5px;}
.block-left {float:left;width:33.3%;}
.block-middle {float:left;width:33.4%;}
.block-right {float:left;width:33.3%;}
/* colorpalette "Mediterranean_Mosaic" by Safbi http://www.colourlovers.com/palette/489800/Mediterranean_Mosaic */
.green {background:#7F9E37;}
.yellow {background: #C79A03;}
.orange {background: #CB5002;}
.inner-block {min-height:150px;padding: 10px;}
.inner-block-pages {text-indent:-9999em;}
#top-blocks p.cont { text-transform:uppercase; text-align:center;font-size:1.1em;}
#top-blocks p.cont a, #top-blocks p.cont a:visited {color:#4B4E52;}
#top-blocks p.cont a:hover {color:#F1F3E9;}

#middle-blocks {padding:10px 0;line-height:1.8em;overflow:hidden;}
h2.title {background:#E6E3D7;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:10px 0;text-align:center;color:#7F9E99;margin-bottom:15px;font-size:1.8em;}
#middle-blocks .middle-inner {padding:5px;}
/*#middle-blocks img {border:2px solid #7F9E99;padding:3px;}*/
.boxgrid {width: 300px;height: 250px;border: 2px solid #7F9E99;overflow: hidden;position: relative;}
.boxgrid h3 {color:#F1F1F1;font-family:"Lucida Grande", sans-serif;padding:30px 30px 10px;font-size:1.8em;height:70px;}
.boxgrid img {position: absolute;top: 0;left: 0;border: 0;}
.boxgrid p {padding: 0 30px 30px;color:#F1F1F1;font-size:1.4em;height:30px;}
#middle-blocks p {font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;}
#middle-blocks a, #middle-blocks a:visited {color:#252525;font-size:1.4em;padding-left:30px;padding-bottom:30px;display:block;}
#middle-blocks a:hover {color:#F1F1F1;}
#middle-blocks .green, #middle-blocks .yellow, #middle-blocks .orange {height:250px;}

#bottom {padding:10px 0 20px 0;line-height:1.8em;overflow:hidden;}
h2.title {background:#E6E3D7;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:10px 0;text-align:center;color:#7F9E99;margin-bottom:15px;font-size:1.8em;}
#bottom .block-left, #bottom .block-middle {border-right:1px solid #E6E3D7;}
#bottom .block-middle {width:33%;}
#bottom .inner-block {min-height:100px;padding: 10px;}
#bottom h2 {font-size:1.8em;padding-bottom:10px;}
#bottom p {font-size:1.4em;padding-bottom:15px;}
#bottom a {color:#DD4003;}


#page {padding:0 0 20px 0;overflow:hidden;}
.post {padding-top:5px;}
.page {padding-top:5px;width:66.7%;float:left;}
#content {width:100%;}
#content h2 {font-size:2.4em;font-family:'Helvetica',sans-serif;padding-bottom:10px;color:#363636;line-height:24px;}

.separator {clear:both;border-bottom: 1px dotted #f9ca58;padding-top:20px;}

.postimg {float:left;width:580px;}
.postintro {float:right;width:400px;}
.postintro small, .postbody small, .archive small {font-size:1.2em;}
#bottom {overflow:hidden;clear:both;}
.postbody {width:66.7%;padding-top:20px;float:left;}
#sidebar {float:right;width:33.3%;}

.entry {padding:4px 10px 10px;}
.entry-single {padding:10px;}
.fourohfour, .archive {width:65%;float:left;}

#content .entry h2 {margin-left:40px;}
#content .entry-single h3, .archive .topintro h3 {font-size:2em;font-family:'Helvetica',sans-serif;padding-bottom:10px;color:#363636;}
.archive .topintro h3 a:link {color:#363636;}
.archive .topintro h3 a:visited {color:#7F9E99;}
.archive .topintro h3 a:hover {color:#DD4003;}
.entry h4 {font-family:'Helvetica',sans-serif;font-size:1.6em;padding:5px;}

.entry p, .entry-single p {font-size:1.4em;line-height:1.6em;padding-bottom:1.5em;}
p.index {font-size:1.4em;padding-bottom:18px;padding:10px;line-height:1.8em;width:580px;}
.entry a, .entry-single a {color:#DD4003;}
.entry a.more {font-size:1.2em;float:right;padding-right:20px;font-family:'Helvetica',sans-serif;}
.entry-single ul {font-size:1.4em; margin-left:2em; }
.entry-single ul li {list-style-type:disc;list-style-position:outside;padding-left:10px;padding-bottom:10px;}
.entry-single ul li ul {margin-left:2em;font-size:1em;padding-top:10px;}
.entry-single ul li p {font-size:inherit;padding-bottom:0;}

.screenshots {overflow:hidden;padding-bottom:1.5em;}
.screenshots img {padding:3px; border: 1px solid #DD4003;margin-left:20px;}

ul.sitemap a {color:#252525;}
ul.links a {color:#252525;font-size:.7em;margin-left:-3em;}
ul.sitemap a:hover, ul.links a:hover {color:#7F9E99;}
ul.sitemap li, ul.links li {list-style-type:none;padding-bottom:5px;}

#content .entry ul.links li h2 {margin-left:0;font-size:1em;}
#content .entry ul.links li ul.xoxo blogroll {font-size:1em;margin-left:0;}

.quotes {width:90%;margin:0 auto;}
blockquote {background:#f2edd5 url("http://static.senlinonline.com/images/blockquote.jpg") repeat;border:1px solid #f6edc6;text-indent:-5px;padding:0 10px;overflow:auto;}
blockquote p {padding:15px;}
code, .entry .syntaxhighlighter {background:#E6E3D7 !important;padding:5px 10px !important;border-top:1px solid #DD4003 !important;margin-left:10px !important;display:block !important;width:90% !important;}
.entry .syntaxhighlighter .toolbar {background:#fff !important;}

.alignnone {margin-top:10px;}

.entry h3.search {border:none;}
.entry h3.search a {color:#252525;}
.entry h3.search a:hover {color:#7F9E99;}

.postthumb {float:left;margin-left:5px;margin-bottom:5px;padding:5px;width:560px;}
.postthumb a {border:1px solid #E6E3D7;}
.postthumb a:hover {border:1px solid #DD4003;}

.navigation {font-family:Helvetica;font-size:1.6em;line-height:30px;overflow:hidden;width:580px;}
.navigation .previous {float:left;width:290px;}
.navigation .next {float:right;width:290px;}
.navigation-tips {font-family:Helvetica;font-size:1.6em;line-height:30px;overflow:hidden;width:66.7%;}
.navigation-archive {font-family:Helvetica;font-size:1.6em;line-height:30px;overflow:hidden;width:100%;}
.navigation-tips .previous, .navigation-archive .previous {float:left;width:50%;}
.navigation-tips .next, .navigation-archive .next {float:right;width:50%;}
.navigation .previous img, .navigation-tips .previous img, .navigation-archive .previous img {float:left;}
.navigation .next img, .navigation-tips .next img, .navigation-archive .next img {float:right;padding-left:5px;}
.navigation .alignleft, .navigation-tips .alignleft, .navigation-archive .alignleft {padding-left:35px;}
.navigation .alignright, .navigation-tips .alignright, .navigation-archive .alignright {text-align:right;}

.center {margin-left:55px;}
.center img {padding:3px;border:1px solid #7F9E99;}
img.aligncenter {display:block;margin:0 auto;}
img.alignleft {float:left;padding-right:10px;}
img.alignright {float:right;padding-left:10px;}

#sidebar h3 {font-size:1.7em; color:#F1F1F1;padding:10px 0;margin-top:40px;border-top:1px solid #4B4E52;}
#sidebar.tips h3 {margin-top:0;}
#sidebar h3.yellow {background: #C79A03;text-align:center;}
#sidebar h3.orange {background: #CB5002;text-align:center;}
#sidebar h3.green {background:#7F9E37;text-align:center;}
#sidebar ul {margin-left:30px;}
#sidebar ul.ads {margin:5px 0 5px 10px;}
#sidebar ul li {font-family:Helvetica;font-size:1.3em;padding:10px 0 5px;}
#sidebar p {font-family:Helvetica;font-size:1.3em;padding:10px 0 5px;margin-left:15px;}
#sidebar p a:hover {color:#7F9E99;}
#sidebar ul li a:link, #sidebar ul li a:visited {color:#252525;}
#sidebar ul li a:hover {color:#7F9E99;}
#sidebar .right {font-size:1.2em;padding-top:5px;float:right;}
#sidebar .right a:hover {color:#DD4003;}
#sidebar .ads {padding:10px 0 5px;}

#footer {background:#E6E3D7;border-top:1px solid #CCCCCC;clear:both;color:#363636;height:50px;overflow:hidden;padding:15px 0 0;text-align:center;}
#footer p {font-size:1.2em;line-height:1.8em;}
#footer a:hover {color:#DD4003;}
#footer img#wpstats {display:none;}

/* plugins CSS */
div.wpcf7 {padding:10px;}
div.wpcf7-response-output {font-size:1.4em;margin:2em 0.5em 1em;padding:0.2em 1em;max-width:300px;}
div.wpcf7-mail-sent-ok {border:2px solid #CCCCCC;background:#E6E3D7;}

/*comments styling */
h3#comments {background:#C79A03;}
#comments {text-align:center;padding:10px;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif;}
#comments .navigation {padding: 0;}
#comments #respond h3 {font-family:Helvetica;font-size:1.4em;}
#comments #respond #commentform p {padding-top:5px;}
ol.commentlist {text-align:left;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {border: 2px dashed #C79A03;}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {border: 3px dashed #C79A03;}
ol.commentlist li.comment {min-height:70px;margin-bottom:10px;padding:5px;font-family:Arial, Helvetica, sans-serif;}
ol.commentlist li.comment div.comment-author {margin-bottom:5px;}
ol.commentlist li.comment div.vcard {font-size:1.5em;}
ol.commentlist li.comment div.vcard cite.fn {font-family:Helvetica;}
#bottom ol.commentlist li.comment div.vcard cite.fn a.url {color:#C79A03;font-style:normal;}
ol.commentlist li.comment div.vcard img.avatar {padding:3px;border:1px solid #C79A03;float:left;margin:0 5px 5px 0;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {float:right;margin-top:-30px;}
ol.commentlist li.comment div.comment-meta {}
#bottom ol.commentlist li.comment div.comment-meta a {color:#252525;}
ol.commentlist li.comment * {} /* (p, em, strong, blockquote, ul, ol, etc.) */
#bottom ol.commentlist li.comment p {font-size:1.5em;padding-bottom:10px;padding-left:75px;}
ol.commentlist li.comment div.reply {text-align:center;width:20px;margin-left:75px;font-size:1.4em;}
#bottom ol.commentlist li.comment div.reply a {color:#C79A03;}
ol.commentlist li.comment ul.children {margin-top:10px;}
ol.commentlist li.comment ul.children li {margin-left:70px;}
ol.commentlist li.comment ul.children li.alt {border:1px dotted #C79A03;}
ol.commentlist li.comment ul.children li.bypostauthor {border:2px dashed #C79A03;}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {background:#ccc;}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {border:1px dotted #C79A03;}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} /* (p, em, strong, blockquote, ul, ol, etc.) */
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {border:1px dotted #C79A03;}
ol.commentlist li.thread-odd {border:1px dotted #C79A03;}
#respond {margin-top:20px;font-family:Arial, Helvetica, sans-serif;text-align:left;}
#respond h3 {font-size:1.4em;padding-bottom:5px;}
#respond p {font-size:1.2em;padding-bottom:5px;}
/* end comment styling */

/* Sociable plugin */
div.sociable { margin: 16px 0; }

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 32px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}