/*  
Theme Name: eightytwo
Theme URI: http://wp.alexsancho.name/
Description: xhtml+css theme
Version: 1
Author: Alex Sancho
Author URI: http://alexsancho.name/

*/
html, body {padding:0;margin:0;}
body {
    min-width:740px;
    background:#81A0B6 url(images/tile.png) top center repeat-y;
    color:#333;
    text-align:center;
    font:0.75em/180% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
a:link, a:visited {
    color:#4B5BA2;
    border:0;
    text-decoration:none;
}
a:hover {
    color:#91B622;
}
h1, h2, h3, h4, h5, h6 {
    font:100% bold "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin:0;
    padding:0;
}
#page {
    width:738px;
    padding:0;
    margin:0 auto;
    text-align:justify;
}
#header {
    border-top:2px solid #336;
    border-bottom:3px double #888;
    position:relative;
    margin:0 0 10px 0;
    background:url(images/head.png) top left repeat-x;
    height:149px;
}
#menu {
    float:right;
    width:478px;
    height:149px;
}
#menu .nav {
    height:110px;
}
#menu .nav ul {
    list-style:none;
    height:70px;
    margin:0;
}
#menu .nav ul li {
    float:left;
}
#menu .nav ul li a {
    display:block;
    height:20px;
    padding:40px 25px 40px 25px;
    border:0;
    color:#FFE;
    font-weight:bold;
    text-transform:uppercase;
}
* html #menu .nav ul li a {
    width:40px;
}
#menu .nav ul li#skip a {
   display:none;
}
#menu .nav ul li a:hover, #menu .nav ul li a#current {
    color:#FFC;
    background:transparent url(images/menubg.png) 0 2px repeat-x;
}
#menu .box {
    margin:0;
    height:25px;
    text-indent:18px;
    font:normal 11px/24px "Verdana", sans-serif;
    border-top:1px dotted #FAFBFC;
    color:#FAFBFC;
}
#menu .box p {
    text-align:right;
    margin:3px 15px;
    background:transparent url(images/xml.png) 155px 8px no-repeat;
}
#menu .box a {
    color:#FFE;
    border-bottom:1px dotted #FFE;
    text-decoration:none;
}
#menu .box a:hover {
    color:#FFF;
    text-decoration:none;
    border-bottom:1px solid #FFF;
}
#content {
    float:left;
    padding:0 0 15px 0;
    margin:0 0 15px 5px;
    width:430px;
}
#content .entry, #content .entrytext {
     margin:15px 10px 35px 10px;
}
#content .entry a, #content .entrytext a {
    color:#4B5BA2;
    text-decoration:none;
    border-bottom:1px dotted #4B5BA2;
}
#content .entry a:hover, #content .entrytext a:hover {
    color:#91B622;
    border-bottom:1px solid #91B622;
}
#content .navigation, #commentform p {
     text-align:center;
     margin:15px;
     padding:4px;
     font:normal 11px "Verdana", sans-serif;
     color:#AAA;
}
#content .navigation a {
     color:#888;
     text-decoration:none;
     border-bottom:1px dotted #888;
}
#content .navigation a:hover {
     color:#000;
     text-decoration:none;
     border-bottom:1px solid #000;
}
#content p.postmetadata {
     padding:3px 20px 3px 45px;
     font-size:11px;
     border-top: 1px solid #DDD;
     background:#F3F3F3 url(images/meta.png) 35px 10px no-repeat;
}
#content .entrytext p.postmetadata {
     background-image:none;
     padding-left:20px;
}
#sidebar, #commentblock {
    margin:10px 5px 0 450px;
    padding:10px 0 10px 0;
    border-top:3px double #CCC;
    border-bottom:3px double #DDD;
    background:#EDEBEB;
    text-align:left;
}
#footer {
    clear:both;
    float:none;
    padding:20px;
    margin:0;
    border-bottom:15px solid #333;
    background:#933 url(images/footer.png) 0 0 repeat-x;
}
#footer p {
    padding:0;
    margin:0;
    font:normal 12px/1.6em "Verdana", sans-serif;
    color:#333;
}
#footer p a {
    color:#333;
    border-bottom:1px dotted #333;
}
#footer p a:hover {
    color:#FFF;
    border-bottom:1px solid #FFF;
}
#sidebar p {
    margin:10px;
}
#sidebar ul {
    display:block;
    list-style:none;
    padding:0;
    margin:0;
}
#sidebar ul li {
    padding:0 0 0 10px;
    margin:0 10px 5px;
    font:normal 12px/1.6em "Verdana", sans-serif;
}
#sidebar ul li ul li {
    padding-left:14px;
    background:transparent url(images/arrow.png) 0 3px no-repeat;
}
#sidebar ul li a:link, #sidebar ul li a:visited {
   border-bottom:1px dotted #4B5BA2;
}
#sidebar ul li a:hover {
   border-bottom:1px solid #91B622;
}
#header h1 {
   float:left;
   padding:0;
   margin:0;
   width:260px;
   height:149px;
   font:bold 2.2em "Trebuchet MS", "Verdana", sans-serif;
}
#header h1 a {
   display:block;
   width:260px;
   height:149px;
   background:transparent url(images/logo.png) 1px 0 no-repeat;
   padding:0;
   margin:0;
   color:#FFE;
}
#header h1 a:hover {
   color:#91B622;
   background-position:1px -156px;
}
#header h1 a em {
   position:absolute;
   top:95px;
   left:20px;
}
#sidebar h2 {
   padding:20px 0 2px 0;
   margin:0 15px;
   text-transform:uppercase;
   letter-spacing:1px;
   border-bottom:double #CCC;
   font:bold 120% "Trebuchet MS", "Verdana", sans-serif;
   color:#888;
}
#content h2, dl#comments dt {
   padding:0 0 2px 0;
   margin:0 0 0 15px;
   font:bold 24px/1.4em "Trebuchet MS", "Verdana", sans-serif;
   color:#666;
}
#content h2 a {
   color:#883137;
   text-decoration:none;
}
#content h2 a:hover {
   color:#000;
   text-decoration:none;
}
h2#respond {
   margin:30px 35px 10px 35px;
   padding:6px 0 4px 6px;
   border-bottom:double #DDD;
   font:bold 16px "Trebuchet MS", "Verdana", sans-serif;
   color:#666;
   letter-spacing:1px;
   text-transform:uppercase;
}
#content h3 {
   padding:0 0 0 20px;
   margin:0 0 10px 15px;
   font:bold 12px "Lucida Grande", "Verdana", sans-serif;
   color:#666;
   background:transparent url(images/entry.png) 2px 2px no-repeat;
}
#content h3 a {
   font-weight:normal;
   color:#666;
   border-bottom:1px dotted #888;
   text-decoration:none;
}
#content h3 a:hover {
   color:#000;
   border-bottom:1px solid #000;
   text-decoration:none;
}
#wp-calendar {
   width:230px;
   margin:0 auto;
   border-collapse:collapse;
}
#wp-calendar caption {
   font-size:120%;
   font-weight:bold;
   color:#888;
   margin:0 auto;
}
#wp-calendar td {
   background:#F1F1F1;
   border:1px solid #EDEBEB;
   color:#369;
   text-align:center;
}
#wp-calendar td.pad { background:#FAFBFC; } 
#wp-calendar tfoot td, #wp-calendar tfoot td.pad {
   background:none;
}
#wp-calendar th {
   color:#888;
   text-align:center;
   font-weight:normal;
}
#wp-calendar td a {
   display:block;
   width:100%;
   height:100%;
   color:#900;
   background:#E8EFF7;
   text-decoration:none;
   border:0;
}
#wp-calendar td a:hover {
   color:#FFF;
   background:#888;
   text-decoration:none;
}
#wp-calendar tfoot td a:link, #wp-calendar tfoot td a:visited {
   background:none;
   border:0;
   color:#900;
}
#wp-calendar tfoot td a:hover {
   background:none;
   color:#888;
}
#wp-calendar tfoot td#prev { text-align:left; }
#wp-calendar tfoot td#next { text-align:right; }
#commentform {
    background:#FFE;
    border:1px dotted #933;
    margin:35px auto;
    width:250px;
}
#searchform {
    width:250px;
    height:50px;
    background: transparent url(images/search.png) left top no-repeat;
}
dl#comments {
    margin:auto 15px;
    text-align:center;
}
dl#comments dd {
    margin-bottom:15px;
    padding-bottom:35px;
    background:transparent url(images/comments.png) left bottom no-repeat;
}
dl#comments dd p:first-child {
    display:block;
    padding-left:15px;
    background:transparent url(images/comm.png) 0 0 no-repeat;
}

