/* CSS Document */
body{
   font-family: verdana;
   font-size: 11px;
   color: #ccc;
   margin: 5px;
   background: #000;
}

hr{
   height: 43px;
   background-position: bottom center;
   background-image: url('hr.jpg');
   border: 0px;
}

a:link{
   color: #c00;
}
a:hover{
   color: #999;
}
a:active{
   color: #c00;
}
a:visited{
   color: #c00;
}
#logoContainer{
    width: 1000px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -450px;
}
#logoContainer img{
   border: 0px;
}
#main{
    width: 700px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -300px;
	border: 2px dotted #c00;
    margin-top: 20px;
	margin-bottom: 20px;

}

.container{
   margin: 10px;
   padding: 7px;
   border-bottom: 0px dotted #666;
   width: 95%;
}

.thumbnail{
   float: left;
   padding: 5px;
   margin: 7px;
   border: 1px solid #999;
}
.thumbnail img{
   border: 0px;
}
.title{
   padding-top: 7px;
   font-size: 12px;
   font-weight: bold;
}
.date{
   color: #999;
}
.photoContainer{
   width: 150px;
   height: 165px;
   float: left;
   margin: 10px;
}

.photoContainer img{
   border: 1px solid #ccc;
}
.photoDescription{
   text-overflow:ellipsis; 
   overflow:hidden;
   height: 13px;
}
.superDescription{
   text-align: left; 
   border: 1px solid #000; 
   padding: 2px; 
   position: absolute; 
   background: #000; 
   width: 170px; 
   font-family: verdana; 
   color: #fff; 
   display: none;
}
.albumTitle{
   font-size: 17px;
   font-weight: bold;
   padding: 10px;
}
.albumSubtitle{
   padding: 10px;
   font-size: 11px;
   border-bottom: 0px solid #ccc;
}

#showCase{
   float: left;
   padding: 10px;
}

.start{
   float: right;
}

#showCaseDsc{
   margin-left: 7px;
   margin-top: 7px;
}

#next{
   background: #c00;
   width: 80px;
   float: right;
   text-align: right;
}
#previous{
   background: #c00;
   width: 80px;
   float: left;
}
#navigation{
   padding: 7px;
   font-size: 12px;
   color: #fff;
   font-weight: bold;
   visibility: hidden;
   width: 640px;
}
#navigation a:link{
   text-decoration: none;
   color: #fff;
   margin: 5px;
}
#navigation a:visited{
   text-decoration: none;
   color: #fff;
   margin: 5px;
}
#navigation a:hover{
   text-decoration: none;
   color: #999;
   margin: 5px;
}
#navigation a:active{
   text-decoration: none;
   color: #fff;
   margin: 5px;
}
#showContainer{
   float: right;
}

.clearfix:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
}
.hrdiv{
   height: 43px;
   border: 0px solid #000;
   background-color:#000;
   background-position: bottom center;
   background-image: url('http://dancas-do-mundo.com/galeria/hr.jpg');
   width: 100%;
}

.clearfix {display: inline-table;}

      /* hides from ie-mac \*/
      * html .clearfix {height: 1%;}
      .clearfix {display: block;}