/**********************************************************************/
/* Author: Don Chambers (www.optional-necessity.com)                  */
/*                                                                    */
/* Mod: Paloke                                                        */
/**********************************************************************/


.serendipity_xml_icon {
    background: url('img/on_xml.png') 50% 50% no-repeat;
    margin: 0;
    padding: 1px 0;
    visibility: visible;
}

.serendipity_xml_icon img {
    visibility: hidden;
}

h1 {font-size: 170%;}
h2 {font-size: 150%;}
h3 {font-size: 140%;}
h4 {font-size: 125%;}

a:link, 
a:visited {
   text-decoration: none;
    color: #055BC6;
}

a:hover, 
a:active {
    text-decoration: none;
    color: #FF6600;
}

.serendipity_date abbr{
    border-bottom: 0;
}

code {
    font-family: Courier, monospace;
    font-size: 90%;
    line-height: 1em;
}

body {
    font: 100.01% Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    text-align: center;
    background: #888888;
}

/** wrapper styles **/
#wrapper {
    width: 970px;
    font-size: 80%;
    background: #ffffff url('img/on_wrapper_background.png') top left repeat-y;
    border: 0;
    margin: 0px auto;
}

#wrapper_top {
    background: #ffffff url('img/on_wrapper_top.png') no-repeat;
    height: 5px;
    font-size: 0; /*IE would otherwise make container too tall */
}

#wrapper_footer {
    background: #ffffff url('img/on_wrapper_footer.png') no-repeat;
    height: 5px;
    font-size: 0; /*IE would otherwise make container too tall */
    clear:both;
}

/** banner styles **/
#serendipity_banner {
    color: #ffffff;
    padding: 0;
    background: #5792D8 url('img/on_blue_banner.png') repeat-x;
    height: 92px;
    margin: 3px 8px;
    border: 1px solid #3333CC; 
}

#serendipity_banner h1 {
    font-weight: bold;
    margin: 0;
    padding: 15px 0 0 6px;
}

#serendipity_banner h2 {
    font-weight: normal;
    margin-left: 15px;
    margin: 0;
    padding: 0 0 0 6px;
}

/* do not use usual link colors in banner text */

#serendipity_banner a {
/*    color: #ffffff; moved to _banner_link_style.css - also adding _banner_link_hover_style.css */  /*white*/
    text-decoration: none;
}

#serendipity_banner a:hover,
#serendipity_banner a:active {
    color: #ffffff; /*white*/
}

#serendipity_below_banner {
    /* not used in this template */
}

/** navbar styles **/
#sitenav {
    margin: 0 8px;
    padding: 0;
	 background: #CCCCCC url('img/on_silver_sitenav.png') center left repeat-x; /*silver*/
    border: 1px solid #72878A; /* grey */

    width: 952px;
/*  display: inline is required in ie6 and is in the ie6 stylesheet */
}

.navlink_last a:link,
.navlink_last a:visited,
.navlink_last a:hover,
.navlink_last a:active {
    border-right: 1px solid #72878A !important; /*same as sitenav border - grey*/
}

#sitenav ul li {
    font-size: 80%; 
    font-weight: bold;
    letter-spacing: .1em;
    margin: 0;
    padding: 0; 
    display: inline;
}

#sitenav ul a {
    background: #FBB73C url('img/on_nav_link.png') center left repeat-x; /* background is dark gradient */
    border-left: 1px solid #E67D18; /*oddbox border*/
    border-right: 1px solid #FAE9CD; /*oddbox background */
    float: left;
    overflow: hidden;
    padding: 6px 10px;
    margin: 0;
}

#sitenav ul li a:hover,
#sitenav .currentpage a {
    background: #FDE33F url('img/on_nav_link_h.png') center left repeat-x; /* background is light gradient */
    padding: 6px 10px;
}

#sitenav ul li a:active{
    background: #FDE33F url('img/on_nav_link_a.png') center left repeat-x; /* background is light gradient */
    border-right: 1px solid #666666; /*shadow grey*/
    border-top: 1px solid #666666; /*shadow grey*/
    padding: 7px 10px 3px 10px;
}


