/*
Theme Name: Revolution Elements
Theme URI: http://www.revolutiontwo.com
Description: The Revolution Elements WordPress Theme based on WPelements.com.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.jdidit.com/
Tags: Wood, 2-column, Widgets

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.jdidit.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

* {
margin:0;
padding:0;
}

html,body {
background:#fff url(images/background.jpg) top repeat;
color:#fff;
}

body {
font:12px Verdana;
line-height:1.2em;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
font-weight:bold;
line-height:25px;
color:red;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:red;
margin-bottom:-15px;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:400;
color:#FFFFFF;
margin-bottom:5px;
}

h5 {
font-size:10px;
font-weight:400;
color:#BDAFA8;
}

.fecha{
font-family:Verdana;
font-size:9px;
margin: -15px 0px 10px 0px;
color:#ccc;
}

p {
margin-bottom:8px;
}

strong {
color:#FFFFFF;
}

a:link, a:visited {
color:#FFFFFF;
text-decoration:none;
}

a:hover {
color:red;
}

img {
border:none;
}

p img {
padding: 0;
max-width: 100%;
}

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

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 1px solid #FFFFFF;
}

#single ul {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}

#single li {
padding: 0 0 0 20px;
background: url(images/icon-check.gif) top left no-repeat;
}

#wrapper {
width:932px;
padding-left:10px;
padding-right:10px;
margin:0px 0px 0px 0px;
}

/** Header Content **/
#header {
float:left;
width:950px;
height:165px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#logo {
float:left;
margin:0px 0px 0px 0px;
}

#pages {
float:right;
color:#BDAFA8;
margin:12px 0px 0px 0px;
height:65px;
width:422px;
padding:8px 0px 0px 18px;
/*background:url(images/wide.gif) top left no-repeat;*/
}

span.menu-items {
width:115px;
height:50px;
display:block;
float:left;
margin-left:12px;
border-right:1px solid #3B352C;
cursor:pointer;
}

span.last-menu-item {
width:105px;
height:50px;
display:block;
float:left;
margin-left:12px;
cursor:pointer;
}

/** Main Content **/
#main {
float:left;
width:950px;
}

#content {
float:left;
width:760px;
margin:-70px 12px 0px 0px;
}

#content img{border:2px solid #3B352C}
#content img a{border:2px solid #ee5000}

#izquierda{
float: left;
width:170px;
height: 100%;
margin:70px 10px 10px 0px;  /* top  der  bottom  izq  */
padding: 10px 10px 10px 10px;
background:url(images/content.png) top repeat;
}
#izquierda img{
width:80px;
margin:0px 0px 5px 0px;  /* top  der  bottom  izq  */
border:none;
}

#derecha{
float: right;
width:540px;
height:100%;
margin:70px 0px 10px 0px;  /* top  der  bottom  izq  */
padding: 10px 10px 10px 10px;
background:url(images/content.png) top repeat;
}

.heading {
margin:15px 0px 15px 13px;
}

span.contenthead {
width:630px;
display:block;
}

.intropost {
margin:0px 0px 0px 12px;
float:left;
width:298px;
}

.intro {
background:url(images/content.png) top left repeat;
width:630px;
margin:0px 0px 12px 0px;
padding:12px 0px 0px 0px;
float:left;
}

.introinfo {
width:298px;
margin:15px 0px 0px 0px;
}

.introcontent {
height:86px;
overflow:hidden;
}

span.date {
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:16px;
margin:2px 0px 0px 0px;
}

span.comments {
background:url(images/comments-trans.png) no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
color:#0D0D0D;
font-size:14px;
float:right;
width:28px;
height:28px;
text-align:center;
margin:0px 0px 0px 15px;
padding:0;
}

#themes {
background:url(images/content.png) top left repeat;
width:630px;
margin:0px 0px 12px 0px;
float:left;
}

#plugins {
background:url(images/content.png) top left repeat;
width:630px;
margin:0px 0px 12px 0px;
float:left;
}

span.thumbnail {
float:left;
margin:0px 0px 12px 0px;
}

.thumbnail img {
border:0px solid #3B352C;
width: 175px;
height: 236px;
}

#single, #page, #postcomments {
background:url(images/content.png) top left repeat;
width:606px;
margin:0px 0px 12px 0px;
padding:12px;
float:left;
}

.singleheading {
margin:5px 0px 15px 0px;
}

span.singlehead {
width:550px;
display:block;
}

/** Comment Styles **/
#comment {
width:450px;
font:12px arial,helvetica,verdana,sans-serif;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt {
padding: 10px 10px 5px 10px !important;
background: url(images/white-trans.png) repeat;
}

