/*
Theme Name: Aventure
Theme URI: http://www.aventureamazigh.com
Description: The theme used on aventureamazigh.com
Version: 1.0
Author: Wesley van Konijnenburg
Author URI: http://www.skullrabies.com
*/

@import "reset.css";
html {height:100%;}
body {background: url(http://www.aventureamazigh.com/site/wp-content/uploads/2012/01/bg-site-azul2.jpg) repeat; font-family: Verdana, sans-serif; font-size: 11px; line-height: 1.5em; color:#111; height:100%;}
* html #container {
height: 100%;
}

#top {width:100%; height:100%; height: auto; min-height: 100%; background: url(http://www.aventureamazigh.com/site/wp-content/uploads/2012/01/bg-site-azul2.jpg) repeat-x top; z-index: 1;}
#container {position:absolute; left: 50%; top: 0px; margin-left: -380px; height:100%; width:800px; z-index: 3; background: url(http://www.aventureamazigh.com/site/wp-content/uploads/2012/01/bg-azul2.jpg) repeat-y; height: auto; min-height: 100%; padding-bottom:500px;}
.slideshow {position:absolute; left: 0px; top: 25px; width:760px; height: 155px; background: url(http://www.aventureamazigh.com/site/wp-content/uploads/2012/01/head0.jpg);}

#navigation {width:758px; height:40px; background:#6c5d4c; position:absolute; top:180px; left:0px; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; font-size:13px; font-weight:bold; text-transform:uppercase;}
#navigation a {color: #fff; text-decoration:none; margin-left:10px; line-height: 40px;}
#navigation a:hover {color: #a21919; text-decoration:underline;}

#logo {position:absolute; left: 50%; top: 200px; margin-left: -175px; width:350px; height:250px; z-index: 2;}
#logo a img {filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;}
#logo a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}

#sidebar {position:absolute; left: 0px; top: 250px; width:180px;}
.wrapper {position:relative; left: 190px; top: 250px; width:569px;}

.content {background:#FFF; margin: 0 0 20px 0; padding:10px;}
.firstpost {background:#FFF; margin: 0 0 20px 0; padding:10px;}
.post {background:#FFF; margin: 0 0 20px 0; padding:10px;}

.meta {font-size:14px; text-transform: uppercase; line-height: 1.6em; background:#746554; color:#fff; font-weight:bold; height:25px;}
.meta {padding-left:5px; margin-top:10px;}
.meta a {color:#000;}
.date {font-size: 10px; text-transform: uppercase; line-height: 1.6em; font-weight:bold;}

.widget {background:#FFF; margin-bottom: 20px; padding:5px}
.widget h2 {font-family: Verdana, sans-serif; font-weight: bold; line-height: 1.2em; color: #a21919; font-size: 22px; letter-spacing: -2px; text-transform:uppercase; margin-bottom:10px;}

a {color: #a21919; text-decoration:none;}
a:hover {color: #a21919; text-decoration: underline;}
a:visited {color: #a21919; text-decoration:none;}
a:active {color: #a21919; text-decoration:none;}

h2, h3 {font-family: Verdana, sans-serif; font-weight: bold; line-height: 1.2em; color: #a21919; }
h2 {font-size: 28px; letter-spacing: -2px;}
h3 {font-size: 24px; letter-spacing: -1px;}