/*
Theme Name: Anarcho Notepad
Theme URI: http://mycyberuniverse.com/anarcho-notepad.html
Description: Inspired by the idea of anarchy, I designed this theme for your personal blogs and diaries. Anarcho Notepad can be easily customized. It utilizes latest HTML 5, CSS3 and wordpress native functions for creating the awesomeness that looks good on every browser. I’m constantly adding new features to this theme to allow you to personalize it to your own needs. If you want a new feature or just want to be able to change something just ask me and I would be happy to add it for you. I would like to thank you for your support, visit the Theme URI for the update history, and Enjoy!
Version: 2.21
Author: Arthur (Berserkr) Gareginyan
Author URI: http://mycyberuniverse.com/author.html
Tags: black, white, light, two-columns, right-sidebar, fluid-layout, custom-header, custom-background, featured-images, rtl-language-support, translation-ready, theme-options, threaded-comments
Copyright (C) 2013-2014 Arthur Gareginyan
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: anarcho-notepad
*/

/* Fonts
-------------------------------------------------------------- */
@font-face {
	font-family: 'Forum';
	src: url('fonts/forum/Forum.eot');
	src: url('fonts/forum/Forum.eot?#iefix') format('embedded-opentype'),
	     url('fonts/forum/Forum.woff') format('woff'),
	     url('fonts/forum/Forum.ttf') format('truetype'),
	     url('fonts/forum/Forum.svg#Forum') format('svg');
	font-weight: normal;
	font-style: normal;
}

section,
article,
header,
footer,
nav,
aside,
hgroup { display: block; }

[hidden] { display: none; }

/* Links
-------------------------------------------------------------- */
a:link {
	text-decoration: none;
	color: black; }
a:visited {
	text-decoration: none;
	color: black; }
a:hover,
a:active {
	text-decoration: underline;
	color: black; }

/* Align
-------------------------------------------------------------- */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center; }
.alignleft {
	float: left; }
.alignright {
	float: right; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	   -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none; }
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0; }
.gallery-caption { }
.sticky { }

/* Background
-------------------------------------------------------------- */
body {
	margin:0;
	font-size:100%;
	font-family: Forum, Tahoma, Arial, Helvetica, sans-serif; }
.site-header {
	width:960px;
	margin:0 auto;
	position:relative;
	height:238px; }

/* Blog Title
-------------------------------------------------------------- */
#title {
	width: 52%;
	height: 70%;
	margin-left: 4%;
	overflow: hidden;
	word-wrap: break-word; }
#title a { color: #e5e5e5; }
#title a:hover { text-decoration: none; }
.logo { position: absolute; }
.site-title {
	font-size: 300%;
	line-height: 0.8;
	margin: 0;
	text-align: center;
	position: relative;
	padding: 58px 0 10px; }
.site-description {
	font-size:120%;
	color: #9b9b9b;
	text-align: center;
	position: relative;
	margin: 0; }
.site-description .home-link a {
	text-decoration:none;
	text-shadow: 0 4px 0 rgba(0, 0, 0, 0.6); }
.site-header .home-link a:hover {
	text-decoration:none;
	border-bottom:1px solid #e7d8cf; }

/* Search Form (Header)
-------------------------------------------------------------- */
.top-search-form {
	padding-top: 0.3%;
	margin-left: 67%;
	width: 25%; }

/* Assistive Text
-------------------------------------------------------------- */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px); }

/* Search Form (Widget)
-------------------------------------------------------------- */
.search-field {
	width: 100%; }

.search-submit {
	display: none; }

/* Content (Column 1)
-------------------------------------------------------------- */
#content {
	background:url(images/notepad-back.gif) repeat-y;
	width:870px;
	margin:0 auto;
	padding:0 20px 0 70px;
	word-wrap: break-word; }

pre, code {
	margin: 3px;
	padding:10px;
	background: #ececec;
	box-sizing:border-box;
	border: 1px solid #939393;
	-moz-box-sizing:border-box;
	webkit-box-sizing:border-box;
	display:block; 
	overflow-x:auto; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align:left;
	width:100%;
	margin:1.5em 0;
	padding:1em;
	line-height:2;
	font-size:90%; }
