gallerycss

body
{
   background-image: url("mlgback.jpg");
}

#all
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

#gora
{
   background-color:  rgba(0, 0, 0, 0.7);
   padding: 1px;
   height: 138px;
}

#logo
{
    padding: 5px;
    float: left;
	cursor:pointer;
}

#title
{
   float: left;
   color: white;
   font-family: 'ZCOOL QingKe HuangYou', cursive;
   font-size: 100px;
   margin-left: 50px;
   margin-right: auto;
   margin-top: 13px;
   text-shadow:
   -2px -2px 0 #000,
   2px -2px 0 #000,
   -2px 2px 0 #000,
   2px 2px 0 #000;
}

#nav
{
    clear: both;
    background-color:  rgba(0, 0, 0, 0.7);
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    padding: 5px;
    margin-top: 5px;
    text-align: center;
}

#option1
{
    background-color:  rgb(255, 255, 255);
    width: 100px;
    text-align: center;
    padding: 2px;
    margin: 2px;
    display: inline-block;
    outline: 2px dotted rgb(212, 212, 212);
    color: black;
}

#option2
{
    background-color:  rgb(255, 255, 255);
    width: 100px;
    text-align: center;
    padding: 2px;
    margin: 2px;
    display: inline-block;
    outline: 2px dotted rgb(212, 212, 212);
    color: black;
}

#option4
{
    background-color:  rgb(255, 255, 255);
    width: 100px;
    text-align: center;
    padding: 2px;
    margin: 2px;
    display: inline-block;
    outline: 2px dotted rgb(212, 212, 212);
    color: black;
}

#option3
{
    background-color:  rgb(255, 255, 255);
    width: 100px;
    text-align: center;
    padding: 2px;
    margin: 2px;
    display: inline-block;
    outline: 2px dotted rgb(212, 212, 212);
    color: black;
}

#clear
{
    clear: both;
    height: 1px;
}

#content
{
    background-color:  rgba(0, 0, 0, 0.7);
    padding: 1px;
    height: 1000px;
    margin: 5px;
    width: 998px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

#footer
{
    background-color:  rgba(0, 0, 0, 0.7);
    height: 20px;
    margin: 5px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: white;
}

#option1:hover
{
    background-color:  rgb(212, 212, 212);
    cursor: pointer;
}

#option2:hover
{
    background-color:  rgb(212, 212, 212);
    cursor: pointer;
}

#option4:hover
{
    background-color:  rgb(212, 212, 212);
    cursor: pointer;
}

#option3:hover
{
    background-color:  rgb(212, 212, 212);
    cursor: pointer;
}

#atitle
{
    font-family: 'Merriweather', serif;
    margin-left: 21px;
}

#article
{
    margin: 5px;
    width: 950px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(255, 255, 255);
    outline: 3px dashed rgba(255, 255, 255, 0.74);
    height: 490px;
    font-family: 'Merriweather', serif;
    height: 890px;
}