/*
Theme Name: blog532pixel
Theme URI:
Description:
Version:
Author:
Author URI:
*/

@import url('yui_reset.css');



/* ***************************************************************** */
/* ***************     HTML ELEMENTS      ************************** */
/* ***************************************************************** */
html, body {
font-size:12px;
font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif;
background:#fff;
color:#333;
}
a, a:link, a:active, a:visited {color:#333;text-decoration:none;outline:none;}
a:hover {text-decoration:none;color:#f60;outline:none;}

ul, li.leaf {
    list-style-image:none;
    list-style:square inside;
}
strong {font-weight:bold;}
em {font-style:italic;}


/* http://davidwalsh.name/css-enhancements-user-experience */
html {overflow-y:scroll;}

.clear {clear:both;}
.right {float:right;}
.left {float:left;}


/* ***************************************************************** */
/* ******************     LAYOUT      ****************************** */
/* ***************************************************************** */
body {text-align:center;}
#container {
  text-align:left;
}

  #header {
  }

  #main {
    position:relative;
    width:532px;
    margin:0 auto;
  }
    #main #sidebar {
      position:absolute;
      top:20px;
      left:532px;
      width:220px;
    }

  #footer {
    padding:20px 0 100px 0;
    width:732px;
    margin:0 auto;
  }



/* ***************************************************************** */
/* ******************     HEADER      ****************************** */
/* ***************************************************************** */
#header {
}
/*
  #header #blogtitle a {
    display:block;
    padding:40px 0;
    margin:0 10px 40px 10px;
    font-size:26px;
    letter-spacing:5px;
    background:#eee;
      -moz-border-radius: 0 0 10px 10px;
      -webkit-border-radius: 0 0 10px 10px;
    color:#fff;
    background:#f60;
    font-variant:small-caps;
  }
  #header #blogtitle a:hover {}
*/

  #header #blogtitle {
    display:block;
    width:100%;
    padding:40px 0;
    margin:40px 0;
    font-size:26px;
    letter-spacing:5px;
    background:url(./images/pattern_1a.png) 0 0 repeat;
    letter-spacing:1px;
    font-size:30px;
line-height:30px;
text-transform:uppercase;
color:#f60;
  }
  #header #blogtitle h1{width:532px;margin:0 auto;text-align:left;}
  #header #blogtitle h1 a {color:#f60;}
  #header #blogtitle h1 a span {color:#333;}




/* ***************************************************************** */
/* *********************     MAIN      ***************************** */
/* ***************************************************************** */
#main {}


/*********  post  ************/
  .post {
    padding:20px 0;
    position:relative;
  }
    .post h2, .post h1 {
      font-size:18px;
      font-weight:bold;
      margin:0 0 10px -30px;
      overflow:visible;
	color:#f60;
display:block;padding:5px 10px;
    }
      .post h2 a, .post h1 a {color:#f60;}
      .post h2 a:hover, .post h1 a:hover {text-decoration:underline;}
.post-single h1 {font-size:20px;}
.post-single h2 {font-size:14px;}
.post-single h3 {font-size:13px;font-weight:bold;}
.post-single h2 a, .post-single h3 a {text-decoration:underline;}

    .post .entry {
      text-align:justify;
      padding-right:20px;
      color:#000;
    }
      .post .entry p {padding-bottom:10px;line-height:18px;}
      .post .entry a {color:#f60;}
      .post .entry a:hover {text-decoration:underline;}
      .post .entry pre, .post .entry pre:hover {
        margin:0 20px 20px 0px;
        padding:10px;
        background:#eee;
        overflow:hidden;
        border:1px solid #f60;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        z-index:20;
        position:relative;
        float:left;
        clear:both;
        width:95%;
      }
      .post .entry pre:hover, .post .entry pre.jhover {
        float:left;
        clear:both;

        overflow:visible;
        cursor:text;
        z-index:20;
        width:auto;
/*
        min-width:470px;
*/
        min-width:95%;
      }
      .post .entry ul {list-style:square inside;padding-bottom:15px;}
      .post .entry ul li {padding:5px 0;text-align:left;}
      .post .entry ol {list-style-type:decimal;padding:15px 0;}
      .post .entry ol li {padding:5px 0;text-align:left;}

      .post .entry .wp-caption {
        background:#eee;
        padding:10px 10px 0 10px;
        margin:0 0 10px 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-align:center;
      }
      .post .entry .wp-caption img {
      }
      .post .entry .wp-caption .wp-caption-text{
        font-size:10px;
        font-style:italic;
        margin:5px 0 0 0;
        color:#666;
      }



    .post .meta {
      background:#eee;
      font-size:10px;
      text-align:right;
      margin:5px 15px 5px -20px;
      padding:5px 10px;
      text-transform:uppercase;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
    }
      .post .meta a:hover {}
      .post .meta .readmore {float:left;margin-right:20px;}
      .post .meta .date {
        text-align:left;
        color:#aaa;
        position:absolute;
        top:32px;
        left:-120px;
      }
      .post .meta .cat {}
      .post .meta .cat ul.post-categories {display:inline;list-style:none;}
      .post .meta .cat ul.post-categories li {display:inline;list-style:none;}

    .post .social {
      font-size:10px;
      margin:5px 20px 5px 0;
      padding:5px;
      text-transform:uppercase;
      border-bottom:1px solid #eee;
      text-align:right;
    }
      .post .social span {}
      .post .social .links {float:right;}
      .post .social a {
        background:url(images/social.png) top left no-repeat;
        display:block;
        text-align:left;
        float:left;
        width:16px;
        height:16px;
        margin-left:10px;
        text-indent:-9999px;
      }
      .post .social a#lnk-fb {background-position:0 -20px;}
      .post .social a#lnk-tw {background-position:0 0;}
      .post .social a#lnk-li {background-position:0 -60px;}
      .post .social a#lnk-dl {background-position:0 -80px;}
      .post .social a#lnk-tr {background-position:0 -100px;}
      .post .social a#lnk-dg {background-position:0 -40px;}
      .post .social a#lnk-gg {background-position:0 -120px;}

      .post .social a#lnk-more {background-position:0 -140px;margin-left:20px;}
        .post .social a#lnk-more:hover {background-position:0 -160px;}




/*********  comments  ************/
#comment-area {}
#comment-area h3 {
  font-size:18px;
  font-weight:bold;
  margin-top:20px;
}

  .commentlist {
    list-style:none;
    padding-bottom:20px;
  }
    .commentlist li {margin:10px 0;}
    .commentlist li .meta {
      background:#eee;
/*
      height:24px;
*/
      line-height:24px;
      font-size:11px;
    }
      .commentlist li .meta img {float:left;margin-right:10px;}
      .commentlist li .meta .date {float:right;font-size:10px;padding-right:10px;text-transform:uppercase;}
      .commentlist li .meta a {}

    .commentlist li .text {
      font-size:11px;
      padding:5px 10px 5px 34px;
    }

  #commentform {margin:20px 0 0 0;}
  #commentform label {margin-left:3px;color:#999;}
  #commentform input, #commentform textarea {
    background:#fff;
    border:1px solid #ccc;
    padding:2px;
          -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
  }

  #commentform .left {width:200px}
  #commentform .left input {margin-bottom:10px;}

  #commentform .right {width:330px}
  #commentform .right textarea {width:300px;}
  #commentform .right #submit {float:right;margin:10px 25px 0 0;color:#999;cursor:pointer;}