td,
th {
	border: 1px solid #111;
	padding: .5em .5em;
	text-align: center; }
tbody tr:nth-child(odd) {
	background:#EEE;
	background:rgba(0, 0, 0, 0.08);
	border:none; }

blockquote {
	border-left: 1px solid #bbb;
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 450px;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#ececec; }
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a; }
blockquote cite {
	text-align: right;
	color: #2B2A2A;
	font-size: 14px;
	display: block;
	margin-top: 5px; }
blockquote cite:before {
	content: "\2014 \2009"; }

#content .col01 {
	float:left;
	width:73%;
	padding-bottom: 3px;
	font-size:100%;
	line-height:150%; }
#content .col01 h1 {
	text-align: center;
	font-size:180%;
	line-height:110%;
	font-weight:normal;
	font-family: Forum, Times New Roman, Times, Georgia, serif;
	margin:0;
	padding:0 0 10px;
	overflow: hidden;
	background:url(images/line.gif) repeat-x bottom; }
#content .col01 h1 a {
	color:#000;
	text-decoration:none; }
#content .col01 h1 a:hover { font-weight: bold; }
#content .col01 h2,
#content .col01 h3,
#content .col01 h4,
#content .col01 h5,
#content .col01 h6 {
	text-align: center; }
#content .col01 .post {
	padding-top:5px;
	padding-bottom:30px; }
#content .col01 .thumbnail {
	float:right;
	margin:10px 0 10px 10px; }
#content .col01 .tagsandcopy {
	font-size: 90%;
	margin-bottom: 0; }

/* Author info box after post
-------------------------------------------------------------- */
/* Transforme author-avatar */
.author-avatar img{ 
	-moz-transform: rotate(-9deg);
	-webkit-transform: rotate(-9deg);
	-o-transform: rotate(-9deg);
	transform: rotate(-9deg);
	-ms-transform: rotate(-9eg);
	-ms-filter:'progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17,M12=-1,M21=1,M22=6.123031769111886e-17, SizingMethod="auto expand", enabled=true)'; }
 
*+html .transform img{ 
	filter:progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17,M12=-1,M21=1,M22=6.123031769111886e-17, SizingMethod='auto expand', enabled=true); }
#content .col01 .author-info {
	border-top: 2px solid #939393;
	border-bottom: 2px solid #939393;
	text-align: left;
	font-size: 100%;
	margin-top: 10px; }
#content .col01 .author-info .author-description {
	margin-top: -13px; }
#content .col01 .author-info .author-title {
	width: 85%;
	text-align:center;
	line-height: 100%;
	padding-top:1px; }
#content .col01 .author-info p.author-bio {
	margin-left: 1px; }

#content .col01 .meta {
	font-size:90%;
	text-align:right;
	padding-top:8px;
	background: url(images/line.gif) repeat-x top; }
#content .bypostauthor { }

#content .col01 .post-inner {
	position:relative;
	padding-top: 20px; }

/* Data-tab (Ribbons)
-------------------------------------------------------------- */
#content .col01 .date-tab {
	position: relative;
	z-index: 1;
	width: 20%;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 70%;
	margin: -5px 10px 10px -90px;
	color: #000;
	background-color: #A00B0B;
	border-radius: 8px 1px 1px;
	text-shadow: 0px 1px 2px #C53D3D;
	-webkit-box-shadow: 0px 2px 4px #110303;
	-moz-box-shadow: 0px 2px 4px #110303;
	box-shadow: 0px 2px 4px #110303; }
#content .col01 .date-tab:before {
	content: ' ';
	position: absolute;
	width: 40px;
	height: 0;
	left: -40px;
	top: 30px;
	border-radius: 0 0 10px;
	border-width: 20px 10px;
	border-style: solid;
	border-color: #A00B0B #A00B0B #A00B0B transparent; }
#content .col01 .date-tab:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-radius: 8px 0 0px;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #6D0404 #6D0404 transparent transparent; }
#content .col01 .date-tab .month {
	text-align:right;
	display:block;
	padding:6px 16px 6px 0;
	font-size:70%; }
