/*  
  Theme Name: Social-Explorer
  Theme URI: http://www.socialexplorer.com
  Description: A simple theme that's easy on the eyes.
  Version: 2.0 
*/

/* The content area, main page, not the sidebar! */ 
#content 
{ 
  font: small Verdana,Arial,"Trebuchet MS",Sans-serif;
  color:#333;
}


.postfooter
{ 
  padding: 5px 10px 2px 10px;  
  margin: 0;
  font-size: 0.9em;
  
  background-color: #EEE;
  border-top: 1px solid #D5D5D5; 
  border-bottom: 1px solid #D5D5D5; 
}

.blogPostFooterAuthor
{ 
  color: #333;
  font-size: 1.15em;
  font-weight: bold;
}

.blogPostHeaderAuthor
{ 
  color: #333;
  font-size: 0.8em;
  font-weight: normal;
}



.search-results
{
  padding: 0px 20px 20px 20px;
}



/* Makeup for the comments */
.comments
{
  margin: 10px;
  margin-top: 3em;
}


.comment
{ 
  color: #4F4F4F;
  font-size: 1em;
  margin: 10px 10px 0px 10px;
  padding: 5px 5px 15px 5px;
  background: #F7F7EB;
  border: 1px solid #CFCFCF;
  position: relative; 
}


.commentinfo {
 color: #1D638B;
 font-size: 0.9em;
 background: #E1EDF4;
 border: 1px solid #CFCFCF;
 position: relative;
 padding: 1px 1px 1px 5px;
 margin-bottom: 3px; 
}


.Leave-a-comment
{ 
  padding-top: 30px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  
  font-family: Trebuchet MS, Times;
  font-size: 1.5em;
  color: #333;
  
  border-bottom: 1px solid #ddd;
}
 

/* position the images */
img.left 
{ 
  float:left;
  margin:0 5px 0 0;
  border: 1px solid #AAAAAA; 
}

img.right 
{ 
  float:right;
  margin:0 0 0 12px;
  border: 1px solid #AAAAAA; 
}

img.center 
{ 
  display: block;
  margin:0 auto;
  border: 8px solid #AAAAAA; 
}


/* Some makeup for the Gravatars */ 
.gravatar 
{ 
  position: relative;
  float: right;
  margin: 0 0 2px 5px;
  padding: 0;
  clear: both;
  border: 1px solid #d9e9c9; 
}














/* Posts
----------------------------------------------- */
.date-header 
{ 
  margin: 0 30px 0 20px;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 2em;
  text-transform: uppercase;
  letter-spacing: .2em;
  color:#810;
}

.post
{ 
  margin: 5px 0 4.5em; /* to change space BETWEEN posts change bottom spacing here! */
  padding: 0 0px; /* change 2nd param to modify space for post-body dotted border left/right around post. Must also uncomment the border in post-body!*/
  
  font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
  
  border-bottom: 1px solid #aaa;
  
}

.post-body 
{ 
  /*border:1px dotted #bbb;
  border-width:0 1px 1px;
  border-bottom-color:#fff;*/
  padding: 20px 20px 0px 30px;
}

.post-title 
{ 
  font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
  font-size: 1.1em;
  line-height:1.5em;
  color:#333;
  
  background:url("/pub/blog/wp-content/themes/SocialExplorer/images/icon_arrow.gif") no-repeat 10px .5em;
  background-color: #f7f7f7; /*eef - lite purple, e8f5ff - lite blue*/
  margin: 0;  
  display: block;
  
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 2px 14px 2px 29px;
  
}

a.post-title
{ 
  color:#333;
}

a.post-title-link
{ 
  text-decoration:none;
  display:block;
  color:#333;
}

a.post-title-link:visited
{ 
  color:#555;
}

a.post-title-link:hover
{ 
  color:#b30;
}


.post p 
{ 
  margin:0 0 .75em 0px;
}

p.post-footer 
{ 
  background: #f1f1f1;  /* previous: #eee*/
  margin:0;
  margin-top: 25px;
  padding:2px 14px 2px 29px;
  font-size: 0.85em;
  line-height:1.5em;
  color:#666;
  text-align:right;
}

p.post-footer em 
{ 
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
}

a.comment-link
{ 
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("/pub/blog/wp-content/themes/SocialExplorer/images/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
}

a.comment-link 
{ 
  /* Respecified, for IE5/Mac's benefit */
  background:url("/pub/blog/wp-content/themes/SocialExplorer/images/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
}

.post img 
{ 
  margin:5px 15px 10px 0;
  padding:4px;
  border:1px solid #ccc;
}


.post blockquote p
{ 
  margin:.5em 0;
}


code
{ 
  color: #009007; 
  font-family: "Courier New", Courier, monospace; 
  font-style: italic; 
}