/*
Theme Name: megaDRIVE
Description: Free WordPress theme by Hrant Abelyan. Make posts sticky and to have featured image to appear in slider. 'Top Menu' items can't contain items, for multilevel menu use 'Main Menu'.
Author: Hrant Abelyan
Author URI: https://www.facebook.com/hrant.abelyan
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 2017.02.07.1
Tags: two-columns, right-sidebar, featured-images, footer-widgets, translation-ready
Text Domain: megadrive
*/

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Core alignment classes
 * 3.0 - Elements
 * 4.0 - Header
 *		4.1 - Logo
 *		4.2 - Search
 *		4.3 - Navigations
 * 5.0 - Main
 *		5.1 - Pagination
 * 6.0 - Sidebar
 * 7.0 - Footer
 * 8.0 - Calendar
 * 9.0 - Comments
 * 10.0 - Media queries
 */

/* 1.0 - Reset */

/* reset margins */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li,
blockquote, pre, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, section, summary, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html, body {
	height: 100%;
}

/* setup body */
body, p {

	line-height: 1;
	font-family: Georgia, serif;
	font-size: 16pt;
}

/* reasonable starting margins */
p, h1, h2, h3, h4, h5, h6, ol, ul, li, table, pre, dl, address, twitterwidget, .comments-pagination { margin: 12pt; }
li { margin-left: 2em; }
twitterwidget {padding-top: 15px; }


/* setup headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
}

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }

/* setup pre */
pre { font-family: arial, monospace; overflow-x: auto; overflow-y: hidden;}

/* 2.0 - Core alignment classes */

.alignnone {
	margin: 5px 12pt 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 15px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 15px 20px 0px;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;

	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 16px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* 3.0 - Elements */

body {
background-image:url("http://danteamman.org/wp-content/uploads/2017/12/white.jpg");
	background-size:     cover;
	background-repeat:   no-repeat;
	font-size: 16px;
	font-family: "open sans", sans-serif;
	word-break: break-word;
}



h1 {
	font-size: 24px;
	font-family:  "open sans", sans-serif;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.archives-h1 {
	font-size: 24px;
	font-family:  "open sans", sans-serif;
	font-weight: 600;
	line-height: 1.3em;
	margin: 5px 0 20px 0px;
	border-bottom: 2px #c0392b solid;
	padding: 0 0 0 5px;
}

h1 a {
	font-size: 24px;
	font-family:  "open sans", sans-serif;
	font-weight: 600;
	text-decoration: none;
	color: #500;
}

h2 {
	font-size: 16px;
	font-family:  "open sans", sans-serif;
	font-weight: 600;
	line-height: 1.1em;
	margin-bottom: 5px;
}

h2 a {
	font-size: 16px;
	font-family:  "open sans", sans-serif;
	font-weight: 600;
	text-decoration: none;
	color: #500;
}

h3 {
	font-size: 14.5px;
	font-family:  "open sans", sans-serif;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 5px;
}

h3 a {
	font-size: 14.5px;
	font-family:  "open sans", sans-serif;
	font-weight: 600;
	text-decoration: none;
	color: #500;
}

h2 a:hover, h3 a:hover {
	text-decoration: underline;
}


p {
	font-size: 14px;
	line-height: 1.2em;
	font-family:  "open sans", sans-serif;
	width: auto;
}

p a, #comments a {
	font-size: 13px;
	line-height: 1.2em;
	font-family:  "open sans", sans-serif;
	color: #200;
}

p a:hover, #comments a:hover {
	color:#c0392b;
}

blockquote {
	color: #474747;
	background-color: #f0f0f0;
	padding: 3px;
	font-style: italic;
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

/* 4.0 - Header */

#header {
	height: 150px;
	background: #f6f7f2 url(images/header-bg.png) repeat-x;
	background-color: #f6f7f2;
}

#header-wrapper {
	max-width: 1000px;
	margin: 0 auto;
}

/* 4.1 - Logo */

#logo {
	padding: 45px 0 0;
}

