/*
 Theme Name: Ropardo
 Author: Ropardo 
 Description:This is a 3 column theme

 The CSS, XHTML and design is released under GNU General Public License version 3 (GPLv3):
 http://www.opensource.org/licenses/gpl-3.0.html
 
 In this theme are used some icons from Glass Style RSS Icon set by Bittbox (www.bitbox.com)
 and from Diagona set by Yusuke Kamiyamane (www.pinvoke.com).
 The both sets are licensed under GPL.
 */

html, body {
    height: 100%;
}

body {
    margin: 0;
    background: #fff;
/*
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
*/
	font: normal normal normal 70%/1.5em Verdana, Tahoma, Arial, sans-serif;
    color: #000000;
    background: url(img/page_bg2.png) 0 0 repeat-x #ffffff;
}

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

p {
    margin: 0px 0px 10px 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-weight: normal;
    margin-bottom: 10px;
    color: #333d42;
}

a {
    border: 0px;
    color: #115588;
    text-decoration: none;
	-webkit-transition-property: color, background-color, border-color;
  	-webkit-transition-duration: 0.4s;
/*
	-moz-transition-property: color, background-color, border-color;
	-moz-transition-duration:0.4s;
*/
}

a:hover {
    color: #4477bb;
    text-decoration: underline;
}

img {
    border: 0px;
}

hr {
    color: #FFF;
    height: 0px;
    border: 1px dotted #ccc;
    margin-top: 3px;
    margin-bottom: 3px;
}

input[type='submit'], input[type="button"] {
	background:#620B01;
	color:#fff;
	font-weight:bold;
	border:1px solid #9f4d4d;
	height:26px;
	-webkit-box-shadow:2px 2px 2px #c0c0c0;
	-moz-box-shadow:2px 2px 2px #c0c0c0;
}

input[type='button']:hover {
	-webkit-box-shadow:1px 1px 1px #9c9c9c;
	-moz-box-shadow:1px 1px 1px #9c9c9c;
}

input[type='submit']:hover {
	-webkit-box-shadow:1px 1px 1px #9c9c9c;
	-moz-box-shadow:1px 1px 1px #9c9c9c;
}

code, pre{
    font: 'Courier New', Courier, Fixed;
    font-size: 110%;
    border: 0px #621313 solid;
    background: #faf8f8;
    overflow: auto;
    padding: 5px;
    display: block;
    width: 100%; /* Important for IE6 */
}
code {
	display:inline;
}
#header {
    color: #FFFFCC;
    clear: both;
    height: 100px;
    border-top: 0px #72954f solid;
 
}

#header h1 {
    font-family: "Trebuchet MS", "Myriad Pro", Verdana, Arial, Helvetica;
    letter-spacing: -1px;
    font-size: 250%;
    padding: 12px 0px 0px 0px;
    margin: 0;
    line-height: 90%;
}

#header h2 {
	float:left;
    font-family: "Trebuchet MS", "Myriad Pro", Verdana, Arial, Helvetica;
    font-size: 160%;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

#header a {
    color: #621313;
    text-decoration: none;
    border: 0;
    font-family: "Trebuchet MS", Arial, sans-serif;
}

#header a:focus {
    outline: none; /* kills dotted border around the link */
}

#header a img {
    border: 0;
}

#header-logo {
 float: left;
 width:184px;
 height: 78px;
 border: 0;
 }
#header-logo img {
	margin-top:9px;
}
#header-logo-gravatar {
    margin: 11px 0 0 27px;
}

#header-title {
    margin: 0 0 0 126px;
    text-align: left;
    line-height: 90px;
    border: 0;
}

#rss-holder #rss-link{
	float:right;
	margin-top:20px;
	margin-left:20px;
	position:absolute;
	top:0px;
	right:0px;
}

#rss-holder div#fade-rss {
	float:right;
	display:none;
	margin-top:20px;
	margin-left:20px;
	position:absolute;
	top:0px;
	right:0px;
}
#header #header-title a {
    font-family: "Trebuchet MS", Arial, Verdana;
    font-size: 18px;
    text-shadow: 1px 1px 1px #c6c1c1;
}

#header-navi {
    border: 0px;
    height: 35px;
    font-size: 130%;
    padding: 0;
    margin-left: 18%;
    vertical-align: middle;
	display:block;
	clear:both;
	margin-top:0px;
	
}

#header ul {
    margin: 0;
    padding: 0;
    float: left;
    background: #620B01;
	clear:both;
}

