/*  
Theme Name: Search Done Right
Theme URI: http://searchdoneright.com
Description: The "Search Done Right Theme," based on the <a href="http://vivisimo.com">Vivísimo enterprise site</a> design.
Version: 1.0
Author: Vivisimo, Inc.
*/

/****} XHTML Tags {****************************************/

body {
  background: #44759D url("images/bg.gif");
  font: 13px Helvetica, Arial, sans serif;
}

a {
  color: #265787;
}

a:hover {
  color: #c00;
}

a:visited {
  color: #444;
}

dt {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

ul {
  list-style-image: url("images/bullet.gif");
  margin-left: 6px;
  padding-left: 6px;
}

li {
  margin-bottom: 0.5em;
}

a img {
  border: 0px;
}

h1, h2, h3, h4, h5, h6 {
  text-align: left;
  line-height: 133%;
}

/****} Structure {*****************************************/

div#page {
  width: 780px;
  background: white;
  margin: auto;
  clear: both;
  padding: 10px;
}

div#content {
  text-align: justify;
  line-height: 125%;
  padding-top: 1em;
}

div.narrowcolumn {
  width: 560px;
  float: left;
}

div.widecolumn {
  width: 740px;
}

div#sidebar {
  width: 180px;
  float: right;
  background: #f4f4f4;
  padding: 10px;
}

div#footer {
  clear: both;
}

/****} Header {********************************************/

div#header {
  width: 800px;
  margin:auto;
  background: transparent url("images/byvivi.gif") no-repeat top right;
}

div#header h1 {
  display: block;
  float: left;
  background: url("images/searchdoneright.gif");
  width: 553px;
  height: 119px;
  padding: 0px;
  margin: 0px;
}

div#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  text-decoration: none;
}

div#header a#byvivi {
  display: block;
  float: right;
  width: 247px;
  height: 119px;
  background: url("images/byvivi.gif");
  text-indent: -9999px;
  text-decoration: none;
}

ul#graybar {
  clear: both;
  list-style-type: none;
  margin: auto;
  margin-bottom: 0px;
  display: block;
  width: 800px;
  padding: 0px;
  background: #d1d1d1 url("images/graybar.gif") repeat-x top left;
  text-align: right;
}

ul#graybar li {
  float: left;
  display: block;
  margin-left: 10px;
  margin-top: 4px;
  margin-bottom: 0px;
  background: white;
  padding: 5px;
}

html>body ul#graybar li {
  padding: 4px;
  padding-bottom: 3px;
}

ul#graybar li a {
  text-decoration: none;
  color: #888;
  font-weight: bold;
}

ul#graybar li a:hover {
  color: #800;
}

ul#graybar li.search {
  float: none;
  display: inline;
  margin: 0px;
  background: transparent;
  padding: 0px;
}

form#searchForm {
  margin: 0px;
  padding: 4px;
}

form#searchForm input {
  font-size: 10px;
}

/****} Posts {*********************************************/

div.post {
  padding-bottom: 1em;
}

img.author {
  float: right;
  margin: 1em;
}

div.post h2 {
  background: url("images/title-pointer.gif") no-repeat top left;
  padding-left: 25px;
  margin-bottom: 5px;
  font-size: 20px;
  color: #c00;
  clear: left;
}

div.post h2 a,
div.post h2 a:hover,
div.post h2 a:visited {
  text-decoration: none;
  color: #c00;
}

div.post small,
div.post p.postmetadata {
  color: #888;
}

div.post p.postmetadata span.comments {
  background: url("images/comments.gif") no-repeat top left;
  padding-left: 20px;
}

div.post div.entry,
div.afterpost {
  padding-left: 25px;
}

h3.afterpost {
  color: #c00;
  font-size: 16px;
  border-bottom: 1px solid #c00;
}

ul#taglist li a {
  margin-left: 0.5em;
}

small.hover {
  display: none;
  visibility: hidden;
  font-style: italic;
  padding-left: 1em;
}

a:hover small.hover {
  display: block;
  visibility: visible;
}

ul.linkback {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  margin-top: 0.5em;
  margin-bottom: 2em;
  margin-left: 25px;
}

ul.linkback li {
  display: inline;
  margin-right: 5px;
}

ul.linkback a,
ul.linkback a:hover {
  text-decoration: none;
}

ul.linkback a:hover small.hover {
  font-style: normal;
  color: black;
  float: right;
  padding-left: 0px;
}

div.navigation {
  margin-bottom: 3em;
}

div.navigation div {
  width: 50%;
}

div.navigation div.alignleft {
  float: left;
  text-align: left;
}

div.navigation div.alignright {
  float: right;
  text-align: right;
}

small.commentmetadata {
  float: right;
  color: #888;
}

ol.commentlist li {
  padding: 1em;
}

ol.commentlist li.alt {
  background: #f5f5f5;
}

img.thumb {
  width: 33%;
  margin: 1em;
}

img.right {
  float: right;
}

img.left {
  float: left;
}

div.image-left,
div.image-right,
div.image-center {
  border: 1px solid #ccc;
  margin: 1em;
  padding: 2px;
  color: #888;
}

div.image-left img,
div.image-right img,
div.image-center img {
  width: 100%;
  margin: 0px;
  border: 0px;
}

div.image-left small,
div.image-right small,
div.image-center small {
  display: block;
  margin: auto;
  text-align: center;
}

div.image-left,
div.image-right {
  width: 33%;
}

div.image-left {
  float: left;
}

div.image-right {
  float: right;
}

/****} Sidebar {*******************************************/

div#sidebar>ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}

div#sidebar ul ul {
  margin-top: 5px;
  margin-bottom: 10px;
}

div#sidebar h2 {
  margin-top: 2em;
  font-size: 16px;
  margin-bottom: 0.5em;
}

span.sidebar-navigation-link {
  font-weight: bold;
  text-decoration: underline;
  color: #265787;
  cursor: pointer;
}

/****} Search {********************************************/

ol.documents li {
  clear: both;
}

/****} Footer {********************************************/

div#footer {
  width: 800px;
  margin: auto;
  color: white;
}

div#footer a,
div#footer a:visited,
div#footer a:hover {
  color: white;
}

div#footer span {
  margin: 10px;
  padding-bottom: 30px;
}

div#footer span.wordpress {
  display: block;
  float: left;
}

div#footer span.rss {
  display: block;
  float: right;
}

a.rss {
  font-weight: bold;
  background: url("images/rss.gif") no-repeat top left;
  padding-left: 16px;
  color: black;
}

/*** CUSTOM CSS ***/
.clearfix:after {
  content: ".";
  display: block;
  position: relative;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
/*///
.clearfix {display:inline-table;}
/**/
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */