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

@import url('yui_reset.css');



/* ***************************************************************** */
/* ***************     HTML ELEMENTS      ************************** */
/* ***************************************************************** */
html, body {
font-size:12px;
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;}


/* 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 {
    display:block;
    width:100%;
    padding:40px 0;
    margin:40px 0;
    font-size:26px;
    letter-spacing:5px;
    background:url(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 span {color:#333;}

#main h2  {
  font-size:18px;
  font-weight:bold;
  color:#f60;
  margin:20px 0 0 0;
}

#main #info {text-align:right;font-style:italic;margin:20px 0;padding:20px 0;border-top:1px solid #999;}
#main #info a {color:#f60;}
#main #info a:hover {text-decoration:underline}

#main #contact {text-align:right;margin:20px 0;}