#LSResult {
    position: absolute;
    margin-left: 4px;
    margin-top: 4px;
       background-color: #fff7e8;
}

#LSShadow {
    position: relative;
    bottom: 1px;
    right: 1px;
    color: inherit;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

#LSHighlight {
    background-color: #bdd2ec;
    color: black;
}

.serendipity_livesearch_row {
  margin: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  text-indent: -1em;
  line-height: 1.4em;
}

.serendipity_livesearch_result {
    position: relative;
    bottom: 2px;
    border: 1px solid black;
    right: 2px;
    padding: 2px;
}
.serendipity_karmaVoting {
    text-align: center;
    font-size: 7pt;
    margin: 0px;
}

.serendipity_karmaVoting a {
    font-size: 7pt;
    text-decoration: none;
}

.serendipity_karmaVoting a:hover {
    color: green;
}

.serendipity_karmaError {
    color: #FF8000;
}
.serendipity_karmaSuccess {
    color: green;
}
.serendipity_karmaVoting_links,
.serendipity_karmaVoting_links a:hover,
.serendipity_karmaVoting_current-rating {
    background: url(http://www.thecockrells.com/blog/plugins/serendipity_event_karma/img/stars-def-yellow-green-md.png) left;
    font-size: 0;
}
.serendipity_karmaVoting_links {
    position: relative;
    width: 100px;
    height: 20px;
    overflow: hidden;
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    background-position: left top;     
    text-align: center;
}
.serendipity_karmaVoting_links li {
   display: inline; 
}
.serendipity_karmaVoting_links a ,
.serendipity_karmaVoting_current-rating {
    position:absolute;
    top: 0px;
    left: 0px;
    text-indent: -9000em;
    height: 20px;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    border: none;
}
.serendipity_karmaVoting_links a:hover {
    background-position: left bottom;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link1 {
    width: 20%;
    z-index: 6;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link2 {
    width: 40%;
    z-index: 5;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link3 {
    width: 60%;
    z-index: 4;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link4 {
    width: 80%;
    z-index: 3;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link5 {
  width: 100%;
    z-index: 2;
}
.serendipity_karmaVoting_links .serendipity_karmaVoting_current-rating {
    z-index: 1;
    background-position: left center;
}

Warning: file_get_contents(serendipity_event_usergallery.css): failed to open stream: No such file or directory in /hsphere/local/home/dcockrel/thecockrells.com/blog/plugins/oldserendipity_event_usergallery/serendipity_event_usergallery.php on line 322
/* templates/costa-nature_theme/style.css  */
h4,h3 { 
	margin: 0;
}

/* Describe: used in entry/sidebar titles */

input, textarea {                                    
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
}  

/* Describe: the input boxes used in forms */

th, td {
	font-size: 9pt;
}

/* Describe: all table headers and rows */

p, td, th, div, span {
	font-family: Arial, Helvetica, sans-serif;
}

/* Describe: the font type used in theme */

a:link, a:visited, a:active {    
	color: #9B1414;
	text-decoration: none;
}  

/* Describe: all links are blue and underlined */

a:hover {                    
	color: #666666;
	text-decoration: underline;
}

/* Describe: change link color to black when hovered over */

.serendipity_center {  
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Describe: used when s9y needs to center something, the margin
   'auto' is used with block level elements (such as div's) to set
   the width of the block. In this case we are centering the block
   relative to its parent block. The text-align: center then also
   aligns the text to center of the block. Alternatives to this could
   include 'margin-left:0; text-align:center;' which would place
   the block at the left side of its containing block, yet still
   center the text. */

.serendipity_msg_important { 
	color: red;
} 

/* Describe: warning messages from s9y */

.serendipity_msg_notice {    
	color: green;
}

/* Describe: messages letting you know something has happened eg comment saved */

/* Structural Styles */

body {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

/* Describe: preset styles for entire blog unless overruled elsewhere, page footer is here as well */

#serendipity_banner {
	margin-left: 10px;
	margin-right: 10px;
}

/* Describe: container for banner */

#mainpane {
	width: 100%;
	background-image: url(templates/costa-nature_theme/img/main-gradient.png);
}

/* Describe: container for content and sidebar */

#content {
	padding-left: 10px;
	padding-right: 5px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

/* Describe: container for entries column */

#serendipityRightSideBar {
	width: 170px;
	padding: 10px;
	vertical-align: top;
}

/* Describe: container for right sidebar */

#serendipityLeftSideBar {
	width: 170px;
	padding: 10px;
	vertical-align: top;
}

/* Describe: container for left sidebar */

/* Header/Banner Styles */

a.homelink1, 
a.homelink1:hover, 
a.homelink1:link, 
a.homelink1:visited, 
#serendipity_banner h1 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 20pt;
	margin: 0px;
	text-decoration: none;
}

/* Describe: the big link in the banner, blog name/entry title */

a.homelink2, 
a.homelink2:hover, 
a.homelink2:link, 
a.homelink2:visited, 
#serendipity_banner h2 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	margin-top: 0px;
	margin-bottom: 5px;
	text-decoration: none;
}

/* Describe: the smaller link in the banner, blog description */

/* Entry Styles */

.serendipity_entry_date {
}

/* Describe: container for entry title and date */

.serendipity_date {
	font-size: 14pt;
	padding-top: 25px;
	padding-bottom: 5px;
	color: #666666;
	text-align: right;
}

/* Describe: style for the actual date below entry title */

.serendipity_title {
	font-size: 12pt;
	padding-top: 20px;
	padding-bottom: 10px;
}

/* Describe: entry title */

.serendipity_title a:link, .serendipity_title a:visited {
	color: #663333;
}

/* Describe: entry title link, regular color is black */

.serendipity_title a:hover {
	color: #666666;
	text-decoration: none;	
}

/* Describe: entry title link when hovered over, changes to red */

.serendipity_entry {
	font-size: 10pt;
	clear: both;
	overflow: auto;
	display: block;
	width: 100%;
}

/* Describe: container for the entry/post */

.serendipity_entry p {
	margin-bottom: 10px;
	line-height: 120%;
}

/* Describe: additional styles used for entry text */

.serendipity_entry_body_folded, 
.serendipity_entry_body_unfolded, 
.serendipity_entry_extended {
	clear: both;
	overflow: auto;
	display: block;
	width: 100%;
}

/* Describe: not used in default theme, but can be used to apply additional styles for full entry */

.serendipity_entryFooter {
	font-size: 8pt;
	padding-top: 10px;
	padding-bottom: 3px;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color: #666666;
	clear: both;
}

/* Describe: the small text at the end of each entry 'Posted by etc' */

img.serendipity_entryIcon {
	float: right;
	border: 0px;
	padding: 5px;
	clear: both;
}

/* Describe: styles for category icon if used */

.serendipity_entry_author_self {
}

/* Describe: not used, but allows additional style to show authors posts if they've logged in */

/* Comment Styles */

.serendipity_comments {
	width: 420px
}

/* Describe: container for all comments, not styled separately in default theme */

.serendipity_commentsTitle {
	font-size: 9pt;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* Describe: comments, trackbacks and commentform titles */

.serendipity_comment {
	clear: both;
	margin-bottom: 20px;
	border: 1px solid #999999;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #F0F0F0;
}

/* Describe: container for individual comments */

.serendipity_comment_source {
	font-size: 8pt;
	color: #666666;
	margin-top: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-top: 1px solid #999999;
	clear: both;
}

/* Describe: style for comment author, date commented etc */

.serendipity_comment_author_self /*.serendipity_comment_source*/ {
     background-color: #FAF5F5;
}

/* Describe: style for comment author if logged in */

/* Comment Form */

.serendipity_commentForm {
	font-size: 8pt;
	color: #999999;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
}

/* Describe: container style for entire comment form */

td.serendipity_commentsLabel {
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
}

/* Describe: style for name, email etc fields in comments form */

td.serendipity_commentsValue input, 
td.serendipity_commentsValue select, 
td.serendipity_commentsValue textarea {
	font-family: "Courier New", Courier, monospace;
	font-size: 8pt;
	padding: 2px;
	width: 340px;
}

/* Describe: styles for input boxes in comments form */

/* Sidebar Styles */

div.serendipitySideBarItem {
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 8pt;
}

/* Describe: container style for individual sidebar blocks */

.serendipitySideBarTitle {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	font-style: oblique;
	padding-bottom: 5px;
}

/* Describe: style for each sidebar title */

div.serendipityPlug {
	text-align: center;
}

/* Describe: style for the powered by sidebar entry */

div.serendipityPlug a {
	text-decoration: none;
	border: 0px;
}

/* Describe: style for the powered by link */

.serendipityImageButton {
	cursor: pointer;
}

/* Describe: style for the powered by image if used */

/* Calendar Styles */

table.serendipity_calendar td {
	font-size: 8pt;
	padding: 3px;
	text-align: center;
}

/* Describe: container style for calendar table rows */

table.serendipity_calendar a {
	color: #663333;
	font-weight: bold;
	text-decoration: none;
}

/* Describe: style for calendar date links */

table.serendipity_calendar a:hover {
	color: #666666;
	text-decoration: underline;
}

/* Describe: style for calendar links when hovered over */

td.serendipity_weekDayName {
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 1px solid #B4B4B4;
}

/* Describe: style for calendar weekday names */

td.serendipity_calendarDay.Today {
	background-color: #DCDCDC;
	border: 1px solid #B4B4B4;
}

/* style for calendar's "today" cell */

td.serendipity_calendarHeader a:link, 
td.serendipity_calendarHeader a:visited, 
td.serendipity_calendarHeader a:hover {
	border: 0;
	text-decoration: none;
}

/* Describe: styles for month name and arrows in calendar */

/* Embedded images with the s9y image manager */

.serendipity_imageComment_center, 
.serendipity_imageComment_left, 
.serendipity_imageComment_right {
	border: 1px solid #333333;
	background-color: #F5F5F5;
	margin: 5px;
	padding: 5px;
	text-align: center;
}

/* Describe: container for images and text */

.serendipity_imageComment_center {
	margin: auto;
}

/* Describe: style to center image and text within entry */

.serendipity_imageComment_left {
	float: left;
}

/* Describe: style to left align image and text within entry */

.serendipity_imageComment_right {
	float: right;
}

/* Describe: style to right align image and text within entry */

.serendipity_imageComment_img, .serendipity_imageComment_img img {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
}

/* Describe: styles for the images */

.serendipity_imageComment_txt {
	border-top: 1px solid #333333;
	margin-top: 3px;
	padding: 3px;
	clear: both;
	font-size: 8pt;
	text-align: center;
}

/* Describe: styles for the text below the image if used */


/* ============================================================ */
/*                        added styles                          */
/* ============================================================ */

blockquote {
	margin-left: 10px;
	padding-left: 60px;
	padding-top: 5px;
	padding-right: 5px;
	min-height: 45px;
	background-image: url(templates/costa-nature_theme/img/cite.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/* blockquoting */

code, pre {
	display: block;
	overflow: auto;
	padding: 10px;
	border: 1px solid #dfdfdf;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 10px;
}

/* coding */

.serendipitySideBarContent input {
	width: 150px;
	margin-left: 15px;
}

/* sidebar input stuff like "quicksearch" input */

.serendipity_relatedlinks {
	font-size: 9pt;
	font-weight: bold;
}

/* style for "related links" plugin - title */

#serendipity_relatedlinks_list {
	font-weight: normal;
}

/* style for "related links" plugin - the link itself */

.continue_reading {
	clear: both;
}

/* style for "continue reading" feature */

.serendipity_entrypaging {
	padding-top: 10px;
}

/* style for "next" | "previous" links provided by "Links to next/previous entry" plugin */

.plugin_comment_author {
	font-weight: bold;
}

/* style for "author" in comments - provided by "Comments" sidebar plugin */ 

.plugin_comment_date {
	font-style: italic;
}

/* style for "date" in comments - provided by "Comments" sidebar plugin */ 

.plugin_comment_body {
	clear: both;
}

/* style for "body" in comments - provided by "Comments" sidebar plugin */ 

.gravatar {
	border: 1px solid #E1E1E1;
	clear: both;
}

/* style for gravatars - provided by "Gravatar / Favatar" event plugin */

.one-image {
	text-align: center;
	border: 0px;
}

/* style for random image - provided by "Gallery" sidebar plugin */

td.template_banner_title {
	height: 100px;
	vertical-align: bottom;
	background-image: url(templates/costa-nature_theme/img/banner-title.jpg);
}

/* template style for td cell where blog title and subtitle goes */

td.template_banner_bottom {
	vertical-align: middle;
	background-color: #000000;
	background-image: url(templates/costa-nature_theme/img/banner-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* template style for td cell with bottom banner graphics */

.template_banner_bottom_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
}

/* template style for banner at the bottom where some white text goes - left */

.template_banner_bottom_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #CCCCCC;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
}

/* template style for banner at the bottom where some white text goes - right */

.template_banner_bottom_right a:link,
.template_banner_bottom_right a:visited,
.template_banner_bottom_right a:active {
	color: #CCCCCC;
}

.template_banner_bottom_right a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.template_banner_bottom_left a:link,
.template_banner_bottom_left a:visited,
.template_banner_bottom_left a:active {
	color: #CCCCCC;
}

.template_banner_bottom_left a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

/* template bottom banner link styles */

.serendipity_freeTag_xmlButton {
	text-align: absolute-middle;
	border: 0px;
}

/* style for rss image of tags */

.serendipitySideBarDate {
	font-style: italic;
}

/* sidebar's date style, used by some plugins */

.serendipity_entry a:link,
.serendipity_entry a:visited,
.serendipity_entry a:active {
	color: #9B1414;
	text-decoration: none;
	background: transparent url(templates/costa-nature_theme/img/link.gif) 100% 50% no-repeat; padding-right: 10px;
}

.serendipity_entry a:hover {
	color: #666666;
	text-decoration: underline;
}

/* a little fix for entry's link - just added a small gif on the right */

.serendipity_entryFooter a:link,
.serendipity_entryFooter a:visited,
.serendipity_entryFooter a:active {
	color: #9B1414;
	text-decoration: none;
	background: none;
	padding: 0px;
}

.serendipity_entryFooter a:hover {
	color: #666666;
	text-decoration: underline;
}

/* a little fix for entry's footer links - we do NOT show image on the right */


.serendipity_imageComment_img a:link,
.serendipity_imageComment_img a:visited,
.serendipity_imageComment_img a:active {
	background: none;
	padding: 0px;
}

/* a little fix for linking images - we do NOT show link symbol on the right */

.serendipity_entryIcon a:link,
.serendipity_entryIcon a:visited,
.serendipity_entryIcon a:active {
	background: none;
	padding: 0px;
}

/* a little fix for entryicon link - we do NOT show link symbol on the right */