/**
  Theme Name: Custom Theme
  Theme URI: http://www.felixchi.com/
  Version: 1.0
  Author: Felix Chi
  Author URI: http://www.felixchi.com/
  
  Description: Custom Theme

*/

html {
  overflow-y: scroll;
}

body {
  background:url(imgs/bg.png) no-repeat top center #353535;
  padding:0;
  margin:0;
  font-family:Arial;
  font-size:14px;
  color:#333;
  }
  

#canvas {
  background:#fff;
  width: 900px;
  margin: 0 auto;
  min-height:700px;
  height:auto !important;
  height:700px;
}

#menu {
background:#AAAAAA url(imgs/header-bg.png) no-repeat scroll center bottom;
margin:0;
padding:0 0 65px;
width:238px;
float:left;
min-height:660px;
height:auto !important;
height:660px;
}

#header {
background:#000000 none repeat scroll 0 0;
height:80px;
position:relative;
}

#header a#logo {
background:transparent url(imgs/logo-3.png) no-repeat scroll 0 0;
bottom:11px;
display:block;
height:51px;
left:20px;
position:absolute;
text-indent:-9999px;
width:324px;
}
 

  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
    clear:both;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: block;
      padding:0;
      margin:0;
    }
    
    #nav li a,
    #subNav li a {
      text-decoration: none;
      display:block;
      padding:10px 20px;
      color:#333;
      text-transform:uppercase;
      font-weight:bold;
      font-size:14px;
	  border-bottom:1px solid #ddd;
    }
    
    #nav li a:hover,
    #subNav li a:hover {
      background:#ccc;
    }
    
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      background:#fff;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        
      }

/**      main content     */
#primaryContent {
float:left;
margin:0;
width:662px;
}


  #primaryContent h1 {
    padding: 0; 
    margin: 10px 0 0 0;
  }

  #primaryContent h2 {
    padding: 0;
    margin: 10px 0 0 0;
  }
  
  #primaryContent p {
	  line-height:20px;
	  width:90%;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 22px;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .postWrapper img { }

      div.post { }

      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inline;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }

/**       sidebar          */
#secondaryContent {
  width: 200px;
  float: left;
}
  #secondaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent > ul > li {
      margin: 0 0 10px 0;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 500px;
}

#footer {
background:transparent url(imgs/footer-bg.png) no-repeat scroll 0 0;
clear:both;
height:82px;
margin:20px 0 0 256px;
width:644px;
position:relative;
}

#footer #legal {
color:#FFFFFF;
font-size:12px;
left:60px;
position:absolute;
top:15px;
}

#footer #legal a {color:#fff;}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}


.page-content {
  padding:0 30px;
}

#lang {
position:absolute;
top:0;
right:0;
}

#lang li {
  margin:0;
  padding:0;
  display:inline;
  list-style:none;
}

#lang {
  margin:0;
  padding:0;
}

#lang li a {
display:block;
float:left;
font-size:12px;
height:30px;
padding:12px 0 0;
text-decoration:none;
text-indent:40px;
width:119px;
color:#fff;
}

#lang li a.en {
background:transparent url(imgs/gb.png) no-repeat scroll 18px 12px;
}

#lang li a.es {
background:transparent url(imgs/es.png) no-repeat scroll 18px 12px;
}

#lang li a:hover {
background-color:#333;
}

#primaryContent h1 {
font-family:rockwell, georgia;
font-weight:normal;
font-size:28px;
color:#fff;
margin:10px 0 15px;
padding:5px 10px;
background:#555;
border-bottom:4px solid #ddd;
}

#primaryContent h2 {
font-size:16px;
margin:20px 0 0;
padding:0 0 5px;
border-bottom:1px solid #555;
}

#primaryContent p {
}

img {
margin:0;
padding:0;
}