dl#comments dd p:first-child a {
    font-weight:bold;
}
dl#comments dd p {
    margin:0 0 0 -25px;
    text-align:justify;
}
label {
    font-style:normal;
    text-decoration:underline;
    margin:auto 30px;
    color:#900;
}
input {
    width:180px;
    margin:0 30px 0 35px;
    background:#fafbfc;
    border:1px solid #900;
}
#searchform input {
    width:150px;
    margin:12px 0 0 24px;
    padding:0;
    border:3px double #888;
}
input#submit {
    width:101px;
    height: 30px;
    border:0;
    margin:15px 0 15px 30px;
    background:transparent url(images/send.png) left top no-repeat;
    font:bolder 12px "Verdana", sans-serif;
    color:#FAFBFC;
}
input#searchsubmit {
    width:20px;
    height:20px;
    border:0;
    margin:0 0 0 5px;
    background:transparent url(images/go.png) 0 0 no-repeat;
    font:bolder 8px "Verdana", sans-serif;
    color:#FAFBFC;
}
input#submit:hover {
    background-position:0 -35px;
    cursor :pointer;
}
input#searchsubmit:hover {
    background-position:0 -25px;
    cursor :pointer;
}
textarea {
    padding:0;
    margin:auto 30px 0 35px;
    background:#FAFBFC;
    border:1px solid #900;
    width:180px;
    height:150px;
}
input:hover, textarea:hover {
    background:#FFF;
}
input:focus, textarea:focus {
    border:1px solid #666;
    background:#FFF;
}
blockquote {
    border:1px dotted #933;
    border-top:1px dotted #888;
    background:#FFE;
    padding:8px 15px;
}
blockquote p {
    font:10px/160% "Verdana", sans-serif;
}
blockquote p cite {
    margin:auto 5px;
    padding-left:16px;
    background:transparent url(images/cite.png) 0 1px no-repeat;   
}
.right {
    float:right;
}
.left {
    float:left;
}