/**********************************************************************/
/* Template: bulletproof for Serendipity (http://www.s9y.org)         */
/* Authors: Grischa Brockhaus                                         */
/* Stylesheet for the colorset 'grey'                                 */
/*                                                                    */
/* Changes licensed under Creative Common License BY-NC-SA            */
/*   http://creativecommons.org/licenses/by-nc-sa/3.0/deed.de         */
/*                                                                    */
/* based on:                                                          */
/* Stylesheet for the colorset 'purple'                               */
/* Authors: Matthias Mees, David Cummins and Don Chambers             */
/* http://s9y-bulletproof.com                                         */
/**********************************************************************/


/* This does not work correctly with IE!
.serendipity_xml_icon {
    background: url('img/grey_xml.gif') no-repeat 5px;
    background-position: 5px 1px;
    margin: 0;
    padding: 0px 0px 0px 1px;
    visibility: visible;
}

.serendipity_xml_icon img {
    visibility: hidden;
}
*/

body {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    background:#666 url('img/grey_body.gif') repeat;
}

/* START: Text alignment. Defaults to justify but allow the align attribute to overwrite it */
p{
	padding:0 0 0.5em 0;
	text-align: justify;
	line-height:1.5em; 
}
p[align^=center]	{ text-align: center; }
p[align^=left]		{ text-align: left; }
p[align^=right]		{ text-align: rignt; }
/* END: Text alignment. Defaults to justify but allow the align attribute to overwrite it */


ol, ul {
	margin-left: 10px;
	padding-bottom: 0.5em;
	padding-left: 10px;
	text-align: justify;
	line-height:1.5em; 
}

p form{margin-top:0; margin-bottom:20px; }

#wrapper {
    width: 1000px; /* 944px;  */
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 69%;
    background-color: #ffffff;
    padding: 1px;
    border: 2px solid #000000;
    margin: 5px auto;
}

#serendipity_banner {
    height: 110px;
    margin: 0;
    border: 0px;
    background: #000000 url('img/grey_header.jpg') no-repeat;
}

#serendipity_banner h1 {
    font-weight: bold;
    letter-spacing: .2em;
    font-size: 180%;
    padding: 0.25em;
    padding-top: 25px;
}

#serendipity_banner h2 {
    font-weight: normal;
    letter-spacing: .1em;
    font-size: 130%; 
    padding: 0.25em;
}

#serendipity_banner a {
    color: #ffffff;
    text-decoration: none;
}


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

#sitenav {
    background: #fff url('img/grey_nav.png') top left;
    border-top: 2px solid #ffffff;
    margin: 0;
    padding: 0;
}

#sitenav ul li {
    font-size: 90%; 
    text-transform: uppercase;
    margin: 0;
    padding: 0; 
    display: inline;
}

#sitenav ul a {
    background: #333 url('img/grey_nav.png') top left;
    border-right: 1px solid #dfdfdf;
    padding: 6px 10px 6px 10px;
    float: left;
    overflow: hidden;
}

#sitenav ul li a:hover,
#sitenav .currentpage a {
    padding: 6px 10px 6px 10px;
    background: #dfdfdf url('img/grey_nav.png') bottom left;
}

.threemain {
	width: 64%;
}
.threeside {
	width: 20%;
}
#serendipityLeftSideBar,
#serendipityLeftSideBarLeft,
#serendipityRightSideBarLeft
{
    background-color: #f7f7f7;
    color: #505050;
    overflow: hidden; 
    width:16%;
}

#serendipityRightSideBar,
#serendipityLeftSideBarRight, 
#serendipityRightSideBarRight 
{
    background-color: #eee;
    /*background-color: #eee;*/
    color: #505050;
    overflow: hidden; 
}

#content {
    background-color: #fff;
    color: #505050;
}

#content h2 {
    font-size: 1.2em;
    margin: 10px 0 0 0;
}
#content h3 {
    font-size: 1.2em;
    margin: 10px 0 0 0;
}

#content h4 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 170%;
    letter-spacing: -1px;
    margin: 5px 0 15px 0;	
}

