/*
Theme Name: The Khailee Theme
Theme URI: http://khailee.info/
Description: The awesome Khailee.info theme
Version: 1.0
Author: Khailee Ng & Firdouss Ross
Author URI: http://firdouss.com/
*/


body {
  background: #fff7f2 url(images/bg1.gif) repeat-x 50% 0;
}

/* header */

#header {
  padding: 0 0 30px 0;
}

#header h1 a {
  display: block;
  background: transparent url(images/logo.gif) no-repeat 50% 0;
  height: 80px;
  text-indent: -9999em;
  margin: 0 auto; padding: 0; width: 351px;
}

#header ul {
  list-style-type: none;
  padding: 0;
  margin:0 auto;
  text-align: center;
}

#header li {
  display: inline;
}

#header li a {
  text-decoration: none;
  color: #222;
  font-weight: bold;
}

#header a:hover {
  text-decoration: underline;
}

#nav-links {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font: bold 1em Arial, helvetica, sans-serif;
  text-align: center;
}

#nav-links li {
  float: left;
  margin: 5px 8px 0 0;
}

#nav-links a {
  color: #000;
  text-decoration: none;
}

#nav-links a:hover {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}

#user-card {
  margin: 0 auto;
  width: 291px;
  padding: 5px 5px 5px 158px;
  height: 130px;
  border: 4px solid #000;
  background: #fff url(http://youthasia.com/wp-content/uploads/2010/04/image_thumb2.png) no-repeat 0 0;
}

#user-card p {
  margin: 0 0 5px 0;
}

#main-nav {
  font-size: 1.2em;
}

#main-nav li {
  margin: 0 7px;
}

/* body */

.post {
  border-bottom: 1px dotted #999;
  margin-bottom: 20px;
  width: 454px;
  margin: 0 auto 20px;
  padding: 0 4px 0 0;
}

.post h2 a {
  text-decoration: none;
  color: #222;
  font-size: 1.2em;
}

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

.post small {
  color: #666;
}

.entry {
  font-size: 1.2em;
}


/* footer - panels */
#panels, #meta-panels {
  font-size: 0.8em;
  padding: 0 0 0 0px;
}

#panels {
  margin: 0 0 0 0;
  padding: 0 0 0 4px;
}

#meta-panels {
  font-size: 1.0em !important;
  padding: 0 1px 0 4px;
  margin: 0 0 30px 0;
}

#panels ul, #meta-panels ul {
  list-style-type: none;
  padding:0;
  margin: 0;
}

#panels li, #meta-panels li {
  width: 217px;
  height: 165px;
  float: left;
  margin: 0 5px 10px 5px;
  position: relative;
  z-index: 200;
  padding: 0;
  background-color: #333;
  overflow: hidden;
  border: 4px solid #000;
  color: #fff;
}

#panels li img {
  width: 223px;
  height: 170px;
}

#meta-panels li.twin-panels {
  width: 452px;
}

#meta-panels li.panel-doubleheight {
  height: 348px;
  float: right;
  overflow-y: auto;
  margin-left: 0;
  margin-right: 10px;
}

#panels a {
  background-color: #000;
  color: #ccc;
  text-decoration: none;
  line-height: 1.3;
  padding: 4px;
  margin: 2px;
  
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 230;
  text-shadow: 1px 1px 1px #000;
}  

#meta-panels a {
  color: #fff;
  background: transparent;
}

#panels li:hover {
  cursor: pointer;
  border: 4px solid #111;
}

#panels li:hover a {
  background-color: #000;
  color: #fff;
}

#panels img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 220;
}

#meta-panels h3 {
  padding: 8px;
  margin: 0 0 8px 0;
  font-size: 1.4em;
}

#meta-panels p {
  padding: 0 8px;
  margin: 0 0 8px 0;
}

/* twitter */

p.twitter-message {
  padding: 0 0 0 26px !important;
  background: transparent url(images/comment.png) no-repeat 5px 3px;
}

.twitter-timestamp {
  font-style: italic;
  font-size: 90%;
  color: #999;
}

a.twitter-link {
  color: #0e85cc !important;
}