#logo a {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 38px;
	font-weight: bold;
	color: #000000;
}

#logo a img {
	width: 530px;
	height: auto;
}

/* 4.2 - Search */

#search {
	float: right;
	margin-right: 2px;
	height: 30px;
}

.searchinput::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
	text-align: right;
}
.searchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1;
	text-align: right;
}
.searchinput::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1;
	text-align: right;
}
.searchinput:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
	text-align: right;
}

.searchinput:focus::-webkit-input-placeholder {color: transparent}
.searchinput:focus::-moz-placeholder {color: transparent}
.searchinput:focus:-moz-placeholder {color: transparent}
.searchinput:focus:-ms-input-placeholder {color: transparent}

.searchinput {
	font-family: 'flexslider-icon', sans-serif;
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
	url('fonts/flexslider-icon.woff') format('woff'),
	url('fonts/flexslider-icon.ttf') format('truetype'),
	url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	border: none;
	padding-left: 3px;
	padding-right: 9px;
	width: 18px;
	height: 29px;
	/* background: #c0392b url(images/menu-bg-blue.png) repeat-x; */
	background: transparent;
	border-right: 1px solid rgba(200,180,180,0.3);
	border-left: 1px solid rgba(200,180,180,0.3);
	color: #fff;
	outline: none;
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.searchinput:focus {
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #F0F0F0;
	color: #000;
	width: 155px;
	max-width: 155px;
	cursor: text;
}

/* 4.3 - Navigations */

#menu-top {
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	background: #25373D;
}

#menu-top-wrapper {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 16px;
}

#menu-top-wrapper ul {
	display: block;
	position: relative;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 16px;
}

#menu-top-wrapper ul  li {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	height: 20px;
	background: #25373D;
	font-size: 16px;
}

#menu-top-wrapper ul li a {
	display: block;
	padding: 2px 0 2px 0;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font: 12px/17px  "open sans", sans-serif;
	color: #fff;
	font-size: 16px;
}

#menu-top-wrapper ul li a:hover {
	text-decoration: underline;
}

#menu {
	height: 30px;
	margin: 0;
	padding: 0;
	background: #2bb2c0 url(images/menu-bg-blue.png) repeat-x;
	background-color: #2bb2c0;
	border-bottom: 1px solid rgba(119,39,0,0.1);
}

#menu-wrapper {
	max-width: 1000px;
	margin: 0 auto;
}

#menu-wrapper ul {
	display: block;
	position: relative;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-left: 1px solid rgba(200,180,180,0.3);
}

#menu-wrapper ul ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	margin: 0 0 0 -1px;
	padding: 0;
	float: none;
	list-style-type: none;
	z-index: 1000;
	border: 0;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#menu-wrapper ul ul li ul {
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 100%;
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	z-index: 1000;
	border: 0;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#menu-wrapper ul li {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	height: 30px;
	border-right: 1px solid rgba(200,180,180,0.3);
	background: #2bb2c0 url(images/menu-bg-blue.png) repeat-x;
	background-color: #2bb2c0;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#menu-wrapper ul ul li {
	display: block;
	float: none;
	margin: 0;
	width: 150px;
	height: auto;
	background: #2bb2c0;
	background-color: #2bb2c0;
	border: 0;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#menu-wrapper ul li a {
	display: block;
	padding: 10px 10px 8px 10px; 
	text-decoration: none;
	text-transform: uppercase;
	font-family:  "open sans", sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #fff;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#menu-wrapper ul li a:hover  {
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color: #d5d5d5;
}

#menu-wrapper ul ul li a:hover  {
	color: #fff;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#menu-wrapper ul li:hover {
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-color: #2bb2c0;
}

#menu-wrapper ul li:hover > ul {
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	opacity: 1.0;
	visibility: visible;
}

/* 5.0 - Main */

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

#main {
	float: left;
	display: block;
	margin: 15px 0 5px 0;
	padding: 10px 0 10px 0;
	width: 60.3%;
}

