/* 
	Theme Name: Collide
	Author: Orykeene / Delphine TIROLE
	Description: Personnal theme for Collide blog by Delphine TIROLE
	Tags: simple, collide, Delphine Tirole

	
*/

*{
margin:0px;
padding:0px;
}

ul{
list-style:none;
}



body {
	background-image:url(images/bgContent.jpg);
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0 auto;
	line-height:20px;
	color:#aca691;
}

#header{
background-image:url(images/bgHeader.jpg);
width:100%;
height:272px;
}

h2{
margin-bottom:19px;
font-size:22px;
color:#f1a9c6;
font-weight:bold;
}

h3{
color:#c52968;
font-weight:bold;
font-size:18px;
margin-bottom:12px;
margin-top:25px;
}

h4{
margin-bottom:21px;
font-size:18px;
color:#f1a9c6;
font-weight:bold;
}

.blogrollTitle{
margin-bottom:14px;
}

h2 a{
color:#f1a9c6;
font-weight:bold;
font-size:18px;
}

h2 a:hover{
color:#be4b89;
}

a{
text-decoration:none;
color:#9cbaff;
}
a:hover{
color:#f7b7ff;
}

.clear{
clear:both;
height:0px;
}

.invisible{
display:none;
}

.blogPost{
display:block;
width:280px;
float:left;
margin-top:41px;
margin-right:25px;
margin-bottom:-4px;
}


.footerBlock{
display:block;
width:280px;
float:left;
margin-right:25px;
text-align:center;
margin-top:65px;
}

.footerBlock p{
font-style:italic;
font-size:14px;
}

.footerDisplay{
display:block;
height:160px;
margin-bottom:34px;
text-align:left;
font-size:18px;
}

div.footerDisplay p{
font-size:16px;
line-height:25px;
}

div.footerDisplay p a{
color:#71c4ff;
}

div.footerDisplay p a:hover{
color:#f7b7ff;
}

.footerDisplayFlickr{
margin-top:-1px;
display:block;
height:172px;
margin-right:-18px;
text-align:left;
margin-bottom:26px;
}


.blogDisplay{
display:block;
height:139px;
margin-bottom:17px;
overflow:hidden;
padding-top:2px;
}

.container{
width:890px;
margin:0px auto;
}

.container2{
width:915px;
margin:0px auto;
padding-left:26px;
}

#footer{
background-image:url(images/bgFooter.jpg);
width:100%;
height:531px;
margin-top:22px;
}

#mainTitle{
display:block;
width:266px;
height:128px;
background-image:url(images/collideTitle.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin:0 auto;
padding-top:60px;
}

a#mainTitle:hover{
background-image:url(images/collideTitle_over.jpg)
}

#topBar{
display:block;
background-image:url(images/topbar.gif);
width:100%;
height:2px;
}

#bottomBar{
display:block;
background-image:url(images/bottomBar.gif);
width:100%;
height:2px;
margin-top:52px;
margin-bottom:25px;
}

#menuBar{
display:block;
width:643px;
margin:0 auto;
margin-top:27px;
padding-bottom:46px;
}

p.special{
color:#fadce8;
font-style:italic;
font-size:14px;
font-weight:bold;
text-align:center;
}

p.commentaire{
display:block;
height:14px;
color:#3b5fb4;
font-size:18px;
font-style:normal;
line-height:8px;
font-weight:bold;
text-align:right;
}

p.commentaire a{
color:#3b5fb4;
}

span.ligne{
float:left;
display:block;
width:254px;
height:13px;
background-image:url(images/bg_comment.gif);
background-repeat:repeat-x;
}

p.commentaire a:hover{
color:#f7b7ff;;
}

a.readMore{
display:block;
width:78px;
height:16px;
background-image:url(images/readMore.jpg);
background-repeat:no-repeat;
margin:0 auto;
}

a.readMore:hover{
background-image:url(images/readMore_over.jpg)
};

div#navigation{
display:block;
width:210px;
margin:0 auto;
text-align:center;
margin-top:49px;
}

.heart{
color:#f1a9c6;
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

div#navigation p a{
font:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
}


div#menuBar ul li{
display:inline;
}

a#twitter{
display:block;
background-image:url(images/followTwitter.jpg);
width:224px;
height:89px;
background-repeat:no-repeat;
margin:0 auto;
margin-top:55px;
margin-bottom:29px;
}

a#twitter:hover{
background-image:url(images/followTwitter_over.jpg);
}

a#phonographe{
display:block;
background-image:url(images/lastFm.jpg);
width:194px;
height:220px;
background-repeat:no-repeat;
margin:0 auto;
margin-top:28px;
margin-bottom:0px;
}

