/*
Theme Name: artmag
Theme URI: http://artmag.danyalette.com
Author: danyamachine
Author URI: http://danyalette.com
Description: Contemporary and artsy theme based on Issue 25 of the art magazine Coupe. 
License: GNU General Public License v2 or later
Tags: fixed-layout, custom-background, custom-colors, theme-options
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: artmag
Version:1.0.3

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body, html {
  margin: 0;
  padding: 0; 
	word-wrap:break-word;
	-ms-word-wrap:break-word;}

.comment-wrap {
  font-family: anonymous_pro, sans-serif;
  margin-bottom: 30px;
  margin-left: -40px;
  border: 1px solid #000;
  padding-bottom: 10px; }



.single-comment-head {
  font-family: helvetica, sans-serif; }

.comment-data-box {
  width: 60px;
  padding: 3px 4px;
  color: #000;
  font-size: 10px;
  text-align: center;
  border: 1px solid #000;
  border-left: 1px solid #000;
  margin-left:-1px;
  border-top: none;
  min-height: 35px;
  float: left;
  text-transform: uppercase;}

.comment-month {
  border-left: 1px solid #000; }

.comment-data-box div {
  padding: 0px; }

.month {
  font-size: 12px; }

.day {
  font-size: 18px; }

.year {
  font-size: 17px; }

.time {
  font-size: 10px;
  margin-top: 2px; }

.comment-avatar, .comment-avatar img {
  height: 45px;
  width: 45px;
  float: left;
  margin: 0 10px; }

.comment-avatar img {
  padding: 0 !important;
  margin: 0;
  height: 42px;
  width: 42px; }

.comment-user-box {
  width: 330px;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis; }

.comment-user-box .comment-name {
  padding-top: 3px;
  font-size: 14px; }

.comment-user-box .comment-actions {
  font-size: 9px;
  margin-top: 5px; }

.single-comment-head {
  position: relative;
  display: block;
  height: 45px;
  padding: 0 !important;
  margin: 0 !important; }

.single-comment-content {
  position: relative;
  display: block;
  height: auto;
  top: 10px;
  margin-right: 10px;
  padding: 0 10px 10px 10px;
  font-size: 13px; }

.single-comment-content p {
  padding: 0;
  margin: 0; }

.bypostauthor .single-comment-content{
	color:#fff !important;
}
.bypostauthor{

}

textarea {
  border: none;
  outline: none; }

@font-face {
  font-family: inconsolata;
  src: url("resources/fonts/inconsolata/inconsolata.eot");
  src: url("resources/fonts/inconsolata/inconsolata.eot?#iefix") format('embedded-opentype'), url("resources/fonts/inconsolata/inconsolata.woff") format('woff'), url("resources/fonts/inconsolata/inconsolata.ttf") format('truetype'), url("resources/fonts/inconsolata/inconsolata.svg#inconsolata") format('svg'); }

@font-face {
  font-family: helvetica;
  src: url("resources/fonts/helvetica/helvetica.eot");
  src: url("resources/fonts/helvetica/helvetica.eot?#iefix") format('embedded-opentype'), url("resources/fonts/helvetica/helvetica.woff") format('woff'), url("resources/fonts/helvetica/helvetica.ttf") format('truetype'), url("resources/fonts/helvetica/helvetica.svg#helvetica") format('svg'); }

@font-face {
  font-family: anonymous_pro;
  src: url("resources/fonts/anonymous_pro/anonymous_pro.eot");
  src: url("resources/fonts/anonymous_pro/anonymous_pro.eot?#iefix") format('embedded-opentype'), url("resources/fonts/anonymous_pro/anonymous_pro.woff") format('woff'), url("resources/fonts/anonymous_pro/anonymous_pro.ttf") format('truetype'), url("resources/fonts/anonymous_pro/anonymous_pro.svg#anonymous_pro") format('svg'); }

@font-face {
  font-family: playfair-display;
  src: url("resources/fonts/playfair-display/playfair-display.eot");
  src: url("resources/fonts/playfair-display/playfair-display.eot?#iefix") format('embedded-opentype'), url("resources/fonts/playfair-display/playfair-display.woff") format('woff'), url("resources/fonts/playfair-display/playfair-display.ttf") format('truetype'), url("resources/fonts/playfair-display/playfair-display.svg#playfair-display") format('svg'); }

body {
  min-width: 960px;
  background: none; }

#page-wrap {
  background: url("resources/images/paper.png");
  width: 900px;
  margin: 20px auto;
  text-align: center;
  overflow: hidden;
  box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.3);
  border-radius: 2px; }

#lines {
  position: relative;
  margin: auto;
  text-align: center;
  width: 900px;
  height: 2px;
  top: -530px; }

.line {
  position: absolute;
  left: 500px;
  top: 0px;
  height: 1500px;
  width: 1px;
  border-left: 1px solid #000; }

#line1 {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#line2 {
  left: -100px;
  height: 3000px;
  top: -800px;
  -moz-transform: rotate(-80deg);
  -webkit-transform: rotate(-80deg);
  -o-transform: rotate(-80deg);
  -ms-transform: rotate(-80deg);
  transform: rotate(-80deg); }

#border-wrap {
  position: relative;
  margin: auto;
  text-align: center;
  width: 980px;
  height: 2px;
  z-index: 200;
  opacity: 0.8; }

#mag-border {
  position: absolute;
  background: url("resources/images/mag-border.png");
  background-repeat: repeat-y;
  width: 90px;
  margin: auto;
  height: 5000px;
  border-left: none;
  left: -1px; }

#header {
  position: relative;
  z-index: 200;
  margin: 30px 20px;
  text-align: left;
  font-family: inconsolata;
  text-transform: uppercase; }
  #header a {
    text-decoration: none;
    color: #000; }
  #header h1 {
    font-size: 65px;
    margin: 10px 40px;
    text-decoration: none;
    color: #000; }
  #header ul {
    list-style-type: none;
    letter-spacing: 2px;
    font-size: 11px; }
    #header ul a {
      background: #000;
      padding: 4px 4px 2px 5px;
      color: #fff;
      color: rgba(255, 255, 255, 0.8); }
    #header ul li {
      margin: 4px 3px 4px 4px;
      text-decoration: none; }
    #header ul li:nth-child(2n) {
      margin: 2px 6px 3px 9px; }
      #header ul li:nth-child(2n) a {
        padding: 2px 6px 3px 3px; }
    #header ul li:nth-child(3n) {
      margin: 8px 2px 2px 5px; }
      #header ul li:nth-child(3n) a {
        padding: 5px 2px 1px 7px; }
    #header ul li:nth-child(4n) {
      margin: 6px 2px 3px 7px; }
      #header ul li:nth-child(4n) a {
        padding: 3px 4px 2px 5px; } 
    #header ul li:nth-child(5n) {
      margin: 2px 6px 3px 12px; }
    #header ul a:hover {
      background: #ddc818;
      color: #333;
      cursor: pointer; }

#content {
  z-index: 30;
  text-align: left; }
  #content h2 {
    z-index: 450;
    position: relative;
    font-family: helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase; }

.page {
  background-size: 100%;
  min-height: 500px; }
  .page h2 {
    top: -30px;
    left: 40px;
    font-size: 100px;
    margin: 0 40px;
    margin-right: 60px; }
  .page .plus {
    position: relative;
    top: 60px;
    left: 20px;
    padding: 20px;
    font-size: 50px; }

.sidelinks {
  position: relative;
  padding-top: 20px;
  list-style-type: lower-roman !important;
  color: #fff; }
  .sidelinks li a {
    color: #fff; }
  .sidelinks li a:hover {
    text-decoration: underline;
    color: #000; }

.post {
  background-size: 100%;
  padding: 40px 60px;
  font-family: inconsolata;
  color: #000;
  letter-spacing: 1px;
  font-size: 15px; }
  .post h2 {
    font-size: 60px;
    z-index: 300;
    border: 4px solid white;
    padding-left: 15px;
    margin-bottom: 0; }
  .post .post-body h2{
	border:none;
	color:#000 !important;
	font-family:inconsolata !important;
	font-size:32px;
}
  .post h3, .post h4, .post h5, .post h6 {
    text-transform: uppercase;
    font-family: inconsolata;
    font-size: 28px;
    position: relative;
    z-index: 500;
    color: #000;
    padding: 5px;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0; }
  .post h4 {
    font-size: 22px; }
  .post h5 {
    font-size: 20px; }
  .post h6 {
    font-size: 18px; }
  .post a {
    text-decoration: none; }
  .post .post-body a {
    color: #000;
    text-decoration: underline; }
  .post .post-body a:hover {
    color: #fff;
    text-decoration: none; }
  .post .post-body {
    z-index: 400;
    position: relative;
    overflow: hidden;
    background: #ddc818;
    padding: 20px 40px 40px 40px;
    position: relative;
    color: #222;
    letter-spacing: 0px; }
  .post .make-room {
    height: 30px; }
  .post img {
    position: relative;
    padding: 20px;
 	margin:0px;}
	.alignleft{
	float:left;
	margin-right:40px;}
	.aligncenter{
		display:block;
		text-align:center;
		margin:auto;
	}
	.alignright{
		float:right;
	}
	.wp-caption-text{
		font-family:anonymous_pro;
		margin-top:-12px;
		font-size:11px;
		text-align:center;
		background:rgba(0,0,0,0.1);
		margin-left:27px;
		padding:2px;
	}
  .post ul {
    list-style-type: cjk-heavenly-stem;
    margin: 15px 30px;
    font-size: 15px; }
    .post ul h2 {
      font-size: 17px; }
  .post .more {
    color: #000;
    text-decoration: underline;
    position: relative;
    text-transform: uppercase; }
  .post .more:hover {
    color: #fff; }
  .post .sidelinks a {
    color: #fff;
    text-decoration: none; }
    .post .sidelinks a:hover {
      color: #000;
      text-decoration: underline; }
  .post .postinfo a {
    color: #fff; }
  .post .postinfo a:hover {
    color: #000; }
  .postinfo{
	float:none;
	clear:both;
}

ol {
  list-style-type: cjk-heavenly-stem; }

ol li {
  margin-top: 30px; }
  #bottom-nav {
    position: relative;
    z-index: 200;
    text-align: left;
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    font-family: anonymous_pro;
    font-size: 12px; }
  #bottom-nav .footer_section {
    width: 200px;
    float: left;
    margin-left: 10px; }
  #bottom-nav #footer_recent_posts {
    width: 400px; }
  #bottom-nav #footer_meta {
    float: left;
    width: 230px; }
    #bottom-nav #footer_meta h3 {
      margin-bottom: 15px; }
    #bottom-nav #footer_meta .footer_section_content {
      padding-bottom: 1px;
      width: 200px;
      overflow: hidden;
      position: relative;
      top: -2px; }
  #bottom-nav ul {
    list-style-type: none;
    position: relative;
    left: -20px; }
  #bottom-nav .footer_section_content {
    border: 1px solid #000;
    height: 100%; }
  #bottom-nav a {
    color: #000; }
  #bottom-nav a:hover {
    color: #ddc818; }
  #bottom-nav input[type=text] {
    width: 80px; }
  #bottom-nav form {
    margin-top: 5px;
    margin-bottom: 5px; }
  #bottom-nav input[type=submit] {
    position: relative;
    top: -2px; }
  #bottom-nav h3 span {
    padding: 5px;
    background: #000;
    color: #fff;
    font-family: inconsolata;
    font-weight: normal;
    text-transform: uppercase; }

#comments {
  color: #fff;
  position: relative;
  z-index: 500;
  margin-top: 100px; }

#respond {
  margin-top: 100px; }

.postinfo {
  color: #fff;
  margin-top: 30px; }
  .postinfo a {
    color: #fff;
    text-decoration: underline; }
  .postinfo a:hover {
    color: #000; }

.archives ul {
  color: #000;
  position: relative;
	list-style-type:cjk-heavenly-stem;}
  .archives .post-body h2 {
    border: none; }
.archive-list ul{
	-webkit-transition:height 0.8s ease;
	transition:height 0.8s ease;
	list-style-type:none;
	margin:0;
	padding:0;
}
.archive-list ul{
	overflow:hidden;
}
.archive-list h4{
	cursor:pointer;
	margin:5px;
	padding:0;
}
.archive-list{
	margin:0;
	padding:0;
}

code, pre {
  font-family: inconsolata;
  padding: 2px;
  margin: 2px;
  font-size: 13px;
  background: rgba(50, 50, 120, 0.35);
  /*border:1px solid white;*/
  color: #fff;
  /*color:#ccc;*/ }

