/*
Theme Name: Creatie Umen
Theme URI: http://creatie.ch/
Description: Thème pour la bande dessinée "Umen"
Author: Mim de Creatie.ch
Author URI: http://creatie.ch/
*/

body {
 margin: 0;
 padding: 0;
 font-size: 62.5%; /* Resets 1em to 10px */
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 background: #fff;
 border: 2px solid #000;
 color: #000;
 text-align: center;
}

#page {
 background-color: #0063FC;
 border: 2px solid #000;
 width: 960px;
 text-align: left;
 margin: 20px 20px 20px 20px;
 padding: 0;
}

#header {
 background: #0063FC url('images/header-site.gif') no-repeat top center;
 margin: 0;
 padding: 0;
 height: 260px;
 width: 960px;
}

#headerimg {
 margin: 0;
 height: 260px;
 width: 960px;
}

#header-image {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 height: 304px;
 width: 220px;
 background: #fff;
 border: 2px solid #000;
 padding: 5px;
}

#header-image2 {
 height: 284px;
 width: 200px;
 background: #fff;
 border: 2px solid #000;
}

#header-text {
 margin-left: 210px;
 font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-weight: bold;
 font-size: 1.8em;
}

#header-text a {
 color: #0063FC;
}

#content {
 font-size: 1.2em;
 padding: 20px;
 text-align: left;
 display: block;
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
}

.post {
  width: 652px;
  background: #54D300;
  border: 2px solid #000;
  padding-left: 20px;
 padding-right: 20px;
 margin: 0 0 40px;
 text-align: left;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.post hr {
 display: block;
}

.tag {
 border-top: 1px solid #000;
 padding-top: 5px;
}

#footer {
 background: #0063FC url('images/footer-site.gif') no-repeat bottom;
 border: none;
 padding: 0;
 margin: 0 auto;
 height: 180px;
 clear: both;
}

#footer p {
 margin: 0;
 padding: 0;
 padding-top: 110px;
 text-align: center;
}

#facebook {
 background-color: #fff;
  border: 2px solid #000;
 position: absolute;
 left: 0;
 padding: 0;
 margin: 0;
 width: 550px;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
 font-size: 4em;
 text-align: center;
 padding-top: 70px;
 margin: 0;
}

h2 {
 font-size: 1.6em;
}

h3 {
 font-size: 1.3em;
 padding: 0;
 margin: 30px 0 0;
}

h3.comments {
 padding: 0;
 margin: 40px auto 20px;
}

a {
 color: #147;
 text-decoration: none;
}

a:hover {
 color: #0063FC;
 text-decoration: underline;
}

a:visited {
 color: #147;
}

#navcontainer
{
  width: 430px;
  height: 50px;
  margin-top:120px;
  text-align:center;
  padding: 0;
  margin-left: 250px;
  font: bold 14px Verdana, sans-serif;
}

#navlist
{
  margin:0px;
  text-align:center;
  padding: 0;
  font: bold 14px Verdana, sans-serif;
  line-height: 40px;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  color: #000;
  padding: 5px 15px;
  margin-left: 3px;
  background: #54D300;
  text-decoration: none;
  border: 2px solid #000;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #000; }

#navlist li a:hover
{
  color: #000;
  background: #54FF00;
}

#recherche {
 margin-top: 40px;
 margin-left: 673px;
}

code {
 font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
 font-size: 0.9em;
 letter-spacing: .07em;
}

.postmetadata {
 clear: both; 
}
.clear { 
 clear: both; 
}





/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
  float: right;
  background: #54D300;
  border: 2px solid #000;
  padding: 3px;
}
.alignleft {
  float: left;
  background: #54D300;
  border: 2px solid #000;
  padding: 3px;
}
/* End Images */


/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html > body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html > body .entry li {
margin: 7px 0 8px 10px;
}
.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
/* End Entry Lists */


/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: left;
}
.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align: left;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */

/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
  background: #54FF00;
}

.comment {
  width: 652px;
  background: #54D300;
  border: 2px solid #000;
  padding-left: 20px;
 padding-right: 20px;
 margin: 0 0 40px;
 text-align: left;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
 margin: 15px 0 3px;
 padding: 5px 10px 3px;
 list-style: none;
 font-weight: bold;
}
.commentlist li, #commentform input, #commentform textarea {
 font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
 font-weight: bold;
 font-style: normal;
 font-size: 1.1em;
}
.commentlist p {
 margin: 10px 5px 10px 0;
 font-weight: normal;
 line-height: 1.5em;
 text-transform: none;
}
#commentform p {
 margin: 5px 0;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
 font-weight: normal;
 margin: 0;
 display: block;
}

/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden { 
display: none; 
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */