/*  Style for Airabella's page.  Picture alignment.  */
#Airabella
{
    -o-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);

    position: relative;
    right: -15px;
    width: 250px;
    height: 200px;
}

#Bolt
{
    -o-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);

    position: absolute;
    right: 370px;
    width: 250px;
    height: 200px;
}

/*  Style for Padme's page.  Picture alignment.  */
#Padme
{
    -o-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: inherit;
    
    width: 250px;
    height: 200px;    
}

#hat
{
    -o-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);

    position: absolute;
    right: 360px;
    width: 250px;
    height: 200px;
}

/*  Style for Misty's page.  Picture alignment.  */
#Misty
{
    -o-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);

    width: 250px;
    height: 200px;    
}

/*  Style for Gypsy's page.  Picture alignment.  */
#Gypsy
{
    -o-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);

    width: 250px;
    height: 200px;    
}