#content .col01 .date-tab .day {
	text-align:right;
	display:block;
	padding:6px 16px 2px 0;
	font-size:112%;
	font-weight:bold; }
/* END-Data-tab (Ribbons) */

#content .col01 .post-inner p {
	overflow: visible; }
#content .col01 .post-inner a { text-decoration: underline; }
#content .col01 .thumbnail {
	float:right;
	margin:12px 0 12px 12px; }
#content .col01 .meta a {
	color:#000;
	text-decoration:none; }
#content .col01 .meta a:hover { text-decoration: underline; }
/* END-Content (Column 1) */

/* Sidebar (Column 2)
-------------------------------------------------------------- */
#sidebar {
	float:right;
	width:210px;
	font-size:100%;
	line-height:110%; }

/* Follow
-------------------------------------------------------------- */
.follow {
	margin-left: 210px;
	height: 0px; }
.follow img {
	height: 80px;
	width: 80px; }

/* Pages
-------------------------------------------------------------- */
#sidebar .pages {
	width:212px;
	background:url(images/pages-back.gif) repeat-y; }
#sidebar .pages ul {
	padding:0;
	margin:0;
	overflow: hidden; }
#sidebar .pages ul li {
	font-size:100%;
	line-height:110%;
	list-style:none;
	padding:0;
	margin:0; }
#sidebar .pages ul li .listMeta { font-size:10px; }
#sidebar .pages ul li a {
	color:#21565E;
	border-top:1px solid #FFE5BE;
	display:block;
	width:170px;
	margin-left: 10px;
	padding:4px 0 4px 25px;
	//background:url(images/bullet.gif) no-repeat 5px 8px;
	-webkit-transition: margin .3s;
	-moz-transition: margin .3s;
	-ms-transition: margin .3s;
	-o-transition: margin .3s;
	transition: margin .3s; }
#sidebar .pages ul li a:hover {
	text-decoration:none;
	margin-left: 20px;
	color:#000; }
#sidebar .pages-bottom {
	width:188px;
	height:62px;
	background:url(images/pages-bottom.gif) no-repeat left bottom;
	padding:12px 12px 0;
	font-size:100%;
	text-align:right; }
#sidebar .pages ul .sub-menu {
	padding-left: 10px;
	overflow: hidden; }
#sidebar .widget-title {
	font-family: 'Permanent Marker'; }


/* Recent posts
-------------------------------------------------------------- */
#sidebar .recent-posts-upper {
	height:124px;
	background:url(images/postit-upper.gif) no-repeat; }
#sidebar .recent-posts {
	width:212px;
	background:url(images/postit-back.gif) repeat-y; }
#sidebar .recent-posts ul {
	padding:0;
	margin:0; }
#sidebar .recent-posts ul li {
	font-size:93%;
	line-height:130%;
	list-style:none;
	padding:0;
	margin:0; }
#sidebar .recent-posts ul li a {
	color:#21565E;
	display:block;
	width:170px;
	margin-left: 10px;
	padding:4px 0 4px 25px;
	background:url(images/bullet.gif) no-repeat 5px 8px;
	-webkit-transition: margin .3s;
	-moz-transition: margin .3s;
	-ms-transition: margin .3s;
	-o-transition: margin .3s;
	transition: margin .3s; }
#sidebar .recent-posts ul li a:hover {
	text-decoration:none;
	//margin-left: 20px;
	color:#000; }
#sidebar .recent-posts-bottom {
	width:188px;
	height:62px;
	background:url(images/recent-posts-bottom.gif) no-repeat;
	padding:12px 12px 0;
	font-size:70%;
	text-align:right; }
#sidebar .recent-posts-bottom a { color:#21565E; }
#sidebar .recent-posts-bottom a:hover {
	color:#21565E;
	text-decoration:none; }

/* About Box */
#sidebar .about-box {
	background:url(images/about_box.gif) no-repeat 10px 5px;
	padding:30px 10px 20px;
	font-family: Forum, Times New Roman, Times, Georgia, serif;
	font-size:90%;
	line-height:110%; }