.downloadmanager_filelist_headerrow {
    background-color: #FBB73C; /* darkest gradient color, also navlink background */
}


.snabove {
    margin-top: 3px !important;
    margin-bottom: 3px !important; 
}

.navlink_first a{
    border-left: 0 !important
}

/**.navlink_last a {
/*    border-right: 1px solid #72878A !important; expanded to all pseudo classes and moved to _navback_style.css */  /*same as sitenav - grey*/
}**/


/** sidebar navigation styles **/
#sbsitenav ul {
    margin: 0;
}

#sbsitenav .currentpage a {
    text-decoration: underline;
    font-weight: bold;
}

/** main content pane **/
#content {
    background-color: #ffffff;
    padding: 0;
/* move this to layout3sbs if it only applies to that layout */
/* some margin overrides below for certain column configurations*/
}

.freetag_cloud h2,
#content h3 {
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
}

/* consider changing to .serendipity_title */
#content h4 {
    font-weight: normal;
    font-size: 170%;
    margin: 5px 0 15px 0;
    margin: 0;
    padding: 0;
}


/** entry styles **/
.serendipity_Entry_Date {
    margin: 0;
    padding: 0 15px 10px 15px;
    padding: 0 0 10px 0;
}
.serendipity_commentBody,
.serendipity_entry_body,
.serendipity_entry_extended {
    line-height: 1.4em;
}

blockquote {
    display: list-item;
    list-style-position: inside;
    list-style-image: url('img/on_openquote.png');
    background: #F7D9A7 url('img/on_closequote.png') 98% 95% no-repeat; /*darker than oddbox same as comment_self*/
    border: 1px solid #E67D18; /*oddbox*/
    margin: 2% 5%;
    padding: 10px 15px 10px 10px;
    font-size: 85%;
}

.serendipity_title { 
	font-size: 170%;
	text-align: center;
	font-variant: small-caps;
	margin: 0.5em 0 2px;
	background-color: Silver;
	padding: 8px 5px;
	border-top: 1px solid Black;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;

}

.serendipity_entry_body{
	padding: 1em 0;
	color: #000000;
	text-align: justify;
}

.serendipity_entry_extended{
	padding: 1em 0;
	color: #000000;
	text-align: justify;
}

.serendipity_comment_author_self {
    background-color: #F7D9A7; /* darker than oddbox, same as blockquote */
    border: 1px solid #E67D18; /* same as oddbox*/
}

.serendipity_comment_author_self .serendipity_comment_source {
    border-top: 1px solid #E67D18; /* same as color as oddbox*/
}

.serendipity_search,
/* double check staticpage navigation */
.staticpage_navigation,
.staticpage_results,
.serendipity_overview_noentries,
.serendipity_freetag_taglist {
    background-color: #FAE9CD; /*same as oddbox background*/
    border: 1px solid #E67D18; /* same as oddbox border */
}

blockquote a:link,
blockquote a:visited,
.serendipity_comment_author_self a:link,
.serendipity_comment_author_self a:visited,
.serendipity_comment_author_self .serendipity_comment_source a:link,
.serendipity_comment_author_self .serendipity_comment_source a:visited,
.staticpage_navigation a:link,
.staticpage_navigation a:visited,
.staticpage_results a:link,
.staticpage_results a:visited,
.serendipity_freetag_taglist a:link,
.serendipity_freetag_taglist a:visited {
    color: #055BC6; /*blue dark*/
}

blockquote p {
   margin: 0.5em 0;
   padding: 0;
}

.serendipity_entryFooter {
    font-size: 80%;
    margin: 5px 0;
    padding: 8px 4px;
    border: 1px solid #dfdfdf; /* evenbox border or lighter */
    background-color: #f6f6f6; /* evenbox background */
    text-align: center;
}
.serendipity_entryFooter a:link,
.serendipity_entryFooter a:visited,
.serendipity_entryFooter a:hover,
.serendipity_entryFooter a:active {
    font-weight: bold;
}

.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    background-color: inherit; /* override default */
    border: 1px solid #dfdfdf; /* evenbox border or lighter */
}

