img {
   behavior: url("http://blog.clubcamif.com/index.php?/plugin/pngbehavior.htc");
}
.serendipity_karmaVoting {
    text-align: center;
    font-size: 9pt;
    margin: 0px;
}

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

.serendipity_karmaVoting a:hover {
    color: #E37235;
}

.serendipity_karmaError {
    color: #FF8000;
}
.serendipity_karmaSuccess {
    color: #E37235;
}
.serendipity_karmaVoting_links,
.serendipity_karmaVoting_links a:hover,
.serendipity_karmaVoting_current-rating {
    background: url(http://blog.clubcamif.com/plugins/serendipity_event_karma/img/clubcamif.png) left;
    font-size: 0;
}
.serendipity_karmaVoting_links {
    position: relative;
    width: 63px;
    height: 11px;
    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: 11px;
    line-height: 11px;
    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;
}
/* templates/clubcamif/style.css  */
/******************************************************/
/* Theme by Carl Galloway                             */
/* http://www.carlgalloway.com                        */
/* This is a structured and commented version         */
/* of the serendipity blog default theme.             */
/*                                                    */
/* Styles have been organised into the following      */
/* groups; general, header, footer, entry, comments   */
/* commentform, sidebar, calendar, image media, and   */
/* plugins.                                           */
/*                                                    */
/* My comments are inside the /*  */, these can       */
/* safely be deleted if you do not require them.      */
/******************************************************/




/********* General Styles  *********/

 /* used in entry/sidebar titles */
h4, h3	{
	margin: 0; }
UL{
margin:0;
padding:0;
}

LI{
margin:0;
padding:0;
}

/* the input boxes used in forms */
input, textarea, select {
	font-size: 10pt; }

/* all table headers and rows */
th, td {
	font-size: 10pt; }

/* style for blockquotes inserted into posts */
blockquote {
	margin: 15px 30px 0 15px;
	padding-left: 15px;
	border-left: 4px solid #2a5a8a; }

/* all links are blue with no underline */
a:link, a:visited, a:active {
	color: #aa034d;
	text-decoration: none; }

/* change link color to dark blue and underline when hovered over */
a:hover {
	color: #5f90ba;
	text-decoration: underline; }

/* used when s9y needs to center something */
.serendipity_center {
	margin-left: auto;
	margin-right: auto;
	text-align: center; }

/* warning messages from s9y */
.serendipity_msg_important {
	color: red; }

/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice {
	color: green; }

/* style to temporarily change something to grey */
.grey {
	color:#999; }

/********* End of General Styles *********/




/********* Structural Styles *********/

/* preset styles for entire blog unless overruled elsewhere, page footer is here as well */
body {
	margin: 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	background-color: #e5ebee;
}

/* wrapper for page */
#wrap {
	width:90%;
	margin:0 auto; }

/* container for banner */
#serendipity_banner {
    margin: auto;
    width: 956px;
    height: 126px;
}

#serendipity_banner_top {
	margin:0;
	padding:0;
    width: 956px;
    height: 85px;
	float:left;
}

#serendipity_banner_bottom {
	margin:0;
	padding:0;
    width: 956px;
    height: 41px;
	float:left;
}

#serendipity_banner_bottom P{
	margin:10px 0 0 40px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}


/* container for content and sidebar */
#mainpane {
	margin:auto;
	padding:0;
    width: 956px;
}

/* container for entries column */
#content {
    padding:0;
    margin:0;
    width: 546px;
	background: url('templates/clubcamif/img/degrade.gif') repeat-x;
}

/* container for right sidebar */
#serendipityRightSideBar {
	width: 196px;
	padding:0;
	margin-left:10px;
	vertical-align: top;
	background: url('templates/clubcamif/img/degrade.gif') repeat-x; 
}

/* container for left sidebar */
#serendipityLeftSideBar {
    width: 204px;
   	padding:0;
	margin:0;
	vertical-align: top; 
	background: url('templates/clubcamif/img/degrade.gif') repeat-x;
}

/* container for page footer */
#footer {
	padding:0;
	margin:0;
	background-color: #ecf3fd; }