/*********  nav  ************/
  .navigation {
    background:#ddd;
    height:60px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin:20px 10px 40px 10px;
  }

  .navigation a {
    display:block;
    padding:20px;
    line-height:20px;
    text-transform:uppercase;
  }
  .navigation a:hover {
    background:#f60;
    color:#ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }



/*********  searchform  ************/
#searchform {
  margin:20px 0;
}


/*********  page (archive, tag...)  ************/
.pagetitle {
      font-size:18px;
      font-weight:bold;
      margin:0 0 0 -30px;
      padding:25px 10px;
}


/* ***************************************************************** */
/* ******************     SIDEBAR      ***************************** */
/* ***************************************************************** */
#sidebar {z-index:0;}

#sidebar .title {
  font-weight:bold;
  font-size:14px;
  text-transform:uppercase;
  margin-bottom:10px;
}
#sidebar .widget {padding:20px;margin-bottom:20px;}

/*********  edito  ************/
#text-1.widget {
  background:#eee;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#text-1.widget div.textwidget {display:block;text-align:justify;padding-bottom:0;}
#text-1 .textwidget #textlink {margin:10px 0 0 0;}
#text-1 .textwidget #textlink a {display:block;padding:5px;font-style:italic;}
#text-1 .textwidget #textlink a:hover {}


.widget_categories ul {
  list-style:none;
}
.widget_categories ul li {
  margin-bottom:5px;
}
.widget_categories ul li a {
}




/* ***************************************************************** */
/* ******************     FOOTER      ****************************** */
/* ***************************************************************** */
#footer {
  width:512px;
  background:#eee;
  padding:10px 10px 60px 10px;
    -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;

}

#footer .widget {
  width:230px;
  margin-right:10px;
  float:left;
  font-size:12px;
}
#footer .widget .title {
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:5px;
/*
    -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background:#ddd;
  display:inline;
  padding:5px;
*/
}

#footer .widget ul {list-style:none outside;list-style-position:outside;line-height:16px;margin:0;padding:0;}
#footer .widget ul li{list-style:none outside;line-height:16px;margin:0;padding:0;}



#footer #recent-posts-2.widget {width:250px;margin-right:20px;}
#footer #archives-3.widget {width:130px;text-transform:capitalize;}
#footer .widget_links.widget {width:100px;margin-bottom:20px;margin-right:0;}
#footer #about.widget {
  width:512px;
  margin-bottom:30px;
  text-transform:none;
  text-align:justify;
}
#footer #tag_cloud-2.widget {
  width:512px;
  margin-top:30px;
margin-bottom:30px;
}

#footer #linkcat-2.widget,
#footer #nav_menu-3.widget {width:250px}

/*
#footer #tag_cloud-2.widget a {font-size:smaller;}
*/