/* CSS for PokerTemplate */
/* Don't modify this file - Use customize.css to change graphics, colors & more */

/* ----- HTML Tags ----- */

body {
  background: #eee; /* > */
  color: #333;
  font: normal normal normal 82%/120% Tahoma, Verdana, Arial, Helvetica, sans-serif; /* > */
  }
  
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,fieldset { /* reset */
  margin: 0; padding: 0;
  }

h1 {
  margin: 0.5em auto;
  font: bold 1.1em/120% Arial, Helvetica, sans-serif;
  text-align: center;
  }
  
a:active, a:link {color: #333} /* > */
a:hover {color: #000} /* > */
a:visited {color: #666}   /* > */
  
  
/* ----- Layout ----- */

#wrapper {
  width: 820px;
  margin: 0 auto;
  padding: 0;
  }

#header {
  height: 140px;
  margin: 10px 0;
  background: #aaa;  /* > */
  }
  
#widebar {
  margin: 10px 0;
  padding: 2px 0px;
  }  

#sidebar {
  float: left;
  width: 180px;
  }
  
#content {
  float: right;
  width: 580px;
  margin: 10px 0 50px;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #ccc;  /* > */
  }  
  
#box, #menu {
  margin: 10px 0;
  background: #003FFF;
  border-bottom-width: 2px;
  border: 1px solid #ccc; /* > */
  }  
  
#footer {  
  padding: 30px 0 0 0;
  background: #ddd; /* > */
  }
  
#footertext {    
  width: 820px;
  margin: 0 auto;
  }
  
/* ----- Header ------ */

h1.sitename {
  padding: 40px 10px;
  font-size: 2.5em;
  text-align: left;
  color: #fff;
  }

/* ----- Widebar ----- */

ul.topmenu {
  display: block;
  position: relative;
  width: auto;
  height: 40px;
  list-style-type:none;
  text-transform: uppercase;
  font-size: 1em;
  background: #ccc url("images/blue.jpg") repeat-x top left; /* > */
  border: 1px solid #aaa;
  }

ul.topmenu li{
  float: left;
  display: block;
  border-right: 1px solid #ffffff; /* > */
  }

ul.topmenu li a{
  float: left;
  display: block;
  padding: 12px 20px 0 20px;
  height: 24px;
  height: 28px;
  text-decoration: none;
  color: #fff; /* > */
  }

ul.topmenu li a:hover{
  background: #bbb url("images/black.jpg") repeat-x top left;  /* > */
  }


/* ----- Leftmenu ----- */      

#menu h2.boxtitle {
  padding: 4px 5px;
  font: bold 1.1em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: #aaa; /* > */  
  color: #fff; /* > */
  }              

ul.menu {
  list-style-type:none;
  }

ul.menu li {
  padding: 0px;
  border-bottom: 1px solid #ccc; /* > */
 }
 
ul.menu li.submenu { 
  padding: 0px;
  border-bottom: none;
  _border-bottom: 1px solid #ccc;
 }
 
ul.menu li a {
  display: block;
  padding: 10px 5px;
  text-decoration: none;
  background: #efefef; /* > */  
  color: #666; /* > */
  }

ul.menu li a:hover {  
  background: #e0e0e0; /* > */
  color: #333; /* > */
  }
  
ul.menu li.submenu a { 
  padding:  10px 5px 10px 15px;
  font-size: 0.9em;
 }  
  
  
/* ----- Leftmenu ----- */   

#box h2.boxtitle {
  padding: 4px 5px;
  text-transform: uppercase;
  font: bold 1.1em Arial, Helvetica, sans-serif;
  background: #aaa; /* > */
  color: #fff; /* > */
  }


#box p {
  padding: 5px;
  line-height: 130%;
  font-size: 0.8em;
  color: #FFFFFF;
  }
  
  
/* ----- Content ----- */     

#content h3 {
  margin: 0.5em 0;
  font: bold 1.3em/150% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  }
  
#content h4 {
  margin: 1em 0;
  font: bold 1.1em/150% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  }
  
#content p {  
  margin: 1em 0;
  line-height: 140%;
  color: #000000; /* > */
  }
  
#content .photoleft {  
  float: left;
  margin: 5px 10px 5px 0;
  border: 1px solid #666;
}  

#content .photoright {  
  float: right;
  margin: 5px 0 5px 10px;
  border: 1px solid #666;
}  
  
  
/* ----- Footer ----- */      

#footer  p {
  float: left;
  width: 350px;
  text-align: left;
  }   
  
ul.footerlinks {    
  float: right;
  display: block;
  position: relative;
  list-style-type:none;
  }

ul.footerlinks li {
  float: left;
  display: block;
  border-right: 1px solid #aaa; /* > */
  }

ul.footerlinks li a {
  float: left;
  display: block;
  padding: 5px 10px 0 5px;
  height: 20px;
  text-decoration: none;
  color: #666; /* > */
  }

ul.footerlinks li a:hover {
  color: #222;   color: #666; /* > */
  }
  

/* ----- Varios ----- */      

h2.boxtitle {
  font: bold 1.1em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: #aaa; /* > */
  color: #fff; /* > */
  }     

  
/*  Sticky Footer Solution */
* {margin:0;padding:0;} 

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
  margin-top: -100px; /* negative value of footer height */
  height: 100px;
  clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* CSS BLOGROLL */

.blogRoll strong {
 font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: center;
}

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

.blogRoll ul li {
 line-height:100%;
}

.blogRoll ul li a {
 font-size: 11px;
    text-decoration: none;
}

/* FIN CSS BLOGROLL */