﻿/*Theme Name: OsoEmpire Business
Theme URI: http://www.osoempire.com
Description: A wordpress SEO-optimized theme created for businesses, salespages and marketing.
Version: 1.0
Author: Max Oso
Author URI: http://www.osoempire.com
Tags: fixed width, two column, widgets, wordpress business*/

body {
background:#fff url(images/mainbg.jpg) top center repeat-x;
font:normal 12px/1.5em Arial, Helvetica, sans-serif;
margin:auto;
color:#212121;
padding:0;
}

div,img, .more-link{
behavior:url(iepngfix.htc);
border:none;
}

.clear {
clear:both;
}
hr.hrbar
{
clear:both;
border:none;
width:100%;
border-bottom:1px solid #ccc;
}

.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}

.clearfix {
display:inline-block;
}

html[xmlns] .clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

.spacer20left {
margin-left:40px;
}


#pagewrapper {
width:100%;
margin:auto;
background:URL(images/headernew.jpg) top center no-repeat;
}

a:link,a:visited,a:active {
color:#6d889e;
text-decoration:none;
}

a:hover {
color:#da701a;
text-decoration:none;
}

/************************************/
/* 		     HEADER            		*/
/************************************/
#homebox {
background:URL(images/SliderBG2.png) center top no-repeat;
width:908px;
height:301px;
margin:0 auto;
padding-top:5px;
}

/************************************/
/* 		  SUBHEADER             */
/************************************/
.subheader {
width:908px;
padding:20px;
margin:auto;
}

.subheader p  {
padding:0px;
margin:0px;
font:normal 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serrif;
letter-spacing:-1px;
color:#FFFFFF;
}

.subheader h1 {
padding:5px 0 0 20px;
margin:0;
letter-spacing:-1px;
color:#FFFFFF;
}

/************************************/
/*               BREAD CRUMBS       */
/************************************/
div.breadcrumbs {
color:#FFFFFF;
padding:7px 10px;
background:#1d79aa;
width:868px;
margin:auto;
font:normal 9px Arial, Helvetica, sans-serif;
}

div.breadcrumbs a:link,div.breadcrumbs a:visited,div.breadcrumbs a:active {
color:#9bbdd6;
padding:0 5px;
font:normal 9px Arial, Helvetica, sans-serif;
}

div.breadcrumbs a:hover {
color:#FFFFFF;
font:normal 9px Arial, Helvetica, sans-serif;
}

/************************************************************************/
#header {
width:868px;
margin:auto;
height:91px;
}

.logo {
padding:15px 10px 0;
font:bold 3em "Lucida Sans unicode", Georgia, "Times New Roman", Times, serif;
color:#000;
text-decoration:none;
}

.header_r {
float:right;
font:normal 1.5em Arial, Georgia, "Times New Roman", Times, serif;
letter-spacing:-1px;
text-align:right;
padding:15px 10px 0 0;
color:#9bbdd6;
}

.header_r span {
color:#fff;
font:normal bold 10px Arial, Helvetica, sans-serif;
letter-spacing:normal;
}

/************************************/
/* 		     NAVIGATION        		*/
/************************************/
#menu {
width:908px;
background:url(images/menubg.jpg) repeat-x;
margin:1px auto 0;
padding:7px 0 0;
height:54px;
}

.navigation {
padding:5px;
margin:auto;
width:auto;
}

.navigation ul {
padding:0;
margin:0;
}

.navigation li {
display:inline;
list-style:none;
padding-top:5px;
}

.navigation li a {
float:left;
border-right:1px solid #bfbfbf;
text-decoration:none;
text-align:center;
font:normal bold 11px Arial, "Lucida Sans unicode", Tahoma, Verdana, Sans-serif;
text-transform:uppercase;
color:#8f8f8f;
padding:0 10px;
}

.navigation li.current a, .navigation li a:hover, .navigation li.current a:hover {
color:#212121;
padding:0 10px;
}

/************************************/
/* 		     CONTENT_LEFT      		*/
/************************************/
#content {
width:908px;
background:url(images/topcontent.gif) top center no-repeat;
margin:0 auto;
min-height:400px;
height:400px;
height:100%;
overflow:auto;
padding-bottom:15px;

}