/* Links Box */
#sidebar .links-box {
	text-align: center;
	background:url(images/links_box.gif) no-repeat 50% 8px;
	padding:30px 10px 20px; }
#sidebar .links-box ul {
	margin:0;
	padding:0; }
#sidebar .links-box ul li {
	font-size:100%;
	line-height:110%;
	list-style:none;
	background:url(images/line.gif) no-repeat bottom; }
#sidebar .links-box ul li a {
	color:#21565E;
	margin:0 auto;
	display:block;
	width:186px;
	padding:3px 0; }
#sidebar .links-box ul li a:hover {
	text-decoration:none;
	color:#000; }

/* Widgets */
#sidebar .widget {
	display:block;
	padding:10px 10px;
    	width: 90%; }

select {
	width: 100%; }
/* END-Sidebar (Column 2) */

/* Responsive * Fluid image, embed, object & video
-------------------------------------------------------------- */

/* Fluid images for posts, comments, and widgets */
img,
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%; }

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

.size-large {
	height: 100%; }

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%; }

/* Image style
-------------------------------------------------------------- */
img { }

/* Wrapping text around images
-------------------------------------------------------------- */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto; }
img.alignright {
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline; }
img.alignleft {
	padding: 4px;
	margin: 0 15px 2px 0;
	display: inline; }

/* Miniatures
-------------------------------------------------------------- */
.wp-post-image {
	margin:10px auto 3px;
	display: block;
	border-bottom: 5px solid #bbb;
	background: #fff;
	border: 1px #ccc solid;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3); }

/* Footer
-------------------------------------------------------------- */
#footer a {
	text-decoration: none;
	color: #909490; }
#footer a:visited {
	text-decoration: none;
	color: #909490; }
#footer .notepad-bottom {
	width:960px;
	margin:0 auto;
	margin-top: -20px;
	position:relative;
	background:url(images/notepad-bottom.png) no-repeat;
	min-height:60px; }
#footer .site-info {
	text-align: center;
	font-size: 92%;
	padding: 1% 0 0 0;
	line-height: 110%;
	overflow: hidden;
	margin-top: 40px;
	color: #ccc;
	position: relative;
	z-index: 10;
	background-color: #2d3032;
	border-top: 1px solid #8A8989; }
#footer .footer {
	background-color: #2d3032;
	text-align: center;
	color: #ccc;
	font-size: 92%;
}
#footer-widgets {
	display:block;
	text-align: initial;
}
#footer-widgets span {
	float: left;
	width: 30%;
	margin-left: 10px;
	margin-right: 10px;
}
/* END-Footer */

/* Comment
-------------------------------------------------------------- */
#submit {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 2px 7px;
	background-color: whitesmoke;
	background-clip: padding-box;
	border-radius: 10px;
	text-shadow: 0 0 1px #AAA; }
#submit:hover {
	text-decoration: none;
	border: 1px solid #000000;
	padding: 2px 7px;
	background-color: whitesmoke;
	background-clip: padding-box;
	border-radius: 10px; }
#commentform {
	padding:0;
	margin:0; }
#commentform .comment-field {
	border:1px solid #939393;
	width:290px;
	margin:0;
	padding:3px;
	font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
	font-size:75%;
	background:#fff;
	float:left; }
#commentform .comment-box {
	border:1px solid #939393;
	width:70%;
	margin:0 0 10px;
	padding:3px;
	font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
	background:#fff;
	border-radius: 10px;
	opacity: 0.6;
	position: relative; }
#commentform .btnComment {
	margin:0;
	padding:2px;
	font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
	float:left;
	clear:left; }
#commentform .comment-notes {
	display: none; }
#commentform label {
	font-family: Forum, Tahoma, Arial, Helvetica, sans-serif; }
#commentform p {
	margin-bottom: 0; }
#commentform code {
	display: inline;
	border: none;
	background: none;
	font-size: 90%;
	font-family: Forum, Tahoma, Arial, Helvetica, sans-serif; }
#commentform .form-allowed-tags {
	margin-top: 0;
	font-size:90%; }
#author,
#email,
#url,
#comment {
	display: block;
	width: 50%; }
#comment {
	width: 80%;
	height: 100px; }

