/*  
  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;
  
  background: #FCFCFC; 
  color: #A2A2A2; 
  border-top: 1px solid #D5D5D5; 
  border-bottom: 1px solid #D5D5D5; 
}



.search-results
{
  padding: 0px 20px 20px 20px;
}


.pageSeparator
{ 
  border-bottom: 2px solid #bbb;
  margin-bottom: 1.5em;
}


.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;
}
 

img.left 
{ 
  float:left;
  margin:0 5px 0 0;
  border: 1px solid #AAA; 
}

img.right 
{ 
  float:right;
  margin:0 0 0 12px;
  border: 1px solid #AAA;
}

img.center 
{ 
  display: block;
  margin:0 auto;
  border: 8px solid #AAA; 
}


/* Some makeup for the Gravatars */ 
.gravatar 
{ 
  position: relative;
  float: right;
  margin: 0 0 2px 5px;
  padding: 0;
  clear: both;
  border: 1px solid #d9e9c9; 
}








/* Pages
/*----------------------------------------------- */
.page-title
{ 
  /*font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
  font-size: 1.1em;*/
  line-height:1.5em;
  color:#334d55; /*was #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;
  
}




/* Posts
----------------------------------------------- */

.post-body h1
{	
	font: bold 120% Arial, sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px;
}

.post-body h2
{ 
  font: normal 1.4em Georgia, Times New Roman, Arial, sans-serif;
/*  color: #2c434a;*/
  color: 000;
  
  border-bottom: 1px solid #888; /*#b80000   #888;  #e58d00  #e18400; */
  margin-top: 3em;
/*  padding-top: 1em;
  padding-bottom: 5px;*/
  
}

.post-body h3
{	
	font: bold 100% Arial, sans-serif;
	color: #444;
	margin-top: 3em;
	padding: 0px;
	font-size: 1.1em;
}

.post-body h4
{	
	font: bold 100% Arial, sans-serif;
	color: #333;
	margin-top: 2.2em;
	margin-bottom: 0em;
	padding: 0px;
	font-size: 1.1em;
}


.post-body h5
{	
  font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0em;
	padding: 0px;
	font-size: 1em;
}



.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: Verdana,Arial,"Trebuchet MS",Sans-serif;
  font-size: 1.1em;
  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;
}


p.post
{ 
  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:0 0 5px 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; 
}






