/*
Theme Name: Vince le bleu
Theme URI: http://www.op-art.info/
Description: Thème dédié au blog musical Vince le bleu
Version: 1
Author: ManiT4c
 
Creation Theme by ManiT4c || http://www.op-art.info
 
*/

@import url(general.css);

/*** body ***/
body {
background:url(images/generale/bg-body.jpg) repeat-x;
margin:0;
background-color:#f0efe1;
font:11px verdana;
color:#666666;
}
#page {
width:760px;
margin:auto;
}
a{
outline:0;
color:#666;
}
a:hover {
color:#cf6733;
}
/*** header ***/
#top-header {
width:780px;
height:124px;
background:url(images/generale/top-header.jpg);
position:relative;
color:#FFF;
}
#top-header a{
color:#FFF;
text-decoration:none;
}
#top-header a:hover {
text-decoration:underline;
}
#top-header span{
position:absolute;
right:170px;
top:14px;
}
#top-header form{
position:absolute;
right:10px;
top:10px;
}
#top-header ul {
margin:0;
padding:0;
position:absolute;
bottom:0;
}
#top-header li{/*pour la gestion des pages */
list-style-type:none;
margin:0;
padding:0;
float:left;
}
#top-header li a{
font-weight:bold;
color:#FFF;
font-size:12px;
background-color:#F0EFE1;
height:19px;
color:#666;
text-align:center;
padding:3px;
margin-left:5px;
border:1px solid #000;
border-width:1px 1px 0 1px;
}
#top-header li a:hover {
text-decoration:none;
color:#666666;
background-color:#EFF1EE;
}
#top-header li ul {
display:none;
}
#photo-header {
width:760px;
height:160px;
background:url(images/generale/photo-header.jpg);
margin-top:7px;
border:1px solid #cfd4d7;
}
/*** content ***/
#content {
float:left;
}
.post {
margin-top:7px;
background:url(images/generale/bg-content.jpg) repeat-y;
width:590px;
padding:0 8px;
border:1px solid #cfd4d7;
}
.top-content {
background:url(images/generale/top-content.jpg) no-repeat;
width:606px;
height:8px;
margin:0 -8px;
clear:both;
}
.bottom-content {
background:url(images/generale/bottom-content.jpg) no-repeat 0 100%;
width:606px;
height:8px;
margin:0 -8px;
clear:both;
}
.post h2{
font-size:16px;
font-weight:normal;
margin:0;
}
.post .postmetadata {
font-style:italic;
}
.post .postmetadata a{
color:#666;
}
/*** sidebar ***/
.sidebar {
float:right;
width:127px;
border:1px solid #cfd4d7;
background:url(images/generale/bg-sidebar.jpg);
margin-top:7px;
padding:0 8px;
}
.top-sidebar {
width:143px;
height:8px;
margin:0 -8px;
background:url(images/generale/top-sidebar.jpg) no-repeat;
}
.bottom-sidebar {
width:143px;
height:8px;
margin:0 -8px;
background:url(images/generale/bottom-sidebar.jpg) no-repeat 0 100%;
}
.sidebar .first-ul {
margin-top:-10px;
}
.sidebar h2{
font-size:16px;
font-weight:normal;
margin:10px 0 0 0;
}
.sidebar ul {
margin:0;
padding:0;
}
.sidebar li{
list-style-type:none;
}
/*** footer ***/
#footer {
clear:both;
}
/*** commentaires ***/
.showcomment {
margin-top:7px;
background:url(images/generale/bg-content.jpg);
border:1px solid #cfd4d7;
padding:0 8px;
width:590px;
}
.showcomment ol{
margin:0;
padding:0;
}
.showcomment li {
list-style-type:none;
}
.showcomment .commentmetadata{
font-style:italic;
margin-top:7px;
font-weight:bold;
}
.showcomment #comments{
font-size:16px;
font-weight:normal;
margin:0;
}
.showcomment p{
margin:0;
}
.send-comment {
margin-top:7px;
border:1px solid #cfd4d7;
background:url(images/generale/bg-content.jpg);
padding:0 8px;
width:590px;
}
.send-comment h3{
font-size:16px;
font-weight:normal;
margin:0;
}
.send-comment textarea{
width:587px;	
}