.serendipity_imageComment_txt {
    border-top: 1px solid #dfdfdf; /* evenbox border or lighter */
    background-color: #f6f6f6; /* evenbox background */
}


.infofooter,
.belowentry {
    margin: 10px 0 35px 0;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
    margin: 0 0 5px 5px;
}

.serendipity_pageFooter {
    margin: 5px 0 10px;
}

/** comment styles **/
.serendipity_section_trackbacks{
    margin-bottom: 25px;
}
.serendipity_section_commentform {
    margin-top: 25px;
}

.serendipity_section_commentform .serendipity_commentsLabel label{
padding-left: 5px;
}

.serendipity_commentBody {
    padding: 5px;
}

.comment_evenbox {
    line-height: 1.2em;
    border: 1px dotted #c5c5c5; /* lightest of gradient */
    background-color: #f6f6f6; /* lighter than oddbox */
    margin: 0 0px 10px 0;
    padding: 0;
}

.serendipity_commentsTitle {
/*    font-weight: normal;
    font-size: 130%; */
    background-color: #B0BEC0; /* navlink background and downloadmanager_filelist_headerrow */
    margin: 0.2em 0;
    color: #FFFFFF;
    padding: 2px 5px;
    font-size: 110%;
    font-weight: bold;
    }
	 
.serendipity_commentsValue .frm,
#serendipity_comment_CommentForm select {
    border: 1px solid #B0BEC0; /* navlink background and downloadmanager_filelist_headerrow */
}

#serendipity_comment_CommentForm select:focus,
.serendipity_commentsValue .frm:focus {
    background-color: #EEEEEE;/* evenbox or ODDBOX background */
}

#serendipity_trackbacklist .serendipity_comment,
.comment_oddbox {
    line-height: 1.2em;
    border: 1px dotted #72878A; /* same as sidebar content border, usually darkest gradient */
    background-color: #EEEEEE; /* same as sidebar content background */
    margin: 0 0px 10px 0;
    padding: 0;
}

#serendipity_trackbacklist .serendipity_comment_source,
.comment_oddbox .serendipity_comment_source{
    margin: 5px 10px 0 10px;
    padding: 5px;
    border-top: 1px dotted #72878A; /* oddbox border */
    text-align: center;
    font-size: 90%;
}

.comment_evenbox .serendipity_comment_source{
    margin: 5px 10px 0 10px;
    padding: 5px;
    border-top: 1px dotted #c5c5c5; /* evenbox border */
    text-align: center;
    font-size: 90%;
}

.serendipity_comment_author_self {
    line-height: 1.2em;
    background-color: #F7D9A7; /* darker than oddbox, same as blockquote */
    border: 1px solid #E67D18; /* same as oddbox*/
}

.serendipity_comment_author_self .serendipity_comment_source {
    margin: 5px 10px 0 10px;
    padding: 5px;
    border-top: 1px solid #E67D18; /* same as color as oddbox*/
    text-align: center;
    font-size: 90%;
}

/* pop-up comments */
.s9y_wrap {
    background-color: #FFFFFF;
    font-size: 69%;
}

/** Layout styles **/

/* defaults for sidebars */
#serendipityLeftSideBar,
#serendipityRightSideBar {
    overflow: hidden; 
    margin: 3px 8px;
}

/* overrides depending on column layouts */
.layout3bss_left {
    margin: 3px 0px 3px 8px!important;
}

.layout3ssb_left {
    margin: 3px 0px 3px 8px!important;
}

.layout3sbs_content {
    margin: 3px 15px;
}

.layout3bss_content {
    margin: 3px 15px 3px 23px !important;
}

.layout3ssb_content {
    margin: 3px 23px 3px 15px !important;
}

.layout2sb_content {
    margin: 3px 23px 3px 15px !important;
}

.layout2bs_content {
    margin: 3px 15px 3px 23px !important;
}

.layout1col_content {
    margin: 3px 23px 3px 23px!important;
}

/* 3-column widths */
/* margins reduce width - ie 970 total, less 62px margin leaves 908 available*/
.threemain { width: 508px; }
.threeside { width: 200px; }

