/*
Theme Name: Fondation Sonnenhof
Theme URI: 
Description: Adaptation de la charte graphique pour la Fondation Sonnenhof par CWL online</small>
Version: 1.0
Author: Julien Labeaume
Author URI: 
*/ 
* { margin: 0; padding: 0; }

body { 
font-size: 62.5%; 
font-family: 'Lucida Grande', Arial, Helvetica, Tahoma, sans;
color: #000;
background: #004895;
font-family: Arial, Helvetica, sans-serif; 
}

.alignright { float: right; margin: 0 0 5px 5px; }
.alignleft { float: left; margin: 0 5px 5px 0; }
.aligncenter { display: block; margin: 0 auto; text-align: center;}
.nodisplay { display: none; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#wrap {
width: 900px;
margin: 0 auto 20px auto;
background-color:#004895;
}

/*
#header { height: 58px; padding: 70px 20px 0; background: #000 url(./_img/bg_header.png); }
#header h1 { font-size: 3em; text-transform: uppercase; letter-spacing: -0.07em; }
#header h1 a { color: #FFF; }
#header .description { font-size: 1.3em; color: #CCC; }
*/
/*
#topnavi { margin: 0 9px; list-style-type: none; display: block; background: #ECECEF url(./_img/bg_topnavi.png) repeat-x top; overflow: hidden; height: 25px; border-bottom: 1px solid #CCC }
#topnavi li { float: left; padding: 6px 12px 4px; }
#topnavi li a { font-size: 1.1em; font-weight: bold; color: #444; }
*/
#featured { clear: both; margin: 0 9px; padding: 20px 0; background: #C7FF88 url(./_img/bg_featured.png) repeat-x top; border-bottom: 1px solid #CCC; position: relative; }
#featured div.star { position:absolute; bottom: -20px; left: -10px; width: 106px; height: 106px; background: url(./_img/featured_new.png) no-repeat bottom left; }
#featured .meta { float: left; display: inline; margin-left: 30px; width: 340px; text-align: right; padding: 0; }
#featured h1 { font-size: 2.2em; font-weight: bold; letter-spacing: -0.05em; }
#featured a { color: #000; padding: 0; background: none;}
#featured .meta small { color: #488833; display: block; padding: 0; font-size: 1em; }
#featured .meta abbr { margin: 0; background: none; }
#featured .meta a { color: #488833; }
#featured .meta h1 a { color: #000; }
#featured .entry-summary { padding: 0; margin: 0 20px 0 390px; font-size: 1.2em; line-height: 1.4; }
#featured .more-link { padding: 0; }

#main { 
overflow: hidden; 
clear: both; 
margin-top:15px;
background-color: #FFF;
}
#content {
float: left; 
display: inline; 
width: 620px; 
background: #FFF url(./_img/bg_content.png) no-repeat top right; 
padding: 30px; 
overflow: hidden;
}
#section { font-size: 2.5em; letter-spacing: -0.06em; text-transform: uppercase; color: #999; margin-bottom: 1em; }