pre {
  background: rgba(57, 73, 90, 0.7);
  /*
color:#999;*/
  padding: 15px;
  overflow: auto;
  margin: 10px;
  margin-left: 0px;
  /*border:1px solid white;*/ }

small {
  font-size: 11px;
  font-family: inconsolata;
  color: #fff; }

blockquote {
  color: #fff;
  width: 570px;
  font-family: inconsolata;
  font-size: 13px; }

code {
  padding-top: 1px;
  padding-bottom: 1px; }

.assistive-text, .site .screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); }

.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;
  /* Above WP toolbar */
  z-index: 100000; }

.menu-toggle {
  display: none; }

.yel {
  color: #ddc818; }

#searchform {
  padding: 5px 0;
  margin: 0; }
  #searchform input[type=text] {
    border: none;
    outline: none;
    padding: 2px;
    border: 1px solid #555; }
  #searchform div {
    padding: 0;
    margin: 0; }
  #searchform input[type=submit] {
    position: relative;
    top: -1.5px; }

button, input[type=submit] {
  border: 1px solid #555;
  color: #333;
  background: none;
  outline: none;
  font-family: anonymous_pro;
  text-transform: lowercase; }

button:hover, input[type=submit]:hover {
  background: rgba(0, 0, 0, 0.3); }

div.custom-background {
  background: url(resources/images/factory.png); }

.posts_nav_link{
	font-family:anonymous_pro;
	text-transform:uppercase;
	padding:10px;
	z-index:10000;

}
.posts_nav_link a{
	color:#000;
	background:#fff;
	padding:10px;

}
.make-room{
	height:30px;
}
.content-head{
	color:#fff;
}
.gallery .gallery-item img{
	padding:0;
	margin:0;
}
.gallery-item{
	margin:0;
	padding:0;
}
.gallery-caption{
	top:auto;
	margin:0;
	padding:0;
	background:none;
}

.sticky .post-body{

}
.sticky p{

}
.sticky .postinfo{

}