#main article p {
	font-size: 14px;
	line-height: 1.2em;
	font-family:  "open sans", sans-serif;
}

.post-meta-front-page + p {
	font-size: 14px;
	line-height: 1.2em;
	font-family:  "open sans", sans-serif;
}

#main .post-full p {
	font-size: 15px;
	line-height: 21px;
	font-family:  "open sans", sans-serif;
}

.post-full img.size-large {
	width: 96%;
	max-width: 1000px;
	height: auto;
	margin: 10px 2%;
}

.post-full {
	min-height: 50px;
}

div.post {
	margin-bottom: 1.2em;
	min-height: 173px;
	height: auto;
	background-color: #fefefe;
	padding-top: 5px;
	-webkit-box-shadow: -1px 1px 3px rgba(0,0,0,.2);
	box-shadow: -1px 1px 3px rgba(0,0,0,.2);
}

.post div:first-of-type h2 a:empty {
	display: inline-block;
}

.post div:first-of-type h2 a:empty:after {
	content: '\1f517';
	display: block;
}

.sticky {

}

.gallery {
	clear: both;
}

.gallery-caption {
	font-family:  "open sans", sans-serif;
	font-weight: bold;
}

.gallery-item {
	float: left;
	margin: 0;
	margin-top: 10px;
	padding: 0 12pt;
	box-sizing: border-box;
	text-align: center;
}

div.article-details {
	padding-top: 27px;
}

.red-bottom-line {
	padding-top: 20px;
	clear: left;
}

.post-thumbnail {
	float: left;
	margin: 25px 15px 0 20px;
}
.post-thumbnail-single  {
	float: left;
	margin: 20px 15px 10px 20px;
}

.post-thumbnail img {
	width: 180px;
	height: 121px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.post-thumbnail-single img {
	width: 220px;
	height: 148px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.post-meta {
	font-family:  "open sans", sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0 0 -10px 20px;
	color: #7f8c8d;
}

.post-meta a {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	color: #c0392b;
}

.post-meta-frontpage {
	font-family:  "open sans", sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0 0 -10px 20px;
	color: #7f8c8d;
}

.post-meta-frontpage a {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 13px;
	line-height: 0em;
	color: #c0392b;
}

/* 5.1 - Pagination */

.pagination {
	margin: 5px 15px 50px 0;
	padding: 0;
}

.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 8px 12px 12px 12px; 
	height: 10px;
	width: auto;
	background: #fefefe;
	font-size: 14px;
	font-family:  "open sans", sans-serif;
	color: #500;
	text-decoration: none;
	-webkit-box-shadow: -1px 1px 3px rgba(0,0,0,.2);
	box-shadow: -1px 1px 3px rgba(0,0,0,.2);
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.pagination span {
	font-weight: bold;
}

.pagination span:hover, .pagination a:hover {
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-color: #c0392b;
	color: #eee;
}

/* 6.0 - Sidebar */

#sidebar {
	float: left;
	display: block;
	padding: 0;
	width: 39.7%;
	height: 100%;
	margin: 15px 0 5px 0;
}

#sidebar h3 {
	width: 95.5%;
	color: #000;
	margin: 0 5px 15px -1px;
	padding: 10px 10px 5px 8px;
	font-family:  "open sans", sans-serif;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 2px solid #c0392b;
	text-transform: uppercase;
}

#sidebar ul {
	display: block;
	list-style-type: none;
	color: #c00;
	padding: 0;
	margin: 0 0 0 -2px;
}

#sidebar li {
	padding: 0 15px 2px 0;
	margin: 0 0 1px 8px;
	border-bottom: 1px dotted rgba(119,39,0,0.15);
}

#sidebar li a, .tagcloud a  {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 14px !important;
	line-height: 1.2em;
	color: #000;
}

#sidebar li a:hover, .tagcloud a:hover {
	color: #c0392b;
}

#sidebar .widget {
	margin: 9px 10px 25px 8px;
	padding-left: 6%;
}

