/*
 * sitestatus.css
 */

/* ID's' */
#content { width: 80%; margin: 0 auto; }
#statusdiv {
   width: 80%; 
   margin: 0 auto;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: .5em;
   padding-bottom: .5em;
   text-align: center;
}
#announce {
   margin-top: 1em;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: .5em;
   padding-bottom: .5em;      
   background-color: #E5FFB0;
}
#taskdiv {
   margin-top: 1em;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: .5em;
   padding-bottom: .5em;      
   background-color: #F2E8DC;
}
 
/* Elements */
ul {
   list-style-type: square;
}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
   #content { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
   #content { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
   #content { width: 100%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
   #content { width: 100%; }
}