body{
    margin: 0px;
    color: #000;
    background-image: url("bg.gif");
    font-family: Verdana, Arial, Helvetica;
}

#main{
    position: relative;
    top: -50px;
}

#banner{
    /* background: rgba(128,128,255,0.4); */
}

#footer{
    padding: 10px;
    margin-top: 20px;
    background: rgba(128,128,200,0.8);  
}

.item{
    float: left;
    margin: 10px;
}

.border{
    border: 1px solid #555;
}

.shadow{
    filter: drop-shadow(5px 5px 5px #777);
    -webkit-filter: drop-shadow(5px 5px 5px #777);
}

#content-wrapper{
    display: table;
}

.row{
    display: table-row;
}

#content, #sidebar{
    vertical-align: top;
    display: table-cell;
    margin: 10px;
    padding: 10px;
}

.inner{
    border-radius: 3px;
    margin: 0px;
    padding: 5px;
    background: #fff;
}

ul {list-style-type: square;}
li {margin: 0px 2px 20px 0px; }

h1{
    -webkit-text-stroke: 0.8px #eee;
    text-shadow: 
        -0.5px -0.5px 0 #ccc,  
        0.5px -0.5px 0 #ccc,
        -0.5px  0.5px 0 #ccc,
        0.5px  0.5px 0 #ccc;
    font-size: 2em;
}

h2{
    font: normal normal 22px Arial;
    margin: 2px 10px 10px 5px;
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
    
}

@media (max-width:500px){
    .shrink {width:100%; margin:5px;}
    .showbig {display:none;}
    h1 {font-size: 1.2em;}
    
    .row, #content, #sidebar{
        display: block;
    }
    
    ul{
        padding-left: 25px;
    }
}

a {font-weight: bold;}

a:link{
    color: #444;
    text-decoration: none;
}

a:visited{
    color: #666;
    text-decoration: none;  
}

a:hover{
    color: #007;
    text-decoration: underline;
}

a:active{
}