/**********************************************************************/
/* Template: bulletproof for Serendipity (http://www.s9y.org)         */
/* Authors: Matthias Mees, David Cummins and Don Chambers             */
/*                                                                    */
/* Stylesheet for the colorset 'blue'                                 */
/*                                                                    */
/* http://s9y-bulletproof.com                                         */
/**********************************************************************/


#.serendipity_xml_icon {
    background: url('img/blue_xml.png') center center no-repeat;
    padding: 10px 0;
    margin: 0;
    visibility: visible;
}

 #.serendipity_xml_icon img {
    visibility: hidden;
}

a {
  #border-bottom: 1px dotted;
  font-family: verdana;
  #color: #FF6600;
  font-size: 100%;
  text-decoration: none;
  background-color: transparent;
}


a:link, a:visited {
    color: #F2991D; /* grey */
}

a:hover {
	
  border-bottom: medium none;
  font-family: verdana;
  color: #FFAD00;
  text-decoration: 1px dotted;
}

body {
    background-color: #fff;
    margin: 0px auto;
}

#wrapper {
    #width: 70%;
    font-family:  verdana, arial, helvetica, sans-serif;
        clear: both;
    font-size: 1.2em;
    background-color: #fff;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
        border-top: 0px;
    border-bottom: 1px solid #BBBBBB;
    margin: 0px auto;
}

#serendipity_banner {
    margin: 0;
    height: 110px;
    #background: #F4EAD0 url('img/blue_header.jpg') repeat-x center left ;
    border: 0px;
   
}


#serendipity_banner_left {
    float: left;
    height: 110px;
    overflow: hidden;
    width: 650px;
}


#serendipity_banner_right {
    float: left;
    height: 110px;
    width: 340px;
}


#serendipity_banner h1 {
    font-family: 'arial', Verdana, sans-serif;
    font-weight: normal;
    font-size: 200%;
   #text-transform: uppercase;
   #letter-spacing: .2em;
   #font-size: 250%;
    padding: 0.25em;
    margin-left: 170px;
}

#serendipity_banner h2 {
    font-family: 'arial', Verdana, sans-serif;
    font-weight: normal;
    font-size: 160%;
   #text-transform: uppercase;
   #letter-spacing: .2em;
   #font-size: 140%;
    padding: 0.25em;
    margin-left: 185px;
}

#serendipity_banner h1 a { 
    color: #f2991d;
    text-decoration: none; 
   # background-color: #F4EAD0;
	  border-bottom: none;
}

#serendipity_banner h2 a { 
    color: #999;
    text-decoration: none; 
   # background-color: #F4EAD0;
	  border-bottom: none;
}

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

#sitenav {
    background-color: #efefef;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
    padding: 0;
}

#sitenav ul li {
    font-size: 100%;
    font-weight: bold;
    color: #999
   #text-transform: uppercase;
    letter-spacing: .2em;
    margin: 0;
    padding: 0; 
    display: inline;
}


#sitenav a {
    color: #999;
    background-color: #efefef;
    border-bottom: none;
  # border-bottom: 4px solid #efefef;
}

#sitenav a:hover {
	color: #ffffff;
	background-color: #f2991d;
}

#sitenav ul a{
    color: #999
    background-color: #efefef;
  # border-bottom: 4px solid #efefef;
    margin: 0 2px 0 0;
    padding: 6px 10px 6px 10px;
    float: left;
    overflow: hidden;
}

	 #sitenav ul a:hover,
   #sitenav .currentpage a {
   #border-bottom: 4px solid #CCDC0E;
    text-decoration: none;
    padding: 6px 10px 6px 10px;
   #background-color: #CCDC0E;
}


#serendipityLeftSideBar,
#serendipityLeftSideBarLeft,
#serendipityRightSideBarLeft,
#serendipityRightSideBar,
#serendipityLeftSideBarRight, 
#serendipityRightSideBarRight {
    background-color: #ffffff;
    color: #505050;
    overflow: hidden; 
}

#content {
    background-color: #ffffff;
   #color: #505050;
    color: #666666;
    font-family: Verdana, sans-serif;
   font-size: 112%;
    line-height: 1.4em;
    padding: 10px 0px 5px 0px; 
    
   #line-spacing: .8em;

}



