/*
Theme Name: Betteridge
Theme URI: 
Author: Su
Author URI: 
*/

body {
    font-family : "garamond-premier-pro-display", "Hoefler Text", Georgia, serif;
    font-size : 24px;
    line-height : 1.4;
    color : #000000;
    background-color : #f0f0f0;
}
p {

}
a:link, a:visited {
    outline : none;
    color : #000000;
    text-decoration : none;
}
a:hover, a:focus, a:active {
    color : #666666;
}

#header {
    width : 90%;
    margin : 15px auto 30px auto;
    text-align : center;
}
#header p {
    border-top : 2px solid black;
    border-bottom : 2px solid black;
    font-size : 32px;
padding-top : 5px; /* ? */
visibility : hidden;
}
#header a:hover p {
visibility : visible;
color : #000000;
}

#main {
    width : 80%;
    margin : 0 auto;
}


article {
    margin-bottom : 2em;
    border-bottom : 1px dashed #dddddd;
}
body.single article {
    border-bottom: none;
}
article header {
    margin-bottom : 20px;
    line-height : 1.0;
    text-align : center;

text-transform : uppercase;
width : 250px;
margin-left : auto;
margin-right : auto;
border-bottom : 1px solid #cccccc;
padding-bottom : 5px;
}
article header a span {
    visibility : hidden;
}
article header a:hover span {
    visibility: visible;
}

/* Hide heds while TypeKit fonts are loading */
.wf-loading h1 { 
    visibility : hidden;
}

article h1 {
    font-family : "league-gothic";
    font-size : 48px;
    margin-bottom : 36px;
}
article h1 .slabtext {
margin-bottom : 0.1em;
}
/* 
Should we add some
EXTRA HYSTERIA???? 
*/
article h1 .slabtext:last-child:not(:only-child) {
    text-transform : uppercase;
}
article .body {
    width : 600px;
    margin : 0 auto 36px auto;
}

#pagination {
    margin-bottom : 24px;
    text-align : center;
}

footer {
display : none;    
    width : 80%;
    margin : 0 auto 100px auto;
    text-align : center;
}
#submit {
    margin : 0;
    font-family : "league-gothic", sans-serif;
    font-size : 64px;
    line-height : 1.0;
}
#search input {
    border : none;
    padding : 0;
    background-color : #eeeeee;
    font-family : inherit;
    font-size : inherit;
    text-align : center;
    color : #000000;
}

/* SlabText styles */
.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}.slabtextdone .slabtext{display:block;line-height:0.9;}

/* Utility */
.thirds {
    display : inline-block;
    width : 33%;
}
.fourths {
    display : inline-block;
    width : 25%;
}