/*
Theme Name : florent-mix
Theme URI : http://blog.reshape-music.com
Description : Le thème réalisé pour le blog de reshape-music.com, basé sur le thème de blackberry.
Version : 1.0
Author : Machen Florent
Author URI : http://www.prolegomene.fr
*/

/*généralité*/
body {
font  : 75%/150% "Helvetica","Arial",sans-serif;
color : rgb(0,0,1);
background : #000 url(images/bg.jpg) repeat-x top left;
margin : 0;
padding : 0;
}
#page {
margin : 20px auto;
width : 990px;
color : inherit;
background : #ffffff;
}
#page p img {
border : none;
margin-left : 10px;
margin-bottom : 10px;
padding : 0;
max-width : 99%;
}
a, a :visited {
color : #1f66ff;
background : inherit;
text-decoration : underline;
}
a :hover {
color : #1f66ff;
background : inherit;
text-decoration : none;
}
a img {
border : none;
}
p {
padding : 0 0 15px;
margin : 0;
}
h1, h1 a, h1 a :visited {
margin : 0;
height : 160px;
width : 135px;
font : normal 22px/100% "Helvetica","Arial",sans-serif;
color : #fc8f01;
background : inherit;
text-decoration : none;
font-variant : small-caps;
}
h1 a :hover {
color : #EB08AE;
background : inherit;
text-decoration : none;
}
h2 {
color : #2D324F;
background : inherit;
margin : 0 0 2px;
letter-spacing : -1px;
font : normal 190%/100% "Helvetica","Arial",sans-serif;
}
h2 a, h2 a :visited {
color : #2D324F;
background : inherit;
text-decoration : none;
}
h2 a :hover {
color : #EB08AE;
background : inherit;
text-decoration : none;
}
h3 {
font : normal 140%/100% "Helvetica","Arial",sans-serif;
color : #2D324f;
background : inherit;
margin : 10px 0 5px;
}
h4 {
font : normal 130%/100% "Helvetica","Arial",sans-serif;
color : #FC8F01;
background : inherit;
margin : 10px 0 5px;
}
form {
margin : 0;
padding : 0;
}
.justify {
text-align : justify;
}
.center {
text-align : center;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
.clear {
clear : both;
}
hr.clear {
clear : both;
visibility : hidden;
margin : 0;
padding : 0;
}
/*fin généralité*/
/*en tête*/
#header {
margin-top : 1em;
margin-left : 1em;
}
#sidebarsup {
float : right;
margin-top : 1.25em;
}
#rss2 {
margin-left : 15%;
}
/*module recherche*/
#recherche {
margin-left : 5px;
}
#searchform {
width : 280px;
}
#searchform #s {
width : 240px;
border-top : 1px solid #f6ba52;
border-right : none;
border-bottom : 1px solid #f6ba52;
border-left : 1px solid #f6ba52;
}
#searchform #searchsubmit {
width : 28px;
font : bold 12px "Helvetica","Arial",sans-serif;
color : #fff;
background : rgb(246,186,81);
background : url(images/ok.png) no-repeat center;
border : 1px solid #f6ba52;
}
/*menu*/
#nav ul {
padding : 0;
margin-top : 5px;
margin-left : 1em;
list-style : none;
}
#nav li {
float : left;
margin-right : 5px;
color : inherit;
background : inherit;
}
#nav li:hover {
float : left;
margin-right : 5px;
color : inherit;
background : #000;
}
#nav .current_page_item a, #nav .current_page_item a :visited {
color : #DF1B93;
background : inherit;
}
#nav .page_item a {
display : block;
width : 100px;
color : #fff;
background : #b4cecd;
font : 1.1em bold "Helvetica","Arial",sans-serif;
text-align : center;
text-decoration : none;
text-transform : uppercase;
}
/*fin en tete*/
/*pied de page*/
#footer {
clear : both;
background : #ffffff url(images/footer.gif) no-repeat bottom left;
color : #000000;
font-size : 95%;
line-height : 130%;
}
#footer a, #footer a :visited {
color : #000000;
background : inherit;
}
#footer .left-col {
width : 240px;
float : left;
margin-left : 10px;
}
#footer .right-col {
width : 220px;
float : right;
padding-right : 10px;
padding-left : 10px;
}
#footer h4 {
font : normal 146%/100% "Helvetica","Arial",sans-serif;
color : #000000;
background : inherit;
margin : 10px 0 5px;
}
/*fin de pied de page*/
#menuht li {
display : block;
float : left;
list-style : none;
}
/*barre menu lattéral*/
#sidebar {
float : right;
width : 310px;
border-top : 1px dashed #c5c2c5;
border-right : none;
border-bottom : 1px dashed #c5c2c5;
border-left : 1px dashed #c5c2c5;
}
#sidebar1 {
width : 145px;
margin : 0;
padding-left : 2%;
color : inherit;
background : inherit;
}
#sidebar2 {
float : right;
width : 145px;
margin : 0;
padding-left : 2%;
border-left : 1px dashed #c5c2c5;
}
#sidebar h3 {
display : block;
text-align : left;
font : normal 140%/100% "Helvetica","Arial",sans-serif;
color : #333;
background : inherit;
margin : 1.5em 0 0 0;
}
.ul-cat {
list-style : none;
margin : 0;
padding : 0;
}
.ul-cat li {
margin : 0;
padding : 0;
}
.ul-archives {
list-style : none;
margin : 0;
padding : 0;
}
.ul-archives li {
margin : 0;
padding : 0;
}
.recent-posts {
list-style : none;
margin : 0;
padding : 0;
}
.recent-posts li {
margin : 0;
padding : 0;
}
/*fin menu*/
/*accueil*/
#home {
margin : auto;
color : #ccc;
background : inherit;
text-align : justify;
font-size : 100%;
line-height : 120%;
}
.col {
width : 30%;
height : 245px;
float : left;
overflow : hidden;
margin : 2% 2% 0% 2%;
color : #000000;
background : inherit;
}
#content {
float : left;
margin : 1%;
width : 65%;
}
.art {
margin : auto;
color : #000;
background-color : inherit;
}
.post {
clear : left;
}
.post img {
max-width : 500px;
}
.post-date {
float : left;
margin-right : 0.5%;
width : 45px;
height : 49px;
color : #eb08ae;
background : inherit;
background : url(images/date-bg.gif) no-repeat;
}
.post-month {
font-size : 11px;
text-transform : uppercase;
text-align : center;
display : block;
line-height : 11px;
padding-top : 2px;
margin-left : -3px;
}
.post-day {
font-size : 21px;
font-weight : bold;
text-transform : uppercase;
text-align : center;
display : block;
line-height : 21px;
padding-top : 7px;
margin-left : -3px;
}
.entry {
float : left;
width : 64%;
margin-left : 2em;
}
.post-cat {
float : left;
color : #333;
background : inherit;
font-size : 95%;
}
.post-comments {
float : right;
color : #333;
background : inherit;
font-size : 95%;
}
.post-calendar {
padding-left : 20px;
float : right;
font-size : 95%;
color : #333;
background : inherit;
}
.post-content {
clear : both;
padding-top : 1%;
margin-bottom : 5%;
}
.auteur {
text-align : right;
margin-bottom : 4%;
}
.avatar {
float : left;
}
.navigation {
clear : both;
padding : 10px 0px;
}
.navigation a, .navigation a :visited {
color : #000000;
background : inherit;
}
.plusarticle {
clear : both;
padding : 10px 0px;
text-align : center;
}
.plusarticle a {
font-size : 160%;
color : #1f66ff;
background : inherit;
}
.previous-entries {
float : left;
color : #1f66ff;
background : inherit;
}
.next-entries {
float : right;
color : #1f66ff;
background : inherit;
}
#comments, #respond {
color : #f6aa41;
background : inherit;
padding-bottom : 15px;
}
.commentlist {
margin : 10px 0;
padding-left : 20px;
line-height : 130%;
}
.commentlist li {
padding : 5px 10px;
}
.commentlist .alt {
color : inherit;
background : #ffffff;
border : 1px solid #000000;
}
.commentlist cite, .commentlist cite a, .commentlist cite a :visited {
font-weight : bold;
font-style : normal;
font-size : 120%;
color : #FD66FB;
background : inherit;
}
.commentlist small {
margin-bottom : 5px;
display : block;
font-size : 87%;
}
#commentform {
font : 110% "Helvetica","Arial",sans-serif;
}
#commentform label {
float : left;
display : block;
width : 40%;
text-align : right;
font-size : 87%;
color : #000;
background : inherit;
margin-right : 10px;
}
#commentform input {
width : 40%;
color : inherit;
background : #fff;
border-top : none;
border-right : none;
border-bottom : 1px solid rgb(0, 0, 0);
border-left : 1px solid rgb(0, 0, 0);
margin-top : 1px;
}
#commentform textarea {
width : 300px;
height : 115px;
color : inherit;
background : #fff;
border : 1px solid #2D324F;
padding : 2px;
margin-top : 3px;
}
#commentform textarea :focus, #commentform input[type="text"] :focus {
color : inherit;
background : #fff;
}
#commentform #submit {
width : 100%;
font : bold 12px "Helvetica","Arial",sans-serif;
color : #000;
background : #fff;
border : 1px solid rgb(0, 0, 0);
}
.recently-commented {
list-style : none;
margin : 0;
padding : 0;
font-size : 92%;
line-height : 110%;
}
.recently-commented li {
background : url(images/com.gif) no-repeat;
padding : 0 0 10px 20px;
}
.recently-commented a {
font-size : 115%;
line-height : 130%;
font-weight : bold;
}
#credits {
margin : 1px auto;
width : 960px;
height : 20px;
color : #ffffff;
background : inherit;
font-size : 90%;
line-height : 10px;
}
#credits a, #credit a :visited {
color : #ffffff;
background : inherit;
}
.rss {
background : url(images/rss.gif) no-repeat left center;
padding-left : 18px;
padding-bottom : 0;
margin-left : 8px;
}
.reagissez {
float : left;
width : 300px;
}
.envoimp {
float : right;
width : 300px;
color : black;
background : inherit;
text-align : center;
}
.mpmp {
width : 200px;
}
.envoimp label {
float : left;
display : block;
width : 40%;
text-align : right;
}
.envoimp .input {
width : 40%;
color : inherit;
background : rgb(254, 254, 254);
border-top : none;
border-right : none;
border-bottom : 1px solid rgb(0, 0, 0);
border-left : 1px solid rgb(0, 0, 0);
margin-top : 1px;
}
.envoimp .input:focus {
color : inherit;
background : #f6aa41;
}
.envoimp .submit:focus {
color : inherit;
background : #f6aa41;
}
.envoimp .submit {
width : 40%;
color : inherit;
background : rgb(254, 254, 254);
border : 1px solid #000000;
}
/* End */