/*
Theme Name: Hattrick 2009
Theme URI: http://www.ligahattrick.cl/
Description: Theme hecho exclusivamente para Liga Hattrick.
Version: 0.1
Author: Diego Quintana
Author URI: http://diegoquintana.com/
Tags: futbol, football, soccer


*/

html {
margin: 0;
padding: 0;
}

body {
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	background: #eee url('images/bg_hattrick.jpg');
	color: #555;
margin: 0;
padding: 0;
	}

#page {
display: block;
margin: 0px auto;
width: 940px;
padding: 20px;
background: #ddd;
border-left: 1px solid #999;
border-right: 1px solid #999;
	}

#header {
	display: block;
	}

#headerimg 	{
	display: block;
width: 940px;
height: 200px;
/*
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
background: url('images/header_hattrick.jpg');
*/
	}

#content {
	display: block;
float: left;
width: 550px;
margin: 0px 20px 0px 0px;
/* background: #ccc; */
/*
border-right: 1px solid #999;
padding-right: 9px;
*/
	}

#sidebar {
font-size: 11px;
float: left;
display: block;
color: #ddd;
width: 210px;
background: #457d19 url('images/sidebar-bottom.png') no-repeat bottom;
padding: 10px 10px 30px 10px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

#minibar {
font-size: 11px;
display: block;
/*
padding: 0px 0px 0px 9px;
border-left: 1px solid #999;
*/
width: 120px;
/* background: #ccc; */
float: right;
}

#footer {
	border: none;
	}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
margin: 0;
padding: 0;
	}

h1 {
font-size: 24px;
}

h2 {
font-size: 16px;
}

h3 {
font-size: 14px;
}

table {
width: 550px;
}

a, a img {
	color: #555;
	text-decoration: none;
border: none;
outline: none;
	}

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

.clear {
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

#menu {
display: block;
height: 40px;
margin: 7px 0px 0px 20px;
}

#menu ul {
margin: 0px auto;
}

#menu li {
display: inline;
list-style-type: none;
}

#menu ul a {
color: #457d19;
font-weight: bold;
display: block;
float: left;
margin: 0px;
padding: 6px 20px;
border-right: 1px solid #999;
}

#menu ul a:hover {
text-decoration: line-through;
}

.aside {
display: block;
padding-bottom: 9px;
border-bottom: 1px dotted #fff;
margin-bottom: 10px;
text-align: justify;
}

.aside img {
display: block;
float: left;
margin: 0px 10px 10px 0px;
width: 70px;
height: 70px;
border: 1px solid #fff;
}











/* Sub-elements */



#content h2 {
display: block;
color: #FFF82A;
margin-bottom: 20px;
padding: 6px;
background: #457d19;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#sidebar h2 {
color: #FFF82A;
margin-bottom: 20px;
}

#sidebar ul, #minibar ul {
margin: 0;
padding: 0;
}

#sidebar li, #minibar li {
list-style-type: none;
margin: 0;
padding: 0;
}

#sidebar a {
color: #ddd;
}

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

#minibar img {
margin-bottom: 20px;
}

#searchform {
margin-bottom: 10px;
}

#s {
font-size: 11px;
padding: 3px;
}

#searchsubmit {
font-size: 11px;
background: #555;
color: #fff;
padding: 3px;
border: none;
margin-left: 10px;
}

#content .postmain h2 {
font-family: Georgia, "Times New Roman", serif;
font-size: 36px;
color: #457D19;
background: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content .postmain h2 a {
color: #457D19;
text-decoration: none;
}









.postmain {
display: block;
padding-bottom: 19px;
border-bottom: 1px dotted #999;
margin-bottom: 20px;
}

.imagenmain {
display: block;
float: left;
width: 150px;
height: 150px;
border: 1px solid #999;
margin: 0px 20px 20px 0px;
}











#slider {
  width: 550px;
  margin: 0 auto;
  position: relative;
}

.scroll {
display: block;
width: 548px;
height: 250px;
border: 1px solid #999;
margin: 0px 0px 20px 0px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 0px;
  height: 250px;
  width: 550px;
overflow: hidden;
}

.scrollContainer div.panel a {
display: block;
  height: 250px;
  width: 550px;
overflow: hidden;
color: #fff;
text-decoration: none;
}

