@import url('https://fonts.googleapis.com/css?family=Rubik');
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/alegreya-sans-sc-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans SC Regular'), local('AlegreyaSansSC-Regular'),
       url('fonts/alegreya-sans-sc-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alegreya-sans-sc-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alegreya-sans-sc-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/alegreya-sans-sc-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('alegreya-sans-sc-v7-latin-regular.svg#AlegreyaSansSC') format('svg'); /* Legacy iOS */
}

body {
	background: #111111;
	background-position: left top;
	background-repeat: repeat;
/* background-image: url('./img/clouds.jpg'); */
	background-attachment:fixed;
}

.wrapper {
	background-color:#282828;
	padding:0px;
	width: 950px;
	position:relative;
	text-align:left;
	margin-left:18%;
	margin-top:0%;
}


#content {
	background-color: #000000;
	margin-top:0px;
	padding:0px;
	width: 950px;
	float: left;
	color:#999999;
	z-index:1;
	/* box-shadow:0px 3px 13px #FFFFFF;
	padding:0px 0px 20px 0px; */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.header {
	background-image:url(https://coagulopath.com/img/coagulopath.jpg); 	background-position: 0px 0px; background-repeat: no-repeat; background-size:100%;
	box-sizing: border-box;
	position:relative;
	height:276px;
	width:100%;
	border: 2px solid #ccc;
    float: left;
    margin-bottom: 0px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

.title {
	font-size:2.5em;
}


.excerpt {
	font-size:1.5em;
}

.header:hover {
	background-image:url('https://coagulopath.com/img/coagulopath.jpg');
opacity:0.4;
	            transition:all 0.5s ease;

} 

/* MEDIA */

.wp-post-image {
	position:relative;
	float:right;
	width:295px;
	height:100%;
}

.default-featured-img {
	position:relative;
	float:right;
}

/* HEADER */

.textheader {
	width:100%;
	height:70px;
	float:left;
	font-family: 'Alegreya Sans SC';
}

.text p {
	padding-left:20px;
	padding-right:20px;	
}

.text {
	margin-bottom:50px;
}

.titleright {
	position:relative;
	width:31%;
	float:left;
	height:100%;
	    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;	
}

.cats {
	text-align:right;
	width:100%;
	position:relative;
	float:left;	
	background-color:#000;
	height:50%;	
	padding:0px 10px 0px 10px;
    box-sizing: border-box;
	line-height: 35px;
	font-size:0.9em;
	color:white;
}


.time {
	text-align:right;
	width:100%;
	position:relative;
	bottom:0px;
	float:left;	
	background-color:#888888;
	height:50%;
	padding:0px 10px 0px 10px;
    box-sizing: border-box;
	font-size:0.75em;
	line-height: 35px;

}


.titleleft {
	width:69%;
	background:#777777;
/* background: rgb(204,0,0);
background: linear-gradient(180deg, rgba(204,0,0,1) 18%, rgba(112,0,0,1) 100%); */
	height:100%;
	float:left;
	color:white;
	display:block;
	line-height:24pt;
    box-sizing: border-box;	    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
opacity:0.1;
	            transition:all 0.5s ease;
}




ul {
	padding:0px;
	margin:0px;
	  list-style-type: none;

}

li {
    float: left;
		  list-style-type: none;
}

li a {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
	padding-left:10px;
}



/* BODY STYLING */

.text {
	width:100%;
	padding:0px;
	top:300px;
    box-sizing: border-box;
	float:left;
	font-family: 'Rubik', sans-serif;
}

#headerquotes {
	position:relative;
	top:180px;
	left:400px;
	width:50%;
	font-family: ocr-a-std, monospace; font-style: normal; font-weight: 200; color:#FFFFFF;
}

#content a {
	    color: white;

	text-decoration:none;
}

#content img {
	border:0px #990000 solid;
}

#content a:hover {
	color:#bdbdbd;
	text-decoration:none;
	text-shadow: 0 0 0.1em #bdbdbd;
}

#sidebar a {
	color:#888888;
	text-decoration:none;
}

#sidebar ul {
	margin-left:0px;
	padding-left:20px;
}

#both {
	clear: both;
}

#footer {
	margin-top:10px;
	border: 2px #000000 solid;
}