#header-navi ul li {
    line-height: 35px;
    text-align: center;
    float: left;
    list-style: none;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#header-navi li a {
    padding: 0px 9px;
}

#header-navi li a:hover {
    background: #FFFFFE;
    color: #621313;
}

#header-navi a {
    color: #fff;
    text-decoration: none;
    display: block;
}

#header-navi ul li.current_page_item a {
    color: #621313;
    background: #fff;
}

#header-navi ul li.current_page_item a:hover {
    color: #621313;
}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    z-index: 1;
    width: 800px;
	display:block;
}

#dropmenu a {
    display: block;
    padding: 0.25em 1em;
    text-decoration: none;
}

#dropmenu a:hover {
}

#dropmenu li {
    float: left;
    position: relative;
}

#dropmenu ul {
    position: absolute;
    display: none;
    width: 13em;
    top: 1.9em;
    border: 1px solid #84ad5b;
}

#dropmenu ul a {
}

#dropmenu li ul {
    width: 13em;
    top: auto;
    background: #8DB467;
}

#dropmenu li ul a {
    width: 11.6em;
    height: auto;
    float: left;
    text-align: left;
}

/* Sub-menu */
#dropmenu ul ul {
    top: auto;
}

#dropmenu li ul ul {
    left: 13em;
    margin: 0px 0 0 0px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
    display: none;
}

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
    display: block;
}

/* Drop-down menus */
#content-wrapper {
    margin-bottom: 1em;
    float: right;
    width: 78%;
    display: inline;
	margin-top:20px;
}

#content {
    width: 72%;
    float: left;
    font-size: 120%;
    line-height: 150%;
    display: inline;
}

#content a {
    text-decoration: underline;
    color: #621313;
}

#content a:visited {
    color: #621313;
}

#content a:hover {
    color: #4477bb;
    text-decoration: none;
}

#content img {
    /*margin: 0 10px 10px 0;*/
}

#content h1 {
    margin-top: 0;
    font-size: 1.3em;
    line-height: 115%;

}

#content h2 {
    font-size: 120%;
    line-height: 120%;
	font-weight:bolder;
}

#content h3 {
    font-size: 130%;
    line-height: 120%;
    font-weight: bold;
}

#content blockquote {
    background-color: #e9ffcc;
    border-left: 3px solid #cde9a7;
    margin: 0 0 5px 15px;
    padding: 5px 10px 1px 8px;
}

#content h1 a, #content a h1, #content h2 a, #content a h2, #content h3 a, #content a h3 {
    text-decoration: none;
	text-shadow:1px 1px 1px #b1bbbe;
}

/*
 #content h1 a:visited, #content a:visited h1, #content h2 a:visited, #content a:visited h2, #content h3 a:visited, #content a:visited h3 {
 color: #115588;
 text-decoration: none;
 }
 */

#content h1 a:hover, #content a:hover h1, #content h2 a:hover, #content a:hover h2, #content h3 a:hover, #content a:hover h3 {
    color: #4477bb;
    border-bottom: 1px dotted;
    text-decoration: none;
}

#content .pagetitle {
    margin-bottom: 18px;
    border-bottom: 1px dotted #333d42;
}

#content ul, #content ol {
    padding: 0 0 0 20px;
}

#content ul {
    list-style: square;
}

#content ul li, #content ol li {
    margin: 3px 0 3px 0;
    padding: 0;
}

#sidebar-left {
    list-style: none;
    float: left;
    width: 18%;
    margin-left: 15px;
	/*font-size: 110%;*/
    display: inline;
    line-height: 125%; 
	margin-top:20px;
	margin-right:20px;
}

#sidebar-right {
    list-style: none;
    float: right;
    width: 23%;
    margin-right: 15px;
	margin-left: 20px;
	/*font-size: 120%;*/
    display: inline;
    line-height: 125%;
}

#sidebar-left h2, #sidebar-right h2 {
    margin-top: 0px;
    font-size: 1.6em;
  font-weight: normal;
  padding: 1px 0 1px 10px;
  line-height: 120%;
  text-shadow: #B1BBBE 1px 1px 1px;
}

#sidebar-left h2 a, #sidebar-right h2 a{
  color: #cde9a7;
  text-decoration: none;
}

#sidebar-left ul, #sidebar-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sidebar-left ul li, #sidebar-right ul li {
  margin: 0 0 20px 0;
}

#sidebar-left ul ul, #sidebar-right ul ul {
  padding: 0 0 0 8px;
}

