/* 
 * Put new styles in here for the Summer '08 redesign, keeping them separate from Jeromy's original CSS
 *
 */
  li.editable{ border: none; }

  /* Make sure long urls in comments get broken up. */
  p.rcomment { word-wrap: break-word; }

  #col3_content ol li p.rcomment { display:block;float:right; width:20%; padding-left:10px; margin-left:10px; border-left:1px dotted #ccc;border-bottom:none;font-size:0.95em;text-align:left;font-style:italic; }
  #col1_content ol { margin:5px 0 0 0; padding:0; }
  #col1_content ol li { margin:0 0 25px 0; padding:0; list-style-type:none; }
  #col1_content ol li h2, #col3_content ol h6, #col3_content ol p { color:#18181a; }
  #col1_content ol li h2{ line-height:120%; }
  #col1_content ol li h6{ line-height:120%; }
  #col1_content ol li h6 span{ font-weight:normal; }
  #col1_content ol li p{ font-size:12px; line-height:15px; border-bottom:1px dotted #E2DCA8; margin-bottom:5px; padding-bottom:5px; }
  #col1_content ol.no_border li p{ border-bottom:none; }
  #col1_content ol li.entity_results img { float:none; display:inline; }
  #col1_content ol li p.source { font-size:0.95em; margin-bottom:5px; border:none; background:#f5f5f4; padding: 4px 3px 2px 5px; position:relative; z-index:0; }
  /*#col1_content ol li p.source span { position:absolute; top:0; right:0; padding: 4px 3px 2px 5px; }*/
  #col1_content ol li p.source strong { text-transform:uppercase; }
  #col1_content ol li p.rcomment { display:block;float:right; width:20%; padding-left:10px; margin-left:10px; border-left:1px dotted #ccc;border-bottom:none;font-size:0.95em;text-align:left;font-style:italic;}
  #col1_content ol li p.rcomment strong { display:block;text-transform:uppercase;font-style:normal;}
  #col1_content ol li p.rcomment cite { display:block;font-weight:bold; }
  #col1_content ol li .also { font-size:0.95em; }
  #col1_content ol li .also ul { margin:5px 0 0 0; padding:0; width:95%; border-top:1px dotted #E2DCA8; }
  #col1_content ol li .also ul li { margin:0; padding:0; list-style-type:none; border-bottom:1px dotted #E2DCA8; }
  #col1_content ol li .also ul li a { padding:5px 0; display:block; }
  #col1_content ol li .also ul li.from { text-align:right; }
  #col1_content ol li .also ul li.from a { display:inline; font-weight:bold; }
  #col1_content ol li .also ul li a:hover { background:#f5f5f4; text-decoration:none; }


  #col3_content .popular { background:#f5f5f4; padding:5px 15px 5px 15px; margin:0 0 15px 0; border-top:2px solid #eee; }
  #col3_content ol { margin:7px 0 0 0; padding:0; }
  #col3_content ol li p.rcomment strong a.comment { background:url("../../img/m7front_end/comment.gif") 0 -1px no-repeat; padding-left: 15px; color: #18181A;}