/* Comment list
-------------------------------------------------------------- */
.avatar {
	float:left;
	clear:left;
	margin-top: 10px;
	margin-right: 10px;	
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
	box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2); }
.edit-link {
	display: inline; }
.reply {
	display: inline; }
.commentlist {
	margin:20px 0;
	padding:0; }
.commentlist li {
	padding:12px 0;
	background:url(images/line.gif) no-repeat bottom;
	line-height:125%;
	list-style:none; }
.commentlist li a {
	color:#000;
	position:relative;
	text-decoration:none; }
.commentlist li a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#fffbc1; }
.commentdate {
	display:block;
	padding:0 0 6px;
	font-size:60%; }
.commentlist li cite {
	font-weight:bold;
	font-style:normal; }
/* END-Comment */

/************************** Navigation **************************/
/* "Continue reading" button
-------------------------------------------------------------- */
#content .col01 .post-inner a.more-link {
	position: relative;
	display: inline-block;
	color: #000;
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 2px 6px;
	background-color: whitesmoke;
	background-clip: padding-box;
	border-radius: 10px;
	text-shadow: 0 0 1px #AAA; }

/* Next page
-------------------------------------------------------------- */
#content .col01 .post-inner .page-links {
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	text-shadow: 0 0 1px #AAA;
	white-space: nowrap;
	width: 104%;
	line-height: 180%; } 
#content .col01 .post-inner .page-links a {
	text-decoration: none;
	border-bottom: none; }
#content .col01 .post-inner .page-links span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 2px 7px;
	background-color: whitesmoke;
	background-clip: padding-box;
	border-radius: 10px;
	text-transform: uppercase; }
/* End-Breadcrumbs */

/* Breadcrumbs
-------------------------------------------------------------- */
#breadcrumbs {
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	text-shadow: 0 0 1px #AAA;
	white-space: nowrap;
	width: 104%;
	line-height: 180%; } 
#breadcrumbs a,
#breadcrumbs span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 2px 7px;
	background-color: whitesmoke;
	background-clip: padding-box;
	border-radius: 10px; }
/* End-Breadcrumbs */

/* Navigation Links
-------------------------------------------------------------- */
.nav-links {
	color: #000000;
	font-size: 105%;
	font-style: italic;
	font-weight: 300;
	padding: 20px 0; }
/* End-Navigation Links */

/* Page Navigation
-------------------------------------------------------------- */
#page-nav {
	clear: both;
	margin: 5px;
	text-shadow: 0 0 1px #AAA; }
#page-nav a,
#page-nav span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 12px;
	background-color: whitesmoke;
	background-clip:padding-box;
	border-radius: 10px;
	text-transform: uppercase; } 
#page-nav a:hover,
#page-nav span.current { border-color: #BFBFBF; }
#page-nav span.current { font-weight: bold; }
.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px; }
.paging-navigation .nav-previous {
	float: left; }
.paging-navigation .nav-next { text-align: right; }
/* End-Page Navigation */

/* Post Navigation
-------------------------------------------------------------- */
.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px; }
.post-navigation a[rel="next"] {
	float: right;
	text-align: right; }
/* End-Post Navigation */

/* Up button
-------------------------------------------------------------- */
#back-top {
	position: fixed;
	bottom: 10px;
	right: 15px;
	opacity: .8;
	padding: 11px 13px;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	z-index: 10000;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-family: Fontawesome;
	background-color: #3F3B3B;
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear; }
#back-top:hover { opacity: 1; }
/* End-Up button */
/************************** END-Navigation **************************/

/* Sitemap Page
-------------------------------------------------------------- */
.html-sitemap h2{
	padding-top: 10px; }
.category {
	list-style:none;
	padding-bottom: 5px; }
.grey {
	color: #777;
	background-color: inherit; }
.cat-posts {
	padding-bottom: 10px;
	padding-top: 10px;
	overflow: hidden; }
.cat-posts li{
	padding-bottom: 5px;
	list-style:square; }
.sitemap-authors li, .sitemap-pages li, .sitemap-archives li {
	padding-bottom: 5px; }


.post-inner:after {
  content: "";
  display: table;
  clear: both;
}