/* 
    Document   : media-queries
    Created on : Dec 6, 2013, 8:46:06 PM
    Author     : Lorna
    Description:
        Purpose of the stylesheet follows.
*/

@media screen and (max-device-width: 320px) and (orientation: portrait), screen
and (max-device-width: 480px) and (orientation: landscape){

aside {
    width: 70%;
    float: none;
    clear: both;
}

img
{
    max-width: 75%;
    height: auto;
}
}

@media screen and (max-width: 650px)
{
 img
{
    max-width: 95%;
    height: auto;
}   
}



@media screen and (max-width: 980px)
{
    #pagewrap
    {
        width: 95%;
    }
    
    #content
    {
        width: 60%;
        padding: 3% 4%;
    }
    
    #sidebar
    {
        width: 30%;
    }
    
    aside{
  font-family: garamond,palatino,georgia,serif;
  font-size: 1.2em;
  width: 30%;
  float: right;
}
}