input#submit {
font-size: 14px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:5px 0 0 0;
text-align:center;
background:url(images/white-trans.png) repeat;
border:none;
cursor:pointer;
}

#comment,#author,#email,#url {
background:url(images/white-trans.png) repeat;
border:none;
padding:2px;
color:#FFFFFF;
}

/** Sidebar Content **/
#sidebar {
float:left;
width:130px;
margin:-10px 0px 0px -10px;
padding:10px 10px 10px 10px;
}

#advertblock {
background:url(images/content.png) repeat;
width:170px;
padding:0px 0px 2px 10px;
float:left;
}

#advertblock h3 {
margin-bottom:10px;
}

#advertblock img {
width:160px;
margin:0px 3px 3px 0px;
border:1px solid #3B352C;
}

#sideSearch {
background:url(images/content.png) repeat;
margin:10px 0px 0px 0px;
padding:6px 6px 6px 6px;
float:left;
}

#searchWrap #s {
background:none;
color:#BDAFA8;
font-size:1.1em;
border:none;
margin:0px 3px 0px 0px;
width:257px;
}

#searchWrap input {
vertical-align:middle;
}

.block {
background:url(images/content.png) repeat;
width:270px;
margin:0px 0px 12px 0px;
padding:10px;
float:left;
}

.sidepost {
border-top:1px solid #1B140E;
padding:6px 0 0 0;
}

.sideblog {
margin-bottom:10px;
}

.sidetitle {
font-size:14px;
margin-bottom:2px;
}

#socialize ul li {
color:#BDAFA8;
border-top:1px solid #1B140E;
line-height:1.2em;
padding:3px 0 4px 0px;
}

#socialize a {
font-family:Georgia, "Times New Roman", Times, serif;
}

.block ul li {
list-style:none;
margin:0;
}

#tags {
font-family:Georgia, "Times New Roman", Times, serif;
word-spacing:5px;
line-height:1.5em;
}

/** Footer Content **/
#favicons {
background:url(images/content.png) top left repeat;
float:left;
width:670px;
text-align:center;
padding:8px 0px 5px 0px;
margin:0px 0px 10px 0px;
}

#favicons img {
width:16px;
height:16px;
}

#footer {
padding:0px 0px 100px 0px;
width:630px;
float: left;
}

#footer p {
float: left;
width: 610px;
}

#code {
font-size:1em;
width:586px;
background:url(images/white-trans.png) repeat;
padding:10px;
}

#space {
height:15px;
}

.navigation {
width: 200px;
float:right;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

/* The Tips */
.tool-tip{
color:#444444;
width:250px;
z-index:13000;
}

.tool-title{
font-weight:normal;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
color:#343434;
padding:8px 8px 5px 8px;
background:url(images/tips-trans.png) top left;
text-align:left;
}

.tool-text{
font-size:12px;
padding:0 8px 8px 8px;
background:url(images/tips-trans.png) bottom right;
text-align:left;	
}

/* Estilo menú------------------------------------------------------------------------------*/
ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 170px; /* Menu Width */
 margin: 0;
 list-style: none;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
 border-top: 1px solid #FFF;
 padding: 6px;
 display: block;
 background: #000;
 color: #fff;
 font: bold 11px Arial, sans-serif;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: #f00c0c;
 color: #FFF;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 background: #000;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 background: #f00c0c;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 background: #000;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #f00c0c;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }


/*____________________________________________________________________*/

#menu{
width:170px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 3px #f00c0c;
	-moz-box-shadow:1px 1px 3px #f00c0c;
}
#menu li{border-bottom:1px solid #FFF;}
#menu ul li, #menu li:last-child{border:none}	
#menu a{
	display:block;
	color:#FFF;
	font-weight: bold;
	text-decoration:none;
	font-family:'Helvetica', Arial, sans-serif;
	font-size:13px;
	padding:3px 5px;
	text-shadow:1px 1px 1px #000;
}
#menu a:hover{
	color:#f00c0c;
	-webkit-transition: color 0.0s linear;
}
#menu ul a{background-color:#333;}
#menu ul a:hover{
	background-color:#f00c0c;
	color:#fff;
	text-shadow:none;
	-webkit-transition: color, background-color 0.0s linear;
}
ul{
	display:block;
	background-color:#555;
	margin:0;
	padding:0;
	width:130px;
	list-style:none;
}
#menu ul{background-color:#6594D1;}
#menu li ul {display:none; width:170px;}