.widget-content {
	margin: 15px 10px 0px 5px;
	padding: 0 0 15px 0;
	font-size: 14px;
	font-family:  "open sans", sans-serif;
	line-height: 1.5em;
}

div.tagcloud {
	padding: 0 15px 2px 5px;
}

/* 7.0 - Footer */

#footer {
	padding: 0;
	margin: 25px 0 0 0;
	background: #002925 url('images/footer-bg.png') repeat-x;
	min-height: 300px;
	position: absolute;
	left: 0px;
	right: 0px;
}

#footer-wrapper{
	max-width: 1000px;
	margin: 15px auto;
	padding: 0;
}

#footer-clear {
	clear: both;
}

#footer-info {
	clear: both;
	background: #002925;
	padding: 5px;
}

#footer-info p {
	color: #eee;
}

#footer-sidebar {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

#footer-sidebar h3 {
	width: 93%;
	color: #eee;
	margin: 0 5px 15px -1px;
	padding: 10px 10px 10px 10px;
	font-family:  "open sans", sans-serif;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #bbb;
	text-transform: uppercase;
}

#footer-sidebar ul {
	display: block;
	list-style-type: none;
	color: #c00;
	padding: 0;
	margin: 0 0 0 -2px;
}

#footer-sidebar li {
	padding: 0 15px 2px 5px;
	margin: 0 0 1px 5px;
	border-bottom: 1px dotted rgba(255,255,255,0.3);
}

#footer-sidebar li a, .footer-widget-content .tagcloud a  {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 14px !important;
	line-height: 1.2em;
	color: #eee;
}

#footer-sidebar li a:hover, .footer-widget-content .tagcloud a:hover {
	color: #bbb;
}

#footer-wrapper .widget {
	float: left;
	width: 30%;
	margin: 10px 10px 25px 10px;
}

.footer-widget-content {
	color: #eee;
	margin: 15px 10px 0px 5px;
	padding: 0 0 15px 0;
	font-size: 14px;
	font-family:  "open sans", sans-serif;
	line-height: 1.5em;
}

/* 8.0 - Calendar */

#calendar_wrap {
	margin: 0 0 0 20px;
}

#calendar_wrap thead th {
	padding: 0 4px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#calendar_wrap tbody td {
	padding: 0 4px;
	text-align: center;
	border: rgba(170,188,188,0.8) dotted 1px;
}

td#today {
	font-size: 12px;
	font-weight: bold;
}

#calendar_wrap #today a {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 12px !important;
	line-height: 1.2em;
	color: #000;
}

#calendar_wrap #today a:hover {
	color: #e00;
	text-decoration: underline;
}


#calendar_wrap table a {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 14px !important;
	line-height: 1.2em;
	color: #000;
}

#calendar_wrap table a:hover {
	color: #e00;
	text-decoration: underline;
}

.footer-widget-content #calendar_wrap table a {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 14px !important;
	line-height: 1.2em;
	color: #eee;
}

.footer-widget-content #calendar_wrap table a:hover {
	color: #bbb;
}

.footer-widget-content td#today {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.8);
}

.footer-widget-content #calendar_wrap #today a {
	text-decoration: none;
	font-family:  "open sans", sans-serif;
	font-size: 12px !important;
	line-height: 1.2em;
	color: #000;
}

.footer-widget-content #calendar_wrap #today a:hover {
	color: #000;
	text-decoration: underline;
}

/* 9.0 Comments */

#comments-template {
	margin-top: 35px;
}

#comments {
	font-size: 16px;
	font-family:  "open sans", sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}

#comments p {
	font-weight: normal;
}

#comments .page-numbers {
	margin-right: 10px; 
	font-size: 15px;
}

#comments label {
	padding-bottom: 5px;
	display: block;
}

#comments input {
	background: #f0f0f0;
	outline: none;
	border: 1px solid rgba(200,180,180,0.8);
	height: 20px;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#comments input:focus {
	background: #fff;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#comments #submit {
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#comments #submit:hover {
	background: #c0392b;
	color: #eee;
	border: 1px solid transparent;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#comments #submit:focus {
	background: #f0f0f0;
	color: #000;
	border: 1px solid rgba(200,180,180,0.8);
}