.serendipity_entryFooter {
    font-size: 90%;
    margin: 5px 0;
    padding: 4px 0;
	text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #F7F7F7;
}
.byline {
	text-align: right !important;
}

.belowentry
{
	margin-bottom: 30px;
}

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

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

.serendipitySideBarTitle{
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 151%;
    letter-spacing: -1px;
    color: #30303f;
    padding: 8px 5px 8px 5px;
    border-left: 4px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    margin: 0;
    background-color: #fff;
}

.serendipitySideBarContent {
    padding: 10px;
    border-left: 4px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
    background-color: #fff;
}

.serendipitySideBarContent ol, .serendipitySideBarContent ul {
	margin-left: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	text-align: left;
	line-height:1.5em;
	list-style-type: none;
}
.serendipitySideBarContent li {
	padding-bottom: 1.0em;
}

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

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

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

#sbsitenav ul a {
    display: block;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 4px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding: 8px 0px 8px 5px;
    background: #EDE6EE url('img/grey_nav.png') top left;
}

#sbsitenav ul a:hover,
#sbsitenav .currentpage a {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 4px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background: #CB97D8 url('img/grey_nav.png') bottom left;
}

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

}

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

#footer{
    font-size: 0.8em;
    background-color: #333333;
    color: #fff;
}

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

input#serendipityQuickSearchTermField {
    border: 1px solid #707070!important;
}

#navbarsearchform input {
    border: 1px solid #707070;
    width:187px;
}

/* Quotes --------------------------------------------------------- */
blockquote {
	background-image: url("img/grey_quote.gif");
	background-repeat:   no-repeat;
    background-position: right top;
	border-top:1px dotted #d8d8d8;
	border-right:1px dotted #d8d8d8;
	border-bottom:1px dotted #d8d8d8;
	border-left:4px solid #cccccc;
	margin:10px 0px 10px 10px;
	padding:7px 7px 7px 11px;
	color:#505050;
}

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

/* Formated (Code) ------------------------------------------------ */
pre {
	font-size:1.0em;
	margin:10px 0px 10px 10px;
	padding:7px 7px 7px 11px;
	border: 1px solid #dedede;
	color: #31314B;
	text-align:left;
	background-color:#DFDFDF;
}

.s9y_wrap {
    background: #fff;
    font-size: 69%;
}


/* Link styling START --------------------------------------------- */

a, a:visited, a:link,
.link a, .link a:visited,.link  a:link 
{ 
	color:#000; 
	text-decoration:none; 
	background-color:inherit; 
}
a:hover, .link a:hover
{
	color:#000; 
	text-decoration:none; 
	background-color:inherit;
}

#sitenav a, #sitenav a:visited, #sitenav a:link,
#footer a, #footer a:visited, #footer a:link
{
	color:#FFF; 
}

.serendipitySideBarContent a, .serendipitySideBarContent a:visited, .serendipitySideBarContent a:link,
.serendipity_pageFooter a, .serendipity_pageFooter a:visited, .serendipity_pageFooter a:link
{ 
	font-weight:bold;
	text-decoration:none; 
}
.serendipitySideBarContent a:hover, .serendipitySideBarContent .link a:hover,
.serendipity_pageFooter a:hover, .serendipity_pageFooter .link a:hover
{ 
	font-weight:bold;
	text-decoration:underline; 
}

.serendipity_entryFooter a, .serendipity_entryFooter a:visited, .serendipity_entryFooter a:link,
#footer a, #footer a:visited, #footer a:link
{ 
	font-weight:bold;
}

.serendipity_entry_body a, .serendipity_entry_body a:visited,.serendipity_entry_body a:link, 
.serendipity_entry_extended a, .serendipity_entry_extended a:visited,.serendipity_entry_extended a:link 
{
	font-weight:normal;
	color: #666;
	text-decoration:none; 
	background-color:inherit; 
	border-bottom: 1px dotted #AAA; 
}
.serendipity_entry_body a:hover, .serendipity_entry_extended a:hover
{
	font-weight:normal;
	color: #44C;
	background-color: #EEE;
	text-decoration:none; 
	border-bottom: 1px solid #44C;
}

.serendipitySideBarTitleEmpty {
    visibility: hidden;
    display:none;
}