/********* End of Structural Styles *********/




/********* Header/Banner Styles *********/

/* the big link in the banner, blog name/entry title */
a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #serendipity_banner h1 {
	color: #fff;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 20px;
	padding-left:15px;
	padding-top: 20px;
	margin: 0px;
	text-decoration: none; }

/* the smaller link in the banner, blog description */
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2 {
	color: #fff;
	padding-left: 15px;
	font-size: 14px;
	margin: 0px;
	text-decoration: none; }

/********* End of Header/Banner Styles *********/




/********* Footer Styles *********/

/* footer paragraph text */
#footer p {
	color:#666;
	text-transform:lowercase;
	font-size: 9pt;
	font-weight:bold;
	line-height: 1.5; }

/* make footer links blue, no underline */
#footer a {
	color:#215385;
	text-decoration:none; }

/* underline footer links when hovered over */
#footer a:hover {
	text-decoration:underline; }

/********* End of Footer Styles *********/





/********* Entry Styles *********/

/* container for the entry/post */
.serendipity_entry {
	font-family: arial, helvetica, sans-serif;
	color: #333;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	width:520px;
	font-size: 9.5pt;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding:0 12px 0 12px; 
}

/* container for entry title and date */
.serendipity_Entry_Date {
	clear:both;
	background-color:#FFFFFF;
}

/* style for the actual date below entry title */
.serendipity_date {
	text-align:right;
	color: #FFFFFF;
	display:block;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:8px 0 0 0;
}

/* entry title */
.serendipity_title {
	font-size: 20px;
	font-weight: bold;
	margin:10px 0 10px 0;
	color: #283141; 
}


/* style for the meta box title */
.serendipity_meta_title {
	font-size: small;
	font-weight: bold;
	margin: 0; 
	padding:0;
	color: #235587; 
}

/* entry title link, regular color is black */
.serendipity_title a:link, .serendipity_title a:visited {
	text-decoration: none;
	font-weight: bold;
	border: 0;
	background:none;
	color: #283141; }

/*entry title link when hovered over, changes to orange */
.serendipity_title a:hover {
	color: #283141;
	text-decoration:underline;
}

/* additional styles used for entry text */
.serendipity_entry p {
	margin-top: 0px;
	padding-bottom: 0px; 
}

/* style for extended body */
.serendipity_entry_extended {
	margin-top:20px; }

/* prevent styling of the extended placeholder, otherwise the background image is visible */
#extended {
	background:none;
	display:none; }

/* the meta box that includes links to comments, trackbacks etc */
div.serendipity_entryFooter {
	margin: 10px 0 10px 0;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	font-size:11px;
	font:Arial, Helvetica, sans-serif;
	color: #000000;
	padding:5px 0 5px 0;
	width:100%;
	float:left;
}

















/* style for links within the page footer */
div.serendipity_entryFooter a {
	font-weight:bolder; }

/* style for hovered over links within page footer */
div.serendipity_entryFooter a:hover {
	color: #51626e;
	text-decoration:none; }

/* styles for category icon if used */
img.serendipity_entryIcon {
	float: right;
	border: 0px;
	margin-top:1px; }

/* styling the continue reading byline, needed to stop firefox making the link 100% wide */
.continue_reading {
	display:block;
	margin-top:10px;
	clear:left; }

/* styling the continue reading byline link */
.continue_reading a {
	font-weight:normal;
	background:none; }

/* styling the continue reading byline when hovered over */
.continue_reading a:hover {
	color: #5f90ba;
	background:none;
	text-decoration: underline; }

/* not used, but allows additional style to show author's posts in multi-author blogs */
.serendipity_entry_author_self {
margin:0;
padding:0;
	}

/* styles for the next/previous links above footer, includes start page and archives links */
.serendipity_pageFooter {
	clear:both;
	margin-top:10px; }

/* container for summary listings in archives */
.archive_summary {
	clear:both;
	margin:15px 0 0 10px;
	font-size:0.9em;
	background: url('templates/clubcamif/img/fond-archives.gif') no-repeat;
}

