/*
Theme Name: Senlin Online 4
Theme URI: http://www.senlinonline.com
Description: WP-Theme for Senlin Online Portfolio
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:#F1F3E9;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:960px;}
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:960px;margin:0 auto;text-align:left;}

#header {overflow:hidden;}
#headerimg {background:#F1F3E9 url("http://static.senlinonline.com/images/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 10px;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:5px;}
#bottom a {color:#DD4003;}


#page {padding:20px 0;overflow:hidden;}

#content {width:639px;float:left;}
#content h2 {font-size:1.8em;font-family:'Helvetica',sans-serif;padding-bottom:10px;margin-left:50px;color:#363636;}

.entry {padding:10px;line-height:1.8em;width:580px;}
#content .entry h2 {margin-left:40px;}
.entry p {font-size:1.4em;padding-bottom:18px;}
p.index {font-size:1.4em;padding-bottom:18px;padding:10px;line-height:1.8em;width:580px;}
.entry a {color:#DD4003;}
.entry ul {font-size:1.4em; margin-left:2em; }
.entry ul li {list-style-type:disc;list-style-position:outside;padding-left:10px;padding-bottom:20px;}
.entry ul li ol {margin-left:2em;}
.entry ul li p {font-size:inherit;padding-bottom:0;}
.entry ul li ol li {list-style-type:circle;padding-left:10px;padding-bottom:5px;}
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;}
.alignnone {margin-top:10px;}
.entry h3 {width:300px;padding:5px 0 3px 20px;margin-bottom:5px;font-family:'Helvetica',sans-serif;font-size:1.5em;border:1px solid #CCCCCC;}
.entry h3.search {border:none;}
.entry h3.search a {color:#252525;}
.entry h3.search a:hover {color:#7F9E99;}
.postthumb a {float:left;margin-left:5px;margin-bottom:5px;padding:5px;border:1px solid #E6E3D7;}
.entry p img {padding:3px;border:1px solid #7F9E99;}
.navigation {text-align:center;padding-bottom:4em;font-family:Helvetica;}
.alignleft {float:left;margin-left:2em;}
.alignright {float:right;margin-right:2em;}
.center {margin-left:55px;}
.center img {padding:3px;border:1px solid #7F9E99;}
.postthumb a:hover {border:1px solid #DD4003;}

#sidebar {width:320px; float:right;}
#sidebar h3 {font-size:1.7em; color:#F1F1F1;padding:10px 0;margin-top:40px;border-top:1px solid #4B4E52;}
#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:hover {color:#7F9E99;}
#sidebar .right {font-size:1.2em;padding-top:5px;float:right;}
#sidebar .right a:hover {color:#DD4003;}
.opaque {opacity: .5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
#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;}

/* 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;}

/* WEB INVOICE */
#web_invoice_itemized_table {font-size:1.5em;}
.payment_form {font-size:1.5em;line-height:1.8em;}