/*  
Theme Name: Custom
Description: A clean, minimalist theme for DaveCheong.com (modified from Simpla)
*/

/*************************************
 +Containers
 *************************************/
body{
  color:#333;
  font-family: arial, helvetica, sans-serif;
  font-size:10px;
  line-height:1.5;
  margin:0;
  padding:20px 0 0 0;
  text-align:center;
}
#wrap{
  margin:0 auto;
  text-align:left;
  width:76em;  
}
#content{
  font-size:1.2em;
  float:left;
  padding:1em 1em 1em 0;
  width:40em;
}
#sidebar{
  font-size:1.1em;
  float:right;
  padding-top:1em;
  width:20em;
  margin-bottom:5em;
}
#header{
  margin-bottom:.7em;
  padding-bottom:2em;
  border-bottom:1px solid #e7e7e7;
}
#footer{
  background:#3E8EE2;
  color:#fff;
  clear:both;
  font-size:1.1em;
  padding:1em;
  margin-top:2em;
}
#bannerad{
  margin:0 0 2em 0;
}

/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
  font-family:"HelveticaNeue-Light","Helvetica Neue Light", Arial, sans-serif; font-weight:normal;
  font-weight:normal;
  letter-spacing:0;
  margin:0;
}
#header .logo{
  display:none;
  /*
  float:left;
  position:relative;
  top:20px;
  width:82px;
  height:86px;
  margin-right:12px;
  */
}
#header h1{
  font-size:2.5em;
  font-weight:bold;
  line-height:1.2em;
  text-transform:uppercase;
  margin:0;
}
#header h1 a{
  color:#000;
  text-decoration:none;
}
#header h1 a:hover{
  color:#1E77D3;
  text-decoration:none;
}
#header p{
  color:#000;
  font-size:1.5em;
  margin:0;
}
#header ul {
  float:right;
  position:relative;
  top:-40px;
  margin:0;
  padding:0;
}
#header li {
  list-style:none;
  float:left;
  padding:10px 0 0 20px;
  font-size:1.5em;
  font-weight:bold;
}
#header li a {
  color:#555;
  text-decoration:none;
}
#sidebar h2{
  color:#000;
  font-size:1.5em;
  margin:1em 0 0 0;
  padding-bottom:.3em;
  border-bottom:1px dotted #DDECC2;
}
#sidebar h3{
  color:#555;
  font-size:1.5em;
  margin:1em 0;
}
#sidebar a{
  text-decoration:none;
}
#sidebar a:hover{
  text-decoration:underline;
}

/*************************************
 +Entry
 *************************************/
.entry{
  margin-bottom:3em;
}
.entry img{
  background-color:#eee;
  padding:8px;
}
.entry .imglefttop{
  margin:10px 10px 2px 0px;
  float:left;
}
.entry .imgrighttop{
  margin:10px 0px 2px 10px;
  float:right;
}
.entry .wp-smiley{
  background-color:#fff;
  padding:0;
  border-width:0;
}
.entry a:hover{
  text-decoration:none;
}
.entrytitle h2{
  font-size:2em;
  line-height:1.2em;
  margin-bottom:.7em;
}
.entrytitle h2 a{
  color:#1E77D3;
  text-decoration:none;
}
.entrytitle h2 a:hover{
  color:#1E77D3;
  text-decoration:underline;
}
.entrytitle h3{
  font-size:1.0em;
  color:#6F6F6F;
}
entrybody {
  color:#555555;
  font-size:1.1em;
}
.entrybody h3{
  font-weight:bold;
  font-size:1em;
  color:#000;
}
.entrybody ul, .entrybody ol {
  margin:0 0 0 30px;
  padding:0;
}
.entrybody li{
  margin-bottom:1em;
}
.entrybody .relatedposts li {
  margin:0;
}
.entrymeta{
  margin:2em 0 0 0;
}
.postedby{
}
.filedto{
}
.commentslink{
}
.archives ol {
  border-top:1px solid #e7e7e7;
  padding-top:1em;
}
.archives li {
  border-bottom:1px solid #e7e7e7;
  padding-bottom:1em;
}
.archives li a {
  color:#000;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
#sidebar ul li {
  border-bottom:1px dotted #DDECC2;
  margin-bottom:0.3em;
  padding:0.3em 0.3em 0.3em 0;
}
#sidebar .links {
  background-color:#ffc;
  border:3px solid #DDECC2;
  margin-left:0px;
}
#sidebar .links ul {
  border:1px solid #fff;
}
#sidebar .links ul ul {
  border:0;
}
#sidebar .links h2 {
    margin-top:0.1em;
    border:0;
}
#sidebar .links li {
  border-width:0px;
  margin-bottom:0.3em;
  padding:0.3em 10px;
}
#sidebar .links li li {
  border-top:1px dotted #DDECC2;
  padding:0.6em 0 0.4em 0;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
  margin:0em;
  padding:0em;
}
.commentsblock textarea{
  width:35em;
}
.commentsblock input.field, .commentsblock textarea.field{
  border:1px solid #d1d1d1;
  padding:3px;
}
.commentsblock textarea:focus{
  background:#eee;
  border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
  background:#eee;
  border:1px solid #a1a1a1;
}
.commentauthor{
  display:block;
  font-size:1.5em;
}
ol.commentlist{
  font-size:1.0em;
  list-style-type:none;
  margin:0;
  margin-top:1.5em;
  padding:0;
}
.commentlist li{
  margin-bottom:0.5em;
  padding:0.5em 0;
  border-bottom:1px dotted #d1d1d1;
}
.commentlist cite{
  font-weight:bold;
  font-style:normal;
}
.commentlist cite a{
  text-decoration:none;
}
.commentlist small{
  font-size:0.9em;
}
.commentlist small a{
  text-decoration:none;
}

.alt{
/*
  background:#f3f5e9;
  border:1px dotted #d1d1d1;
  padding:0.5em;
*/
}
h3#comments{
  font-size:1.6em;
  margin-top:2em;
}
.commentortrackback {
  background:#E6EDFB;
  border:1px solid #DAE3F9;
  padding:0.5em;
  margin-bottom:1.5em;
  font-size:0.9em;
  width:455px;
}

/*************************************
 +Misc
 *************************************/
a{
  color:#1E77D3;
  text-decoration:underline;
}
a:hover{
  text-decoration:underline;
}
.spacer{
  clear:both;
}
blockquote {
  color:#555;
  margin:0;
  padding:10px;
  background:#E6EDFB;
  border:1px solid #DAE3F9;
}
.alignleft {
  float:left;
}
.alignright {
  float:right;
}