/*  

Description: Blog Petit Mariage entre Amis 
Version: 1.0
Author: Millon Loic 
Author URI: http://www.webondemand.fr

*/


/*  ---------------------- global ---------------- */

*{margin:0; padding:0;}

:focus {
	outline: 0;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear:both;
	padding:0;
	margin:0;
}



a img { border:none;} 

h1, h2, h3, h4, h5, h6 {

color:#454545;	
	font-weight: bold;
	margin-bottom: 0.5em;
  line-height: 1.4em;

	}
h2 a{
color:#D277CC;	
font-size: 25px;
text-decoration:none;
display:block;
width: 100%;
border-bottom:1px dotted #b15ca5;
}
h2 a:hover{
color:#812476;
text-decoration:none;
}
#sidebar h2{
font-size: 1.2em;
color:#fff;
font-weight:bold;
}
h2.pagetitle{
color:#822078;
margin-left:68px;
font-weight:normal;
font-size: 20px;
margin-left: 70px;
}
h3{
color:#454545;	
font-size: 1.5em;
text-decoration:none;
display:block;
font-weight:normal;
}
.cat-item, .page_item, #archives li, #recent_comments li, #recent_posts li, #pages li, #categorys li{
border-bottom:1px solid #b15ca5;
padding:0px 0 2px 1px;
text-decoration:none;
}
.cat-item a, .page_item a, #archives a, #recent_comments a, #recent_posts a, #pages a, #categorys a, .cat-item a:hover, .page_item a:hover, #archives a:hover, #recent_comments a:hover{
text-decoration:none;
}
.cat-item a:hover, .page_item a:hover, #archives a:hover, #recent_comments a:hover, #recent_posts a:hover, #pages a:hover, #categorys a:hover{
color:#FA9DE4;
}

/* End Typography & Colors */
/* Begin Structure */
#content #list_blog{
  float:left;
  width: 730px;
  margin-left: -70px;
}  
#content #sidebar{
  background: url('/images/blog/bg_sidebar_middle.jpg') repeat;
  width: 224px;
  float: left;
  margin-left: 20px;
}
#content #sidebar_top{
  background: url('/images/blog/bg_sidebar_top.jpg') no-repeat top left;
  width: 224px;
  height: 100%;
  padding-top: 80px;
  margin-top: -80px;
}
#content #sidebar_bottom{
  background: url('/images/blog/bg_sidebar_bottom.jpg') no-repeat bottom left;
  width: 224px;
  padding: 10px 0 80px 30px;
}
#content #sidebar ul  {
list-style-type: none;
width:100%;
}
#content #sidebar ul li a:hover {
color:#7A1D78;
}


.post{
background: url('/images/blog/bg_post.jpg') no-repeat bottom right;
width:100%;
}
.post_wide{
background: url('/images/blog/bg_post.jpg') no-repeat bottom right;
width: 635px;
margin-left: 70px;
padding: 25px 25px 25px 0;
}

.entry{
margin-bottom:15px;
float:left;
}
.entry p, .entry blockquote{	
margin-bottom: 10px;
}
.entry blockquote p{
background:#f3def1;
border:3px solid #f1f1f1;
padding:5px;
float:left;
margin-bottom: 0px;
width:564px;
}
.img_preview_r{
float:right; 
margin:0 0 15px 15px;
border:4px solid #fff;
}
.img_preview_l{
float:left; 
margin:0 15px 15px 0;
border:4px solid #fff;
}
.date{
background: url('/images/blog/bg_date.png') no-repeat;
width:74px;
height:91px;
float:left;
text-align:center;
padding-top:10px;
margin-top:15px;
padding-left:4px;
color:#fff;
}
.day{
font-size:35px;
line-height:110%;
}
.month{
font-size:11px;
text-transform:uppercase;
line-height:100%;
}
.year{
font-size:14px;
line-height:100%;
}
.description{
float:left;
width:605px;
padding:15px 15px 15px 15px;
}
.comment_number{
background: url('/images/blog/comment.png') no-repeat;
width:17px;
height:22px;
padding:0 0 0 10px;
float:left;
color:#fff;
}

/*  ---------------  COMMENT   -------------------   */
#commentform label{
font-size:1.2em;
display:block;
font-weight:bold;
}
.commentlist{
list-style-type: none;
}
.commentlist li{
border-top:1px dotted #db88d2;
margin-top:30px;
padding-top:5px;
}
.commentlist img{
float:left;
margin:0 5px 3px 0;
}
border-bottom:1px solid #b15ca5;
.comment-meta{
margin-bottom:7px;
color:#454545;
font-size:0.85em;
}
.commentlist a{
color: #b54ba3;
text-decoration:none;
}
.commentlist a:hover{
color: #7D1F71;
text-decoration:none;
}


/*  ---------------  SIDEBAR   -------------------   */
#recent_posts small{
font-size:0.85em;
color:#454545;
}
a.sidebar_link{
text-decoration:underline;
}
a.sidebar_link:hover{
}

/*  ---------------  SEARCH   -------------------   */

#searchform {
width: 220px;
height: 29px;
background: url('/images/blog/bar_search_100.png') no-repeat 0 0;
}

#searchform #s {
padding: 8px 0 0 5px;
width: 185px;
color: #999;
font-size: .9em;
background: transparent;
border: none;
}

#searchform #searchsubmit {
padding: 5px 0;
vertical-align: top;
}


/*  ---------------  FORM   -------------------   */
.submit_tag{
border:2px solid #822078;
background:#A62E9A;
color:#fff;
font-size:15px;
padding:3px; 5px;
cursor:pointer;
}


/*  ---------------  FORM   -------------------   */
.navigation{
  margin-top:15px;
}
.navigation .alignleft{
  float:left;
  margin-left:70px;
}
.navigation .alignright{
  float:right;
  margin:0;
}