#content h3 {
    #font-size: 80%;
    margin: 10px 0 0 0;
    
    color: #ccc;
    font-family: Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
   # font-size: normal;
    text-align: left;
    border-bottom: none
   #margin-bottom: 8px;
}

.serendipity_commentsTitle {
    font-size: 100%;
    font-weight: bold;
    background-color: #F4EAD0;
    color: #F2991D;
}
}

#content h4 {
   #text-transform: uppercase;
    #font-size: 155%;
    letter-spacing: -1px;
    margin: 15px 0 15px 0;
    color: #999;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.7em;
    text-align: left;
    
    border-bottom: thin #dfdfdf solid;
    #margin-bottom: 10px;
    padding-bottom: 5px;
}

.serendipity_title a:link {
    color: #F2991D;
    text-decoration: none;
    border-bottom: none;
}

.serendipity_title a:visited {
    color: #f2991d;
    text-decoration: none;
    border-bottom: none;
}

.serendipity_title a:hover {
    #color: #777777;
    text-decoration: none;
	 background-color: #ffffff;
	 text-decoration: none;
	 border-bottom: none;
}

.serendipity_entryFooter {
    font-size: 90%;
    line-height: 1.2em;
    margin: 5px 0;
    padding: 8px 0;
    border-top: 1px solid ##ad5433;
    border-bottom: 1px solid ##ad5433;
    margin-top:10px;
    
    
    display: block;
    
    background-color: #fcf4c7;    
    background-image: none;    
    background-repeat: repeat;    
    background-attachment: scroll;  
    background-x-position: 0%;    
    background-y-position: 0%;    
    margin-top: 8px;   
    margin-right: 0px;   
    margin-bottom: 15px;   
    margin-left: 0px;   
    padding-top: 5px;   
    padding-right: 10px;   
    padding-bottom: 5px;   
    padding-left: 10px;   
    font-size: 11px;   
    color: #gray_xml;   
    clear: both;
}

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

.serendipitySideBarItem {
    margin: 5px;
    padding: 0;
    border: 0px none;
    overflow: hidden;
    height: 100%; 
}

.serendipitySideBarTitle {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 151%;
    letter-spacing: -1px;
    text-transform: capitalize;
    color: #777777;
    padding: 8px 5px 8px 5px;
    background: #ffffff ;
    margin: 0;
    border: none
}


.serendipitySideBarContent {
    padding: 10px;

    border-bottom: 1px solid #dfdfdf;
    background-color: #ffffff;
    margin: 0;
}

.serendipitySideBarFooter {
    /* not used in this template */
}

#sbsitenav {
    padding: 10px;
    margin: 0;
}

#sbsitenav ul{
    margin: 0;
    list-style-type: none;
}

#sbsitenav ul a {
    border-left: 4px solid #dfdfdf;
    padding: 8px 0px 8px 10px;
    display: block;
}

#sbsitenav ul a:hover,
#sbsitenav .currentpage a {
    border-left: 4px solid #3D98C5;
}

#sbsitenav li {
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-color: #efefef;
    margin: 0 0 2px 0;
    padding: 0;
    overflow: hidden;
}

#month,
.serendipity_weekDayName, 
#today  {
    font-size: 100%;
}

#footer {
    font-size: 80%;
  background-color: #EFEFEF;
}

#credit_line a {
    color: #999;
}

#credit_line  {
    color: #999;
}


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

input#serendipityQuickSearchTermField {
    border: 1px solid #1F5F7F!important;
    background-color: #9C9C9C;
}

#navbarsearchform input {
    border: 1px solid #1f5f7f;
}

blockquote {
    background: #FFFFCF;
    color: #505050;
    border-left: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    margin: 1em 2em 1em 2em;
    padding: 1em 1em 1em 2em;
}

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

.serendipity_comment_author_self comment_evenbox,
.comment_evenbox {
    line-height: 1.2em;   
    border: 1px dotted #AD5433;
    background: #FCF4C7;
}

.serendipity_comment_author_self comment_oddbox,
.comment_oddbox {
    line-height: 1.2em;
    border: 1px dotted #AD5433;
    background: #FCF4C7;
}