#leftcontent {
float:left;
width:620px;
}

.contentcol {
padding:25px;

height:100%;
}

.testimonials p {
color:#a8a8a8;
font:bold 12px Arial, Helvetica, sans-serif;
padding:0;
}

cite {
float:right;
text-align:right;
font-size:11px;
font-style:normal;
font-weight:400;
}

big {
font-size:300%;
font-style:italic;
}

.rightalign {
float:right;
}

.leftalign {
float:left;
}

h1 {
font:normal 2.3em "Lucida Grande", sans-serif;
letter-spacing:-1px;
color:#4e4e4e;
margin:10px 0 0;
text-align:left;
}




h1 span {
font:bold italic 1em "Lucida Grande", sans-serif;
letter-spacing:-2px;
color:#fff;
}

h3 {
font:normal 1.8em "Lucida Grande", sans-serif;
letter-spacing:-1px;
color:#4e4e4e;
margin:0;
}

h2 {
font:normal 2em "Lucida Grande", sans-serif;
letter-spacing:-1px;
color:#333;
margin:0;
}

h4 {
font:normal 1.5em "Trebuchet MS","Lucida Grande", sans-serif;
letter-spacing:-1px;
color:#333;
margin:0;
text-transform:uppercase;
}

p {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.imgb {
border:1px solid #D1E2EF;
padding:8px;
background-color:#F0F5F9;
margin:15px;
}

.imgborder {
border:1px solid #D1D1D1;
background-color:#FFF;
padding:5px;
}

.content_higlig {
width:90%;
margin:10px auto;
padding:20px;
background-color:#fff;
border:10px solid #e4edf1;
}

.info {
padding:20px 0;
position:relative;
}

.info .date {
color:#666666;
margin-right:8px;
padding-right:8px;
text-decoration:none;
text-transform:uppercase;
font:10px Arial, Helvetica, sans-serif;
}

.info a {
color:#666666;
margin-right:8px;
padding-right:8px;
text-decoration:none;
text-transform:uppercase;
font:10px Arial, Helvetica, sans-serif;
}

.info a:hover {
text-decoration:underline;
}

.info .right {
display:inline;
position:absolute;
right:0;
}

.quote {
width:72px;
height:31px;
overflow:hidden;
margin-top:-6px;
margin-right:8px;
padding:6px 0 0 12px;
}

.quote a {
color:#212121;
margin:0;
padding:0;
text-decoration:none;
text-transform:uppercase;
}

/************************************/
/* 		     CONTENT_RIGHT     		*/
/************************************/
#rightcontent {
width:250px;
float:left;
padding:0 0 0 15px;
}

#sidebar {
text-align:left;
padding:30px 0px 0 0;
}

li
{
list-style:none;
}
/************************************/
/* 		    FOOTER      		    */
/************************************/
#footerbg {
background:#e3eef3;
border-top:1px solid lightblue;
overflow:auto;
padding:20px 0;
color:#909090;
}

#footer {
font:normal 9px/12px Arial, Helvetica, sans-serif;
width:885px;
margin:auto;
}

#footer a {
color:#a7afb2;
}

#footer a:hover {
color:#000;
}

#copyrights {
padding:0 0 0 20px;
}

#subscribe {
text-align:left;
padding:0 20px 0 0;
}

abbr,acronym {
cursor:help;
color:#484848;
}

/************************************/
/* 		    FEATURE      		    */
/************************************/
#nav a,#nav a:active,#nav a:visited {
display:block;
float:left;
padding:5px 8px;
color:#FFF;
width:131px;
margin:0 1px;
background:#000;
text-align:center;
}

#nav a.selected,#nav a.selected:active,#nav a.selected:visited {
background:#C51D1D;
text-decoration:none;
outline:none;
}

.hiddencontent {
display:none;
}

#feature {
width:900px;
margin:auto;
}

.featurebox {
width:900px;
height:200px;
background:url(images/feature-bg.gif) no-repeat;
clear:both;
margin:auto;
}

.featureboxl {
float:left;
width:300px;
margin:10px;
}