a#phonographe:hover{
background-image:url(images/lastFm_over.jpg);
}

#flickr{
display:block;
background-image:url(images/flickries.jpg);
width:78px;
height:18px;
background-repeat:no-repeat;
margin:0 auto;
margin-bottom:27px;
}

a.flickrImg img{
padding:3px;
background-color:#bee4ff;
margin-right:18px;
margin-bottom:10px;
}

a:hover.flickrImg img{
background-color:#f7b7ff;
}

a#flickr-feed{
display:block;
background-image:url(images/flickrFeed.jpg);
width:123px;
height:19px;
background-repeat:no-repeat;
margin:0 auto;
}

a#flickr-feed:hover{
background-image:url(images/flickrFeed_over.jpg);
}

a#blog-list{
display:block;
background-image:url(images/allDearBlogs.jpg);
width:176px;
height:19px;
background-repeat:no-repeat;
margin:0 auto;
}

a#blog-list:hover{
background-image:url(images/allDearBlogs_over.jpg)
}

#blogroll{
display:block;
background-image:url(images/dearBlogs.jpg);
width:99px;
height:22px;
background-repeat:no-repeat;
margin:0 auto;
margin-bottom:27px;
}

#copyright{
margin-top:15px;
margin-bottom:30px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#8aafff;
font-size:18px;
font-style:italic;
font-weight:bold;
text-align:center;
}

li#aboutBtn{
display:block;
background-image:url(images/about_btn_over.jpg);
width:79px;
height:21px;
background-repeat:no-repeat;
margin-right:15px;
float:left;
}

li#contactBtn{
display:block;
background-image:url(images/contact_btn_over.jpg);
width:103px;
height:21px;
background-repeat:no-repeat;
margin-right:15px;
float:left;
}

li#archivesBtn{
display:block;
background-image:url(images/archives_btn_over.jpg);
width:111px;
height:21px;
background-repeat:no-repeat;
margin-right:15px;
float:left;
}

li#categoriesBtn{
display:block;
background-image:url(images/categories_btn_over.jpg);
width:136px;
height:21px;
background-repeat:no-repeat;
margin-right:15px;
float:left;
}

li#listographyBtn{
display:block;
background-image:url(images/listography_btn_over.jpg);
width:154px;
height:21px;
background-repeat:no-repeat;
float:left;
}

a#aboutBtn{
display:block;
background-image:url(images/about_btn.jpg);
width:79px;
height:21px;
background-repeat:no-repeat;
margin-right:15px;
float:left;
}

a:hover#aboutBtn{
background-image:url(images/about_btn_over.jpg);
}

a#contactBtn{
display:block;
background-image:url(images/contact_btn.jpg);
width:103px;
height:21px;
background-repeat:no-repeat;
margin-right:15px;
float:left;
}

a:hover#contactBtn{
background-image:url(images/contact_btn_over.jpg);
}

a#archivesBtn{
display:block;
background-image:url(images/archives_btn.jpg);
width:111px;
height:21px;
background-repeat:no-repeat;
margin-right:15px;
float:left;
}

a:hover#archivesBtn{
background-image:url(images/archives_btn_over.jpg);
}

a#categoriesBtn{
display:block;
background-image:url(images/categories_btn.jpg);
width:136px;
height:21px;
background-repeat:no-repeat;
margin-right:15px;
float:left;
}

a:hover#categoriesBtn{
background-image:url(images/categories_btn_over.jpg);
}

a#listographyBtn{
display:block;
background-image:url(images/listography_btn.jpg);
width:154px;
height:21px;
background-repeat:no-repeat;
float:left;
}

a:hover#listographyBtn{
background-image:url(images/listography_btn_over.jpg);
}

/*     SINGLE     */
.blogPostSingle{
display:block;
width:585px;
float:left;
margin-top:41px;
margin-right:25px;
margin-bottom:-4px;
}

.single{
font-size:15px;
line-height:22px;
}

.single ul, li{
list-style-image:url(images/puce.gif);
list-style-position:inside;
}

ul#archivesList{
list-style-image:url(images/puce2.jpg);
list-style-position:inside;
}

ul#archivesList li{
font-size:16px;
font-style:italic;
padding-bottom:6px;
color:#fadce8;
}

ul#archivesList li a{
color:#71c4ff;
}

ul#archivesList li a:hover{
color:#f7b7ff;
}

ul.blogroll{
font-size:15px;
color:#fadce8;
}

ul.blogroll li{
padding-bottom:5px;
}

ul.blogroll li a{
color:#71c4ff;
}

ul.blogroll li a:hover{
color:#f7b7ff;
}

.single img{
margin-top:15px;
margin-bottom:15px;
}