.scrollContainer div.panel h2 {
padding: 10px;
position: absolute;
top: 160px;
left: 10px;
display: inline-block;
font-family: Georgia, "Times New Roman", serif;
font-size: 24px;
color: #fff;
background: url('images/negro_30.png');
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navigation a {
    display: block;
float: left;
width: 94px;
height: 60px;
margin: 0px 20px 40px 0px;
    text-decoration: none;
}

ul.navigation a.right {
float: right;
margin: 0;
}

ul.navigation a:hover {
    background-color: #ddd;
}

ul.navigation a.selected {
    background-color: #ddd;
}

ul.navigation a:focus {
    outline: none;
}







td {
border-right: 1px dotted #999;
border-bottom: 1px dotted #999;
padding: 1px;
}






.equipos {
display: block;
float: left;
margin: 0px 10px 20px 10px;
height: 370px;
}

.equipos img {
margin: 0;
}

.equipos a {
margin: 0;
}

.equipos h2 {
margin: 0px;
margin-top: 10px;
}

/*Shadowbox  */


#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
	font-family: Arial, Verdana, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*

#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  padding: 0px;
margin-bottom: 6px;
  color: #555
}

/*____________________________________________________________________  Body  */

#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 4px solid #457D19;
  background: #ddd;
}

#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
	background: #ddd;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
display: inline;
background: #ddd;
}
#shadowbox_loading span a,

#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #555;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */

#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #555;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: none;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #555;
background: none;
}
#shadowbox_toolbar_inner div a:hover {
  text-decoration: none;
  color: #555;
background: none;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: none;
  color: #eee;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: underline;
  color: #555;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: none;
}


.equipodesc {
margin: 0;
padding: 0;
}

.equipodesc li a {
list-style-type: none;
padding: 0px;
margin-bottom: 4px;
display: block;
}

.equipodesc li a:hover {
color: #999;
}

.equipodesc div.subbotonera a {
padding: 4px 20px;
margin: 0px;
display: block;
}

.equipodesc div.subbotonera a:hover {
background: #ddd;
}




















#dropmenu {
width: 880px;
} 

#dropmenu, #dropmenu ul {
display: block;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index:300;
width:100%;
margin: 0;
padding: 0;
} 

#dropmenu a {
display:block;
padding:0.25em 1em;
text-decoration:none;
background: #ddd;
margin: 0;
border-right: 0px solid #333;
} 

#dropmenu a:hover {
background: bbb;
} 

#dropmenu li {
float:left;
position:relative;
display: block;
border-right: 0px solid #333;
}  

#dropmenu li.right {
display: block;
float:right;
position:relative;
} 

#dropmenu ul {
position:absolute;
display:none;
left: 0;
top:25px;
padding-top: 10px;
background: #ddd;
} 

#dropmenu ul a {
width:8em;
border-right: 0px solid #333;
} 

#dropmenu li ul {
width: 9em;
padding-top: 0px;
} 

#dropmenu li ul a {
height:auto;
float:left; 
} 

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

#dropmenu ul ul {
top:auto;
padding-top: 0px;
} 

#dropmenu li ul li ul {
} 

#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;
}


















.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}
.wp-pagenavi a:visited {
}
.wp-pagenavi a:hover {	
	border-top: 1px dotted #a29061;
	border-bottom: 1px dotted #a29061;
}
.wp-pagenavi a:active {
	padding: 5px; 
	margin: 5px;
	text-decoration: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #999;	
}
.wp-pagenavi span.pages {
	padding: 5px; 
	margin: 5px;
	color: #999;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}
.wp-pagenavi span.current {
	padding: 5px; 
	margin: 5px;
	color: #999;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
.wp-pagenavi span.extend {
	padding: 5px; 
	margin: 5px;
	color: #999;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}










ol.commentlist {
display: block;
width: 550px;
overflow: hidden;
}

#respond {
display: block;
width: 550px;
overflow: hidden;
}

#respond textarea, #respond input {
disply: block;
width: 500px;
}


a.vermas {
display: inline-block;
color: #457D19;
padding: 4px;
border: 1px solid #fff;
margin-bottom: 30px;
float: right;
}



.estadisticasmenu ul li a {
color: #f00;
}





.gallery img {
	/* Style rules for the entire gallery */
width: 109px;
weight: 109px;
	}
.gallery-item {
	/* Style rules for each item (image and caption) in the gallery */
	}
.gallery-icon {
	/* Style rules for images within the gallery */
	}
.gallery-caption {
	/* Style rules for captions within the gallery */
	}