.featureboxr {
float:right;
width:400px;
margin:15px;
}

.featurebox h1 {
letter-spacing:-1px;
}

.featurebox p {
color:#999;
font-size:12px;
line-height:15px;
width:300px;
float:left;
}

.featurebox img {
left:400px;
float:right;
width:434px;
height:161px;
padding:0 5px;
}

#wrapper {
margin:0 auto;
display:none;
padding:0;
width:860px;
}

#wrapper * {
margin:0;
padding:0;
}

#fullsize {
position:relative;
padding:0;
}

#information {
float:right;
position:absolute;
top:15px;
right:10px;
width:47%;
height:0;
color:#fff;
overflow:hidden;
z-index:200;
opacity:.9;
filter:alpha(opacity=90);
float:right;
padding:0 20px;
}

#information h3 {
padding:3px 0 10px 3px;
color:#fff;
font:normal 3em "Trebuchet MS",Georgia, Helvetica, sans-serif;
letter-spacing:-2px;
}

#information p {
padding:0 0 5px 3px;
color:#fff;
float:right;
font:normal 12px/12px Arial, Helvetica, sans-serif;
}

#image {
width:350px;
height:180px;
}

#image img {
position:absolute;
z-index:25;
width:350px;
height:150px;
left:10px;
top:10px;
padding:10px;
background:#fff;
border:0 solid #105280;
}

.imgnav {
position:absolute;
width:25%;
height:180px;
cursor:pointer;
z-index:150;
}

#imgprev {
left:0;
background:none;
}

#imgnext {
right:0;
background:none;
}

#imglink {
position:absolute;
height:150px;
width:100%;
z-index:100;
opacity:.4;
filter:alpha(opacity=40);
}

.linkhover {
}

#thumbnails {
margin-top:20px;
height:38px;
}

#slideleft {
float:left;
width:24px;
height:81px;
background:url(images/leftarrow.jpg) top center no-repeat;
padding-left:10px;
z-index:100;
}

#slideleft:hover {
}

#slideright {
float:right;
width:24px;
height:81px;
background:url(images/rightarrow.jpg) top center no-repeat;
padding-right:0;
z-index:100;
}

#slideright:hover {
}

#slidearea {
float:left;
position:relative;
width:790px;
margin-left:3px;
height:81px;
overflow:hidden;
}

html* #slidearea {
margin-left:0;
}

#slider {
position:absolute;
left:0;
height:81px;
}

#slider img {
cursor:pointer;
border:1px solid #d8d8d8;
background:#fff;
padding:2px;
}

.readmoremain {
background:url(images/readmore.gif) no-repeat;
width:88px;
height:22px;
border:0;
float:right;
padding-top:10px;
}

.more-link{
background:url(images/morelink.png) no-repeat;
width:90px;
height:24px;
border:0;
float:right;
padding-top:10px;
margin-top:5px;
text-indent: -99999px;
}


/* ---------------------------- */
.readmore {
font:normal 10px Arial, Arial, Verdana;
color:#646464;
text-transform:uppercase;
text-decoration:none;
}

.readmore:hover {
font:normal 10px Arial, Arial, Verdana;
color:#0586ba;
text-transform:uppercase;
text-decoration:none;
}

ul.newsbox {
padding:0 30px 0 0;
margin:0;
list-style:none;
}

ul.newsbox li {
font:normal 9px Arial, Verdana, Sans-serif;
border-bottom:1px solid #c7c7c7;
padding:10px 0;
}

ul.newsbox li a {
text-decoration:none;
color:#a8a8a8;
}

ul.newsbox li a:hover {
text-decoration:none;
color:#da701a;
}

ul.newsbox span.newsdate {
font:bold 14px "Trebuchet MS", Georgia, Arial;
color:#646464;
}

/*- SUB MENU --------------------------- */
#menu1 {
width:233px;
margin:10px 0;
}

#menu1 ul {
margin:0;
list-style:none;
padding:0 10px;
}

#menu1 li a {
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
voice-family:inherit;
height:11px;
margin:0;
border-bottom:1px solid #e0e0e0;
text-decoration:none;
}

