/*
 Theme Name:   Murerati
 Theme URI:    http://murderati.com
 Description:  Murerati Theme
 Author:       Writersapce
 Author URI:   http://writerspace.com
 Template:     twentytwelve
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  murderati
*/

@import url("https://murderati.com/wp-content/themes/twentytwelve/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*---------------------------
 clear fix---------------------------*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.site {
  padding: 0;
  width:960px;
}

.wrapper {
 padding; 0 1.714285714rem;
}

.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Header */
.site-header {
	padding: 0px 0;
	padding: 0 0;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 2px;
	margin-top: .05rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 4px;
	margin-top: .1rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
#masthead .main-navigation ul.nav-menu,
#masthead .main-navigation div.nav-menu > ul {
	border-bottom: 0px;
	border-top: 0px;
}
#masthead .main-navigation a {
	color: #800;
}
#masthead .main-navigation li ul li a:hover {
	background: white;
}
#masthead .main-navigation a:hover {
	color: #333333;
}
#masthead .main-navigation ul.nav-menu,
#masthead .main-navigation div.nav-menu > ul,
#masthead .main-navigation li ul li a {
	border-color: rgba( darkred, 0.1 );
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 3px;
    box-shadow: 0 0 rgba(0, 0, 0, 0);
}

.entry-title a {
    text-decoration: none;
}
a {
    color: #400;
    outline: medium none;
}

/* ARW Edit
----------------------------------------*/
/*---------------------------
 clear fix---------------------------*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
  
}
.cf{
	display: inline-block;
  width: 100%;
}

.site-content.full{
	width:100%;
}
.home-columns ul{
	margin:0 0 25px;
	padding:0;
	list-style:none;
}
.home-columns > li{
	float:left;
	margin:0 3% 0 0;
	width:27%;
	padding:2%;
	background:#f4f4f4;
	border:1px solid #cccccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	box-shadow: 0 0 5px #cccccc;
	
}
.home-columns li:last-child{

	margin:0;
}
.home-columns li li{
	float:none;
	padding:0 0 5px;
	width:auto;
}
.home-columns li li.rss-item {
	padding:0 0 15px;
}
.home-columns li li.rss-item a{
	display:inline-block;
	padding:0 0 10px;
}
.home-columns h2{
	padding:0 0 10px 0;
}
.site-content article {
border-bottom: 4px solid #ededed;
margin-bottom: 25px;
padding-bottom: 24px;

}
/* home page authors
----------------------------------------*/
.authors .author{
	width:192px;
	height:192px;
	float:left;
	position:relative;
}
.authors .author img{
	width:192px;
	height:192px;
}
a.author-name{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:192px;
	height:192px;
	
}
a.author-name span{
	position:absolute;
	left:0;
	bottom:0;
	width:172px;
	height:50px;
	padding:142px 10px 0;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:700;
	background:url(images/author-name-bg.png) no-repeat 0 0;
	line-height:1.3em;
	display:none;
}
a.author-name:hover span{
	display:block;
}
/*archives page
----------------------------------------*/

ul.archives{
	list-style:none;
	padding:0;
  margin:0;
}
ul.archives li{
	padding:0 3% 10px 0;
	width:30%;
	float:left;
	margin:0;
}
ul.archives li a{
	text-decoration:none;
}
ul.archives li a:hover{
	color:#666666;
}
.widget-area .widget h3 {
    font-size:18px;
}

.rss-aggregator{
	list-style:none;
	padding:0;
	margin:0;
}

.rss-aggregator li.feed-item{
	list-style:none;
	padding:0 0 25px 0;
	margin:0 0 25px 0;
	border-bottom:1px solid #cccccc;
}

.rss-aggregator li.feed-item > a:first-child{
	font-size:22px;
	padding:0 0 15px 0;
	display:inline-block;
	text-decoration:none;
}

/* Responsive Styles
----------------------------------------*/
@media(max-width:959px){
	body.custom-background {
background-color: #fff !important;
}
body{
	background-color: #fff !important;
}
	.site {
  padding: 0;
  width:750px;
  margin:0 auto;
}
.authors .author {
width: 187px;
height: 187px;
float: left;
position: relative;
}
.authors .author img {
width: 187px;
height: 187px;
}
	a.author-name{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:187px;
	height:187px;
	}
	a.author-name span{
	position:absolute;
	left:0;
	bottom:0;
	width:167px;
	height:50px;
	padding:137px 10px 0;
	color:#fff;
	text-decoration:none;
	font-size:16px;
	font-weight:700;
	background:url(images/author-name-bg.png) no-repeat 0 0;
	line-height:1.3em;
	display:none;
}
a.author-name:hover span{
	display:block;
}

.main-navigation li {
margin: 0 20px 0 0;
position: relative;
}
	#tweets > ul{
	width:100% !important;
}
}
@media(max-width:767px){
	.site {
  padding: 0;
  width:95%;
  margin:0 auto;
}
.authors{
	max-width:561px;
	margin:0 auto;
}

}
@media(max-width:611px){
	
.authors{
		max-width:450px;
		margin:0 auto;
	}
.authors .author{
	width:150px;
	height:150px;
	float:left;
	position:relative;
}
.authors .author img{
	width:150px;
	height:150px;
}
a.author-name{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:150px;
	height:150px;
	
}
a.author-name span{
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		width:130px;
		height:auto;
		padding:10px;
		background:url(images/author-name-bg.png) no-repeat 0 0;
		color:#fff;
		text-decoration:none;
		
		font-size:12px;
		font-weight:400;
	}
}
@media(max-width:495px){
	.authors{
		max-width:300px;
		margin:0 auto;
	}
}
@media(max-width:320px){
	.authors{
		max-width:300px;
		margin:0 auto;
	}
	.authors .author{
	width:150px;
	height:150px;
	float:left;
	position:relative;
}
.authors .author img{
	width:150px;
	height:150px;
}
a.author-name{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:150px;
	height:150px;
	
}
a.author-name span{
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		width:130px;
		height:auto;
		padding:10px;
		background:url(images/author-name-bg.png) no-repeat 0 0;
		color:#fff;
		text-decoration:none;
		
		font-size:12px;
		font-weight:400;
	}
}

/* Add Border to Posts-in-Page
----------------------------------------*/
.site-content article {
border-bottom: 1px solid;
padding-bottom: 30px;
}


/* news items
----------------------------------------*/
.news-item {
	padding:10px 10px 0;
	background:#fafafa;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	margin:0 0 10px 0;
}



.news-item table {
	vertical-align: top;
	border:0;
	margin:0;
	padding:0;
}

.news-item td {
	vertical-align: top;
	border:0;
	margin:0;
	padding:10px;
}

.news-item li {
	padding:0;
	margin:0;
}