/*
Theme Name: easy cartons 2010
Description: Website by Ardephwerk Rachael Hampton
Version: 1
Author: Ardephwerk Rachael Hampton
Author URI: http://www.ardephwerk.fr
*/
/* Body
-------------------------------------------------------------------*/
body {
background:#ffffff;
color:#673b15;
background: url(images/back-ground1.jpg) center top no-repeat ;
}
html, body { height: 100%}
/* Header
-------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #5b0b0a; font-style: normal; text-transform: normal; }
h1 { font-size: 2.00em; line-height: 1; margin: 10px 5px 10px 5px; }
h2 { font-size: 1.85em; letter-spacing: -0.1; margin: 25px 5px 0px 5px; padding: 5px 0px 0px 0px; }
h3 { font-size: 1.5em; line-height: 1; }
h4 { font-size: 1.1em;line-height: 1.4em; font-weight: bold; }
h5,h6 { font-size: 1em; font-weight: bold; margin: 0px 0px 10px 0px; padding: 10px 0px 5px 0px; font-family: “Lucida Grande”, sans-serif;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.5em; text-transform:uppercase; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0; }
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* Typography = Text elements
-------------------------------------------------------------- */
p { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em; margin: 5px 0px 10px 0px;
}
.tkt15 {font-size: 15px; }
.tkt13 {font-size: 13px; }
.tkt12 {font-size: 12px; }
.tkt11 {font-size: 11px; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus { color: #000; }
/* links */
a{color:#673b15;
text-decoration:none;
outline: none; text-decoration:underline;
}
a:hover{ color:#673b15; background-color: #e42c2a; padding: 0px 0px 0px 0px; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Typography = Lists
-------------------------------------------------------------- */
ol, ul, il { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
background: url(images/arrow.png) 5px 5px no-repeat; padding: 5px 5px 5px 5px;
}
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Typography = Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; line-height: 1.875em;
font-family: Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
}
.small2 { font-size: .6em; line-height: 1.875em;
font-family: Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
}
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.logo {margin: 0px 0px 0px 330px; position:absolute; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.absoluteright { position:absolute; float:right; margin: 50px 0px 0px 650px; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:15px; }
.top30 { margin-top:30px; }
.top10 { margin-top:20px; }
.bottom { margin-bottom: 25px; padding-bottom:0; }
.inline {display:inline;}
.left {float: left;}
.right {float:right; }
.clear {clear: both;}
.paddingtopbottom { padding-top: 20px; padding-bottom: 20px; }
.headertop {margin-top: 80px; }
.headercentertop {margin-top: 180px; }
.boardert { border-top: thin dotted #673b15; }
.boarderb { border-bottom: thin dotted #673b15; }
.titrepageline { width:670px; border-bottom: thin dotted #673b15; height:auto;}
.boarderr { border-left: thin solid 1px #e42c2a; }
.pack { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.pack2 { margin: 0px 0px 0px 100px; padding: 0px 0px 0px 0px; }
.cata { width:600px; float:left; margin: 0px 0px 0px 25px; }
.marginleft { margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px;}
.contactform { margin-left: 55px; float:left; }
.contacttextf {width: 250px; float:right; height:auto; }
.bottom5 { margin-bottom: 5px; padding-bottom:0; }
/* Container
-------------------------------------------------------------------*/
#main { width: 953px; height:auto; min-height:400px; margin:60px auto; background:url(images/fond-bas.png) bottom center no-repeat; margin-bottom:0px; }
#centerad{ width:953px; height:auto; margin:0px auto; padding: 10px 0px 10px 0px; }
#holder{ width: 953px; height:auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#phonead{
float: left;
width: 250px;
}
#contenupages {
width:670px;
height:auto;
margin-top:80px; padding: 15px 10px 5px 10px;
}
#contenuhp {
width:670px;
height:auto;
margin-top:0px; padding: 5px 10px 0px 10px;
}
.home { padding: 5px 10px 0px 10px; margin: 0px 0px 0px 0px; }
/* --- Gabarit--- */
#spacer22 {
float: left;
width: 22px;
height: 1px;
}
#columns{
float: left;
width: 216px;
}
#cc{
float: left;
width: 200px;
}
#columns2{
float: left;
width: 447px;
}
#columns3{
float: left;
width: 678px;
}
#columns4{
float: left;
width: 909px;
}
#spacer15 {
float: left;
width: 15px;
height: 1px;
}
/* Navigation
-------------------------------------------------------------------*/
/* Content
-------------------------------------------------------------------*/
/* Sidebar footer navigation
-------------------------------------------------------------------*/
#sidebar { margin: 15px 0px 5px 0px; list-style:none; display:block;text-transform:uppercase;
font-family: “Lucida Grande”, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.5em; }
#sidebar a{color:#673b15;
text-decoration:none;
outline: none; text-decoration:none;
}
/* Navigation Bar -------------------------------------------------------------------*/
.outer a, .outer div, .outer li, .outer ul, .outer body{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase;
}
#menu{
width: 216px; margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul{
list-style: none; list-style-type:none;
text-indent: 0px;
}
#menu li{
margin-top: 3px; list-style: none; list-style-type:none;
}
#menu a{
font: 12px Verdana; text-transform: uppercase;
padding: 0px;
color: #ffffff;
display:block;
padding: 6px 20px;
height: 15px;
text-decoration: none;
background: url('images/background.png');
}
#menu a:hover{
background: url('images/highlight.gif') no-repeat right;
padding: 6px 30px; color: #e3262b;
}
/* contact
-------------------------------------------------------------------*/
#contact-area {
width: 260px;
margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;
font-size: 10px; float:right; list-style:none;
}
#contact-area input, #contact-area textarea {
padding: 2px;
width: 170px;
font-family: Century gothic, Arial,Tahoma,sans-serif;
font-size: 10px;
border: 1px solid #ccc;
}
#contact-area textarea {
height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 2px solid #900;
}
#contact-area input.submit-button {
width: 80px;
float: right; margin-right: 20px;
}
label {
float: left;
text-align: left;
margin: 0px 15px 0px 0px;
width: 40px;
padding: 2px 0px 0px 0px;
font-size: 10px;
font-family: Century gothic, Arial,Tahoma,sans-serif; font-weight:bold;
}
/* Search
-------------------------------------------------------------------*/
/* Comments
-------------------------------------------------------------------*/
input, textarea {
border: 1px solid #CCCCCC;
padding: 2px;
font-family: verdana, arial, tahoma, sans-serif;
font-size: 11px;
}
#searchsubmit:hover {
cursor: pointer;
background: #CCCCCC;
}
#commentlist {
width: 657px;
}
ol.commentlist {
padding: 0px;
margin: 0px;
}
#commentlist ol li {
list-style: none;
position: relative;
}
#commentform {
background: #EFEFEF;
border: 1px solid #ccc;
padding: 20px;
width: 617px; /* because of 20px padding */
}
#commentform textarea {
font-family: verdana, arial, tahoma, sans-serif;
font-size: 11px;
width: 500px;
padding: 2px;
}
#commentform input {
width: 230px;
height:15px;
padding: 2px;
}
#commentform p {
margin-bottom: 5px;
}
input#submit {
height:27px;
background: #FFFFFF;
padding: 3px;
margin-top: 2px;
}
input#submit:hover {
cursor: pointer;
background: #CCCCCC;
padding: 3px;
}
.comment-meta {
}
.comment-author {
width: 72px;
margin: 0 25px 20px 0;
}
.comment-body {
background: #EFEFEF;
border: 1px solid #ccc;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 100px;
padding: 20px;
}
#commentlist p {
margin-bottom: 12px;
line-height: 20px;
}
.avatar {
position: absolute;
padding: 3px;
border: 1px solid #ccc;
margin: 0 20px 5px 0;
top:1px;
left: 1px;
}
.fn {
float: left;
padding-right: 10px;
font-style: normal;
font-weight: bold;
}
.says {
display: none;
}
.reply {
margin: 5px 0 5px 0;
}
.clearfix {
clear: both;
}
.commentlist blockquote{
border-left:1px dotted #333333;
margin-left:20px;
padding:0 12px 0 0px;
margin-bottom: 10px;
}
/* Comment + Contact .... Form
-------------------------------------------------------------------*/
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* Footer
-------------------------------------------------------------------*/
#footer
{ width: 100%; height:auto; min-height:427px; height:auto; margin: auto; background: url(images/bg-footer.jpg) bottom center no-repeat; }
#fcontainer {
width: 953px; min-height:417px; height:auto; margin:0px auto; padding-top:0px; background:url(images/footer-fond.png) bottom center no-repeat;}
#credits{ width: 953px; height:auto; margin: 10px auto; padding-bottom:30px;
}
.footertkts {font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
padding: 10px 0px 5px 0px;}
#columns-footer{
float: left;
width: 293px; height:auto; padding-top:20px;
}