/*
Theme Name: Easylangues
Description: Thème du blog du Centre Easylangues
Author: Jeremy Fache
Author URI: http://jeremy.fache.fr
Version: 1.0
*/


@import url('css/blueprint/screen.css');
@import url('css/utils.css');
@import url('css/blog-post.css');

body {
  background:#33648C repeat-x center bottom fixed;
}
#fond1{
  background:#33648C url('images/body_bgstages.jpg') repeat-x center bottom fixed;
}
#fond2{
  background:#33648C url('images/body_bgstages.jpg') repeat-x left center fixed;
}

#page {
  background:#FFF;
  -webkit-box-shadow: 0 0 5px #292929;
  -moz-box-shadow: 0 0 5px #292929;
  box-shadow: 0 0 5px #292929;
  width:984px;
  margin:35px auto 0;
}

.container {
  width:984px;
}

a {
  color:#3764AA;
  text-decoration:none;
}
a:hover {
  color:#3764AA;
  text-decoration:underline;
}

/* =Header */
#header {
  position:relative;
  margin-bottom:30px;
}
#header-mask {
  position:absolute;
  left:-16px;
  top:-39px;
}
#logo img {
  padding:10px 0 10px 80px;
  display:block;
}
#logo h1,
#logo div {
  margin:0;
  position:relative;
}

#search {
  color:#FFF;
  position:absolute;
  top:-25px;
  right:0;
}

#today {
  float:left;
  margin-right:40px;
}

#searchform {
  position:relative;
  background:url('images/search_bg.png') no-repeat;
  width:169px;
  height:24px;
  overflow:hidden;
  float:left;
  margin-top:-5px;
}

#s {
  margin:0;
  background:none;
  border:0;
  padding:4px 0 0 25px;
}
#searchsubmit {
  position:absolute;
  left:0;
  top:0;
  background:transparent;
  border:0;
  width:20px;
  height:20px;
  text-indent:-9999px;
  cursor:pointer;
}

label.screen-reader-text {
  display:none;
}

#tagline {
  font:bold 14px Arial;
  color:#e06c2d;
  border-bottom:1px solid #ddd;
  margin-bottom:20px;
}

/* =Access */
#access {
  position:relative;
  background:url('images/access_bg.jpg') repeat-x;
  height:45px;
}
#access-left,
#access-right {
  position:absolute;
  background:url('images/access_bg_left.png') no-repeat;
  width:24px;
  height:64px;
}
#access-left {
  left:-24px;
}
#access-right {
  right:-24px;
  top:0;
  background-image:url('images/access_bg_right.png');
}

#access ul {
  margin:0;
  padding:0;
  list-style:none;
}
#access li {
  float:left;
  margin:3px 5px;
}

#access a {
  text-transform:uppercase;
  color:#FFF;
  display:block;
  text-decoration:none;
  line-height:39px;
  padding:0 15px;
}
#access li:hover {
  background:url('images/access_li_hover_bg.jpg') no-repeat 100%;
}
#access a:hover {
  background:url('images/access_a_hover_bg.jpg') no-repeat left;
}

/* =Content */
#content {
  width:610px;
  float:left;
  padding-left:20px;
}

/* =Sidebar */
#sidebar {
  width:314px;
  margin-left:40px;
  float:left;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}

.gravatar {
  float:left;
  margin:0 10px 10px 0;
}

/* =Widgets */
.widget-title {
  color:#FFF;
  background:url('images/widget_title_bg.jpg') repeat-x;
  height:34px;
  line-height:34px!important;
  font:bold 16px Arial;
  padding-left:22px;
  margin-left:-12px;
}

.widget-container {
  margin:0 0 20px 0;
}

#sidebar #follow {
  text-align:center;
}
#sidebar #follow img {
  margin-left:10px;
  vertical-align:middle;
}
#sidebar #follow {
  font:16px Arial;
  line-height:32px;
}

/* =Widget popular posts */

.widget-container.popular-posts li {
  overflow:hidden;
  margin-bottom:20px;
}
.widget-container.popular-posts img {
  float:left;
  padding:2px;
  border:1px solid #ccc;
}
.widget-container.popular-posts .wpp-post-title {
  display:block;
  margin-left:65px;
}

/* =Entry */
.entry-title {
  font:bold 22px Arial;
  margin-bottom:5px;
}

.entry-meta {
  margin-bottom:15px;
  text-transform:uppercase;
}

.more-link {
  display:block;
  float:right;
  margin:1.5em 0;
  font-weight:bold;
  font-size:1.1em;
  padding:0.4em 0.7em;
  background:url('images/more_link_bg.jpg') repeat-x;
  color:#FFF;
  border-radius:5px;
}

.more-link:hover {
  color:#eee;
}

.post {
  margin-bottom:20px;
  border-bottom:1px solid #ddd;
  overflow:hidden;
}

/* =Page */
.page-title,
h1 {
  font:bold 22px Arial;
}

h2 {
  font:bold 20px Arial;
}

h3 {
  font:bold 18px Arial;
}


a.parent-site {
  background:url('images/icon_easylangues.png') no-repeat;
  display:inline-block;
  padding-left:50px;
  height:37px;
  line-height:37px;
}
  

/* =Footer */
#footer {
  padding:2em 0;
  position:relative;
  margin-top:2em;
  border-top:5px solid #888;
}

#footer ul {
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
}

#footer li {
  display:inline;
  margin:0 10px;
}

#footer-logo {
  position:absolute;
  top:15px;
  left:15px;
}

/*= Comments */
.commentlist {
  list-style:none;
  margin:0;
  padding:0;
}

.comment {
  position:relative;
  padding-left:60px;
}

.avatar {
  position:absolute;
  left:0;
}

.comment-author {
  font-weight:bold;
}

#reply-title,
#comments-title {
  color:#3764AA;
  font-weight:bold;
}