#comments #submit:active {
	background: #fff;
	color: #000;
	border: 1px solid rgba(200,180,180,0.8);
}

img.avatar {
	float: left;
	display: block;
	padding: 5px 10px 5px 5px;
}

input#author {}

#respond h3 {
	font-size: 16px;
	font-family:  "open sans", sans-serif;
	font-weight: 600;
	margin-bottom: 10px;
}

#respond a {
	text-decoration: underline;
	font-family:  "open sans", sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	color: #000;
}

#respond textarea#comment {
	width: 90%;
	height: 150px;
	resize: none;
	background-color: #f0f0f0;
	font-family: "open sans", sans-serif;
	outline: none;
	border: 1px solid rgba(200,180,180,0.8);
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#respond textarea#comment:focus {
	background-color: #fff;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.comment-list {
	font-size: 14px;
	line-height: 1.2em;
	list-style-position: inside;
}

.comment-list a {
	text-decoration: underline;
	font-family:  "open sans", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #000;
}

.comment-list p {
	font-size: 14px !important;
	line-height: 1.2em !important;
	width: auto;
}

.comment-list .fn a {
	font-weight: bold;
	text-decoration: none;
}

.comment-list .comment-author {
	font-weight: normal;
}

.comment-body {
	padding: 10px;
}

.bypostauthor {
	background: rgba(200,200,200,0.15);
}

/* 10.0 - Media queries */

.slicknav_menu {
	display:none;
}


@media only screen and (max-width: 1000px) {
	#main {padding-left: 1%;}
	#sidebar {width: 38.7%;}
}

@media only screen and (max-width: 992px) {
	div#menu-wrapper > div:first-of-type {
		display: none;
	}

	.slicknav_menu {
		display: block;
	}

	#menu-top {
		display: table;
		width: 100%;
	}
	
	#menu {
		display: table;
		width: 100%;
	}

	.searchinput {
		border: 0;
	}
}

@media only screen and (max-width: 900px) {

	#main p {
		clear: left;
		padding-top: 10px;
	}

	div.article-details {
		padding-top: 35px;
	}

	.post-meta-frontpage {
		margin: 5px 0 -10px 20px;
	}
}

@media only screen and (max-width: 750px) {

	#main p {
		clear: left;
		padding-top: 5px;
	}

	div.article-details {
		padding-top: 10px;
		clear: left;
	}

	#footer-wrapper .widget {
		float: left;
		width: 45%;
		margin: 10px 10px 25px 10px;
	}
}

@media only screen and (max-width: 640px) {

	#main {
		width: 98%;
	}

	#sidebar {
		width: 98%;
	}

	#sidebar .widget {
		padding-left: 0;
	}

	#main p {
		clear: none;
		padding-top: 5px;
	}

	div.article-details {
		padding-top: 27px;
		clear: none;
	}

	.post-meta-frontpage {
		margin: 0 0 -10px 20px;
	}

	#footer-wrapper .widget {
		float: none;
		width: 90%;
		margin: 10px 10px 25px 10px;
	}
}

@media only screen and (max-width: 400px) {

	#logo {
		padding: 45px 0 0 5px;
	}

	#logo a img {
		max-width: 95%;
		width: 314px;
		height: auto;
		margin: 0 2%;
	}

	#main {
		width: 96%;
	}

	#sidebar {
		width: 99%;
	}

	#main p {
		clear: left;
		padding-top: 5px;
	}

	div.article-details {
		padding-top: 10px;
		clear: left;
	}

	.post-meta-frontpage {
		margin: 5px 0 -10px 20px;
	}
}

@media only screen and (max-width: 320px) {

	#menu-top-wrapper, #header-wrapper ,
	#menu-wrapper, #wrapper, 
	#footer-wrapper, body, #main,
	#sidebar , #header, #footer {
		width: 320px;
	}

	#logo {
		padding: 45px 0 0 0;
	}
}