/*////////////////////////////////////////////////////////////////////////////
// Pagina de estilo para el blog de sudokus tusudoku.es basada en el template
// de Free CSS Templates, http://www.freecsstemplates.org que se licencia bajo
// Creative Commons Attribution 2.5 License
////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////
// Elementos básico comunes
////////////////////////////////////////////////////////////////////////////*/
html /* Poner al inicio la barra de scroll derecho sin tener que calcular */
{
  overflow-y:      scroll;
}

body
{
  margin:          0;
  padding:         0;
  background:      #FFFFFF url(../images/img01.gif) repeat-x; /* Red upper band */
  font:            13px Arial, Helvetica, sans-serif;
  color:           #626262;
}

form
{
  margin:          0;
  padding:         0;
}

h1, h1 a, h2, h2 a, h3, h3 a
{
  margin:          0;
  text-decoration: none;
  font-family:     Arial, Helvetica, sans-serif;
  color:           #444444;
}

h1
{
  letter-spacing:  -2px;
  font-size:       2.6em;
}

h2
{
  letter-spacing:  -2px;
  font-size:       2em;
}

h3
{
  font-size:       1em;
}

p, ol, ul
{
  margin-bottom:   2em;
  line-height:     180%;
}

blockquote
{
  margin:          0 0 0 1.5em;
  padding-left:    1em;
  border-left:     5px solid #DDDDDD;
}

a
{
  color:           #EB1400;
}

a:hover
{
  text-decoration: none;
}


/*////////////////////////////////////////////////////////////////////////////
// Cabecera | Header
////////////////////////////////////////////////////////////////////////////*/
#header
{
  height:          82px; /* Altura del encabezamiento rojo */
}

#logo h1, #logo p
{
  float:           left;
}

#logo h1 /* Logo: TuSudoku */
{
  padding:         13px 0 0 13px;
}

#logo p /* Tag line that follow the logo */
{
  margin:          0;
  padding:         16px 0 0 6px;
  line-height:     normal;
  text-transform:  lowercase;
  font-weight:     bold;
}

#logo a
{
  text-decoration: none;
  color:           #FFFFFF;
}

#menu
{
  float:           right;
}

#menu ul /* The upper menu is an ul list */
{
  margin:          0;
  padding:         0;
  list-style:      none;
}

#menu li
{
  display:         block;
  float:           left;
  height:          82px;
}

#menu a
{
  display:         block;
  width:           99px;
  height:          46px;
  padding:         24px 0 0 0;
  text-decoration: none;
  text-align:      center;
  letter-spacing:  -1px;
  font:            normal 1.6em Arial, Helvetica, sans-serif;
  color:           #FABEB3;
}

#menu a:hover
{
  width:           97px; /* 90-2=97 */
  background:      #AD200E url(../images/img04.gif) repeat-x;
  border-left:     1px solid #B22502;
  border-right:    1px solid #B22502;
  color:           #FFFFFF;
}

#menu .MnuAct /* The yellow triangle under the current option */
{
  background:      url(../images/img02.gif) no-repeat center bottom;
}

#menu .MnuAct a
{
  width:           97px;
  background:      #FFEC70 url(../images/img03.gif) repeat-x;
  border-left:     1px solid #FFFFFF;
  border-right:    1px solid #FFFFFF;
  color:           #EB1400;
}


/*////////////////////////////////////////////////////////////////////////////
// Pagina | Page
////////////////////////////////////////////////////////////////////////////*/
#page
{
  padding:         25px 25px 0px 25px; /* El triangulo amarillo tiene 10 de alto */
}


/*////////////////////////////////////////////////////////////////////////////
// Contenido | Content
////////////////////////////////////////////////////////////////////////////*/
#content
{
  margin-right:    325px;
}

.post
{
  margin-bottom:   10px;
  background:      url(../images/img05.gif) repeat-x;
}

.post .title
{
  background:      url(../images/img07.gif) no-repeat right top;
}

.post .title h2
{
  padding:         20px 30px 0px 30px;
  background:      url(../images/img06.gif) no-repeat;
  font-size:       2.2em;
}

.post .title p
{
  margin:          0;
  padding:         0 0 0 30px;
  line-height:     normal;
  color:           #BABABA;
}

.post .title p a
{
  color:           #BABABA;
}

.post .entry
{
  padding:         5px 30px 0px 30px;
}

