@font-face {
    font-family: "Megalopolis";
    src: url(fonts/MEgalopolisExtra.otf);
}

.container {
  text-align: left;    /* Reset alignment to compensate for 'text-align:center': */
  width: 800px;        /* Specify the width of the element. This should be the same
                          as 'body min-width': */
  margin-left: auto;   /* Set left and right margins to auto, thus centering the 
                          element in the containing (body) tag: */
  margin-right: auto;
  
  font-family: Arial, Helvetica, sans-serif;

}

.header { clear: both;
		  width: 770px;
		  background: #7777cc;
		  padding: 15px;
		  text-align: center;
		  -webkit-border-radius: 8px;
		  -moz-border-radius: 8px;
          border-radius: 8px;
          border: 1px solid black;
          font-family: "Megalopolis";
          font-size: 150%;
          text-shadow: 3px 3px 10px #000;
          text-decoration: none;
		  color: white;
		  
    background: -moz-linear-gradient(left, #7777cc, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#7777cc), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#7777cc', EndColorStr='#000000', GradientType=1);
			  
		  }

li {margin-bottom: 10px; }
li.gif {list-style: square; }
.imtitle { font-size: 150%; text-align: right; color: black; }
.copyright { font-size: 90%; text-align: right; color: black; }
.name {font-weight: bold; }
.date {color: grey; }
.text {font-size: 90%; }
.hits { width:770px;
	    text-align: right;
        font-size: 90%;
      }  
a.iter {font-size: 200%; text-decoration: none; color: white; padding-left: 15px; padding-right: 15px; opacity:0.7;filter:alpha(opacity=70);}

.description {
 		  clear: both;
		  padding-top: 10px;
		  width: 600px;
		  background-color: #eeeeee;
		  padding: 15px;
		  text-align: center;
		  -webkit-border-radius: 8px;
		  -moz-border-radius: 8px;
          border-radius: 8px;
          border: 1px solid black;
          
                              		  
    background: -moz-linear-gradient(left, #ffffff, #dddddd);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#ffffff), to(#dddddd));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffffff', EndColorStr='#dddddd', GradientType=1);
          
}

.commenthead { font-family: "Megalopolis";
               font-size: 150%;
               color: black;
              }

.comments { 
			background: #eeeeff;
			width: 600px;
			height: 200px;
			overflow: auto;
		  }

.footer { clear: both;
		  padding-top: 10px;
		  width: 770px;
		  background: #7777cc;
		  padding: 15px;
		  text-align: right;
		  -webkit-border-radius: 8px;
		  -moz-border-radius: 8px;
          border-radius: 8px;
          border: 1px solid black;
          font-size: small;
          color: white;
                    		  
    background: -moz-linear-gradient(left, #7777cc, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#7777cc), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#7777cc', EndColorStr='#000000', GradientType=1);
          
}