/*
 Theme Name:   HJG4
 Author:       HJG
 Template:     iconic-one
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

@import url("https://hjg.com.ar/blog2/wp-content/themes/iconic-one/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
body {
 background: #998 !important;
 font-family: 'Open Sans', Helvetica, Arial, sans-serif;
 font-size:14px;
}


#page {
background-color:#7e3a4d;
padding: 0px 0px 0;
padding-top: 0;
margin-top:4px;
}

body .site {
 padding: 0px 0px;
}

#primary {
background-color: #fff;
margin-left:0px;
padding-left:18px;
border-top:0px none;
border-right:2px solid #666;
}

.site-content {
	margin: 0 14px;
}


#main {
border: 0px none;
background-color: rgb(255, 236, 189);
}

.widget-area .widget-title {
 background: rgb(236, 203, 169);
 font-size: 14px;
 text-align:center;
}

.widget-area .widget p.widget-title  {
 padding:5px 10px 4px; 
}


#site-navigation {
   display:none; /* no navigation bar */
}

#masthead {
text-align: left;
min-height: 158px;
background: url(https://hjg.com.ar/blog2/wp-content/themes/hjg4/images/porco-image.jpg);
background-repeat: no-repeat;
margin-bottom:0px;
border-bottom:2px solid #666;
border-top:0px;
border-left:none;
border-right:none;
margin-top:0px;
}

#masthead hgroup a {
font-size: 34px;
font-weight: normal;
text-decoration: none;
padding: 2px 15px 6px 30px;
color: #f6f6f0;
text-shadow: 0.1px 1px 2px #888888;
background: rgba(0, 0, 0, 0.4);
}

#masthead hgroup {
  margin-top:10px;
  margin-bottom:0px;
  padding-bottom:2px;
}

#masthead hgroup p.site-description {
 margin-top:30px;
}

#masthead hgroup p.site-description span {
 font-size:14px;
 padding: 2px 15px 6px 30px;
 color:#ccc;
 background: rgba(20, 20, 0, 0.4);
 /* border-right:2px solid black; */
}


#searchsubmit {
    background: #666;
    color: #FFFFFF;
    margin-left: -4px;
}

/** narrow */
@media screen and (max-width: 768px) {
#primary {
border-top:1px solid black; 
border-right:0 none;
}
#primary {
	margin: 0 0px;
	padding-right:5px;
	padding-left:5px;
}
}
/* end narrow */  
  
.entry-content blockquote, 
.entry-content div.quote2,
.comment-content blockquote {
  background: #F9F3E6;
  border-left: 5px solid #C686A6;
  border-right: 5px solid #C686A6;
  border-radius:5px;
  margin-bottom: 24px;
  padding: 14px;
  color: #320;
  font-style: normal;
}

.entry-content blockquote.noindent p, 
.entry-content div.quote2.noindent p,
.comment-content blockquote.noindent p {
  text-indent:0px;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}


.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	line-height: 1.646153846;
	border-bottom: 1px solid #c9b999;
	padding: 5px 0;
}

#colophon {
 border-top:2px solid #666;
 padding-top:2px;
 padding-bottom:2px;
}

.site-wordpress {
 padding:4px 10px;
}

footer.entry-meta {
   text-align:right;
   padding-right:20px;
   padding-bottom:1px;
   padding-top:2px;
   background:#f3f3f3;
}

footer.entry-meta img{
  position: relative;
  top: 4px;
}

.site-content article {
  padding-bottom:0px;
  border-bottom: 2px double #D3D3D3;
}

.widget-area {
    float: right;
    width: 26.7417%;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	text-indent: 12px;
	margin: 0 0 8px;
	line-height: 21px;
}

div.separador 
{border-top:2px dotted #977;width:60%;
 margin:16px auto;clear:both;
}
div.notapie {
padding-top: 10px;
font-size: 90%;
margin: 14px 8% 2px 2px;
border-top: 1px dotted #bbb;
}
div.notapie p {text-indent:0px;}

/* images */
.site-content article .entry-content img { border: solid 1px #666; margin: 8px;}
.site-content article .entry-content img.imder , .site-content article .entry-content img.alignright { margin: 4px 0px 4px 10px;}
.site-content article .entry-content img.imizq , .site-content article .entry-content img.alignleft { margin: 4px 10px 4px 0px;}

.site-content article .entry-content img.imizq , .site-content article .entry-content img.aligncenter { margin: 4px auto 4px auto;}

.entry-header .entry-title {
	font-size: 22px;
	padding-left:12px;
}

/** twitter widget */
.twiget-feed {
    background-color:#f6f6f3;
    border:1px solid #aaa;
}

div.twiget-feed {
    padding-left:3px;
    padding-right:3px;
}

.widget-area .widget p.twiget-tweet  {
  font-size:90%;
  padding:3px;
  margin-bottom: 1px;
}

.widget-area .widget p.twiget-meta  {
  font-size:88%;
  padding:0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

p.tweet-bio {
    display:none;
}

.widget-area .widget p.twigetfollow {
	margin: 4px 4px 1px 2px;
	padding: 0px;
}

#comments li.comment {
  background-color:#f9f9f3;
  font-size: 90%;
  padding: 5px 10px;
  margin-bottom:5px;
  border-left: 3px solid #D6D6A6;
  border-right: 3px solid #D6D6A6;
  border-radius:3px;
}

.comments-area article header {
float: left;
margin: 0 15px 0 5px;
overflow: hidden;
position: relative;
background-color:#e9c6b6;
padding:2px 4px;
}

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

.site-content .commentlist article {
border-bottom: 0px none;
}

#comments li.comment {
margin-bottom:16px;
}

.comment-form-after {
  font-size:90%;
}