/* 
Theme Name: Contrast
Theme URI: http://aode.com.ar/contrast/
Description: A design created with HTML5 and CSS3. Theme is a very simple and flexible. Optimized for bbpress.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.6
Author: Alessandro Degiusti
Author URI: http://aode.com.ar
Tags: green, gray, silver, dark, two-columns, flexible-width, translation-ready, custom-header, custom-background, threaded-comments
*/
*{
   margin:0;
}
body {
   font-family:Arial;
   text-align:center;
   color:white;
   background:lightgray;
   -ms-word-wrap: break-word;
word-wrap: break-word;
}
header{
   margin:0 auto;
   padding:0;
   display:inline-block;
   vertical-align:top;
   height:100px;
}
nav{
   display:inline-block;
   background:rgba(0,0,0,.5);
   width:100%;
   
}
nav ul{
   font-family:Capriola;
   height:50px;
}
nav ul li{
   	box-sizing:border-box;
   	-moz-box-sizing:border-box;
	display:inline-block;
	line-height:50px;
	padding:10px 0;
    font-size:20px;
	vertical-align:top;
	height:100%;
}
nav ul li a{
   color:white;
   text-transform:uppercase;
   height:100%;
}
nav ul li:hover{

   background:#31B404;
   transition:0.5s;
   -webkit-transition:0.5s;
   -moz-transition:0.5s;
}
footer{
   text-align:center;
   margin-top:15px;
   background:lightgray;
   color:black;
   border-radius:0.5em;
   height:35px;
   margin:1em auto;
   padding:0.5em 0;
   width:850px;
   text-shadow:5px 5px 10px rgba(0,0,0,0.5);
}
#contenedor{
   max-width:900px;
   text-align:center;
   margin:0 auto;
   background:#424242;
   padding:1px;
}
form{
   width:10%;
}
.titulo:hover
{
	color:#31B404;
	text-shadow:3px 3px 0px black, 0 0 5px black;
	vertical-align:top;
}	
.titulo a:hover
{
	color:#31B404;
	text-shadow:3px 3px 0px black, 0 0 5px black;
	vertical-align:top;
	text-decoration:none;
}
.titulo{
	font-family:Fugaz One;
	font-size:50px;
	color:#0099FF;
	text-shadow:3px 3px 0px black, 0 0 20px black;
	transition:1s;
	-webkit-transition:0.5s;	
	-moz-transition:0.5s;	
	vertical-align:top;
	padding-top:0;
	margin-top:0;
}
.titulo a{
	font-family:Fugaz One;
	font-size:50px;
	/*text-align:center;*/
	color:#0099FF;
	text-shadow:3px 3px 0px black, 0 0 20px black;
	transition:1s;
	-webkit-transition:0.5s;	
	-moz-transition:0.5s;	
    display:inline-block;
	vertical-align:top;
	padding-top:0;
	margin-top:0;
	text-decoration:none;
}
.current_page_item{
   background:#31B404;
}
.sticky{
   color:red;
}
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
.bypostauthor{
background-color: #E9B5C1; }

.odd {
background-color: #EDC0CB; }

.even {
background-color: #7BCB94; }
#contenido{
   display:inline-block;   
   width:600px;
   margin-top:15px;

}
#sidebar{
   display:inline-block;
   vertical-align:top;
   margin-top:30px;
   width:250px;
   background:lightgray;
   border-radius:0.5em;
   color:black;
}
#sidebar h1 {
   padding:10px 10px 10px 10px;
   text-transform:uppercase;
}
#widget{
   margin:0em auto;
   padding:0em 1;
   background:#F5F6CE;
}
#contenido{
   display:inline-block;
}
#contenido article{
   background:lightgray;
   border-radius:0.5em;
   text-align:left;
   color:black;
   margin:1em auto;
   padding:0.5em 0;
   display:inline-block;  
   width:600px;
}
#contenido article:hover{
   box-shadow: 0px 0px 20px rgba(0,255,0,1);
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}
#contenido h1{
   font-size:30px;
   text-align:left;
   color:#FF0000;
   text-shadow:2px 2px 0px black, 0 0 15px black;
   margin-left:10px;
}
#contenido h1 a{
   text-decoration:none;
   font-size:30px;
   text-align:left;
   color:#FF0000;
   text-shadow:2px 2px 0px black, 0 0 15px black;
   margin-left:10px;
}
#contenido h1:hover{
   font-size:35px;
   transition:0.5s;
   -webkit-transition:0.5s;
   -moz-transition:0.5s;
}
#contenido h1 a:hover{
   font-size:35px;
   transition:0.5s;
   -webkit-transition:0.5s;
   -moz-transition:0.5s;
}
#contenido p{
   margin:10px;
}
#datos{
   text-align:center;
}
#datos b:hover{
   font-size:15pt;
   transition:0.5s;
   -webkit-transition:0.5s;
   -moz-transition:0.5s;
}
#datos a{
   text-decoration:none;
}
#datos a:visited{
   text-decoration:none;
   color:black;
}
.more-link{
   background:#0099FF;
   border-radius:2em;
   font-family:Capriola;
   text-decoration:none;
   font-size:12pt;
   margin:5px 5px 5px 5px;
   height:15px;
}
.more-link:hover{
   background:green;
   transition:0.5s;
   -webkit-transition:0.5s;
   -moz-transition:0.5s;
}
#comentarios{
   background:lightgray;
   border-radius:0.5em;
   text-align:left;
   color:black;
   margin:1em auto;
   padding:0.5em 0;   
}
#comentarios:hover{
   box-shadow: 0px 0px 20px rgba(0,255,0,1);
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}
#comentarios h3:hover{
   font-size:25px;
   transition:0.5s;
   -webkit-transition:0.5s;
   -moz-transition:0.5s;
}