#serendipity_category_form_content ul, #serendipity_category_form_content li, #serendipity_category_form_content a
{
	font-size: 0.5em;
	padding: 0;
	margin:0;
}
#serendipity_category_form_content input
{
	padding: 0;
	margin:0;
	height:12px;
}
#serendipity_category_form_content .category_submit input
{
	width:85px;
	height:20px;
}

/* Image Links */
.serendipity_entry_body a[href^="/uploads"] {
	border-bottom: 0px none;
}

/* Link styling END - --------------------------------------------- */

/* Static Pages START --------------------------------------------- */
.staticpage_related_category_entry_list{
	padding: 	5px 10px;
	margin:		10px 0px;
	border:		2px dotted #d8d8d8;
	background-color: #efefef;
}
.staticpage_related_category_entry_list ul li{
	margin-left:	15px;
}
/* Static Pages END ----------------------------------------------- */

/* Free Tag entries START ----------------------------------------- */
.serendipity_freeTag_related{
	font-size:1.3em;
	padding:20px 20px;
}
.serendipity_freeTag_related a{
	font-size:0.8em;
	padding-left:15px;
}
/* Free Tag entries END - ----------------------------------------- */


/* Easy Podcasting Plugin ----------------------------------------- */
.qtplayer, .wmplayer, .xspfplayer, .qtsmallplayer {
	margin-left: 0px;
	margin-right: 10px;
}
.podcasting {
	text-align: center;
}

/* Freetag Plugin ------------------------------------------------- */
.serendipity_freeTag_xmlTagEntry {
	white-space: nowrap;
}

/* Bookmarking --------------------------------------------------- */
.serendipity_findmore_addthis {
	display:none;
}
.serendipity_findmore {
	text-align:center;
    border: 1px solid #dfdfdf;
    background-color: #F7F7F7;
}

/* Downloadmanager --------------------------------------------- */
.downloadmanager_filelist_headerrow {
    font-weight: bold;
    color: white;
    background-color: #333333;
}
.downloadmanager_filerow {
    background-color: #dfdfdf;
}
.downloadmanager_filelist_dls, .downloadmanager_filelist_size, .downloadmanager_filelist_date,
.downloadmanager_filedlds, .downloadmanager_filesize, .downloadmanager_filedate
{
	text-align: right;
}
.downloadmanager_filename {
    font-weight: bold;
}
.downloadmanager_filedesc {
}


/* Avatar Image ------------------------------------------------ */
.comment_avatar {
	width: 50px;
	height: 50px;
}
.serendipity_plugin_comments_avatar {
	width: 30px;
	height: 30px;
}

/* Footer Entries ---------------------------------------------- */
.addthiswidget, .serendipity_karmaVoting{
	text-align: center;
}

.serendipity_section_comments, .serendipity_section_commentform{ /* .serendipity_section_trackbacks, */
	padding-top:25px;
}
/* START ******************************************/
/* fancy new serendipity comments by Don Chambers */
/* www.optional-necessity.com                     */
/**************************************************/

/* don's fancy new comments */
.serendipity_commentsTitle{ /* required due to floated comments */
	color:#FFFFFF;
	background-color:#4C4C4C;
	font-size:110%;
	font-weight:bold;
	margin:0.2em 0pt;
	padding: 1px 5px;
    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;
}

.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/grey_reply_grey.png') no-repeat;
}

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

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

.dc_comment_source_ownerlink a:hover,
.dc_comment_source_ownerlink a:active {
    margin-right: 10px;
    background: url('img/grey_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 #E0E000;
}
.dc_serendipity_comment_author_self {
    background-color: #FFFFCC;
}

.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_action a:link,
.dc_serendipity_comment_author_self .dc_comment_action a:visited{
    color: #999911; /* brown action links */
}
.dc_serendipity_comment_author_self .dc_comment_action a:hover,
.dc_serendipity_comment_author_self .dc_comment_action a:active{
    color: #FF6600; /* bring back red hover action links */
}

.dc_serendipity_comment_author_self .dc_comment_details{
    background-color: #FFFFF0;
/*    color: #ffffff; */ /*color might need to be light if using dark background */
}

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