.hentry { margin-bottom: 50px; }
.hentry a { font-weight: bold; color: #586C8D; }
.entry-title { font-weight: normal; font-size: 2.2em; letter-spacing: -0.04em; }
.entry-title a { font-weight: normal; color: #000; }
.hentry .meta { font-size: 1.1em; color: #666; margin-bottom: 1em; }
.hentry .meta abbr { margin-right: 15px; padding-left: 14px; background: url(./_img/icon_date.gif) no-repeat left 1px; }
.hentry .meta a { padding-left: 14px; background: url(./_img/icon_category.gif) no-repeat left 1px; }
.hentry .meta a.cmmtlink { background: url(./_img/icon_comments.gif) no-repeat left 1px; padding-left: 14px; margin-left: 15px; }
.entry-summary, .entry-content { font-size: 1.2em; line-height: 1.5; }
.entry-content { color: #333; }
.entry-content p, .entry-summary p { margin-bottom: 1em; }
.entry-content ul, .entry-content ol { margin: 0 0 1em 2em; }
.entry-content h2, .entry-content h3, .entry-content h4 { font-size: 1.6em; font-weight: normal; margin: 1em 0 0.5em; }
.entry-content img { padding: 2px; border: 2px solid #CED3DB; }
.entry-content code { font-size: 1.1em; }
.entry-content pre { width: 500px; overflow: auto; }
.entry-content blockquote { background: #E1E3E8; font-size: 1.1em; font-style: italic; padding: 10px; width: 420px; margin: 0 auto 1em;  }

#posts_link { font-size: 1.1em; overflow: hidden; margin-bottom: 2em;  }
#posts_link a { color: #586C8D; font-weight: bold; }
#linkpage { font-size: 1.2em; text-align: center; margin-bottom: 2em; }
#linkpage a { padding: 2px 4px; margin: 0 1px; border: 1px solid #AAA; color: #666; }
#linkpage a:hover { border-color: #CED3DB; color: #000; text-decoration: none; }

#trackbacks, #comments, #respond { font-size: 2em; font-weight: normal; margin-bottom: 1em; }
.trackbacklist { margin: 0 0 2em 1.75em; font-size: 1.2em;  color: #999; }
.trackbacklist a { color: #7A89A0; font-weight: bold; }
.trackbacklist a:hover { color: #222831; }
.commentlist { list-style-type: none; width: 450px; margin: 0 auto; font-size: 1.2em; line-height: 1.5; }
.commentlist a { color: #222831;  font-weight: bold; }
.commentlist p { margin-bottom: 1em; }
.commentlist li { margin-bottom: 30px; padding: 20px 0 0; background: #D2D6DD url(./_img/comments_even_top.png) no-repeat top; }
.commentlist li .commenttext { padding: 0 20px 0; color: #37404D; }
.commentlist li .commentmeta { padding: 32px 75px 0 0; height: 19px; text-align: right; background: url(./_img/comments_even_bottom.png) no-repeat top; font-size: 0.9em; color: #222831; }
.commentlist li .commentmeta span { color: #999; }
li.odd { background: #E1E3E8 url(./_img/comments_odd_top.png) no-repeat top; }
li.odd .commentmeta { background: url(./_img/comments_odd_bottom.png) no-repeat top; }
li.author { background: #C7FF88 url(./_img/comments_author_top.png) no-repeat top; }
li.author .commentmeta { background: url(./_img/comments_author_bottom.png) no-repeat top; }

#commentform { width: 450px; margin: 0 auto; }
#commentform fieldset { background: #CED3DB; border: 1px solid #AAA; padding: 10px; }
#commentform div { clear: both; overflow: hidden; margin-bottom: 5px; }
#commentform label,
#commentform p { font-size: 1.2em; padding: 2px 0; color: #222; }
#commentform a { font-weight: bold; color: #37404D; }
#commentform div label { float: left; width: 45%; }
#commentform label small { color: #666; }
#commentform div input { float: right; width: 50%; background: #DFE4EC; border: 1px solid #BBB; padding: 2px 5px; }
#commentform textarea { width: 416px; margin: 10px 0; padding: 5px; background: #DFE4EC; border: 1px solid #BBB; }
#commentform div input:focus,
#commentform textarea:focus { background: #FFF; }
#commentform #submit { width: 100%; color: #333; margin-bottom: 10px; }

#sidebar { 
list-style-type: none; 
float: right; 
display: inline; 
width: 180px; 
background: #004895 url(./_img/bas-sidebar.png) no-repeat bottom left; 
padding: 20px 20px 0; 
}
#sidebar li { display: inline; }
#sidebar h2 { font-size: 1.6em; color: #FFCC00; }
#sidebar ul { font-size: 1.2em; list-style-type: none; margin-bottom: 30px; }
#sidebar ul a { display: block; border-bottom: 1px solid #BDC2CA; line-height: 2; color: #fff; padding-left: 18px; }
#sidebar ul a:hover { color: #FF9800; text-decoration: none; }
#sidebar ul ul { font-size: 1em; }
#sidebar a  img{ border:0; }
#categories a { background: url(./_img/icon_category.gif) no-repeat 2px center; }
#archives a { background: url(./_img/icon_archives.gif) no-repeat 2px center; }
.linkcat a { background: url(./_img/icon_blogroll.gif) no-repeat 2px center; }
#pages a { background: url(./_img/icon_pages.gif) no-repeat 2px center; }
#meta a { background: url(./_img/icon_meta.gif) no-repeat 2px center; }

#searchform { margin-bottom: 30px; text-align:center; }
#searchform fieldset { border: none; }
#searchform #s { width: 146px; background: #DFE4EC; border: 1px solid #BBB; padding: 2px; }



/* Calendrier */

#sidebar table#wp-calendar {
	border-top: 0;
	color: #FFF;
	font-size: 1em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar table#wp-calendar caption{
	margin: 0 auto;
	background-color: #0A396D;
	height: 2em;
	line-height: 2em;
}

#sidebar table#wp-calendar th{
	color: #FFCC00;
	background: transparent;
}

#sidebar table#wp-calendar td{
	width: 14%;
	line-height: 2em;
	border: 0px;
}

#sidebar table#wp-calendar td a{
	display: block;
	background: #021b38;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#sidebar table#wp-calendar td a:hover{
	background: #FFCC00;
	color: #000;
}

/* Pied de page */
#footer{
	padding: 1ex 1em 1ex 1em;
	margin : 0;
	clear: both;
	margin: 0;
	padding: 1em;
	background: #0a396d;
	color: #666;
}
#footer img{
   vertical-align: middle;
   display: inline-block; 
}
#footer p{
   vertical-align: middle;
   display: inline-block; 
   line-height: 25px; 
}


#footer a{
	color: #fff;
	background: none;
}