/*
Theme Name: PlayPennies
Theme URI: http://playpennies.com
Description: The theme for playpennies.com
Version: 1.0
Author: Tim Beck
Author URI: http://whalespine.org

         PlayPennies
         http://playpennies.com

	This theme was designed by Tipping Canoe and built by Tim Beck.
*/


html {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h1 a, h2 a, h3 a {
  margin: 0px;
  padding: 0px;
}

body {
    font-size: 13px;
    line-height: 20px;
    font-family: Arial;
    background: #d0e6de url('images/footer_bg.png') no-repeat bottom center;
    padding: 0px;
    margin: 0px;
}

h2 {
    font-size: 16px;
}

a {
    color: #1b75bb;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

#backgroundDiv {
    background:url('images/body_bg.png') no-repeat top center;
}

#pageWrapper {
    width: 900px;
    margin: 0px auto;
}

#page {
    background-color: white;
    width: 874px;
    margin: 0px 10px;
    border: 3px solid #e0efe9;
    border-top: none;
    text-align: justify;    
}

#header {
    height: 140px;
    background: #FFF;
    padding: 0px 20px;
}

#headerImg {
    background:   url('images/header_bg.png') no-repeat;
    height: 31px;
    margin: 0px auto;
    width: 900px;
}

#headerLinks {
    text-align: center;
    font-size: 12px;
    width: 260px;
}

#headerLinks table {
    width: 100%;
}

#footer {
    height: 100px;
    padding-top: 15px;
    width: 880px;
    margin: 0px auto;
}

#footer h3 {
    display: inline;
    color: #68726e;
}


.pagetitle {
    margin-bottom: 10px;
    text-align: center;    
}

#searchDiv {
    margin-top: 5px;
    margin-left: 5px;
    border: 2px solid #b1d6c8;
    height: 30px;
    width: 255px;
    background-color:  #b1d6c8;    
}

#searchDiv input {
    background-color: #eff7f4;    
    font-size: 14px;
    border: none;
    height: 23px;
    padding-top: 6px;
    padding-left: 10px;    
    width: 199px;
    float: left;
}

#searchButton {
    background-color:  #b1d6c8;
    float: left;
    border: none;
    margin-left: 3px;
    padding-top: 1px;
    cursor: pointer;
}

img#logo {
    margin-left: 20px;
    border: none;
}

#content {
    width: 540px;
}

#sidebar {
    width: 260px;
    color: #68726e;
    line-height: 18px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#sidebar li {
  margin-bottom: 20px;
  margin-left: 20px;
}

ul.authorList {
    margin: 0;
    padding: 0;
    margin-top: 3px;    
    list-style: none;
}


ul#sidebar ul.authorList li {
    margin-bottom: 3px;
    margin-left: 0px;
}

#sidebar ul.archiveList, #sidebar ul.commentList {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: 3px;
    text-align: left;
}

ul#sidebar ul.archiveList li {
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
}

ul#sidebar ul.commentList li {
    margin-bottom: 2px;
    margin-left: 0;
}

#menu {
   margin-top: 10px;
}

.navigation {
    width: 470px;
    display: block;
    text-align: center;
    margin: 10px 0px 40px 100px;
    font-size: 13px;    
}

.commentNavigation {
    margin-left: 0px;
    margin-bottom: 50px;
}

.navigation div.alignleft {
    margin-left: 10px;
}

.navigation div.alignright {
    margin-right: 10px;
}

.navigation div a {
    border: 1px solid #95C3FF;
    background-color: #5577BD;    
    color: #FFF;
    padding: 5px 5px;    
}

.post {
    color: #2d2d2d;
    margin-top: 5px;
    padding-bottom: 15px;
    width: 470px;
}

.postByLine {
    font-size: 12px;
}

.entry img {
    padding: 3px;
}

.entry img.alignright {
    padding-left: 15px;
}

.entry img.alignleft {
    padding-right: 15px;
}

.entry ul {
    margin: 0px;
    padding-left: 2px;
    list-style-position: inside;
}

#commentsDiv {
    margin-top: 50px;
    margin-left: 100px;
    
}

#commentForm {
    margin-top: 10px;
}

.commentLabel {
    font-size: 16px;
    color: #292929;
    font-weight: bold;
}

#submitComment {
    background-color: #68716c;
    padding: 2px 5px;
    color: #F4F9F5;
    font-size: 14px;
}

.commentLabelWrapper {
    margin-top: 20px;
}

.avatar, .commentMeta {
    float: left;
}

.avatar {
    width: 34px;
    height: 34px;
}

.commentName, .commentName a {
    font-size: 16px;
    color: #68726e;
}


.commentMeta {
    padding-left: 15px;
    padding-top: 3px;
    line-height: 16px;
}

.commentTime a {
    font-size: 12px;
    color: #AACCBF;
}

.commentText {
    clear: both;
    padding-top: 5px;
}


#commentsDiv h3 {
    color: #68726e;
    font-size: 18px    
}

#commentsTitle {
    margin-bottom: 15px;
}

ul.commentList {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

.postComment {
    margin-bottom: 10px;
}

.postDate {
    text-align: center;
    width: 56px;
    height: 67px;
    padding-top: 15px;
    margin: 0px 20px;
    background: url('images/calendar.png') no-repeat;
    color: #68726e;
    font-weight: bold;
}

.postMonth {
    font-size: 17px;
}

.postDay {
    padding-top: 2px;
    font-size: 27px;
}

.postWrapper {
    margin-bottom: 10px;
}

.postTitle {
    font-size: 26px;
    margin-bottom: 5px;
    line-height: 26px;
    text-align:left;
}

.postTitle a {    
    color: #000;
    text-decoration: none;
}

.postTitle a:hover {
    color: #68726e;
    text-decoration: underline;
}.


/* Social Share Style */

.metadata{
    clear: both;
    padding:106px 0;
    text-align: left;
    line-height: 20px;
}

.metadata .social{
text-align: right;
float: right;
position: relative;
width: 80px;
height: 36px;
letter-spacing: 0em;
margin-right: 10px;
}

.metadata .social div{
position: absolute;
background-color: #fff;
right: 0;
top: 6px;
line-height: 20px;
width: 60px;
z-index: 2;
border: 1px solid #95C3FF;
text-align: center;
}

.metadata .social div .share{
width: 55px;
display: block;
position: absolute;
padding: 2px 0 2px 5px;
border: 1px solid #95C3FF;
color: #fff;
z-index: 3;
overflow: hidden;
text-align: left;
font-weight: bold;
background: #5577BD url(images/plus.gif) no-repeat 45px center;
top: -1px;
left: -1px;
}

.metadata .social div a.share:hover{
text-decoration: none;	
}

.metadata .social div div{
position: static;
padding: 0;
margin: 0;
border-width: 0;
padding-top: 2.4em;
display: none;
}


.metadata .social div div img{
padding: 2px;
}

.metadata .social div div a img.hover { 
display: none;
}

.metadata .social div div a img.normal{
display: inline; 
}

.metadata .social div div a:hover .hover {
display: inline;
}

.metadata .social div div a:hover .normal {
display: none;
}

.metadata .social div div a:hover { 
zoom: 1; 
}


.headerTable {
  border-width: 0px;
  border-spacing: 0px;
  border-style: none;
}

.headerTable td {
  border-width: 0px;
  padding: 0px;
  border-style: none;
}


.tcwidgetBody {
}