/*
Theme Name: Workplace Excellence
Description: A custom theme for Dan Bobinski.
Version: 1.0
Author: Blogging Expertise
Author URI: http://www.bloggingexpertise.com/
*/

h1, h2, h3, h4, h5 {
	color: #4D452D;
}

div.clear {
     clear: both;
     font-size: 1px;
     line-height: 1px;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

a img,
a img:hover {
	background: transparent;
	border: 0;
}

.float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.float-right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: right;
}

#footer {
	padding-top: 30px;
}

.interpost-nav {
	margin: 10px 0px 10px 0px;
	text-align: center;
}

#comments h3 {
	color:#8F7E4B;
	font-size:1em;
	letter-spacing:1px;
	margin-top: 30px;
	text-transform: uppercase;
}

.comment {
	clear: both;
}

.comment-list .alt {
	background: #F1F2F7;
}

.comment-number {
	display: inline;
}

#akst_form ul li {
	color: #1C1E62;
}

blockquote {
	margin: 0px 30px 0px 30px;
}

.widget ul li {
	margin-bottom: 3px !important;
	padding-bottom: 3px !important;
}

.secondary .widget h3 {
	font-size: 140%;
}


/* Plugin-specific elements */
*{
margin:0;
padding:0;
border:0
}
body{
color:#000000;
font:11px verdana,arial,tahoma,sans-serif
}
a{
color:#34488a;
text-decoration:underline
}
a:hover{
color:#0588a3
}
input,select,textarea{
border:#7e87af 1px solid;
padding:2px;
background:#283779;
color:#ffffff;
font:bold 11px arial,tahoma,sans-serif
}
select{
padding:1px
}
input.signup,input.search{
border:0;
margin:3px 0 0;
width:60px;
color:#ffffff;
background:url(images/btn-bgr.gif) repeat-x center;
font:bold 11px verdana,tahoma,arial,sans-serif;
height:20px
}
input.signup{
margin:3px 11px 0 0
}
li{
list-style:none
}
#page{
margin:0 auto;
width:970px
}
h2,h4{
padding:10px 0 15px 0;
color:#8F7E4B;
font-size:18px;
letter-spacing:-1px
}
h3{
clear:both;
margin:20px 0 10px 0;
padding:0 0 7px 0;
background:url(images/hl-dot.gif) repeat-x bottom;
font-size:22px;
letter-spacing:-1px
}
h4{
padding:10px 0
}
h5{
font-size:11px
}
/*--- HEADER ---*/
#header{
height:92px
}
.logo{
float:left
}
#hcol{
float:right;
width:465px
}
#hcol i{
float:left;
width:80px;
padding:0 0 0 17px;
background:url(images/ico-subscribe.gif) no-repeat left center;
font-style:normal;
line-height:30px
}
#hcol i a{
text-decoration:none
}
#signup{
float:left;
width:368px;
color:#ffffff;
background:url(images/signup-bgr.gif) no-repeat center top;
text-align:right;
height:35px
}
p.phone{
float:right;
margin:20px 17px 0 0;
font-size:18px;
text-align:right;
letter-spacing:-1px
}
/*--- TOP MENU ---*/
#topmenu{
clear:both;
background:url(images/topmenu-bgr.gif) no-repeat center top;
height:40px
}
#topmenu ul{
float:left;
padding:0 0 0 5px
}
#topmenu li{
float:left;
color:#ffffff;
background:url(images/topmenu-vl.gif) no-repeat right;
font-weight:bold;
line-height:40px;
text-align:center
}
#topmenu li a{
padding:0 24px;
color:#ffffff;
text-decoration:none
}
#topmenu li a:hover,#topmenu li.active{
padding:0 24px;
display:block;
background:url(images/topmenu-hover.gif) repeat-x center;
line-height:40px
}
/*--- SEARCH ---*/
#search{
padding:7px 11px 0 0;
float:right;
width:355px;
color:#ffffff;
text-align:right
}
/*--- COLUMN LAYOUT ---*/
#columns{
margin:15px 0 0 4px;
clear:both;
}
.columns-front{
	background:url(images/column-bgr.gif) repeat-y center;
	clear:both;
	margin:15px 0 0 4px;
}
#columns ul{
padding:5px 0 0;
}
#columns li{
padding:0 0 0 12px;
background:url(images/ico-list.gif) transparent no-repeat left top
}

#columns input,select,textarea{
border:#7e87af 1px solid;
padding:2px;
background:#fff;
color:#283779;
font:bold 11px arial,tahoma,sans-serif
}

#columns ul.postspermonth {
	margin-bottom: 30px;
}

#columns ul.postspermonth li {
	background: transparent;
}


/*--- LEFT column styles ---*/
#leftcol{
overflow: hidden;
width:260px;
float:left
}
/*- Left box -*/
.lbanner{
background:url(images/dan-bobinski.jpg) no-repeat bottom;
padding-bottom: 20px;
}
.lbanner p{
padding:0 10px;
line-height:16px
}
.lbanner p.bio{
	margin-top: 10px;
}
.lbanner a.more{
margin:0
}
.lbanner .portrait{
float:left;
height: 144px;
padding:7px 10px 0 1px;
width: 107px;
}
/*--- CENTER column styles ---*/
#centercol{
margin:0 0 0 40px;
width:450px;
overflow: hidden;
float:left
}

.columns-front #centercol{
margin:0 0 0 23px;
overflow: hidden;
width:400px;
float:left
}

#centercol p{
padding:0 0 16px 0;
line-height:16px;
font-size: 11px;
}
#centercol h2,
#centercol h2 a{
color:#34488a;
text-decoration:none
}
#centercol .spacer{
padding:0 19px
}
.browse{
font-size: 130%;
font-weight: bold;
float:right;
clear:both;
width:200px;
padding:4px;
border:1px solid #dcdfeb;
background:#f3f5f9;
text-align:center
}
#centercol p.date{
padding:4px 0;
background:url(images/hl-dot2.gif) repeat-x bottom;
text-transform:uppercase
}


/*--- RIGHT column styles ---*/
#rightcol{
margin:0 0 0 22px;
width:260px;
overflow: hidden;
float:left
}
div.secondary {
margin-left: 40px !important;
overflow: hidden;
width: 170px !important;
}
.rbanner{
background:url(images/rbanner-bgr.jpg) no-repeat bottom;
height:204px
}
.rbanner .spacer{
padding:0 20px
}
/*--- FOOTER ---*/
#footer{
width:900px;
margin:0 auto;
color:#cccccc;
text-align:center;
height:50px
}
/*--- Misc. styles ---*/
.fix{
clear:both;
line-height:1px;
height:1px
}
.spacer .more,
a.more{
margin:0 5px 0 0;
padding:0 0 0 12px;
background:url(images/ico-list.gif) no-repeat left top;
color:#273779
}
.ac{
text-align:center
}
.ar{
text-align:center
}
.fl{
float:left
}
img.fl{
margin:0 10px 0 0
}
.fr{
float:right
}
.hl{
clear:both;
background:url(images/hl-dot2.gif) repeat-x bottom;
margin-bottom: 15px;
}
.noborder{
border:0
}

.clear {
	clear: both;
}