/*   
Theme Name: CLC Theme
Theme URI: http://www.qmul.ac.uk/
Description: This is a theme for CLC blog.
Author: Neil Pearce
Author URI: http://www.qmul.ac.uk/
Version: 1
*/

/**** IMPORTED GOOGLE FONTS. M BARGE 2017 ****/

@import url('https://fonts.googleapis.com/css?family=Philosopher|Raleway|Crimson+Text|VT323|Lora|Alegreya|PT+Serif|EB+Garamond|Source+Sans+Pro');

/**** END FONT IMPORTS ****/


/****  RESET **********/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input{

    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
}

ol, ul, li{

    list-style: none;
}

a { text-decoration: none;}

a img { border: none; }


/* For the HTML5 elements */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

.clear{clear:both; height:1px !important; line-height:1px !important; float:none!important}

/***** end reset *****/


/*** GLOBAL  ***/


body {
    font-family:Arial, Tahoma, Verdana;
    font-size:12px;
    margin:0 auto;
    padding:0;
    line-height:20px;
    background:url('images/bg_post.png') repeat-x;
    width:100%;
	overflow-x: hidden;
}


#wrapper{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;	
    width:100%;
}

header {
    background: url('images/header_bg.png');
    margin: 0 auto;	
    height: 139px;
    position: relative;
    max-width: 1000px;
    width:100%;
	overflow: hidden;
}


.logo {
    margin-top: 50px;
    margin-left: 0;
    float: left;
   /* font-size: 30px;*/
	font-size:3vw;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Allerta', sans-serif;
    text-shadow: 3px 4px 2px #000;
    position: relative;
    z-index: 100;	
}

.logo a {
    color: #fff;
}

.stars {
    background: url('images/stars.png') no-repeat;
    height: 118px;
    max-width: 274px;
    position: absolute;
    left: -150px;
    top: 10px;	
    width:100%;
}

/* navigation */

nav {
    position: absolute;
    top: 20px;
    right: 0px;	
}

nav li {
    margin-left: 10px;
    padding-right: 10px;
    display: block;
    float: left;	
}

nav li a { color: #fff; font-size: 14px;}

#search {

    position: absolute;
    top: 55px;
    right: 6px;	
}

@media only screen and (max-width: 992px)
{
.search_field { 
    border-radius: 6px; 
    padding: 8px; 
    background-color: #2c2f31;
    border: 0;
    box-shadow: 2px 2px 0px #252424 inset;
    border-bottom: 1px solid #585656;
    color: #ddd;
    /*width: 120px;*/
	width: 20vw;
    font-size: 11px;
}	
}

@media only screen and (min-width: 992px)
{
.search_field { 
    border-radius: 6px; 
    padding: 8px; 
    background-color: #2c2f31;
    border: 0;
    box-shadow: 2px 2px 0px #252424 inset;
    border-bottom: 1px solid #585656;
    color: #ddd;
    width: 120px;
	/*width: 20vw;*/
    font-size: 11px;
}
}
	

#searchsubmit {
    background: url('images/search_btn.png') no-repeat;
    height: 32px;
    width: 40px;
    text-indent: -2000px;
    cursor: pointer;
    margin-left: 4px;
}

#searchsubmit:hover {
    background-position: 0px -32px;
    height: 32px;
}

.shadow {
    background: url('images/shadow.png') no-repeat;
    height: 42px;
    width: 989px;
    position: absolute;
    left: 0;
    opacity: 0.4;
    top: 140px;
    width: 989px;	
}

#main {
    width: 100%;
    background:url('images/bg_intro.png') repeat;
}


.home_intro {
    max-width: 1000px;
    margin: 0 auto;
    height: 530px;
    width:100%;
}

#pages_wrapper {
    background: url("images/blank.png") repeat scroll 0 0 transparent;
    border-top: 7px solid #FFFFFF;
    overflow: hidden;
    width: 100%;
}

.current_pages {
   max-width: 1000px;
   margin: 0 auto 20px auto;
    width:100%;	
}

@media only screen and (max-width: 992px)
{
.slider {
    float: left;
    margin-top: 60px;
    /*max-width: 450px;*/
    width: 100%;
    margin-left: 0%;	
}
	.slider img {
		width:98%;
		height:auto;
	}	
}

@media only screen and (min-width: 992px)
{
.slider {
    float: left;
    margin-top: 60px;
    max-width: 450px;	
    width:100%;
}
}

@media only screen and (max-width: 992px)
{
.home_txt {
    margin-top: 60px;
    float: right;
    /*max-width: 480px;*/
    height: 389px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    width:100%;
}
}

@media only screen and (min-width: 992px)
{
.home_txt {
    margin-top: 60px;
    float: right;
    max-width: 480px;
    height: 389px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    width:100%;
}
}

.home_txt h1 {
    font-family: 'Allerta', sans-serif;
    color: #003366;
    padding: 0 23px;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 35px;	
}

.home_txt p {
    line-height: 22px;
    padding: 25px;
    color: #000;
    font-size: 14px;
    margin-bottom: 17px;
}

#single_page {
    overflow: hidden;
    width: 100%;
    background:url('images/bg_intro.png') repeat;
    padding-bottom: 10px;
    //padding-bottom: 30px;
}

