/*
Theme Name: Flowlead Blog
Theme URI: http://blog.flowlead.com
Description: This is the theme for the FlowLead Blog.
Version: 1.0
Author: J.J. Kaye
Author URI: http://www.useallfive.com/
Tags: two columns
*/

html { background-color: #bfd6ff; }

body { background: #bfd6ff url(images/blog/bg.png) repeat-x top left; }

#blog .post { margin-left: 30px; margin-right: 30px; }

#blog .post p, #blog .post h2, #blog .post .post-date { margin-left: 125px;}

#blog .post ul, #blog .post ol { margin-left: 165px; padding-bottom: 2em; }

#blog .post span.post-date { margin-left: 0px; float: left; }

.post p { padding-bottom: 2em;}

.post p.posted-by { padding-bottom: 1em; }

#hd { padding-top: 30px; padding-bottom: 25px;}

#bd { padding: 25px 0px; border-top: 1px solid #bfd6ff; background: white; }

#yui-main { padding-top: 25px;}

.post h2 { padding-bottom: 10px;}

#sidebar { margin-right: 30px;}

#description { 

  -moz-border-radius : .6em;
  -webkit-border-radius : .6em;
  border-radius: .6em;
  
}

#sidebar .links { padding-bottom: 60px;}

#sidebar h2 { margin-bottom: .8em;}

#sidebar #help li { margin-bottom: .5em;}

#description p { padding: 14px 15px; }

#bd h3#comments, #bd #respond { margin-left: 155px; }

#bd .commentlist { padding-top: 2.5em;}

#bd .commentlist { margin-left: 90px; }

 #bd .commentlist .comment { position: relative; padding-bottom: 3em;}

 #bd .commentlist p { margin-left: 65px; line-height: 1.5em; }
 
   #bd .commentlist .vcard { margin-left: 65px; margin-top: .25em; color: #999; }
   
   #bd .commentlist .vcard a { color: #999;  }
 
   #bd .commentlist .vcard img { float: left; position: absolute; top: 0px; left: 0px; border: 3px solid #bfd6ff;}
   
   #bd .commentlist .vcard cite.fn, #bd .commentlist .vcard .commentmetadata { font-size: 85%; }

input#author, input#email, input#url { 
  padding: .5em; width: 300px; border: 1px solid #ccc; font-size: 116%;
  margin-bottom: 1em;
}

textarea#comment { border: 1px solid #ccc; margin-bottom: 1em; }

#bd h3#comments, #bd #respond h3 { border-bottom: 1px solid #e5e5e5; padding-bottom: .3em; }

#bd #respond h3 { margin-bottom: 2em; }

#bd #respond label { margin-left: 10px; }

#sidebar #search { margin-bottom: 4em; }

#sidebar #search label { display: none; }

#sidebar #search div { 

  border: 2px solid #c3c1c1; font-weight: bold;
  -moz-border-radius : .6em;
  -webkit-border-radius : .6em;
  border-radius: .6em;
  padding: .3em .6em;

}

#sidebar #search #s { border: none; font-weight: bold; width: 100%; padding: .4em 0; background: transparent url(images/blog/search.png) no-repeat 5px center; }

  #sidebar #search #s:focus { outline: none; }

#sidebar #search #searchsubmit { display: none; }

#sidebar #twitter, #sidebar #help { margin-bottom: 4em; }

#sidebar #twitter span.twitter-timestamp { display: block; padding-top: .5em; color: #999; font-size: 93%; }


/* Colors */

a, #bd h2, .post a:hover { color: #812b7e; text-decoration: none; }

a:hover { text-decoration: underline; }

.post-date { color: #999; text-transform: uppercase; }

.post p { color: #333; }

.post p.postmetadata.alt { font-size: 93%; }

p.posted-by { color: #999; }

p.posted-by a { color: #999; text-decoration: underline;}

p.posted-by a:hover { text-decoration: none; }

h2 a { border-bottom: 1px solid #e5e5e5; padding-bottom: .2em; }

h2 a:hover { border-color: #812b7e; }

#sidebar div p { color: #333; padding-bottom: 1em;}

#description { background-color: #ffe0fe; }

/* Fonts */

p strong, p b { font-weight: bold;}

#bd .post-date, #bd h2 { font-size: 153.9%; font-weight: bold; letter-spacing: -.05em; }

#bd h2.pagetitle { margin-left: 155px; padding-bottom: 1.5em; color: #18008b; }

#bd .post p, #bd .post li { font-size: 116%; line-height: 1.5em; }

#bd p.posted-by { font-size: 93%; }

#logo { 

  height: 26px; width: 163px; background: transparent url(images/sales/logo-flowlead.png) no-repeat 0px 0px;
  height: 0px !important;
  height /**/:26px;
  padding-top: 26px; 
  overflow: hidden;
  display: inline; float: left;

}

#hd h1, #hd h2 { padding: 7px 0px 0px 20px; color: red; display: inline; float: left; color: #18008b;}

#sidebar div p { line-height: 1.35em; }

#description {  margin-bottom: 15px;}

a#subscribe { 

  height: 31px; width: 172px; background: transparent url(images/blog/subscribe.png) no-repeat 0px 0px;
  display: block; font-size: 116%; font-weight: bold; color: #c59f08; padding: 13px 0px 0px 43px;
  margin-bottom: 15px;
}

a#subscribe:hover { text-decoration: underline; }

#sidebar h2 { font-size: 116%; font-weight: bold; color: #333; border-bottom: 1px solid #e5e5e5; padding-bottom: .3em;  }

.post ul li { list-style: disc; } .post ol li { list-style-type: decimal; } .post li { padding-left: 10px; }

#bd h3 { font-size: 116%; font-weight: bold; color: #333; }

#bd #respond #submit { 

  height: 32px; width: 131px; background: transparent url(images/blog/button-post.png) no-repeat 0px 0px;
  height: 0px !important;
  height /**/:32px;
  padding-top: 32px; 
  overflow: hidden;
  border: none; cursor: pointer;

}

#bd #respond #submit:hover { 
  background-position: 0px -32px;
}

#ft #ft-logo {

  height: 17px; width: 99px; background: transparent url(images/sales/ft-logo-blue.png) no-repeat 0px 0px;
  height: 0px !important;
  height /**/:17px;
  padding-top: 17px; 
  overflow: hidden;
  display: inline; float: left;
  margin-top: 19px;

}

#ft p { color: #18008b; float: left; margin: 22px 0px 0px 15px; }

/* Navigation */

#navigation, #navigation li, #navigation li a, #navigation li span { display: inline; float: left; }

#navigation { margin: 0px 4px 0px 40px; float: right; padding-top: 5px;}

#navigation li { margin-left: 15px; }

#navigation li a, #navigation li span { 

  background: transparent url(images/sales/navigation.png) no-repeat; 
  overflow: hidden; height: 28px; height: 0px !important; height /**/:28px; padding-top: 28px;
}

#navigation li.home a { width: 69px; background-position: 0px 8px; }

#navigation li.get a { width: 128px; background-position: -86px 8px; }

#navigation li.blog a { width: 63px; background-position: -229px 8px; }

#navigation li.home a:hover, #navigation li.home span { width: 69px; background-position: 0px -23px; }

#navigation li.get a:hover, #navigation li.get span { width: 128px; background-position: -86px -23px; }

#navigation li.blog a:hover, #navigation li.blog span { width: 63px; background-position: -229px -23px; }