/*
Theme Name: 72 Class
Description: Μινιμαλιστικό αλλά όμορφο. Διαθέτει περιοχή μικροεφαρμογών στο υποσέλιδο
Author: Alan Who
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, black, one-column, fixed-layout, custom-header, threaded-comments
Text Domain: 72class
WDP ID: 128
Version: 2.5
License:
72 class is released under a <a rel="license" href="http://creativecommons.org/licenses/by/2.5/scotland/">
Attribution 2.5 License</a>
By downloading and using this theme, you agree to the following terms:
- You are free to to copy, distribute, display, and perform the work entitled "72 Class" for both non-commercial and commercial purposes.
- You are also free to make derivative works.
- You agree to maintain a link back to AlanWho.com in the footer (either modified or unmodified) as an act of attribution.
Tested up to: 6.1
Requires PHP: 7.0
*/
/* >>>>>>>>>>>>>>>>>>>> FOUNDATIONS<<<<<<<<<<<<<<<<<<<<  */
/* Customize Theme pack by WPMUDev */
#commentform input[type='text'] {
  margin-left: 50px;
  padding: 0.5em 1em;
}
#commentform span.required {
  margin-right: 8px;
}
p.comment-form-comment label {
  display:block;
}
p.comment-form-comment textarea {
padding: 1em;
width: 80%;
}
#commentform input[type='submit'] {
  background: #eee;
  padding: 0.5em 1em;
  -moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	border: 2px solid #fff;
	color: #333;
}
/* Captions and image alignment for wordpress */
.aligncenter, div.aligncenter {
	display: block!important;
	margin: 0px auto;
}
div.alignleft {
	float: left!important;
	margin-right: 10px;
}
div.alignright {
	float: right!important;
	margin-right: 0px;
	margin-left: 10px;
}
.wp-caption {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #F8F8F8;
	padding-top: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 16px;
	padding: 5px 4px;
	margin: 0;
	font-family: Arial, Tahoma, "Lucida Sans";
	color: #635A5A;
	font-style: normal;
}
p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	float: right;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	float: left;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End captions and image alignment */
/* ------------------ specials ------------------ */
* { margin: 0em; padding: 0em; }
/* ------------------ tags ------------------ */
body { font-family: "Trebuchet MS", arial, helvetica, sans-serif; margin: 0em; background-color: rgb(250,250,250); }
fieldset { border: 0; }
img { border: 0; }
/* ------------------ links ------------------ */
a, a:link, a:visited { color: #696565; text-decoration: none; font-weight: bold; }
a:visited:hover, a:link:hover { color: rgb(50,50,50); text-decoration:none; }
/* ------------------ h1, h2, h3, h4, h5 ------------------ */
h1 { font-family: "Trebuchet MS", "Lucida Grange", "Lucida Sans", Arial; }
h2 { font-family: Helvetica, "Trebuchet MS", Arial; font-weight:normal; }
h3 { font-family: Helvetica, "Trebuchet MS", Arial; font-weight:normal; }
/* ------------------ classe ------------------ */
.clearing { clear: both; height: 0em; overflow: hidden; }
.off { display: none; visibility:hidden; }
.count { background-color: rgb(0,0,163); color: rgb(255,255,255); border: .1em solid rgb(0,0,163); padding:.15em .5em; margin-right: .25em; text-align:center; }
.float-left { float: left; margin-right: 1em; }
img.float-left { padding: .25em; background-color: rgb(230,230,230); }
h1.pagetitle { text-align: center; margin: 0em auto 1em auto; }
#content .sticky {
	background: #EEE;
}
/* ------------------ .navigation ------------------ */
.navigation { float:left; width: 96%; padding: 2%; margin: .25em 0em; background: #fff; font-size: 95%; }
.navigation a, .post-nav a:visited { color: #696565; text-decoration: none; }
.navigation a:hover { color: #000000; text-decoration: none; }
.navigation .alignleft a { float: left; padding-left: 20px; background: url(images/post-nav-previous.gif) no-repeat left center; }
.navigation .alignright a { float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center; }
/* >>>>>>>>>>>>>>>>>>>>
HEADER
<<<<<<<<<<<<<<<<<<<<  */
/* ------------------ #page ------------------ */
#page { max-width: 1200px; margin: 0 auto;  }
#custom-img-header {
	max-width: 1200px;
	margin: 0px auto;
}
#custom-img-header div, #custom-img-header div img {
	max-width: 1200px;
	margin: 0px;
	padding: 0px 0px 15px;
	float: left;
	width: 100%;
}
/* ------------------ #header ------------------ */
#header { width: 100%; font-family: "Trebuchet MS", arial, helvetica, sans-serif; margin: 0em 0em 0em 0em; padding: .1em 0em; }
#header h1 {
	font-size: 60px;
	text-align: center;
	padding: 0em;
	margin: 1em 0em 0em;
	line-height: 65px;
}
#header h1 a:link, #header h1 a:visited { color: rgb(0,0,0); background-color: transparent; text-decoration: none; }
#header h1 a:hover, #header h1 a:active { background-color: rgb(0,0,0); color: rgb(255,255,255); }
#header p { color: rgb(0,0,0); background-color: transparent; font-size: 160%; text-align: center; margin: 0em 0em 1em 0em; padding: 0em;  }
/* ------------------ #top ------------------ */
#top { float:left; width: 100%; background-color: rgb(0,0,0); color: rgb(255,255,255); }
#top a:link, #top a:visited { color: rgb(255,255,255); }
#top a:hover, #top a:active { background-color: rgb(255,255,255); color: rgb(0,0,0); }
#top p { text-align: left; width: 30%; float: left; margin: 0; padding: .5em; font-size: 110%; font-weight: bold; }
#top ul { width: 30%; text-align: right;list-style: none; float: right; margin: 0; padding: .7em; font-size: 95%; }
#top li { list-style: none; display: inline; margin: 0; }
/* >>>>>>>>>>>>>>>>>>>>
CONTENT
<<<<<<<<<<<<<<<<<<<<  */
/* ------------------ #wrapper ------------------ */
#wrapper { width: 100%; margin-top: 1em;  }
/* ------------------ #content ------------------ */
#content { max-width: 1150px; margin: .5em auto; }
/* ------------------ .post-nav ------------------ */
.post-nav { clear: both; padding: .5em .5em .75em .5em; height: 15px; margin: -1em 0em .5em 0em;  font-size: 95%; }
.post-nav .previous a { float: left;  }
.post-nav .next a { float: right;text-align: right; }
/* ------------------ .post ------------------ */
.post {
	clear: both;
	overflow: hidden;
	margin: 0em 0em 2em;
	padding: 1em;
	background: #fff;
	border-bottom: 1px solid #D6D6D6;
}
.page div.title {
	margin-left: 0px;
	padding-left: 0px;
}
/* ------------------ .post .title ------------------ */
.post .title { float: left; width: 85%; margin: 0em 0em 0em 1em; padding: 0em;  }
.post .title h2 { font: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; letter-spacing:-1px; padding-bottom: .25em;  }
.post .title h2 a, .post .title h2 a:link, .post .title h2 a:visited { color: rgb(0,0,0); font-weight: normal; }
.post .title h2 a:visited:hover, .post .title h2 a:hover, .post .title h2 a:active { background-color: rgb(0,0,0); color: rgb(255,255,255);  text-decoration: none; }
/* ------------------ .post .date ------------------ */
.post .date { height: 50px; width: 55px; background: url(images/calendar.gif) no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left; }
.post .date span { height: 16px; display: block; font: normal 11px Arial, Helvetica, sans-serif;	color: #ffffff; text-align: center; padding-top: 5px; }
/* ------------------ .postdata ------------------ */
.postdata {
	font-size: 90%;
	color: rgb(0,0,0);
	overflow: hidden;
	padding-bottom: 2em;
}
.postdata a, .postdata a:visited { text-decoration: none; }
.postdata .category { float: left; }
.postdata .comments{ float: right; }
/* ------------------ .post .mini-add-comment ------------------ */
.mini-add-comment { background: url() no-repeat left center; padding-left: 12px; float: right; }
/* ------------------ start .entry ------------------ */
.entry { }
.entry p {
	margin-bottom: 20px;
}
.entry ol {
	margin-left: 35px;
	padding-left: 0px;
	list-style-type: decimal;
	padding-top: 8px;
	padding-bottom: 12px;
}
.entry ul {
	margin-left: 35px;
	padding-left: 0px;
	list-style-type: disc;
	padding-top: 8px;
	padding-bottom: 12px;
}
.entry h2 { font:  Georgia, "Times New Roman", Times, serif;  font-size:1.8em; letter-spacing:-1px;   padding-bottom: .25em; margin-left: .25em;  }
.entry h2 a, .post h2 a:visited { color: rgb(0,0,0); font-weight: normal; }
.entry h2 a:hover { background-color: rgb(0,0,0); color: rgb(255,255,255);  text-decoration: none; }
.entry h3 {
	border-bottom: .1em solid rgb(0,0,0);
	margin-top: 1em;
	margin-bottom: 15px;
}
.entry h3 .board { background-color: rgb(0,0,0); color: #ffffff; margin-right: .5em; padding:.15em .5em; text-align:center;  }
/* ------------------ .postmetadata ------------------ */
.postmetadata { margin: 0em; padding: 1em; background-color: rgb(248,248,248); border: .15em solid rgb(221,221,221); }
/* >>>>>>>>>>>>>>>>>>>>
COMMENTS
<<<<<<<<<<<<<<<<<<<<  */
/* ------------------ .comments-wrapper ------------------ */
.comments-wrapper { background-color: rgb(0,0,0); color: rgb(255,255,255); }
/* ------------------ .comments ------------------ */
.comments { max-width: 1150px; margin: 0 auto; padding: 1em 0em;  }
.comments p { margin: 1em 0em; }
.comments a { color: rgb(255,255,255); }
.comments a:hover { color: rgb(255,255,255); }
.comments h2 { margin: .25em 0em .5em 0em; padding-bottom: .25em; }
.comments .count { background-color: rgb(0,0,0); color: rgb(255,255,255); }
/* ------------------ .metalinks ------------------ */
.metalinks { padding: .15em; }
.metalinks .commentsrsslink { background: url('images/feed.png') left center no-repeat; padding: 2px 0 2px 17px; margin-right: 6px; height: 16px;  }
.metalinks .trackbacklink { background: url('images/arrow_refresh.png') left center no-repeat; padding: 2px 0 2px 17px; height: 16px; }
/* ------------------ ol.commentlist ------------------ */
ol.commentlist { margin: 1em 0em; }
.commentlist li { background-color: rgb(51,51,51); color: rgb(255,255,255); margin: 0em; padding: 1em; list-style: none; margin-bottom: .5em; overflow: hidden; }
.commentlist li .count { background-color: rgb(0,0,0); color: rgb(255,255,255); }
.commentlist li.alt { background-color: rgb(0,0,0); color: rgb(255,255,255); overflow: hidden; }
.commentlist li.alt .count { background-color: rgb(51,51,51); color: rgb(255,255,255); }
.commentlist li img.gravatar { float: left; margin-right: 1em; background: rgb(230,230,230); border: .25em solid rgb(241,241,241); padding: .25em; width:40px; height:40px; }
.commentlist li a:hover img.gravatar { background: rgb(0,0,153); border: .25em solid rgb(0,0,153); text-decoration:none }
.commentlist li.commentOfficialUser { background-color: rgb(209,182,114); color: rgb(255,255,255); background-image: url(_images/internet_income_tactics/grad-gold.png); background-repeat: repeat-x; background-attachment: scroll; overflow: hidden; }
.commentlist .count {
	float: right;
	margin-left: 1em;
	border: .1em solid rgb(255,255,255);
	color: rgb(255,255,255);
	font-size:13px;
}
.comment-content { padding: .6em 0em 0em 0em; }
#post-navigator-single {
	margin: 0px;
	padding: 8px 0px;
	width: 100%;
}
div#respond h3 {
	margin: 0px;
	padding: 8px 0px;
	width: 100%;
	float: left;
}
.comment-content .cc { border-left: 1px solid rgb(255,255,255); line-height: 20px; padding-left: 12px; margin: 0px 230px; margin-top:-50px; margin-right:18px; }
.comment-content .cc p { padding-right: 50px; }
#commentlist li .comment-meta { padding-left: 20px; font-size:10px; color:#CCCCCC; display: block;	}
#commentlist li .commentauthor { font-size: 20px; letter-spacing: -1px; color: #333333; width:200px; }
#commentlist li .commentauthor a { font-size: 20px; letter-spacing: -1px; color:#333; }
/* ------------------ .comment_form ------------------ */
.comment_form { text-align: left; margin-top: 1em; }
.comment_form form { margin: 0em; }
.comment_form fieldset, .comment_form fieldset fieldset  { border: 0; }
.comment_form legend { display: none; }
.comment_form label { font-size: 1em; padding: 1em 0em; }
.comment_form input.med, .comment_form select.med, .comment_form textarea.textbox { max-width: 300px; border: .05em solid rgb(0,0,153); color : rgb(51,51,51); padding: .25em; margin: 1em 0em; font-family: Trebuchet MS, Arial, sans-serif; font-size: 1.25em; }
.comment_form textarea.textbox { width: 95%; margin: 1em auto; }
.comment_form input.submit-button { margin : .5em 0em; padding: .25em; width: 11em;
cursor: pointer; background-color: rgb(51,51,51); color: rgb(255,255,255); text-align : center; font-size: 1.25em;  }
.comment_form input.submit-button:hover, .comment_form input.submit-button:focus { background-color : rgb(0,0,0); color : rgb(255,255,255); background-image:none; text-decoration:underline; }
/* >>>>>>>>>>>>>>>>>>>>
FOOTER
<<<<<<<<<<<<<<<<<<<< */
/* >>>>>>>>>>>>>>>>>>>> #footer <<<<<<<<<<<<<<<<<<<< */
#footer {
	clear: both;
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	padding: 0.25em;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}
#footer a:link, #footer a:visited, #sidebar a:link, #sidebar a:visited { color: rgb(255,255,255); }
#footer a:hover,#footer a:active, #sidebar a:hover, #sidebar a:active { background-color: rgb(255,255,255); color: rgb(0,0,0); }
#footer-wrapper { background-color: rgb(0,0,0); color: rgb(255,255,255); }
#footer p { margin: 1em 0em; }
#about { max-width: 1150px; margin: 0em auto; text-align: left; }
/* >>>>>>>>>>>>>>>>>>>>
SIDEBAR
<<<<<<<<<<<<<<<<<<<< */
#sidebar-wrapper {    clear: both; background-color: rgb(0,0,0); color: rgb(255,255,255); }
/* >>>>>>>>>>>>>>>>>>>> #sidebar  <<<<<<<<<<<<<<<<<<<< */
#sidebar { padding: 1em 0em; margin: 0em auto; max-width: 750px; overflow: hidden; }
#sidebar .block { float: left; width: 30%; margin: 0em 0em 0em 1em; display: inline; }
#sidebar .block h2, #sidebar .block h3 { margin: 0em 0em 1em 0em; font-family: Helvetica, "Trebuchet MS", Arial; font-weight:normal; }
#sidebar ul { margin: 0em; padding: 0em; }
#sidebar ul li { list-style-type: none; margin: 0em; padding: 0em; }

#sidebar ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul.children {
	margin: 0 0 0 1.8em;
}
#sidebar ul.children li:before {
	content: "";
}
#page-nv {
	margin: 0px 0px 15px;
	padding: 0px 0px 8px;
	float: left;
	width: 100%;
	border-bottom: 3px solid #000000;
}

#page-nv ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}
#page-nv ul li {
	margin: 0px;
	padding: 0px 15px 0px 0px;
	float: left;
	list-style-type: none;
	display: inline;
}
#page-nv ul li a {
	color: #000000;
	text-decoration: none;
	padding: 3px 6px;
}
#page-nv ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
	padding: 3px 6px;
}
#page-nv ul li#home a, #page-nv .current_page_item a {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
	padding: 3px 6px;
}