#archive-posts {
   max-width: 1000px;
   margin: 30px auto;
   background-color: #fff;
    width:100%;
}

@media only screen and (max-width: 992px)
{
#primary {
    /*max-width: 1000px;*/
   /* margin: 30px auto;*/
    background-color: #fff;
    border-radius: 6px;
    padding: 10px;
    width: 94%;
}
}

@media only screen and (min-width: 992px)
{
#primary {
    max-width: 1000px;
    margin: 30px auto;
    background-color: #fff;
    border-radius: 6px;
    padding: 10px;
    width:100%;
}
}

#archive-posts #primary {
    max-width: 700px;
    float: left;
    width:100%;
}

#single_post #primary {
    background-color: transparent;
}

#primary h2 {
   font-size: 2em;
   margin: 20px 0;
}

h2.pagetitle {
   font-size: 2em;
   margin-top: 20px;
}

.post h2 a {
   color: #b0a745;
}

#primary a {
   color: #b0a745;
}

@media only screen and (min-width: 992px)
{
#sidebar {
   width: 20%;
   float: right;
   background-color: #fff;
   margin: 30px 0;
   border-radius: 6px;
   padding: 10px 20px;
}
}

@media only screen and (max-width: 992px)
{
#sidebar {
	width: 100%;
	/* float: right; */
	background-color: #fff;
	/*margin: 30px 0;*/
	border-radius: 6px;
	padding: 10px 20px;
}
}

#sidebar h2 {
   margin-top: 12px;
}

#sidebar a {
   color: #b0a745;
}

#commentform input {
    margin: 2px;
    padding: 5px;
    border: 1px solid #dbdbdb;
}

textarea {
    margin: 2px;
    border: 1px solid #dbdbdb;
}

#bottom_content {

    float: left;
    margin: 130px auto;
    height: 600px;
    overflow-x: hidden;
}

.box {

    float: left;
    border-radius: 6px;
    margin: 42px;
    position: relative;
    overflow: hidden;
    border: 5px solid #fff;
    height: 205px;
}

.box_details {

    background-color: #333;
    top: 170px;
    float: left;
    height: 211px;
    opacity: 0.9;
    position: absolute;
    max-width: 229px;
    width:100%;
}

.box_details h2, .box_details p{ color: #fff; margin: 10px;}


/* Single Post */

#single_post {
   background: url("images/bg_intro.png") repeat scroll 0 0 transparent;
   padding-bottom: 20px;
}

.comments {
    max-width:980px;
    margin: 0 auto;
    padding: 10px 10px 20px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    width:100%;
}

@media only screen and (max-width: 992px)
{
.left-column {
    background-color: #fff;
    border-radius: 6px;
    /*float: right;*/
    padding: 2px;
    width: 95%;
}

.right-column {
    background-color: #fff;
    border-radius: 6px;
   /*float: right;*/
    padding: 2px;
    width: 95%;
}
}

@media only screen and (min-width: 992px)
{
.left-column {
    background-color: #fff;
    border-radius: 6px;
    float: left;
    padding: 10px;
    width: 47%;
    margin-right: 20px;
}

.right-column {
    background-color: #fff;
    border-radius: 6px;
    float: right;
    padding: 10px;
    width: 47%;
}
}
	
.anth-intro {
    height:360px; 
    overflow:auto;
}

/*  ARCHIVE PAGE */

.archive_image {
    float: left;
    margin-right: 20px;
}

.entry, .content {
    overflow: hidden;
}



/* Footer */

footer {
    background:url('images/bg_intro.png') repeat-x;
    clear: both;
    width: 100%;
    border-top: 7px solid #fff;
}
.ft {
    max-width: 1000px;
    margin: 0 auto;
    height: 75px;
    padding-top: 20px;
    padding-bottom: 30px;
    width:100%;
}
.footer_logo {
    float: right;
    /*margin-top: -30px;*/	
}



/**** CUSTOM FOR WOKE PAGE ****/
div#post-1707.post {
color:white;
font-size:14px;
padding:8px;
/**background-image: url('https://static.wixstatic.com/media/b199b9_d969c16d2f5c487491f3629e38c41ad5.jpg'); 
background-size:cover;**/

background: #200122; /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #200122 , #6f0000); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #200122 , #6f0000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
}



/**** END CUSTOM WOKE ****/

/**** CUSTOM FOR DECIPHER PAGE ****/

div#post-1703.post {
background-color: #cce5ff;
padding:8px;
}

div#post-1703.post h2 {
font-family: 'VT323', monospace;
font-size: 6em;
text-align: center;
}

/**** END CUSTOM DECIPHER ****/

/**** CUSTOM FOR IMPRISONMENT PAGE ****/

div#post-1705.post  {
font-family: 'Philosopher', sans-serif; 
font-size:11pt;
}

div#post-1705.post h2 {
font-family: 'Philosopher', sans-serif; 
font-size: 2.6em;

}

div#post-1705.post .quote {
font-family: 'Crimson Text', serif;
font-size:12pt;
}

/**** END CUSTOM IMPRISONMENT ****/