/* 2-column widths */
.twomain { width: 716px;}
.twoside { width: 200px;}

.onemain { width: 924px;}
.oneside { width: 200px;}
.onefull { width: 200px;}



/** sidebar styles **/

.serendipitySideBarItem {
    margin: 0;
    padding: 0;
    border: 0px none;
    overflow: hidden; 
    margin: 0 0 2px 0;
}

.serendipitySideBarTitle {
    background: #B0BEC0 url('img/on_sidebar_title.png') no-repeat;
    font-weight: bold;
    font-size: 100%;
    color: #30303f; /*near black - matches admin*/
    height: 30px;
    padding: 0 0 0 5px;
    line-height: 28px;
    margin: 0 0 5px 0;
    overflow: hidden;
    margin: 0;
}

.serendipitySideBarTitleEmpty {
    height: 5px;
    font-size: 0; /* ie6, otherwise item is too tall */
    background: #EEEEEE url('img/on_sidebar_title_empty.png') no-repeat;
}

.serendipitySideBarContent {
    overflow: hidden; 
    background: #EEEEEE url('img/on_sidebar_content.png') repeat-y;	 
    margin: 0;
    font-size: 90%;
    padding: 5px 5px 2px 5px;
}

/* overide serendipitySideBarItem overflow: hidden just for sidebar quicksearch livesearch_result */
/* this is more precise than bp for this template due to other overflow settings                  */
.container_serendipity_quicksearch_plugin .serendipitySideBarContent{
    overflow: visible !important;
}

.serendipitySideBarFooter {
    background: #FFFFFF url('img/on_sidebar_footer.png') no-repeat;
    display: block !important;
    height: 8px;
    font-size: 0; /* ie6, otherwise item is too tall */
    margin: 0;
}

/* special treatment for the sidebar admin item                 */
/* make it look like a button instead of a typical sidebar item */
/* MOVE THIS to a separate stylesheet selected by admin option  */
.container_serendipity_superuser_plugin .serendipitySideBarTitle,
.container_serendipity_superuser_plugin .serendipitySideBarFooter{
    display: none !important;
}

.container_serendipity_superuser_plugin .serendipitySideBarContent{
    margin: 0;
    padding: 0;
}

.container_serendipity_superuser_plugin .serendipitySideBarContent a{
    background: #FBB73C url('img/on_admin_button.png') no-repeat; /* background is dark gradient */
    display: block;
    height: 33px;
    font-size: 112%;
    font-weight: bold;
    margin: 0;
    padding-left: 5px;
    line-height: 28px;
}


.container_serendipity_superuser_plugin .serendipitySideBarContent a:hover{
   background: #FDE33F url('img/on_admin_button_h.png') no-repeat; /* background is light gradient */
}

.container_serendipity_superuser_plugin .serendipitySideBarContent a:active{
    background: #FDE33F url('img/on_admin_button_a.png') no-repeat; /* background is light gradient */
    line-height: 30px !important;
}

/***** SITE FOOTER *****/
#footer {
    font-size: 80%;
    background-color: #dfdfdf; /*grey uses same color as admin footer background*/
    border: 1px solid #72878A; /*oddbox border or darker than darkest gradient*/
    margin: 3px 8px;
    width: 952px;
}


/***** PLUGIN STYLES *****/

/* sidebar calendar */
#month,
.serendipity_weekDayName, 
#today {
    font-size: 100%;
}

.container_serendipity_calendar_plugin {
    width: 100%;
}

.serendipity_calendarDay.Active.Link {
    font-weight: bold!important;
    background-color: #D9D7D7; /*darker than oddbox same as blockquote and comment_self*/
    border: 1px solid #72878A; /*oddbox*/
}

/* calendar and prev/next page icons */
.serendipity_calendarHeader img,
.serendipity_pageFooter img{
    height: 18px!important;
    width: 18px!important;
}

/* sidebar inputs */
.serendipitySideBarContent input {
    width: 100%; /* do not override width if styled inline */
}

