/* CSS Document */

html{
	height: 100%;
}

li {margin-bottom: 1.3em;}
	 
body {

  margin:0;
  padding:0;	
  font:x-small Verdana,Sans-serif;
  text-align:center;
  color:#000;
  font-size/* */:/**/small;
  font-size: /**/small;
  height: 100%;
  }
  

#taglist ul li a, #recently{
  font-size: 1.1em;
  line-height: 1.8em;
  font-family: Arial, Verdana, Tahoma, Helvetica;
}

.feed{
    padding-left: 18px;
    padding-bottom: 3px;
    background: url("http://usability.businessol.com/images/feed-icon.gif") no-repeat;	
}

.post .feedburnerFlareBlock{
   display: block;
   border: 1px solid #ccc;
   padding: 5px;
}

.post .feedburnerFlareBlock a{
    color: orange;
    font-size: 1.0em;
    padding: 0 3px;
    font-family: arial, verdana, tahoma;
}

.feedburnerFlareBlock span{
    color: orange;
}

/* Page Structure
----------------------------------------------- */
@media all {
#wrap { 
    position:relative; 
    top:0px; 
    left:0px; 
    background:transparent; 
    width:742px; 
    margin: 0 auto;  
    text-align:left;  
    padding: 0;
    }
  }
@media handheld {
  #wrap {
    width:90%;
    }
  }
#wrap2 {
  position:relative;
  top:0px;
  left:0px;
  background:#fff;
  padding:0px;
  }
#content {
  width:100%;
  font-size:85%;
  }
  
@media all {
  #main {
    width:465px;
    float:left;
    }
  #sidebar {
    width:230px;
    float:right;
    padding:0;
    color:#356;
    margin-top: 22px;
    background: url("http://usability.businessol.com/images/side-top.gif") no-repeat;
    }
  }
@media handheld {
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }
#main2 {
  margin:0;
  padding:15px 20px;
  
  }
#sidebar2 {
  margin:0;
  padding:2px 20px 10px;
  background: #a3e2fe;
  border-left: 1px solid #1074a0;
  border-right: 1px solid #1074a0;
  color: #000;
  }
#outer{
  background: url(http://usability.businessol.com/images/bg1.gif) repeat-x;
  text-align: left;
  }

#navigation {
	position:relative;
	top:0px;
	left:100px;
	width: 744px;
	padding:0px;
	height: auto;
  }
/* Links
----------------------------------------------- */
a:link {
  color:#005073;
  text-decoration:none;

  }
a:visited {
  color:#776;
  text-decoration:none;
  }
a:hover {
  color:#333;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
#main a:link, #main a.comment-link:visited {
  color:#008dcb;
  }
#main a:visited {
  color:#776;
  }
#main a:hover {
   color:#333;
  }


/* Header - logo
----------------------------------------------- */
#header {
  background: transparent;
  padding: 11px 0 5px 8px;
  margin:0 auto;
  color:#fff;
  width:713px;
  }


/* Description - reflection
----------------------------------------------- */
#description {
  background:transparent url("http://usability.businessol.com/images/header-bottom.gif") 0px 0px;
  margin:0;
  padding: 70px 0 0 0;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:0;
  padding: 0;
  font: 110%/1.4em Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  color:#aaa;
  display: block;
  }
.post {
  margin:0 0 2em;
  }
.post-title {
  margin:0;
  font: 250%/1.4em Helvetica,Arial,Verdana,Sans-serif;
  color:#666;
  }
  
#main h2{
  color:#666;
  font: 150%/1.6em Arial, Verdana,Sans-serif;
  margin: 0;
}

#main .post-title a {
  text-decoration:none;
  color:#008dcb;
  }
#main .post-title a:hover {
  color:#ea5818;
  }
.post p, .post-body{
  margin:0 0 1em;
  color:#333;
  font: 100%/1.9em Verdana, Arial, Sans-serif;
  }
.post-footer {
  color:#467;
  text-transform:lowercase;
  }
.post-footer em {
  font-style:normal;
  color:#689;
  }
.post blockquote {
  margin:1em 20px;
  padding:5px 0;
  border:2px solid #356;
  border-width:2px 0;
  }
.post blockquote p {
  margin:.5em 0;
  }
.post img {
  border:5px solid #fff;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:2em 0 0;
  border-top:2px solid #356;
  padding-top:1em;
  }
#comments h4 {
  margin:0 0 .25em;
  font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  color:#eaa218;
  }
#comments-block {
  margin:0;
  line-height:1.6em;
  }
.comment-poster {
  margin:0 0 .25em;
  font:bold 112%/1.4em Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  }
.comment-body, .comment-body p {
  margin:0 0 .75em;
  }
p.comment-timestamp {
  margin:-.25em 0 2em;
  }
#main .comment-timestamp a {
  color:#008dcb;
  }
#main .comment-timestamp a:hover {
  color:#ea5818;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar
----------------------------------------------- */
.sidebar-title {
  margin:1em 0 .25em;
  font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
  color:#fff;
  text-transform:lowercase;
  }
#sidebar ul {
  margin:0 0 1.5em;
  padding:0;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 20px;
  text-indent:-20px;
  line-height:1.4em;
  }
#sidebar p{
  margin:0 0 .75em;
  line-height: 1.35 !important;
  line-height:1.25em;
  color: #000;
  }

.mkg{
  font: 200%/1.5em Arial, Helvetica, sans-serif;
  color: #fff;
  padding: .3em .9em;  
}

.mkg-text{
   padding: 0 1.8em;
}

#sidebar h2{
   margin: 0;
}

h2.other-side{ 
  font: bold 130%/1.5em Arial, Helvetica, sans-serif;
  color: #000;
  text-transform: lowercase;
  padding: 0;  
}

.sidebottom{
	background: #a3e2fe url("http://usability.businessol.com/images/side-bottom.gif") bottom left no-repeat;
}
/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.75em;
  }
.profile-datablock, .profile-textblock {
  margin:0 0 .75em;
  line-height:1.4em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:5px solid #eed;
  }
.profile-data {
  font-weight:bold;
  }
.profile-data strong {
  display:none;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding: 0;
  height: 120px;
  width: auto;
  vertical-align: text-top;
  font-size: 85%;
  text-align: right;
  background: #fff url(http://usability.businessol.com/images/bg2.gif) bottom left repeat-x;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding:5px 0;
  }

/* Misc
----------------------------------------------- */
.clear {
  clear:both;
  display:block;
  height:1px;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:1px;
  }

.padding{
	padding-top: 2px;
}

li{margin-bottom: 1em;}