/* ========================================
==========================================  */

@import "fontstyles.css";
@import "reset.css";

body {
    background: #FFF;
}

/* Layout */
.thecontent
{
    /* background: rgba(225,210,31,0.2); */ /* #Ffd21f; */ 
/*    background-image: url("../img/bedge_grunge.png"); */
background: #eee;
    color: #333;

/*    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px; */
    box-shadow:-9px -9px -12px #555;
    -webkit-box-shadow:6px 6px 9px #555;
    -moz-box-shadow:-4px -4px 4px #555; 

    padding:20px;  
    margin: 36px auto;   /*10px 10px 10px 10px;  */
    max-width: 400px;
}

.big_text{
    font-size:40px;
    text-align: center;
}
#article{
    background: rgba(225,210,31,0.3);
    color: #333;

    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:-9px -9px -12px #cccccc;
    -webkit-box-shadow:6px 6px 9px #cccccc;
    -moz-box-shadow:-4px -4px 4px #cccccc;

    padding:20px;  
    margin: 50px auto;   /*10px 10px 10px 10px;  */
    max-width: 640px;

}

#article-title{
   font: 20px/25px 'BitstreamVeraSansRoman', Arial, sans-serif;
   padding-top: 15px;
   color: #000;
   decoration: none;
}

.gray{
    color: #666;
}

blockquote{
    color: #333;
    font-size: 28px;
    padding: 20px 10px 0px 10px;

}

.caption{
    float: right;
    font-size: 12px;
}

.caption a{
    text-decoration:none;
    color: #000;
}

ul.biblio{
     list-style-type: none;  
}

/* Rotation Fancyness */

.rotateright{
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
 
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
 
    overflow:hidden;
 
    }  

.rotateleft{
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
 
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
 
    overflow:hidden;
 
    }  

 
.rotateright:hover
{
    -webkit-transform:rotate(-1deg) scale(1.08);
    -moz-transform:rotate(-1deg)  scale(1.08);
    -o-transform:rotate(-1deg) scale(1.08);
}

.rotateleft:hover
{
    -webkit-transform:rotate(1deg) scale(1.08);
    -moz-transform:rotate(1deg)  scale(1.08);
    -o-transform:rotate(1deg) scale(1.08);
}


/*  Format and fonts */
#homelink
{   
    text-decoration:none;
    color: #000;
}

a[id=homelink]:hover 
{  text-shadow: 2px 2px #cccccc; /* shadow for the name link */
}

a[id=homelink]:visited 
{  color: #000;
}


p.linkinit a
{   
    background-color:#ffffff;
    text-decoration:none;
    color: #333;
}
p.linkinit a:hover 
{  background-color: rgba(225,210,31,0.05);
    color: #333;
    text-decoration:none;
}