/*
 * pg_add.css
 */

/* ID's' */
#content { width: 80%; margin: 0 auto; }
#headarea { width: 100%; }
#infobox { 
   width: 50%; 
   clear: both;
   margin: 0 auto;
   padding-bottom: 1em;
   padding-top: 1em;
}

#tailarea { width: 100%; margin-top: 1em; clear: both; }
#tailleft { 
   width: 50%; 
   float: left; 
   text-align: right;
}
#tailright { 
   width: 50%; 
   float: left; 
   text-align: left; 
}

/* Classes */
.titleheader { width: 100%; }

.picboxfortwo { 
   width: 45%; 
   margin: 1em;
   float: left; 
}

.picboxforone { 
   width: 100%; 
   text-align: center; 
}

/* Elements */
.picboxforone img { 
   width: 50%; 
   height: 50%; 
}

.picboxfortwo img { 
   width: 100%; 
   height: 100%; 
}

/* 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%; }
}