.single li{
padding-bottom:5px;
}

#music{
font-weight:normal;
}

.post{
margin-top:35px;
text-align:left;
color:#fadce8;
font-style:italic;
font-size:14px;
font-weight:bold;
line-height:28px;
}

.date{
display:block;
border-bottom:#743d53 solid 1px;
padding-bottom:4px;
margin-bottom:3px;
}

#blogPostComment{
margin-top:79px;
display:block;
width:280px;
float:left;
}

h3#archives{
display:block;
width:157px;
height:19px;
background-image:url(images/archives.jpg);
margin-bottom:30px;
margin-top:-40px;
}

h3#categories{
display:block;
width:183px;
height:19px;
background-image:url(images/categories.jpg);
margin-top:-1px;
margin-bottom:-17px;
}

h3#comments{
display:block;
width:147px;
height:19px;
background-image:url(images/commentList.jpg);
margin-bottom:16px;
margin-top:0px;
}

h3#blogroll{
display:block;
width:106px;
height:19px;
background-image:url(images/blogroll.jpg);
margin-top:39px;
margin-bottom:-17px;
float:left;
}

h3#postComment{
display:block;
width:145px;
height:19px;
background-image:url(images/commentForm.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin-bottom:16px;
padding-top:8px;
}

h3#contact{
display:block;
width:96px;
height:19px;
background-image:url(images/contact.jpg);
margin-bottom:14px;
margin-top:30px;
}

.commentlist{
list-style:none;
}


.comment-author{
margin-bottom:4px;
}

.comment-body{
margin-bottom:30px;
}

.date-comment{
color:#3b5fb4;
font-size:12px;
font-style:italic;
font-weight:bold;
}

cite{
font-size:20px;
color:#c5b990;
font-weight:normal;
font-style:normal;
}

cite a{
color:#9e9cff;
}

#commentform, #contactform{
font-style:italic;
}

.bg-item-form{
width:70px;
text-align:left;
display:block;
float:left;
color:#fadce8;
font-size:14px;
margin-bottom:15px;
font-weight:bold;
}

#commentform input{
float:left;
display:block;
width:210px;
border:none;
border-bottom:1px #3b5fb4 solid;
padding-bottom:1px;
color:#fadce8;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
background:none;
}

#commentform textarea{
width:280px;
border:1px #3b5fb4 solid;
height:104px;
color:#fadce8;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
padding:3px;
font-style:normal;
margin-top:20px;
line-height:20px;
background:none;
}

#commentform #submit{
background:none;
border:none;
text-align:center;
color:#9cbaff;
font-weight:bold;
display:block;
width:170px;
margin-left:65px;
margin-top:10px;
}

#commentform #submit:hover{
color:#f7b7ff;
cursor:pointer;
}

div#navComment{
display:block;
width:257px;
margin:0 auto;
text-align:center;
margin-top:8px;
margin-bottom:-20px;
}

div#navComment p{
color:#753d54;
font:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:15px;
}

div#navComment p a{
font:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.item-formcontact{
width:70px;
text-align:left;
display:block;
float:left;
color:#fadce8;
font-size:14px;
margin-bottom:15px;
font-weight:bold;
}

.quizz{
width:145px;
}

#contactform input{
float:left;
display:block;
width:208px;
border:none;
border-bottom:1px #3b5fb4 solid;
padding-bottom:1px;
color:#fadce8;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
background:none;
}

#contactform input.quizz{
width:135px;
}

#contactform textarea{
width:280px;
border:1px #3b5fb4 solid;
height:104px;
color:#fadce8;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
padding:3px;
margin-top:20px;
line-height:20px;
background:none;
font-style:normal;
}

#contactform #submit{
background:none;
border:none;
text-align:center;
color:#9cbaff;
font-weight:bold;
display:block;
width:170px;
margin-left:65px;
margin-top:10px;
}

#contactform #submit:hover{
color:#f7b7ff;
cursor:pointer;
}

.violet{
color:#c62968;
line-height:15px;
}

.CategoriesList{
display:block;
width:610px;
float:left;
margin-top:41px;
}

p.tags{
color:#d5b7c3;
height:54px;
padding-top:5px;
border-bottom:1px #3b5fb4 solid;
padding-bottom:11px;
}

a.browseCat{
display:block;
background-image:url(images/browse_cat.jpg);
background-repeat:no-repeat;
width:162px;
height:16px;
margin:0 auto;
margin-top:11px;
}

a.browseCat:hover{
background-image:url(images/browse_cat_over.jpg);
}

li.comment{
list-style-image:url(images/puce.gif);
list-style-position:outside;
margin-left:18px;
padding-left:2px;
}