#menu1 li li a {
font:bold 9px Arial, Helvetica, sans-serif;
margin:0;
text-decoration:none;
border-left:0 solid #999999;
border-bottom:1px solid #ededed;
background:URL(images/plus.gif) 0 50% no-repeat;
text-decoration:none;
}

#menu1 li li a:link,#menu1 li li a:visited {
color:#bebebe;
display:block;
padding:6px 10px;
}

#menu1 li a:link,#menu1 li a:visited {
color:#bebebe;
display:block;
padding:6px 10px;
}

#menu1 li.current a {
color:#da701a;
}

#menu1 li a:hover {
color:#da701a;
padding:6px 10px;
}

#menu1 li li a:hover {
color:#da701a;
padding:6px 10px;
}
/*- SUB End --------------------------- */

.services {
width:270px;
margin:0 0 8px;
padding:0;
height:100%;
min-height:150px;
}

.services p {
width:190px;
margin:0;
font-size:11px;
}

.services h4 {
border-bottom:1px solid #ccc;
margin:0 0 10px 10px;
padding:0 0 10px;
text-align:left;
line-height:inherit;
}

.services b {
margin-bottom:3px;
color:#000;
}

.services img {
margin-left:3px;
}

.brclear {
color:#fff;
border:none;
clear:both;
height:50px;
}
/*- Blog Details --------------------------- */
.blogbox {
width:auto;
margin:0;
padding:0px 0;
height:100%;
}

.blogbox p {
width:auto;
margin:0;
font-size:12px;
padding:0;
}

.blogbox h3 {
border-bottom:0 solid #ccc;
margin:10px 0 0;
padding:0 0 9px;
text-align:left;
line-height:inherit;
}

.blogbox b {
margin-bottom:3px;
color:#000;
}

.blogbox img {
margin-left:5px;
}

.blogbox div.details {
font:normal 9px/10px Arial, Helvetica, sans-serif;
color:#8a8a8a;
padding:8px 10px;
background:#f1fafd;
border-bottom:1px solid #d4dbde;
border-top:1px solid #d4dbde;
}

.website_portbox div.details {
font:normal 9px/10px Arial, Helvetica, sans-serif;
color:#8a8a8a;
padding:8px 10px;
background:#f1fafd;
border-bottom:1px solid #d4dbde;
border-top:1px solid #d4dbde;
}

.website_portbox div.details {
font:normal 9px/10px Arial, Helvetica, sans-serif;
color:#8a8a8a;
padding:8px 10px;
background:#f1fafd;
border-bottom:1px solid #d4dbde;
border-top:1px solid #d4dbde;
}





.comment {
background:url(images/comment.gif) no-repeat;
width:29px;
font-size:9px;
font-weight:700;
height:23px;
float:right;
text-align:center;
}

.bottombar {
height:auto;
padding:5px 10px;
font-size:9px;
margin:10px 0;
background:#f1fafd;
border-top:1px solid #d4dbde;
}

/* ================================================= */
/*               PAGINATION CSS                      */
/* ================================================= */
.pagelink {
width:10px;
font-size:9px;
color:#435d82;
background:#ffffff;
border:1px solid #435d82;
clear:both;
line-height:35px;
text-decoration:none;
}

a.pagelink:active,a.pagelink:visited,a.pagelink:link {
width:10px;
border:1px solid #c8dcf1;
background:#fff;
color:#435d82;
padding:6px;
}

a.pagelink:hover {
width:10px;
background:#dae6f3;
border:1px solid #b8d1eb;
color:#435d82;
padding:6px;
}

.pagecurrent {
width:10px;
background:#dae6f3;
border:1px solid #b8d1eb;
color:#435d82;
padding:6px;
font-size:9px;
}

/*- Blog Comments --------------------------- */
.the_commentor {
float:left;
width:80px;
text-align:left;
margin-bottom:10px;
}

.the_commentor img {
margin-bottom:3px;
margin-top:10px;
}

.comment-metadata a {
color:#cbcbcb;
font-size:10px;
text-decoration:none;
}