.serendipity_commentsTitle {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 130%;
    letter-spacing: -1px;
    margin: 1em 0;
    padding: 0.5em 0;
}





/**************************************************/
/* fancy new serendipity comments by Don Chambers */
/* www.optional-necessity.com                     */
/**************************************************/

/* don's fancy new comments */
.serendipity_commentsTitle{ /* required due to floated comments */
    clear: both;
}

.dc_serendipity_comment { /* the entire comment */
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #cccccc;
    background-color: #EEEEEE;
    display: inline;
    /* oddbox and evenbox being ignored, but those could be styled differently */
}

.dc_comment_details { /* comment source and comment body */
    min-height: 50px;
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #cccccc;
    background-color: #f6f6f6;
}

.dc_comment_source { /* avatar, name, post time */
    float: left;
    margin: 0;
    padding: 5px;
    width: 160px;
    overflow: hidden;
}

.dc_comment_source img{ /* avatar */
    float: left;
    padding: 5px;
/* source image should be fecthed at these dimensions for best results */
    height: 50px;
    width: 50px;
}

/* links within comment_source */
.dc_comment_source a:link,
.dc_comment_source a:visited,
.dc_comment_source a:hover,
.dc_comment_source a:active{
    font-weight: bold;
}

#serendipity_trackbacklist .dc_comment_source p {
    margin-left: 0;
}

#serendipity_commentlist .dc_comment_source p {
    margin-left: 60px; /* image padding plus image width */
}

p.dc_comment_source_author { /*author name*/
    margin-top:0;
}

p.dc_comment_source_url { /* author homepage, if any */
    font-size: 80%;
}

p.dc_comment_source_date { /*comment date and time */
    text-transform: lowercase;
}

.dc_serendipity_commentBody { /* text/body of comment */
    float: left;
    clear: right;
    padding: 5px;
    overflow: hidden;
/* width set inline via smarty calculation */
}

.dc_comment_action { /* comment number delete, reply */
    float: left;
    clear: both;
    margin-top: 5px;
/* width set inline via smarty calculation */
    font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/* using a background image, so combination of font size and family needs to be large enough to see image */
}

.dc_comment_source_ownerlink,
.dc_comment_reply {
    float: left;
    display: inline;
    font-weight: bold;
}

.dc_comment_action a:link,
.dc_comment_action a:visited {
    padding-left: 20px;
    text-decoration: none;
    color: #939393; /* grey */
}
.dc_comment_action a:hover,
.dc_comment_action a:active {
    padding-left: 20px;
    text-decoration: none;
    color: #FF6600;  /* dark orange */
}

.dc_comment_reply a:link,
.dc_comment_reply a:visited {
    background: url('img/reply_grey.png') no-repeat;
}

.dc_comment_reply a:hover,
.dc_comment_reply a:active {
    background: url('img/reply.png') no-repeat;
}

.dc_comment_source_ownerlink a:link,
.dc_comment_source_ownerlink a:visited {
    margin-right: 10px;
    background: url('img/delete_grey.png') no-repeat;
}

.dc_comment_source_ownerlink a:hover,
.dc_comment_source_ownerlink a:active {
    margin-right: 10px;
    background: url('img/delete.png') no-repeat;
}

.dc_comment_source_trace {
    float: right;
    display: inline;
}

/* comments by entry author */
.dc_serendipity_comment_author_self,
.dc_serendipity_comment_author_self .dc_comment_details  {
    border: 1px solid #E67D18; /* dark orange */
}
.dc_serendipity_comment_author_self {
    background: #F8EEDF;
}

.dc_serendipity_comment_author_self .dc_comment_source a:link,
.dc_serendipity_comment_author_self .dc_comment_source a:visited,
.dc_serendipity_comment_author_self .dc_comment_source a:hover,
.dc_serendipity_comment_author_self .dc_comment_source a:active{
/*    color: #ffffff; */ /*color might need to be light if using dark background */
}

.dc_serendipity_comment_author_self .dc_comment_details{
    background: #F7D9A7 url('img/comment_self_background.gif') repeat;
/*    color: #ffffff; */ /*color might need to be light if using dark background */
}