/* 
Theme Name: SpinVox_pdt_v4.1
Theme URI: http://www.spinvox.com
Description: The SpinVox theme updated Dec 2008
Version: 4.1
Author: Paul Thomas
	
*/

/* Layout specific styles for SpinVox
-----------------------------------------------------------------------------*/
#header { width:910px; height:60px; }
#header-logo { float:left; width: 217px; padding-top: 10px; }
#header-quote { padding-top: 22px; margin-left: 270px; }
#header-feed { float: left; margin-left: 28px; display: inline;
               width: 522px; height:60px; }
#centre-box-sv{ /* Container for the side-nav and blog content. */
  float:left;
  width:164px;
  margin-right:12px;
  position:normal;
}
#side-nav-sv{ /* Side nav containing archive links. */
  background:#ffffff;
  border-left:#a4a8ad solid 1px;
  border-right:#a4a8ad solid 1px;
  padding-left:8px;
  padding-right:8px;
  text-align:left
}
#blog-box-sv{ /* Main blog content including top and bottom corner images. */
  width:734px;
  float:right;
}
#content-box-sv{ /* The bit between the corner images. */
  background:#ffffff;
  border-left:#a4a8ad solid 1px;
  border-right:#a4a8ad solid 1px;
  padding-left:12px;
  padding-right:12px;
}
#searchform{ /* Search form in left nav. */
  display:block;
  width:120px
}
#s{ /* The search query text entry field. */
  width:140px;
  margin-top:6px;
  margin-bottom:6px;
}
.blog-post{ /* Add some space between posts. */
  padding-top:20px;
  padding-bottom:40px;
  border-bottom:#dddddd solid 1px;
}
h1{
  font-size:20px;
  font-weight:bold;
  padding-bottom:25px;
}
.alignleft{
  text-align:left;
}
.comments{
  background:#ddddaa;
  width:678px;
  margin:0px;
  margin-bottom:15px;
  padding:15px;
  text-align:left;
}
#commentform{
  text-align:left;
  margin:0px;
}
#side-nav-pdt ul
{
  padding-top:11px;
  display:block;
} 
#side-nav-pdt ul li a 
{ 
  color:#707070;
  display: block;
  padding:1px 0px 2px 25px;
  background:#ced0d2 url(images/side-nav-arrow.gif) 8px 2px no-repeat;
} 
#side-nav-pdt ul li a:hover,
#side-nav-pdt ul li.active a,
#side-nav-pdt ul li.active a:hover
{
  color: #FFF;
  background:#b32424 url(images/side-nav-arrow.gif) 8px -28px no-repeat;
}		
#spinvox-for-you a { background: url(images/nav/top-nav.gif) 0px 3px no-repeat; }
#how-it-works a { background: url(images/nav/top-nav.gif) -142px 3px no-repeat;}
#spinvox-blog a { background: url(images/nav/top-nav.gif) -259px 3px no-repeat;}
#spinvox-stories a { background: url(images/nav/top-nav.gif) -378px 3px no-repeat;}
#get-sv a { background: url(images/nav/top-nav.gif) -498px 3px no-repeat;}
.entry { text-align:left }
.commentalign { text-align:right; padding-right:10px; padding-bottom:8px;  }
input { background:#eeeeee; }
textarea { background:#eeeeee; }

/* Styles from SpinVox.com */
/*
#footer ul li.lifirst{
  margin: 0px 5px;
  display: inline;
  float: left;
}
.roll-replace {
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent: -9000px;
}
.roll-replace a {
  display: block;
  width: 100%;
  height: 100%;
}
*/
#bottom, #footer {
  width: 100%;
  color: #b3b4b5;
}
#bottom {
  position: relative;
  height: 30px;
  margin-top: 60px;
}
#bottom ul {
  float: left;
  width: 120px;
  margin-right: 10px;
}
#bottom ul.ulbig {
  float: left;
  width: 145px;
  margin-right: 10px;
}
#bottom ul.ulfirst {
  float: left;
  width: 130px;
  margin-left: 5px;
  margin-right: 10px;
}
#bottom ul.ullast {
  float: right;
  width: 120px;
  margin-right: 5px;
}
#bottom ul li, #footer ul li {
  list-style-type: none;
  list-style-position: outside;
}
#bottom a {
  color: #b3b4b5;
}
#bottom ul li h6 {
  font-size: 0.968em;
  line-height: 1.167em;
  font-weight: normal;
  padding-bottom: 10px;
  min-height: 30px;
  height: auto !important;
  height: 30px;
}

#footer {
  height: 20px;
  clear: both;
  margin-top: 0px;
}
#footer ul li {
  margin: 0px 33px;
  display: inline;
  float: left;
}
#footer ul li.lifirst {
  margin: 0px 5px;
  display: inline;
  float: left;
}
#footer ul li a {
  font-size: 1.167em;
  line-height: 1.167;
  color: #000;
}
#footer a:hover, #bottom a:hover {
  color: #ff9600;
}
#footer-background{
  float:left;
  background:#3a3d44;
}
#wrapper {
  background:transparent url(images/bg-header-big.gif) repeat-x bottom;
  text-align: center;
}