.the_comment {
float:right;
width:400px;
font-size:10px;
line-height:15px;
color:#5d5949;
padding:10px;
padding-bottom:10px;
min-height:100px;
background-color:#e4f1f5;
border:1px solid lightblue;
}

ol.commentlist li.alt .the_comment {
position:relative;
top:1px;
overflow:auto;
background-color:#effafd;
}

ol.commentlist {
margin:10px 0;
}

ol.commentlist li {
clear:both;
list-style:none;
}

.comment-author {
font-size:10px;
margin-bottom:0px;
}

.comment-author a {
color:#005c9e;
text-decoration:none;
}

.commentlist .the_comment a {
color:#005c9e;
}

.commentlist .the_comment a:hover,.comment-author a:hover {
color:#da701a;
text-decoration:none;
}

p.contacts img {
vertical-align:middle;
}

p.contacts {
font:normal 9px/20px Arial, Helvetica, sans-serif;
vertical-align:middle;
}

p.contacts strong {
font:normal 10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:700;
}
/*- SUB MENU Blog --------------------------- */
#archive {
width:auto;
margin:10px 0;
}

#archive ul {
margin:0;
list-style:none;
padding:0;
}

#archive ul li {
margin:0;
list-style:none;
padding:0;
}

#archive li a {
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
voice-family:inherit;
height:11px;
margin:0;
border-bottom:1px solid #e0e0e0;
text-decoration:none;
}

#archive li li a {
font:bold 9px Arial, Helvetica, sans-serif;
margin:0;
text-decoration:none;
border-left:0 solid #999999;
border-bottom:1px solid #ededed;
background:URL(images/plus.gif) 0 50% no-repeat;
text-decoration:none;
}

#archive li li a:link,#archive li li a:visited {
color:#bebebe;
display:block;
padding:6px 10px;
}

#archive li a:link,#archive li a:visited {
color:#bebebe;
display:block;
padding:6px 10px;
padding-left:0;
}

#archive li.current a {
color:#da701a;
}

#archive li a:hover {
color:#da701a;
padding:6px 10px;
}

#archive li li a:hover {
color:#da701a;
padding:6px 10px;
}

.tags a {
font:normal 10px Arial, Helvetica, sans-serif;
color:#666666;
margin:0;
text-transform:uppercase;
padding:3px 10px;
}

.tags a:hover {
font:bold 14px Arial, Helvetica, sans-serif;
border-color:0 solid #0066CC;
}

h1.bigtitles {
font:bold 3em "Lucida Grande", sans-serif;
letter-spacing:-2px;
color:#4e4e4e;
margin:10px 0 0;
text-align:left;
}

a.portlinks {
font:bold 2em "Trebuchet MS", sans-serif;
letter-spacing:-1px;
color:#9e9e9e;
}

a.portlinks:hover {
font:bold 2em "Trebuchet MS", sans-serif;
letter-spacing:-1px;
color:#eb5800;
}

a.portlinks img {
vertical-align:middle;
}

small {
font-size:inherit;
}
/*-  Portfolio --------------------------- */
.bottombox {
height:auto;
width:520px;
padding:15px;
margin:10px 0;
text-align:right;
background:#fff;
border:3px solid #d0e8f3;
border-radius:10px;
-moz-border-radius:10px;
}

a.portlinks {
font:bold 2em "Trebuchet MS", sans-serif;
letter-spacing:-1px;
color:#9e9e9e;
}

a.portlinks:hover {
font:bold 2em "Trebuchet MS", sans-serif;
letter-spacing:-1px;
color:#eb5800;
}

a.portlinks img {
vertical-align:middle;
}

.website_portbox {
height:100%;
width:auto;
padding:20px;
margin:10px 0;
text-align:left;
overflow:auto;
background:#eef4fc;
background:#fff url(images/details.gif) bottom left repeat-x;
border:1px solid #d6e5ec;
border-radius:10px;
-moz-border-radius:10px;
}

.details_para {
border:1px solid #d6e5ec;
padding:0;
background:#FFFFFF;
margin:10px 15px 10px 10px;
position:relative;
}

.details_para img {
padding:5px;
}

.details_para a {
border:none!important;
}

.details_para .featured {
position:absolute;
left:0;
top:0;
border:none!important;
}

