/* Main body classes */
html { font-size: 14px; }
body { font-family: "Courier New", Courier, monospace; margin: 0px; font-size: 100%;
     background-color: #aaaaaa; -webkit-text-size-adjust: none;}

/* Navigation classes */
#logonav    { position:relative; width: 100%; min-height:145px;  }
#logonav ul { position:relative; float:left; list-style-type:none; padding: 0px 0px 0px 40px; margin: 0px; }
#logonav li { display: inline; padding: 0px; margin: 0px 35px 0px 5px; }
#logonav img { position: relative; float:left; margin: 40px 48px 0px 42px;}

#CDDnav1   { position:absolute; top:78%; left: 25%; font-size: 130%;
             padding:3px; background-color:rgba(221, 149, 88,.8);
              -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg);}
#CDDnav2   { position:absolute; top:86%; left: 25%; font-size: 130%;
             padding:3px; background-color:rgba(221, 149, 88,.8);
             -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg);}
#CDDnav3   { position:absolute; top:92%; left: 25%; font-size: 130%;
             padding:3px; background-color:rgba(221, 149, 88,.8);
             -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg);}
             
.nav       { font-weight:bold; }

#outerHome {position:relative; max-width: 900px; margin: 0px auto; 
           background-repeat:repeat; background-color: #e2e3e5; overflow:hidden; }
#outerSec  {position:relative; max-width: 900px; margin: 0px auto; background-color: #bbbbbb; overflow:hidden; }

#contentHL { position:relative; float:left; width: 100%; }
        
#contentHR { position:relative; float:right; width: 440px; margin: -185px 0px 10px 10px; background-color:rgba(255,255,255,.8); }
#contentHR p {line-height: 1.0; margin: 8px 10px 8px 8px; }
#contentHR h1 { margin: 8px 10px 8px 8px; }  

#count { position:absolute; top: 27%; right: 5%; padding: 5px;
         background-color:rgba(255,255,255,.8); font-weight:bold;
         -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); }
                     
#contentSL { position:relative; float:left; width: 70%; padding:25px 0px 30px 40px; clear:both; }         
#contentSR { position:relative; float:left; min-height: 435px; max-width: 530px; padding-top:10px; padding-left:50px; overflow:hidden; }

#contentSF { position:relative; float:left; min-height: 435px; max-width: 850px; padding-top:10px; padding-left:50px; }
#contentSF img {max-width:100%; height:auto; display:block;}
      
#contentSFt { position:relative; float:left; width: 850px; margin: 20px 0px 20px 50px; }
#contentSFt h1 {margin-left: 0px; }
#contentSFt h2 {margin-left: 0px; }

#insta { position:relative; float:left; margin: 5px 30px;}

#poster { position:relative; width:70%; top:20%; left:10%; -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg); background-color: #aaa; border:solid; border-color: #641e16; padding: 10px; font-size: 16px; margin-top: 50px; }

a.nav 	   { color: #254551; font-weight: bold; text-decoration: none; font-size: 105%; }
a.nav:hover { color: #993333; }
     
p  {   margin: 0px 40px 15px 0px; font-weight:bold; }
td {   background-repeat: repeat-y; vertical-align:top; border:none; border-spacing: 0; padding: 0px;}
dt {   font-weight: bold; margin: 1px 5px;}
dd {   font-weight: normal; font-style: italic;}
ul {   margin: 0px 40px 15px 25px; padding-left: 0px;}
ol {   margin: 0px 40px 15px 25px; padding-left: 0px;}
li {   margin: 1px 0px 1px 0px; }
table { border-collapse: collapse; border-spacing: 0; }

hr {margin-bottom: 0px; margin-top: 0px;}

a { color: #9C3637; font-weight: bold; text-decoration: none;}
a:hover {color: #888888; text-decoration: none; }
.curpage { color: #888888; font-weight: bold; }

img {border: 0; max-width:100%; height:auto; display:block;}

.author {text-align:right; color: #222222; font-size: 90%; font-weight:bold; }
.roti { margin: 60px 10% 30px 0px;
       -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }
.bigger { font-size: 105%; }

img.center { display: block; margin-left: auto; margin-right: auto; }
img.center350 { display: block; margin-left: auto; margin-right: auto; max-width: 350px; width:100%;}
p.center { text-align: center; margin: 0px; }
#RTarrow { margin: 25px; }
#LTarrow { margin: 25px; }      
      
#cpy {position:relative; float:left; min-height: 20px; width: 100%; background-color:#888888;
     font-family: trebuchet MS, arial, helvetica, sans-serif; color: #000000;
     padding-top: 6px; text-align:center; font-size: 83%; }

h6 { color : #254551; font-size: 100%;
   text-align: right; font-weight: bold; margin: 10px 40px 0px 0px; }
h5 { color : #254551; font-size: 92%;
   font-weight: normal; margin: 0px 40px 15px 0px;}
h4 { font-style: italic; color : #254551;
   font-size: 100%; font-weight: bold; margin: 5px 5px; }
h3 { color : #254551; font-size: 100%;
   font-weight: bold; margin: 15px 40px 0px 0px; }
h2 { color : #254551; font-size: 116.6%;
   font-weight: bold; margin: 15px 40px 0px 0px; }
h1 { color : #254551; font-size: 133%;
   font-weight: bold; margin: 10px 40px 10px 0px; }

select {margin: 5px 0px 5px 0px;}

#galleria{ max-width: 510px; height: 450px; margin: 10px 40px 15px 50px; }

@media only screen and (max-width: 900px) {
       #contentHR { position:relative; float:left; top: 0px; right:auto; margin: 0px;
                  width: 90%; padding: 20px 5% 20px 5%; background-color: #e2e3e5;}
       html {font-size: 15px; }
       #contentSL { width: 90%; }
}
@media only screen and (max-width: 500px) {
       #CDDnav1  { padding: 0px; }
       #CDDnav2  { padding: 0px; }
}