#sidebar-left ul ul li, #sidebar-right ul ul li,
#sidebar-left ul ul ul li, #sidebar-right ul ul ul li {
  margin: 0px 0;
}
.cat-item {
	line-height:20px;
	border-bottom:1px solid #f2f2f2;
	font-family:Verdana, Arial, sans-serif;
}
.cat-item a{
	font-weight:bolder;
	
	color:#579;
}
.children .cat-item{
	border-bottom:0px solid #f2f2f2;
}
.children .cat-item a{ 

}
.widget_archive li{
	line-height:normal;
	border-bottom:1px solid #f2f2f2;
	font-family:Verdana, Arial, sans-serif;	
}
.widget_archive li a{
	font-weight:bolder;

	color:#579;	
}
.recentcomments {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #F2F2F2;
}

.widget ul li {
	padding-top:1px;
	padding-bottom:1px;
	border-bottom:1px solid #F2F2F2;
}	
/* end styles for sidebars*/

.postmeta {
  font-size: 80%;
  margin: 15px 0 30px 0;
  display:block;
  padding-bottom:3px;
  border:1px solid #F2F2F2;
  background-color:#FAFAFA;  
  color: #333D42;
  clear: both;
  line-height: 130%;
  height:20px;
  padding-top:10px;
}
.single-post{
	text-align:right;
	height:35px;
	line-height:150%;
	padding-top:5px;
}

.postmeta a {
  text-decoration: none;
}

.postmeta a:visited {
  color: #115588;
}

.postmeta a:hover {
  text-decoration: underline;
}

.postmeta p {
  line-height: 100%;
  display:block;
  border:1px solid #F2F2F2;
  background-color:#FAFAFA;
}

.postmeta img {
  vertical-align: middle;
  margin: 0px 4px 0 0;
}

.postmeta .editlink {
  float: left;
  margin-top: 5px;
}

#content .tags a{
	text-decoration:none;
	color:#999;
}

#content .tags a:hover{
	color:#621313;
}
.postnav {
  width: 86%;
  float: left;
  list-style: none;
  line-height: 110%;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 0;
}

.postnav li.left {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

.postnav li.right {
  display: block;
  float: right;
  padding: 0;
  margin: 0;
}

#comments {
  clear: both;
  float: none;
  margin-top: 50px;
}
#content #comments h1 {
	font-size:1.4em;
	border:1px solid #F2F2F2;
	background-color:#FAFAFA;
	display:block;
	width:100%;
	line-height:1.6em;
	text-indent:10px;
	
}
#comments .alt {
	background-color:#F0F0F0;
}
#comments .odd {
	background-color:#FAFAFA;
}
#comments ul, #comments ol{
  list-style-type:none;
  padding:0px;
  list-style-position:inside;
  margin-left:0px;
}
#comments ul li, #comments ol li {
  margin-bottom: 10px;
  border:1px solid #EEE;
  list-style-type:none;
  padding:0px;
  list-style-position:inside;
  margin-left:0px;
}
#comments input[type="text"], #comments textarea {
	border:1px solid #0086c6;
	font-family:Verdana, Arial, sans-serif; 
}
#comment-area {

}

.comment-number {
	margin:5px 5px 0 0;
	float:right;
	font-size:2em;
	font-family:Verdana, sans-serif;
	color:#c8c8c8;
}


#comment-form {
	
}
#comment-form textarea{
	width:100%;
	padding:0px;
	font-family:"Trebuchet MS", Arial;
	font-size:1.1em;
}

.commenter {
  color: #688848;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  padding-bottom:10px;
  color:#621313;
}
.commenter strong{
  color:#333D42;
}
.commenter + p{
	clear:both;
	text-indent:1.2em;
	margin-top:10px;
}
.commenter img {
	float:left;
	margin-right:5px;
}
.comment-moderation {
  color: red;
}

.comment-info {
	float:left;
}
#page-numbers {
	clear:both;
	width:100%;
	height:50px;
}
#page-numbers div{
	margin:0 auto;
	width:600px;
}
#footer {
  position: relative;
  margin: -25px 0 0;
  clear: both;
  height: 40px;
  line-height: 17px;
  color: #FFFFCC;
  padding: 0 15px 0 15px;
  font-size: 110%;
  border-top: 4px solid #621313;
  border-bottom: 4px solid #621313;
  background: #621313;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer p {
  margin: 0;
  font-size:80%;
}

#footer-left {
  float: left;
  text-align: left;
}

#footer-right {
  float: right;
  text-align: right;
}