.website_portbox ul li {
font:normal 9px Arial, Helvetica, sans-serif;
}

.details_para span {
background:#CCCCCC;
padding:5px 10px;
}

.logos_portbox {
height:100%;
padding:5px;
margin:10px 0;
width:200px;
text-align:center;
background:#eef4fc;
background:#fff url(images/details.gif) bottom left repeat-x;
border:1px solid #d6e5ec;
border-radius:10px;
-moz-border-radius:10px;
}

ul#logos_portfolio {
clear:both;
overflow:hidden;
height:1%;
margin:auto;
padding:0;
padding-top:20px;
}

ul#logos_portfolio li a img {
border:none;
}

ul#logos_portfolio li {
width:220px;
float:left;
height:290px;
display:inline;
margin:10px 10px 10px 5px;
background:#eef4fc;
background:#fff url(images/details.gif) bottom left repeat-x;
border:1px solid #d6e5ec;
border-radius:10px;
-moz-border-radius:10px;
}

ul#logos_portfolio li img {
margin:15px auto auto;
display:block;
}

ul#logos_portfolio h4 {
padding:10px 0 0;
margin:0 0 0 20px;
}

ul#logos_portfolio p {
margin:0 10px 10px 20px;
color:#666666;
font:normal 9px Arial, Helvetica, sans-serif;
}

/******************** PAGINATION **********************/
.wp-pagenavi

{
 height:auto;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding:6px; 
	margin: 2px;
	text-decoration: none;
border:1px solid lightblue;
	color: #435d82;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 6px; 
	margin: 2px;
	text-decoration: none;
border:1px solid lightblue;
	color: #435d82;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
border:1px solid #b8d1eb;
	color: #435d82;
	background-color: #dae6f3;
}
.wp-pagenavi a:active {
	padding:6px; 
	margin: 2px;
	text-decoration: none;
border:1px solid lightblue;
	color: #435d82;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
    padding:6px;
	margin: 2px 2px 2px 2px;
	color: #435d82;
	border: 1px solid lightblue;
	background-color: #dae6f3;
}
.wp-pagenavi span.current {
padding:6px;
	margin: 2px;
	font-weight: bold;
border:1px solid #b8d1eb;
	color: #435d82;
	background-color: #dae6f3;
}
.wp-pagenavi span.extend {
padding:6px;
	margin: 2px;	
border:1px solid #b8d1eb;
	color: #435d82;
	background-color: #dae6f3;
}

/*******************/

#wp-calendar
{
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
	width: 100%;
}
#wp-calendar caption
{
	color: #3987b5;
	font-size: 11px;
	padding: 7px 0 2px 0;
}
#wp-calendar th
{
	background: #3987b5;
	color: #FFF;
	font-size: 11px;
	padding: 0;
}
#wp-calendar td
{
	border-top: 1px solid #dae6f3;
	color: #484848;
	font-size: 11px;
	height: 23px;
	overflow: hidden;
	vertical-align: middle;
	width: 14.28%;
}
#wp-calendar td#today
{
	background: #3987b5;
	border-top: 1px solid #dae6f3;
	color: #fff;
	overflow: hidden;
	vertical-align: middle;
}
#wp-calendar a
{
	font-style: normal;
	font-weight: bold;
}
#prev
{
	text-align: left;
}
#next
{
	text-align: right;
}
#prev a, #next a
{
	color: #484848;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding: 3px 0 0 0;
	text-decoration: none;
	text-transform: uppercase;
}
#prev a:hover, #next a:hover
{
	color: #3c4955;
}
/* TAGS */

.post-details {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DAE6F3;
border:1px solid lightblue;
}

.post-details {
margin-bottom:10px;
padding:5px;
}

.post-details p {
font-size:1em;
margin:0;
padding:0;
}

div.datusbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#F1FAFD none repeat scroll 0 0;
border-bottom:1px solid #D4DBDE;
border-top:1px solid #D4DBDE;
color:#8A8A8A;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:10px;
padding:8px 10px;
}
span.datusbox {
float: right;
}

div.post {
padding:5px ;
border:1px solid lightblue;
}