/* Combined CSS for multiple devices to reduce files downloads */
/* Last updated 20 July 2013 */

/* ----------------------------------------------------------- */
/* Reset CSS                                                   */
/* ----------------------------------------------------------- */

* {
    margin:0;
    padding:0;
}

/* ----------------------------------------------------------- */
/* Style attributes */
/* ----------------------------------------------------------- */

html, body {
    background:rgb(214,214,214);
    background-image:url("../images/bg-weave.jpg");
    font-size:100%;
}

h1, h2, h3, p, ul, ol, li, dl, dt, dd  {
    font-family:"Ideal Sans", Corbel, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
    /* color:rgb(110,0,153); */
    color:rgb(215,180,145);
    font-style:italic;
    font-weight:normal;
    font-size:3em;
    line-height:1em;
    margin-top:0.75em;
}

h2, h3, h2 a:link, h2 a:visited, 
h3 a:link, h3 a:visited {
    color:rgb(110,0,153);
    font-weight:normal;
}

h2 {
    font-size:1.75em;
    margin-bottom:0.85714285714286em;
}

h3 {
    font-size:1.25em;
    margin-bottom:1.2em;
}

.header {
    margin-bottom:0;
}

p, li, dt, dd {
    font-size:1em;
    line-height:1.5;
}

p, li, dd {
    margin-bottom:1.5em;
}

dt {
    margin:0;
    font-weight:bold;
}

p.intro {
    font-size: 1.25em;
    line-height:1.5em;
    margin-bottom:0.5em;
    font-style:italic;
    color:rgb(110,0,153);
}

p.footer {
    margin:0;
}

a:link, a:visited {
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}


/* ----------------------------------------------------------- */
/* Default layout                                              */
/* ----------------------------------------------------------- */

#main-column {
    max-width:60em;
    margin:0 auto;
    background:rgb(255,255,255);
    /* box shadow -- won't work in all browsers */
    -moz-box-shadow:0 0 5px 5px rgba(69,52,34,0.5);
    -webkit-box-shadow:0 0 5px 5px rgba(69,52,34,0.5);
    box-shadow:0 0 5px 5px rgba(69,52,34,0.5);
}

#header {
    padding:2em 5% 0.5em 5%;
    background:rgb(110,0,153);
    
}

#second-header {
    padding-bottom:1.5em;
    clear:both;
}

#two-col-intro {
    padding-bottom:1em;
    clear:both;
}

#content {
    padding:0.5em 5% 0.5em 5%;
}

#navigation {
    padding:0.5em 5%;
}

#left-column {
    width:48%;
    margin-right:4%;
    float:left;
}

#right-column {
    width:48%;
    float:left;
}

#footer {
    padding:0.5em 0 2em 0;
    clear:both;
}

#navigation ul {
    margin:0;
    padding:0;
    list-style:none;
}

#navigation li {
    display:inline;
    margin:0;
    margin-right:1.5em;
    padding:0;
}


/* ----------------------------------------------------------- */
/* Smartphone layout and styles                                */
/* ----------------------------------------------------------- */

@media only screen and (max-device-width:480px) {
    
    /* Layout */
    
    #main-column {
        min-width:0px;
        max-width:480px;
        margin: 0;
    }
    
    #header {
        width:100%;
        padding:2em 5% 0.5em 5%;
        background:rgb(110,0,153);    
    }

    #content {
        width:100%;
        background:rgb(255,255,255);
        padding:0 5% 5% 5%;
    }
    
    #second-header, #two-col-intro {
        width:100%;
        padding-bottom: 0.5em;
        clear:both;
    }
    
    #left-column, #right-column {
        width:100%;
        clear:both;
    }
    
    #footer {
        width:100%;
        padding:0.5em 0 2em 0;
        clear:both;
    }
    
    /* Styles */
    
    h1 {
        font-size:2em;
        line-height:1em;
        margin-top:0.25em;
    }
    
    h2.header {
        font-size:1.5em;
    }
    
    p.intro {
        font-size:1em;
    }
}