/*  
Theme Name: ZooTheme
Theme URI: http://www.wp-box.fr/
Description: Theme du site de la galerie Zoo
Version: 1.0
Author: Amaury BALMER
Author URI: http://wp-box.fr/

 Reset */
* {
margin:0;
padding:0;
}

/* General */
body {
font-family:"Courier New", Courier, sans-serif,mono;
font-size:13px;
color:#000;
background:#ffffff;
width:100%;
}

#wrap {
width:900px;
position:relative;
margin:20px auto;
}

.clear {
clear:both;
background:#fff;
}

p {
text-align:justify;
margin:0 0 8px;
}

/* Mise en forme des titres */
h1,h2,h3,h4,h5,h6 {
font-family:Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

/* Mise en forme des liens */
a img,img a {
border:0;
}

a {
text-decoration:underline;
outline:none;
}

a:link,a:visited {
color:#000;
text-decoration:underline;
}

a:hover {
color:#000;
}

blockquote {
color:#666;
overflow:auto;
font-style:italic;
margin:1.5em 0 1.5em 1.5em;
}

blockquote p {
margin:0;
}

strong {
font-weight:700;
}

em {
font-style:italic;
}

pre {
font-size:1.2em;
font-family:monospace;
border:1px solid #E0E0E0;
background:#EEE;
color:#000;
width:90%;
overflow:auto;
margin:0 auto;
padding:1em;
}

code {
font:0.9em Monaco, monospace;
}

label {
cursor:pointer;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered, img.aligncenter {
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;
}
.alignleft {
float: left;
}
/* End Images */

/* 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 */

/* Structure */
#content {
background:transparent;
height:600px;
background-image:url(images/bg.jpg);
margin:40px 0 0;
}

/* Menu */
#menu {
background:#FFF;
float:left;
width:190px;
margin-top:20px;
position:relative;
padding:10px 5px;
}
#menu h1 a {
text-indent:-9999px;
display:block;
height:20px;
background:#FFF url(images/logo.jpg) top center no-repeat;
padding:5px 0 15px;
}

#menu ul {
list-style: none;
}
#menu ul li {
display: block;
text-transform:capitalize;
color:#000;
}
#menu ul li a {
color:#000;
text-decoration:none;
display:block;
padding:3px 10px;
}
#menu ul li a:hover {
background:#AEEE00;
color:#000;
}
#menu ul.menu {
margin-left:20px;
}

#menu h3 {
display:block;
cursor:pointer;
font-family:"Courier New", Courier, mono;
font-weight:700;
padding:3px 10px;
font-size:13px;
background:#FFF url(images/arrow.png) no-repeat 99% 50%;
padding-right:5px;
}
#menu  h3:hover {
color:#000;
background:#AEEE00 url(images/arrow_white.png) no-repeat 99% 50%;
}

/* Gallery */
#gallery {
background:#FFF;
float:left;
height:540px;
margin:20px 0 0 60px;
padding:10px;
}
#gallery .post {
width:400px;
height:530px;
overflow:auto;
padding-right:10px;
}

/* Page */
#page {
background:#FFF;
width:610px;
height:520px;
float:left;
margin:20px 0 0 50px;
padding:20px;
}
#page .post {
width:600px;
height:500px;
overflow:auto;
padding-right:10px;
}
#page h2 {
margin-bottom:10px;
}
#page .wp_tag_cloud {
text-align:center;
margin:30px;
line-height: 200%;
}

/*sidebar*/
#sidebar {
background:#FFF;
width:200px;
height:560px;
float:left;
padding-left:10px;
margin:20px 0 0;
}
#sidebar ul {
text-decoration:none;
list-style:none;
}

#sidebar h2 {
background:#FFF;
color:#000;
font-size:18px;
text-align:center;
margin:0;
padding-top: 20px;
display: block;
width:200px;
}
#sidebar h2 a {
text-decoration: none;
}
#sidebar h3 {
background:#AEEE00;
color:#000;
text-align:center;
text-transform:uppercase;
font-size:13px;
margin-top:10px;
padding:5px 0 5px 10px;
}

#sidebar .bloc {
background:#fff;
border-left-style:solid;
border-left-color:#AEEE00;
padding:10px;
}

#sidebar #gallery_img {
padding: 10px 5px;
}
#sidebar #gallery_img ul {
width:190px;
height:250px;
overflow: auto;
}
#sidebar #gallery_img ul li {
margin:3px 1px;
}
#sidebar #gallery_img ul li,
#sidebar #gallery_img ul li a {
display:block;
float:left;
}
#sidebar #gallery_img ul li img {
width:80px;
height:80px;
filter : alpha(opacity=50);
-moz-opacity : 0.5;
opacity : 0.5; 
}
#sidebar #gallery_img ul li img:hover {
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1; 
}

/* Tags */
.excerpt {
float:left;
display: block;
width: 280px;
margin:10px;
}
.excerpt h3 {
margin-bottom: 8px;
}
.excerpt h3 a {
text-decoration: none;
}
.excerpt img {
float:left;
margin:0 8px 8px 0;
}