/*

    SIMON CAMPBELL by ERSKINE DESIGN
    VERSION 1.0
    
*/



@import url(reset.css);



/* @group BODY
---------------------------------------------------------------------- */

body {
    font-family:"adobe-garamond-pro-1","adobe-garamond-pro-2",Times,serif;
    font-size:19px;
    line-height:1.156em;
    color:#fff;
    background:#333;
}



/* @group DEFAULT STYLING
---------------------------------------------------------------------- */

p,
ul,
dl,
ol {
    margin:0 0 1em 0;
}

ul {
    list-style:none;
}

strong {
    font-weight:bold;
}
em {
    font-style:italic;
}
sup {
    font-size:0.8em;
    position:relative;
    top:-0.5em;
}

/* @end */



/* @group HEADINGS
---------------------------------------------------------------------- */

h1 {
    width:400px;
    height:40px;
    background:url(../images/site/bgs/branding_bg.png) no-repeat 0 0;
    margin:0 0 10px 0;
}
h1 img {
    display:none;
}

h2 { 
    font-size:1.68em;
    font-style:italic;
    margin:0 0 50px 0;
}
h3 { 
    height:20px;
    text-indent:-9999em;
    background-repeat:no-repeat;
    margin:0 0 15px 0;
}

/* @end */



/* @group LINKS
---------------------------------------------------------------------- */

a {
    color:#fff;
    text-decoration:none;
}

/* @end */



/* @group LAYOUT

---------------------------------------------------------------------- */

div#page {
    width:400px;
    margin:50px 50px 50px auto;
}

/* @end */



/* @group SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#footer {
    position:fixed;
    bottom:50px;
    right:50px;
    font-family:"Helvetica",Arial,sans-serif;
    font-size:0.684em;
    line-height:1.2em;
    text-align:right;
    color:#ccc;
}
div#footer p {
    margin:0;
}
div#footer a {
    color:#ccc;
    text-decoration:underline;
}
div#footer a:hover,
div#footer a:focus {
    color:#fff;
}

@media screen and (max-height: 760px) {
    div#footer {
        position:static;
        margin:45px 0 50px 0;
    }
}

/* @end */



/* @group GLOBAL ELEMENTS
---------------------------------------------------------------------- */

ul#contents {
    margin:0;
}
ul#contents li {
    margin:0 0 25px 0;
}
ul#contents li a {
    display:block;
    padding:20px;
    background:rgba(0,0,0,0.2);
    -webkit-transition:background 0.15s linear;
}
ul#contents li a:hover,
ul#contents li a:focus {
    background:rgba(0,0,0,0.5);
}

ul#contents li#contents_musician h3 {
    background-image:url(../images/site/bgs/h3_musician.png);
}
ul#contents li#contents_blogger h3 {
    background-image:url(../images/site/bgs/h3_blogger.png);
}
ul#contents li#contents_socialite h3 {
    background-image:url(../images/site/bgs/h3_socialite.png);
}

ul#contents li p {
    margin:0;
}

ul#contents li#contents_socialite {
    margin:0;
    padding:20px;
    background:rgba(0,0,0,0.2);
}
ul#contents li#contents_socialite a {
    padding:0;
    background:none;
    display:inline;
}
ul#contents li#contents_socialite ul {
    margin:0.9em 0 0 0;
    height:20px;
}
ul#contents li#contents_socialite ul li {
    margin:0 10px 0 0;
    width:20px;
    height:20px;
    float:left;
}
ul#contents li#contents_socialite ul li a {
    display:block;
    width:20px;
    height:20px;
    background:rgba(255,255,255,0.2);
    text-indent:-9999em;
    background-repeat:no-repeat;
    background-position:center center;
}
ul#contents li#contents_socialite ul li a:hover,
ul#contents li#contents_socialite ul li a:focus {
    background:#fff;
    background-repeat:no-repeat;
    background-position:center center;
}

ul#contents li#contents_socialite ul li.facebook a {
    background-image:url(../images/site/icons/social_facebook.png);
}
ul#contents li#contents_socialite ul li.twitter a {
    background-image:url(../images/site/icons/social_twitter.png);
}
ul#contents li#contents_socialite ul li.flickr a {
    background-image:url(../images/site/icons/social_flickr.png);
}
ul#contents li#contents_socialite ul li.vimeo a {
    background-image:url(../images/site/icons/social_vimeo.png);
}

/* @end */