/* style for entry title in summary archives overview */
.archive_summary_title {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0; padding:0; 
	background-color:#FFFFFF;}

/********* End of Entry Styles *********/




/********* Comment Styles *********/

/* container for all comments, not styled separately in default theme */
.serendipity_comments {
	}

/* comments, trackbacks and commentform titles */
.serendipity_commentsTitle {
	font-size: medium;
	font-weight: bold;
	margin-top: 10px;
	color: #336d9f;
	clear:left; }

/* container for individual comments */
.serendipity_comment {
	padding: 3px; }

/* style for comment author, date commented etc */
.serendipity_comment_source {
	margin-top: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px; }

/* style for comment author if logged in */
.serendipity_comment_author_self {
	/*border-top:3px solid #e37235;
	border-bottom:3px solid #e37235;*/
	border-top:3px solid #aa034d;
	border-bottom:3px solid #aa034d; }

/* style for even numbered comments*/
.comment_evenbox {
	margin:0 0 10px 0;
	padding:0;
	/*border-top:1px solid #5f90ba;*/
	border-bottom:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
}

/* style for odd numbered comments*/
.comment_oddbox {
	margin:0 0 10px 0;
	padding:0;
	/*border-top:1px solid #c0c0c0;*/
	border-bottom:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
}

/********* End of Comment Styles *********/



/********* Comment Form *********/

/* container style for entire comment form */
.serendipity_commentForm {
	font-size: 13px;
	color: #404040;
	margin-bottom: 13px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF; }

/* style for name, email etc fields in comments form */
td.serendipity_commentsLabel {
	font-size: 12px;
	font-weight: bold;
	vertical-align: top; }

/* styles for input boxes in comments form */
td.serendipity_commentsValue input, td.serendipity_commentsValue select, td.serendipity_commentsValue textarea {
	font-size: 12px;
	padding: 2px; }

/********* End of Comment Form *********/




/********* Sidebar Styles *********/

/* container style for individual sidebar blocks */
div.serendipitySideBarContent {
	margin:0 0 10px 0;
	padding:0;
	font-size: 12px;
	font-weight:normal;
}

/* style for each sidebar title */
.serendipitySideBarTitle {
	line-height:0.85em;
	color: #999;
	margin:0 0 4px 0;
	text-transform:lowercase;
	display:block;
	font-size:.9em;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 0 12px; 
}

/* style for the powered by sidebar entry */
div.serendipityPlug img {
	padding-left:5px; }

/* style for the powered by link */
div.serendipityPlug a {
	text-decoration: none;
	border: 0px; }

/* style for input and select drop downs in sidebar */
.serendipitySideBarContent input, .serendipitySideBarContent select {
	width:150px; }

/* style for side bar date eg recent entries plugin */
.serendipitySideBarDate {
	line-height:0.9em; }

/********* End of Sidebar Styles *********/

table.serendipity_archives {
	width:190px;
	height:166px;
	padding-right:3px;
	background: url(templates/clubcamif/img/fond-archives.gif) no-repeat;
}


/********* Calendar Styles *********/

#calendar {
	width:180px;
	height:166px;
	padding:0 3px 0 7px;
	background: url(templates/clubcamif/img/fond-calendar.gif) no-repeat;
}
/* style for entire table in calendar plugin */
table.serendipity_calendar {
	width:170px;
	height:164px;
	/*height:166px;
	padding-right:3px;
	background: url(templates/clubcamif/img/fond-calendar.gif) no-repeat;*/
}


/* container style for calendar table rows */
table.serendipity_calendar td {
	text-align:center;
	padding:0;
	margin:0;
}

/* style for calendar date links */
table.serendipity_calendar a {
	font-weight: bold;
	text-decoration:none; 
	color:#FFFFFF;
}

/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
	text-decoration: underline;
}

/* style for calender header row */
.serendipity_calendarHeader {
/*background:#235587;*/
 }

/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
	border: 0;
	color:#fffff;
	text-decoration: none; 
}

/* style for calendar weekday names */
td.serendipity_weekDayName {
	width:187px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:500;
	color:#b4b4b4;
}

