/* 
    Document   : bogatell
    Created on : 17/03/2010, 11:10:46
    Author     : Víctor Domènech katibu@gmail.com
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
html, body{
    text-align: center;
    margin:0;
    padding:0;
font-family: verdana,sans;
background-color: #342f83;
color: #fff;
}
h6{display:none;}
ul{
    list-style: none;
}
#wrapper{
    background-color: #3c3c3c;
    width: 45em;
    margin: 0 auto;
    text-align: center;
    display: block;
}
#wrap{
    width: 100%;

}
#content{
    width:600px;
    height:200px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-300px 0 0 -350px;
}

#cap #peu{
    margin: 0 auto;
    width: 100%;
    float:left;
}
#nav{
    float:left;
    width: 150px;
    text-align: left;
}
#nav ul{
    list-style: none;
}

.pic{
    float: left;
    clear: right;

}
#imgs{
    display: block;
    height: 100%;

}

.pic, .pic a{
    /* Each picture and the hyperlink inside it */
    width:150px;
    height:150px;
    overflow:hidden;

}

.pic{
    /* Styles specific to the pic class */
    /*position:absolute;*/
    border:5px solid #EEEEEE;
    border-bottom:18px solid #eeeeee;
    background-color: #fff;
    /* CSS3 Box Shadow
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;*/
    margin: 5px;
}

.pic a{
    /* Specific styles for the hyperlinks */
    text-indent:-999px;
    display:block;
    /* Setting display to block enables advanced styling for links */
}
p.comment{
    font-size: 85%;
    text-align: center;
}
#peu p, #peu ul{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 65%;
}


.clear{
    clear: both;
}