.hasFloat:after {
  content: "";
  display: block;
  clear: both;
}
#header-search {
	float:right;
	margin-right:80px;
}
#searchform input {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#621313;
  margin: 0 0 3px 0;
  padding: 0px 4px 0px 4px;
  border:#621313 1px solid;
  color:#fff;
  -webkit-box-shadow:2px 2px 1px #C0C0C0;
  -moz-box-shadow:2px 2px 1px #C0C0C0;

}
#searchsubmit {
	height:22px;
}

#searchform input:hover {
  cursor:pointer;
  background-color:#688848;
  border:#567635 1px solid;
  color:#fff;
}

#searchform #s {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin: 0 0 3px 0;
  background-color:#fff;
  padding: 3px 4px 3px 4px;
  border:#621313 1px solid;
  color:#222;
}

#searchform input:hover {
  background-color:#333D42;
  color:#fff;
}

img#wpstats {
  width: 0px;
  height: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.alignnone {
   float: none;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding: 7px;
   margin: 5px 10px 5px 0px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 90%;
   line-height: 120%;
   padding: 0;
   margin: 5px 0 0 0;
}

#wp-calendar {
  margin: 0 auto;
  line-height: 150%;
}

table#wp-calendar{
  width: 90%;
}

#wp-calendar a {
	text-decoration: underline;
  font-weight: bold;
}

table#wp-calendar tfoot td a{
  border: 0;
  font-weight: normal;
}

table#wp-calendar th, table#wp-calendar td {
  text-align: center;
}

.widget_tag_cloud {
  line-height: 200%;
}

#tag_cloud, #tag_cloud-2 /*WP 2.8*/ {
  line-height: 200%;
}

#content img.wp-smiley {
  border: none;
  padding: 0px;
  margin: 0px;
  vertical-align: text-top;
}

.mtop-80{
 margin-top:-80px;
}	

.mtop-10{
 margin-top:10px;
}

.mtop-0{
 margin-top:0;
}

.mbottom-0{
 margin-bottom:0;
}

.mLeft-100{
 margin-left:100px;
}


.ptop-0{
 padding-top:0;
}

@media only screen and (max-width:400px){
	.mtop-211{
		margin-top:0;
	}		
}


/*Style "Our websites" item form menu*/
ul.rop-sites{
    background-color: #61080f !important;
    background-position: right bottom!important;
    background-repeat: no-repeat !important;
    background-size: 158px auto !important;
    border-color: #e0e0e0!important;
    border-style: solid !important;
    border-width: 0 1px 1px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.rop-sites > li {
    width: 100% !important;
    padding-bottom:15px;	
   line-height: 18px !important;
}

.rop-sites li a:hover{
   width:555px!important;
   border-bottom: 2px solid #e9e9e9!important;
}

.rop-sites li a {
    width: 555px !important;
    color: #61080e !important;
}

/*Hide items from years different then 2015 and 2016 for the first archive widget*/
#archives-3 > ul > li {
    display: none;
}

#archives-3 > ul > li:nth-child(-n+11) {
    display: block;
}


/*Collapsible widget area plugin*/
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 108px!important;
}

.ui-accordion .ui-accordion-content {
    overflow: visible!important;
}
.ui-state-default .ui-icon {
    background-image: url("/wp-content/uploads/2016/11/ui-icons_cc0000_256x240.png")!important;
}

div#archives-5 {
    padding: 10px 5px;
}

#sidebar-left h2 a, #sidebar-right h2 a{
	color:#000;
}

#sidebar-left h2 a, #sidebar-right h2 a:hover{
	color:#621313!important;
}

#sidebar-right ul li#collapsible-widget-4 {
    padding-left: 7px;
}

#ui-id-1 > a {
    color:#333d42!important;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 17.9167px!important;
    line-height: 120%;
    text-shadow: 1px 1px 1px #b1bbbe;
}

#sidebar-left .textwidget {
    border-bottom: 1px solid #621313;
    padding-bottom: 18px;
}

.oclinks.oclinks_cat {
    margin-bottom: 10px;
}

#rssimport-2 h2 > a {
    color: rgb(51, 61, 66) !important;
    font-size: 17.9167px;
    line-height: 21.5px;
}

.page_item.page-item-5078 {
    display: none;
}

#archives-4 {
    height: auto !important;
	padding-left: 0;
}

.ropColor {
    color: #620b0b;
}

.quote-month {
    border-style: solid; 
    border-color: #620b0b;
    border-width: 2px 0px; 	
    text-align: center;
}