.serendipitySideBarContent select {
    width: 100% !important;
}

/* sidebar quicksearch */
input#serendipityQuickSearchTermField {
    border: 1px solid #72878A!important;
}

/* navbar quicksearch */
#sitenav #searchform {
    margin: 0 3px 0 0;
}

#sitenav #searchform input {
    border: 1px solid #72878A!important; /* same as sitenav border - grey */
    width: 190px;
    margin-top: 2px;
}

/* style for the search term and number of results using quicksearch */
.searchterm, .searchresults {
    color: #FF6600; /*orange dark*/
    font-weight:bold;
}

.serendipity_search,
/* double check staticpage navigation */
.staticpage_navigation,
.serendipity_overview_noentries,
.serendipity_freetag_taglist {
    margin: 0;
    padding: 10px;
    background-color: #FAE9CD; /*same as oddbox background*/
    border: 1px solid #E67D18; /* same as oddbox border */
}

.serendipity_overview_noentries {
    margin-bottom: 10px;
}

.serendipity_search,
.serendipity_freetag_taglist {
    margin-top: 10px;
}

.staticpage_results {
    margin: 0;
}

ul.staticpage_navigation{
    margin: 10px 0;
    display: block;
}

ul.staticpage_navigation li{
    padding: 0 5px 0 0;
    display: inline;
}

/* karma voting plugin */
.serendipity_karmaVoting {
    text-align: center !important;
    font-size: 100% !important;
}

/* social bookmarking plugin */
.serendipity_findmore {
    margin: -30px auto 35px auto;
}

/* download manager plugin */
.downloadmanager_filelist_headerrow {
/*    background-color: #FBB73C; moved to _navandicons_style.css */   /* orange */
    color: #ffffff; /*white*/
    font-weight: bold;
    text-align: center;
}
.downloadmanager_filerow {
    background-color: #EEEEEE; /* oddbox background */
    text-align: center;
}

.downloadmanager_filelist_name,
.downloadmanager_filename{
    text-align: left;
}

.serendipity_entrypaging {
    margin: 5px 0;
    text-align: center;
    font-size: 90%;
}

/* testing */

.archive_summary_entry {
    margin-top: 10px;
    font-size: 80%;
}

.archive_summary {
    margin: 0;
    padding: 2px 5px;
}

.archive_summary_odd {
    background-color: #EEEEEE;
}

.archive_summary_even {
    background-color: #f6f6f6;
}

.archive_summary_postdetails {
/* needs to be in style.css if bp */
    margin: 0;
}


ul.archives_row li.archives_date {
padding-left: 2px;
}

.archives_all_entry {
    margin: 10px 0 20px 0;
}

.archives_header {
/* move to navandicons */
    background-color: #FBB73C;
    color: #ffffff;
    font-size: 130%!important;
    padding-left: 5px!important;
}

.archives_row_odd {
/* move to primarybox */
    background-color: #EEEEEE;
    padding: 5px;
    margin: 0;
}

.archives_row_even {
    background-color: #f6f6f6;
padding: 5px;
margin: 0;
}

ul.archives_row li.archives_graph,
ul.archives_row li.archives_date,
ul.archives_row li.archives_count,
ul.archives_row li.archives_count_link,
ul.archives_rowli.archives_link {
    width: 20%;
}

blockquote a:hover,
blockquote a:active,
.serendipity_comment_author_self a:hover,
.serendipity_comment_author_self a:active,
.serendipity_comment_author_self .serendipity_comment_source a:hover,
.serendipity_comment_author_self .serendipity_comment_source a:active,
.staticpage_navigation a:hover,
.staticpage_navigation a:active,
.staticpage_results a:hover,
.staticpage_results a:active,
.serendipity_freetag_taglist a:hover,
.serendipity_freetag_taglist a:active,
.searchterm,
.searchresults {
    color: #FF6600; /*orange dark*/
}

input {
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	margin: 2px 2px 0px 2px;
	color: #000000;
	cursor: pointer;
	background: Silver url('img/on_prettybutton.png') 0% 50%;
	border: 1px solid Gray;
	font-size: 90%;
}