/*
Theme Name: cap festival 2011
Theme URI: http://www.cap-festival.com/
Description: Thème à largeur fixe et à deux colonnes, dans des tons ocres, avec support pour les widgets. Basé sur le thème Colorvoid. Traduction française par WordPress tuto. Nouvelles couleurs pour le cap festival 2011.
Version: 2011
Author: masourisverte.fr
Author URI: http://www.masourisverte.fr/
*/
/* ----------------------------------------
Standard Elements
------------------------------------------- */
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
padding-bottom: 1px; /* force scrollbars */
}
body {
background: #07acf1 url('img/background.png') repeat center top;
font: normal 13px Verdana,sans-serif;
color: #000;
padding-bottom: 1em;
}
a {color: #b91342;}
a:hover {color: #b91342;}
p {padding: 0.1em 0 0.8em;}
h1 {font: normal 1.8em Verdana,Tahoma,sans-serif;}
h2 {
font: normal 1.5em Verdana,Tahoma,sans-serif;
color: #b91342;
text-transform:uppercase;
}
h3 {
font: bold 1em Verdana,Tahoma,sans-serif;
color: #b91342;
text-transform:uppercase;
}
h4 {
font: bold 1em Verdana,Tahoma,sans-serif;
color: #b91342;
text-transform: uppercase;
}
blockquote {
background: #FFF url('img/quote.gif') no-repeat;
border: 1px solid #EAEAA0;
color: #555;
display: block;
font: normal 1em sans-serif;
margin-bottom: 1em;
padding: 10px 1em 0.2em 42px;
}
code {
display: block;
background: #FFFFFA;
color: #533;
border: 1px solid #D5E8E8;
padding: 5px 10px;
overflow: auto;
margin: 1em 0;
font-size: 0.9em;
line-height: 1.5em;
}
ul,ol {margin: 0 0 1em 1.6em;}
ul ul, ol ol {margin: 0.3em 0 0.3em 1em;}
img {border: none;}
img.bordered {background: #FFF; padding: 5px; border: 1px solid #DDD;}
img.left {margin-right: 1em;}
img.right {margin-left: 1em;}
.aligncenter, .center, .centered {
display: block;
margin-left: auto;
margin-right: auto;
}
small,.small {font-size: 0.8em;}
big,.big {font-size: 1.2em;}
/* ----------------------------------------
Forms
------------------------------------------- */
/* Inputs */
input#s, textarea, input.styled {
border: 1px solid #BBB;
padding: 3px;
width: 150px;
font: normal 1em Verdana,sans-serif;
}
textarea {width: 440px;}
#searchsubmit {
border: 1px solid #BBB;
background: #EEE;
font: normal 0.9em Verdana,sans-serif;
padding: 2px 3px;
}
/* Seachform */
table.search {
width: 100%;
border-collapse: collapse;
margin-bottom: 6px;
}
.search td {vertical-align: center;}
/* ----------------------------------------
Layout
------------------------------------------- */
/* Main */
#layout_wrapper {
padding: 0 18px;
margin: 0px auto 0;
width: 760px;
}
#layout_container {
}
/* Site Title */
/* Navigation */
#navigation {
background: transparent url('img/navigation.png') no-repeat center top;
padding: 380px 10px 0;
}
#navigation h1, #navigation h2 {
display: none;
}
/* Tabs */
#tabs ul {
margin: 0;
padding: 0;
}
#tabs li {
display:inline;
list-style:none;
}
#tabs a {
background: url("img/tableftC.gif") no-repeat left top;
float: left;
font: bold 0.9em sans-serif;
margin-right: 3px;
padding-left: 4px;
text-decoration: none;
}
#tabs a span {
float: left;
display: block;
background: url("img/tabrightC.gif") no-repeat right top;
padding: 5px 10px 5px 6px;
color: #886600;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float: none;}
/* End IE5-Mac hack */
#tabs a:hover span {color: #eeaa22;}
#tabs a:hover {background-position: 0% -42px;}
#tabs a:hover span {background-position:100% -42px;}
#tabs li.current_page_item a {color: #bb7700; background-position: 0% -42px;}
#tabs li.current_page_item a span {background-position:100% -42px;}
/* Main Layout */
#main {
padding-left: 10px;
padding-right: 10px;
}
#main_left {width: 525px;}
#main_right {width: 210px;}
/* Footer */
#footer {
background: #90deff ;
padding: 8px 12px 5px 20px;
font-size: 0.85em;
color: #b91342;
}
#footer .right {color: #b91342;}
#footer .right a {
color: #ffffff;
text-decoration: none;
}
#footer .right a:hover {
color: #FFE;
text-decoration: underline;
}
/* ----------------------------------------
Miscellaneous
------------------------------------------- */
/* Images */
img.bordered {
border: 1px solid #DDD;
background: #FFF;
padding: 5px;
}
/* Text */
.bold {font-weight: bold;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.tright {text-align: right;}
/* Floats */
.left {float: left;}
.right {float: right;}
/* Clear */
.clear,.clearer {clear: both;}
.clearer,.spacer {
display: block;
font-size: 0;
line-height: 0;
}
/* Icons */
span.comment {
background: url('img/icon_comment.gif') no-repeat left center;
padding-left: 18px;
}
/* ----------------------------------------
Post, page
------------------------------------------- */
.post {
margin-bottom: 5px;
color: #000;
}
.post_title {
background: #b91342;
padding: 6px 12px 5px;
}
.post_title h1 {font: bold 1.2em Arial,Helvetica,Verdana,sans-serif;
color: #000;
text-transform:uppercase;
}
.post_title h1 a {color: #000;
text-decoration: none;
}
.post_title h1 a:hover {
color: #07acf1;
text-decoration: underline;
}
.post_title h1.left {width: 380px}
.post_date {
color: #000;
padding-top: 1px;
font-size: 0.85em;
}
.post_metadata {
display: none;
margin-top: 5px;
padding: 0 5px;
background: #fffecf;
}
.post_metadata .content {
border-top: 1px solid #eee9b3;
padding: 8px 5px 6px;
font-size: 0.8em;
color: #bb7700;
}
.post_metadata .content a {color: #886600;
text-decoration: none;
}
.post_metadata .content a:hover {color: #997711;
text-decoration: underline;
}
.post_body {
background: #fff;
padding: 10px 10px 1px;
}
.post_body img {
border: none;
background: #FFF;
padding: 0px;
}
.post_bottom {
background: #b91342;
display: block;
height: 5px;
font-size: 0;
line-height: 0;
}
.post_search_text {
font-size: 0.85em;
padding: 2px 0;
}
/* ----------------------------------------
Sidebar box
------------------------------------------- */
.box {margin-bottom: 5px;}
.box_title {
background: #0b8fff;
padding: 6px 10px 5px;
font: bold 1.2em Arial,Helvetica,Verdana,sans-serif;
text-transform:uppercase;
color: #ffffff;
}
.box_body {
background: #90deff;
padding: 8px 10px 1px;
font-size: 0.9em;
color: #0b8fff;
}
.box_bottom {
background: #0b8fff;
display: block;
height: 5px;
font-size: 0;
line-height: 0;
}
.box ul {
margin-left: 0;
border-bottom: 1px solid #0b8fff;
}
.box li:first-child {border-top: none;}
.box ul li {
list-style: none;
padding: 4px;
border-top: 1px solid #0b8fff;
border-bottom: 1px solid #0b8fff;
}
.box ul a {text-decoration: none; color: #0b8fff;}
.box ul a:hover {text-decoration: underline;}
/* ----------------------------------------
Lists
------------------------------------------- */
.nicelist {
padding: 1px 0 0;
}
.nicelist ol {margin: 0;}
.nicelist ol li {
list-style: none;
padding: 8px 10px 1px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #CCC;
}
.nicelist li.alt {background: #EEE;}
.nicelist .body {padding-top: 5px;}
.nicelist .date {
color: #888;
padding-top: 4px;
font-size: 0.85em;
}
.nicelist .date a {
color: #567;
text-decoration: none;
}
.nicelist .date a:hover {
color: #002;
text-decoration: underline;
}
/* ----------------------------------------
Archives
------------------------------------------- */
.archive_title {font: normal 1.4em sans-serif;}
.archive_title a {text-decoration: none;}
.archive_title a:hover {text-decoration: underline;}
.archive_postinfo {
font: normal 1em sans-serif;
padding-bottom: 6px;
}
/* ----------------------------------------
Comments
------------------------------------------- */
.comment_gravatar {width: 48px;}
.comment_gravatar img {padding: 2px;}
.comment_author {padding-top: 2px;}
/* ----------------------------------------
Pagination
------------------------------------------- */
.pagenavigation {
background: #DDEBF4 url('img/pagenav_top.gif') no-repeat;
margin-bottom: 5px;
}
.pagenav_bottom {
display: block;
font-size: 0;
line-height: 0;
height: 5px;
background: url('img/pagenav_bottom.gif') no-repeat;
}
.pagenav {
font-size: 0.85em;
padding: 5px 8px 0;
}
.pagenav a {
color: #6A7DA4;
text-decoration: none;
}
.pagenav a:hover {
color: #002;
text-decoration: underline;
}
/* ----------------------------------------
Width, height, margin, padding
------------------------------------------- */
.h5 {height: 5px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
#wp-admin-bar {align:center; margin:0; padding:5px; background:#f9f9f9; border:1px solid
#666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}