*:hover { -moz-tranform: rotate(180); }
body
{
    color:#000000;
    font-family:Arial, sans-serif;
    font-size:16px;
    letter-spacing:0.05em;
    line-height:1.2em;
    text-align:center; /*for ie*/
}
a 
{
    text-decoration:none;
}
#content
{
    width:960px;
    margin:150px auto 0 auto;
    text-align:left;
}
#title
{
    float:left;
    margin:80px 0;
}
#quote
{
    font-family:Georgia, serif;
    font-style:bold;
    font-size:18px;
    line-height:1.3em;
    margin:20px 0;
    text-align:center;
}
#about
{
    float:left;
    width:48%;
    padding:10px;
    border:2px dashed #dcdcdc;
}
#about p
{
    margin:7px;
    text-indent:40px;
}
#contact
{
    margin:20px 0;
}
#social li
{
    float:left;
    margin:0 10px 10px 0;
}
#social li img
{
    text-decoration:none;
    border:none;
}
#footer 
{
    width:960px;
    margin:0 auto;
    text-align:right;
    padding:5px;
}
#footer span
{
    float:left;
    padding:0 5px;
}
/* float clearing */
.group:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* for IE5+6 */
* html div.group{ height:1%; }
/* for IE7 */
*:first-child+html div.group{ min-height:1px;}