/* I don't like important, but I can't think of a better way for this to work. */
  div.no_format p{ border-bottom:none !important; }
  div.no_format{ font-size:12px !important; line-height:15px !important;margin-bottom:5px !important; padding-bottom:5px !important; border-bottom:1px dotted #E2DCA8 !important;  }
  div.no_format li { margin: 0pt !important; margin-left: 20px !important;}
  div.no_format ul li { list-style-type: disc !important; }
  div.no_format ol li { list-style-type: decimal !important; }
  div.no_format ol { margin: 0pt 0pt 1em 1em !important; }

  #col3_content h6.pagination .current { margin-left:10px; font-weight: bold; }
  #col3_content ol li { margin:0 0 20px 0; padding:0; list-style-type:none; }
  span.current-page{ font-weight:bold!important; }  
  
  #col3_content h6.pagination span.current-page{ margin-left:10px;} 
  #col3_content ol.no_border li p{ border-bottom:none; }
p.tools a.comment { background:url("../../img/m7front_end/comment.gif") 0 -1px no-repeat; padding-left: 15px; }

  #col3_content .levels h5 span, .quotes h5 span { position:absolute;top:0; right:0; text-transform:none; font-weight:normal; font-size:0.95em;}
  #col3_content .levels div span a.edit { background:url("../../img/m7front_end/edit.gif") 0 0 no-repeat; padding-left: 15px; }
  #col3_content .levels div span a.delete { background:url("../../img/m7front_end/delete.gif") 0 -1px no-repeat; padding-left: 15px; }
  #col3_content .levels div span a.reply { background:url("../../img/m7front_end/reply.gif") 0 -1px no-repeat; padding-left: 15px; }
  #col3_content .levels div span a.perma { background:url("../../img/m7front_end/perma.gif") 0 0 no-repeat; padding-left: 15px; }
  #col3_content .levels div span a.recover { padding-left: 15px; }
  .quotes { margin-top:20px !important; }
  .quotes blockquote { line-height:1.5em; }
  .quotes blockquote span { display:block; font: bold 36px Georgia, Times, serif; }
  .quotes blockquote span.floatLeft {
  margin:15px 5px -45px 0;
  }
  .quotes blockquote span.floatRight {
  margin:-5px 0 -5px 5px;
  }
  
  a.inline_link  {
  margin-left:-5px;
  }

  .quotes cite { margin:-5px 15px -5px 0; display:block; text-align:right; font-weight:bold; font-style:normal; border-bottom:1px dotted #ccc; padding-bottom:15px; }
  .quotes h5 span { position:absolute;top:0; right:11px; text-transform:none; font-weight:bold; font-size:1em;}

#picture_gallery_widget div.picture img{
       	border: none;
	margin: 0px;
	padding: 0px;
	position: static;
}
#picture_gallery_widget div.picture { float:left; width:70px; height:70px; overflow:hidden; text-align:center; border:1px dotted #18181A; margin:3px 3px 0 0; }
#picture_gallery_widget div.picture a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
  }
#picture_gallery_widget div.picture a { padding: 0px; }
#picture_gallery_widget{ background: #f5f5f4;}

a.publisher { color:#18181A }

p.related a.comment{ 
  background:url("../../img/m7front_end/comment.gif") 0 -1px no-repeat; padding-left: 15px; 
}

li a.comment, li a.comment:hover{ 
  background:url("../../img/m7front_end/comment.gif") 0 5px no-repeat !important; 
  padding-left: 15px !important; 
}

a.inline_link{
 padding: 0px 5px 0px 5px !important;
 display: inline !important;
}

img.edit_button {
  border:1px solid #E2DCA8;
  display:inline;
  #margin:5px 5px 5px 0pt;
  padding:3px;
  position:relative;
  z-index:200;
}

img.quote_button {
  border:1px solid #E2DCA8;
  display:inline;
  #margin:5px 5px 5px 0pt;
  padding:3px;
  position:relative;
  z-index:200;
}

#col1_content h4, #col3_content h5 {
	position: static;
}
.quoteLeft { 
    position: relative;
    top: -15px;
} 

#id_signup { width:auto; }

span.explore {
  padding: 0; 
  position: relative; 
  float:right;
}


#col3_content ol li div.blog img.float_image{
  float: left;
}

#col3_content ol li div.blog img{
  float: none;
}

.quotes li.quotesLast { margin-bottom:0px !important; }
.tw_userpic { height:48px; width:48px; }

#send_settings
{
  text-align: center;
}

/**
 * Setting a min-height for the front_end admin controls, as text displacement
 * is a problem if the show-controls div isn't tall enough.
 */
#show-controls
{
  min-height: 70px;
}


/*** --------------- NEW STYLES --------------- ***/

/*
HTML should now be moved inside the #col3_content div, above the "Mentioned in..." line
*/
.paginator { margin-top:15px; }

/*
dashboard_portal_common.css -- line 1
*/
.subheader {
padding: 10px 0 0!important;
}