/*
 Theme Name:     Twenty Twelve Chill
 Theme URI:      http://www.roadsidereader.com
 Description:    Twenty Twelve Chill
 Author:         Lulu
 Author URI:     http://www.roadsidereader.com
 Template:       twentytwelve
 Version:        1.0.0
*/


@font-face {
	font-family: GOTHIC;  
	src: local('GOTHIC'), 
		url("./GOTHIC.TTF") format('truetype');  
	font-weight: normal;  
}

.widget h3,
.entry-content h3,
.comment-content h3 {
	font-family: "GOTHIC";
	font-size: 36px;
	color: #3a87a1; 
	line-height: 90%;
	text-transform:uppercase;
	font-variant:small-caps;
	letter-spacing:-1px;
}

.widget h3 {
	text-align:center;
	padding: 10px;
}
.widget {
	padding: 10px;
}

.entry-content h1 {
	font-family: "GOTHIC";
	font-size: 75px;
	color: #3a87a1; 
	line-height: 90%;
}

div.sharedaddy .sd-title, .jp-relatedposts-headline, .sd-content ul {
font-family: arial;
width: 100%;
text-align: left;
}

@media screen and (min-width: 600px) {
.site-header {
    padding-top: 0;
}

.main-navigation {
    align: center;
}
}
	body .site {

		margin-top: 0px;
		box-shadow: none;
		margin-top: 0rem;

	}
	
	
	
	.site { background-color:transparent;}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {

	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

	border-radius: 3px;
	box-shadow: none;

}

.header-image { margin-left: auto; margin-right: auto; display:block;}

.main-navigation {margin-top:-10px;}

	.main-navigation li a {
		border-bottom: 0;
		color: #344d76;
		text-transform: uppercase;
		letter-spacing:-3px;
		white-space: nowrap;
		font-size:30px;
		width:120%;
		}

	.main-navigation li a:hover,
	.main-navigation li a:focus
	 {
		color: #a2cad4;
	}
	.main-navigation li ul li a {
		color: #344d76;
		font-size: 12px;
		white-space: normal;
		border-bottom: 0;
		letter-spacing:0;
		background-color: #fff;

	}

	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		color: #a2cad4;
		font-weight: normal;
				background-color: #fff;

	}
.entry-header .entry-title {
	font-size: 25px;
	color: #3a87a1;
	line-height: 1.2;
	font-weight: bold;
	font-variant:small-caps;
	text-transform:uppercase;
	font-family: "GOTHIC";
	margin: 10px;
	text-align:center;

}

.entry-header .entry-title a {
	color: #3a87a1;
	text-decoration: none;
}

.entry-header .entry-format {
	margin-top: 24px;
	font-weight: normal;
	
}

.header-image {
	margin-top: 0;
}
.entry-title a {
	color: #336666;
}

.comments-link { 
	font-family: "GOTHIC";
	font-size: 25px;
	margin: 10px;
	color: #737977;

}

.comments-link a {
	text-decoration: none;
	color: #737977;
}

.continue-reading a {
	font-size:20px;

}
	
.entry-summary {
	margin: 10px;
	line-height:normal;
	text-align: center;
	color: #344d76;
	font-size:13px;
}
	
.site-content {
}

.entry-content {
	margin: 10px;
}

.comment-content {
	margin: 10px;
}
.entry-meta {
	font-family: "GOTHIC";
	font-size: 12px;
	margin: 10px;
	color: #737977;
	line-height:12px;
}

.entry-meta a {
	text-decoration: none;
	color: #737977;
}

.readmoreBB a,
.readmoreBB a:visited,
.readmoreBB a:focus {
	color: #344d76;
	font-size: 18px;
	text-decoration: none;
}

body {
	font-family: "GOTHIC";
	background-color: #fff;
	background-repeat:repeat-x;
	background-attachment: fixed;
	background-image: url("http://www.roadsidereader.com/wp-content/uploads/2017/06/bg.jpg");
}

.site-content article {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* =Comments

-------------------------------------------------------------- */



.comments-title {
	margin-bottom: 25px;
	font-size: 20px;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	color: #2f7962;
}

.comments-area article {
	margin: 24px 0;
}

.comments-area article header {
	margin: 0 0 0px;
	overflow: hidden;
	position: relative;

}

.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 65px;
}

.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	line-height: 1.42857143;
	font-variant:small-caps;
	text-transform:uppercase;
	letter-spacing:-2px;

}

.comments-area cite b {
	font-weight: normal;
}

.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	color: #d0deda;
}

.comments-area article header a {
	text-decoration: none;
	color: #d0deda;
	font-size:20px;


}

.comments-area article header a:hover {
	color: #d0deda;
}

.comments-area article header cite a {
	color: #d0deda;
}

.comments-area article header cite a:hover {
	text-decoration: underline;
}

.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	border-radius: 3px;
	border: 1px solid #007cbd;
}

.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	padding: 2px 5px;
	font-size: 10px;
	letter-spacing:0px;
}

.comments-area .bypostauthor cite b {
	font-weight: bold;
}

a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	line-height: 1.846153846;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}

.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
}



.comment-meta {
	background-color: #344d76;
	padding: 10px;
}

.comment {
	background-color: #a2cad4;
}

.comment-author cite b { 
	color: #d0deda;
	font-size:20px;

}
.widget-area {
	width: 315px;
}

p.titles {
	font-family: "GOTHIC";
	font-size: 20px;
	color: #2f7962; 
	line-height: 95%;
	text-transform:uppercase;
	font-variant:small-caps;
}

.main-navigation ul.nav-menu {
    text-align: center;
}

.main-navigation li ul li a {
    text-align: left;
}

p.titles a,
p.titles a:visited,
p.titles a:focus {
	color: #344d76;
}
ins {
background: transparent !important;
text-decoration: none;
}

.wp-playlist-rrb{
 background: clear;
 color: #344d76;
}

.mejs-container .mejs-controls {
    background-color: #344d76!important;
}