img:hover{
   transform:rotate(7deg);
   -webkit-transform:rotate(7deg);
   -moz-transform:rotate(7deg);
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 5px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption:hover{
    background: #fff;
    border: 5px solid #4A94D9;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    padding: 0 4px 5px;
}
.commentlist li{
   background:white;
   width:80%;
   text-decoration:none;
   box-shadow: 0px 0px 20px rgba(0,0,0,1);
   margin:30px;
   padding:10px 10px 10px;
   list-style-type:none;
}
.fields{
   text-align:center;
}
.comment-reply-link{
   background:green;
   border-radius:10em;
   text-decoration:none;
   color:black;
   padding:5px 5px 5px 5px;
}
.comment-reply-link:hover{
   background:#0099FF;
   border-radius:10em;
   text-decoration:none;
   color:black;
   padding:5px 5px 5px 5px;
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}
.url{
   margin:10px 10px 10px 10px;
   background:lightgray;
   padding:5px 5px 5px 5px;
   border-radius:10em;
   text-decoration:none;
}   
.url:hover{
   margin:10px 10px 10px 10px;
   background:#0099FF;
   padding:5px 5px 5px 5px;
   border-radius:10em;
   text-decoration:none;
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}   
.says{
   margin:10px 10px 10px 10px;
   background:lightgray;
   padding:5px 5px 5px 5px;
   border-radius:10em;
   text-decoration:none;
}
.says:hover{
   margin:10px 10px 10px 10px;
   background:#0099FF;
   padding:5px 5px 5px 5px;
   border-radius:10em;
   text-decoration:none;
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}
#sidebar ul{
   float:left;
   list-style-type:none;
   text-align:left;
   padding:0px;
   margin:0px 0px 20px 0px;
   width:100%;
}
#sidebar ul li{
   margin-bottom:6px;
   padding-bottom:3px;
}
#sidebar ul li a{
   color:#000;
   text-decoration:none;
}
#author{
   background:white;
}
#author:focus{
   box-shadow: 0px 0px 20px rgba(0,255,0,1);
   background:white;
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}
#email{
   background:white;
}
#email:focus{
   box-shadow: 0px 0px 20px rgba(0,255,0,1);
   background:white;
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}
#url{
   background:white;
}
#url:focus{
   box-shadow: 0px 0px 20px rgba(0,255,0,1);
   background:white;
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}
#comment{
    background:white;
	height:20px;
	   width:500px;
}
#comment:focus{
   box-shadow: 0px 0px 20px rgba(0,255,0,1);
   background:white;
   height:100px;
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;	
   font-family:Arial;
   width:500px;
}
.form-allowed-tags{
   width:500px;
}
.logged-in-as{
   width:500px;
}


.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}
blockquote,
q {
	quotes: none;
}
.screen-reader-text{
	width:100%;
}
.comment-form-comment{
	width:600px;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}
#bbpress-forums{
	width:600px;
}
#new-post textarea{
	background:white;
}
.comment-notes{
	width:500px;
}