/* style for calendar day rows */
td.serendipity_calendarDay {
	color:#b4b4b4;
	font-size:11px;
	padding:0;
	margin:0; 
}

/* separate style for today's date */
td.Today {
color:#FFFFFF;
font-weight:bold;
}

/* styles for calendar days rows */
.row1 {padding:1px;/*background: #ddecfb;*/ }
.row2 {padding:1px;/*background: #e2eefb;*/ }
.row3 {padding:1px;/*background: #e7f1fb;*/ }
.row4 {padding:1px;/*background: #ecf3fb;*/ }
.row5 {padding:1px;/*background: #f1f6fb;*/ }
.row6 {padding:1px;/*background: #f6f8fb;*/ }

/********* End of Calendar Styles *********/





/********* Embedded images with the s9y image manager *********/

/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
	border: 1px solid #DDDDDD;
	background-color: #EFEFEF;
	margin: 3px;
	padding: 3px;
	text-align: center; }

/* style to center image and text within entry */
.serendipity_imageComment_center {
	margin: auto; }

/* style to left align image and text within entry */
.serendipity_imageComment_left {
	float: left; }

/* style to right align image and text within entry */
.serendipity_imageComment_right {
	float: right; }

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
	margin: 0px;
	padding: 0px;
	border:none;
	text-align: center; }

/* styles for the text below the image if used */
.serendipity_imageComment_txt {
	border-top: 1px solid #DDDDDD;
	margin: 0px;
	padding: 3px;
	clear: both;
	font-size: 8pt;
	text-align: center; }

/********* End of Media Manager Styles *********/





/********* Plugin Styles *********/

/* container for search results, static page navigation and s9y no entries message */
.serendipity_search, .staticpage_navigation, .serendipity_overview_noentries {
	font-family: arial, helvetica, sans-serif;
	color: #333;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	width:520px;
	font-size: 9.5pt;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding:30px 12px 30px 12px; 
}

/* style for input box for quicksearch */
#serendipityQuickSearchTermField {
	width:70%;
	margin-top:10px!important;
	margin:0;
	padding:0; }

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

/* style for freetag items above entries */
.serendipity_freetag_taglist {
	margin:10px 0 20px 0;
	padding:15px;
	font-size: 80%;
	color:#505050;
	border: 1px solid #c0c0c0;
	background-color: #fafbfc;
	line-height:1.5em;
	text-align: justify; }

/* container for freetag plugin in entry footer */
.serendipity_freeTag {
	margin-top:10px;}

/* style for the rss feed image in freetag plugin */
img.serendipity_freeTag_xmlButton {
	border:none;
	padding-left:2px; }

/* container for karma vote plugin */
.serendipity_karmaVoting {
	margin-top:3px;
	padding:0;
	float:left;
}

/* allows additional styling for top exits text in karma plugin */
.serendipity_karmaVoting_exits {
	}

/* style for number of top exits in karma plugin */
.serendipity_karmaVoting_exits_num {
	}

/* style for karma plugin 'Karma for this article:' and vote links */
.serendipity_karmaVoting_text {}

/* style for vote links in karma plugin */
.serendipity_karmaVoting_links {
	display:block;
	float:left;
	clear:left;
	margin-right:5px;
}

/* style for karma plugin text and vote line */
.serendipity_karmaVoting_current, .serendipity_karmaVoting_visits {}

/* style for the separator '|' in the karma plugin top exits */
.serendipity_karmaVoting_exits_sep, .serendipity_karmaVoting br {
	display:none; }

/* container for comments plugin within sidebar */
.container_serendipity_plugin_comments {
	color:#333; }

/* style for line break in comments plugin */
.container_serendipity_plugin_comments br {
	line-height:0.5em; }

/* container for individual comment within sidebar */
.plugin_comment_wrap {
	display:block;
	margin:15px 0 0 0;
	border-top:1px solid #ddecfb;
	border-bottom:1px solid #ddecfb;
	background-color:#fafbfc;
	color:#505050; }

/* style for comment body within sidebar */
.plugin_comment_body {
	font-style:oblique; }

/********* End Plugin Styles *********/