.post .links
{
  margin:          0px;
  padding:         10px 30px 20px 30px;
  background: url(../images/img15.gif) no-repeat left bottom;
}

.post .links a
{
  padding: 0 23px;
  text-decoration: none;
  font-weight: bold;
}

.post .links a:hover
{
  text-decoration: underline;
}

.post .links .more
{
  background: url(../images/img16.gif) no-repeat left center;
}

.post .links .comments
{
  background: url(../images/img17.gif) no-repeat left center;
}

.post .links .CntRss /* Rss image */
{
  background: url(../images/rss.gif) no-repeat left center;
}

.post .CntPub /* Publicidad con imagen inferior para anuncios */
{
  padding:         0px 0px 25px 30px;
  background:      url(../images/img15.gif) no-repeat left bottom;
}

.post .SdkPar /* Un par de sudokus enviados o solucionados */
{
  padding:         0px 0px 25px 30px;
}


/*////////////////////////////////////////////////////////////////////////////
// Sidebar
////////////////////////////////////////////////////////////////////////////*/
#sidebar
{
  float:           right;
  width:           300px;
}

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

#sidebar li
{
  margin-bottom:   10px;
  background:      url(../images/img10.gif) no-repeat left bottom;  /* 301x65 pixels */
}

#sidebar li ul
{
  padding:         0 30px 20px 30px;
}

#sidebar li li
{
  margin:          0;
  padding-left:    20px;
  background:      url(../images/img11.gif) no-repeat 5px 50%;
}

#sidebar h2
{
  padding:         20px 30px 10px 30px;
  background:      url(../images/img09.gif) no-repeat; /* 301x65 pixels */
  color:           #EB1400;
  font-weight:     normal;
}

#sidebar p /* Textos con titulo en la columna lateral derecha */
{
  padding:         0px 30px 20px 30px;
}

#sidebar p.SdbPub /* Tu Sudoku, con imagen superior para anuncios */
{
  background:      url(../images/img09.gif) no-repeat; /* 301x65 pixels */
  padding:         10px 20px 15px 20px;
}

#sidebar div.SdbTab /* Tu Sudoku, para tablas de sudoku */
{
  padding:         0 0px 25px 25px;
}


/*////////////////////////////////////////////////////////////////////////////
// Buscar en la barra lateral | Search (sidebar)
////////////////////////////////////////////////////////////////////////////*/
#SdbSea
{
 padding:          20px 30px 25px 25px;
}

#SdbSea #FrmBtn /* Boton de enviar con imagen de fondo */
{
  background:      #FEFEFE url(../images/img13.gif) repeat-x;
  font:            normal 1.15em Arial, Helvetica, sans-serif;
  border:          1px solid #626262;
}

#SdbSea #FrmGoo /* Campo de entrada que personaliza Google a su modo */
{
  font:            normal 1.1em Arial, Helvetica, sans-serif;
  border:          1px solid #626262;
}


/*////////////////////////////////////////////////////////////////////////////
// Para volcado grandes de información de Google o de soluciones paso a paso
////////////////////////////////////////////////////////////////////////////*/
#cse-search-results
{
  text-align:       center;
}

#por-pasos
{
  padding:          0px 00px 0px 30px;
}


/*////////////////////////////////////////////////////////////////////////////
// Categorias | Categories
////////////////////////////////////////////////////////////////////////////*/
#sidebar #categories li
{
  background:      url(../images/img12.gif) no-repeat left center;
}


/*////////////////////////////////////////////////////////////////////////////
// Pie de pagina | Footer
////////////////////////////////////////////////////////////////////////////*/
#footer
{
  padding:         70px 0 50px 0;
  background:      #757575 url(../images/img08.gif) repeat-x;
}

#footer p
{
  margin-bottom:   1em;
  text-align:      center;
  line-height:     normal;
  font-size:       .9em;
  color:           #BABABA;
}

#footer a
{
  padding:         0 20px;
  text-decoration: none;
  color:           #DDDDDD;
}

#footer a:hover
{
  color:           #FFFFFF;
}

#footer .rss
{
  background:     url(../images/img18.gif) no-repeat left center;
}

#footer .xhtml
{
  background:     url(../images/img19.gif) no-repeat left center;
}

#footer .css
{
  background:     url(../images/img20.gif) no-repeat left center;
}

#footer .legal a
{
  padding:        0;
}