/* =========================================
Theme Name: Whimsical
Description: This theme is the website-incarnation of my room. 
Version: 1.0
Author: Mindy Tchieu
Author URI: http://actuallycrazy.com
=========================================== */

/* Foundation 
   ---------------------------------------- */
* {border-style:solid;border-width:0;margin:0;padding:0;text-align:center;}
.hidden {display:none;}
a:link, a:visited {color:#00569e;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
ul {list-style:none;}
button:focus,input:focus,a:focus {outline:0;}
body {background:#a8eee9 url(images/bg-mario.jpg) repeat-x bottom;font:100%/1.5em Georgia, "Times New Roman", serif;padding-bottom:14.2em;}
#container {background:url(images/unicode-snowman-25.gif);border-bottom:3em solid #71b1bd;}
#header {background:url(images/ornaments.png) no-repeat -795px -131px;margin:0 auto;text-align:right;width:50em;}
#content {background:#fff;margin:0 auto;padding:.5em;width:49em;}
#side {background:#a8eee9;font-size:.85em;line-height:1.5em;margin-top:3em;overflow:hidden;padding:.75em 0;width:auto;}
#footer {background:#99dcdc;border-bottom:3.5em solid #8acdd3;font-size:.85em;line-height:1.5em;padding:.75em 0;}

#header h1 {font-size:3.25em;word-spacing:-5px;padding:.5em 1.75em .5em 0;text-align:right;}
#header h1 a{color:#4e9c96;}

/* Posts 
   ---------------------------------------- */
#content .post {border:3px double #f2c43a;border-width:0 3px;font-size:1.25em;padding:0 3em 2em;}
.single #content .post,
#content .post.first {border-top:3px double #f2c43a;padding:0 0 2em;}
.single #content .post h2,
#content .post.first h2 {background:url(images/ornaments.png) no-repeat;margin:-5px -5px 0 -5px;padding:1.5em 2em 0;}
.single #content .post .entry,
#content .post.first .entry {padding:1em 4em 0;}
#content .post * {text-align:left;}
#content .post h2,
#content .post h2 a {color:#91700a;margin-bottom:.15em;text-align:center;}
#content h3 {color:#9c7900;font-weight:normal;}
#content .post .entry {font-size:.75em;overflow:hidden;padding-top:1em;}
#content .post .entry a {color:#007f1c;}
#content .post .entry a:hover {color:#5cb21b;text-decoration:none;}
#content .post .entry a.more-link {font-style:italic;}
#content .post .entry p {margin-bottom:1.75em;text-align:left;}
#content .post .entry p.meta {margin-top:1.75em;}
#content .post .entry img {border:1em solid #ccc;display:block;margin:1em auto;}
#content .post ul {padding:0 50px 0 30px;}
#content .post ul li {background:url(images/plus.gif) no-repeat 0 7px;line-height:22px;padding:0 0 5px 15px;}
#content ol {padding:0 50px;}
#content ol li {padding-bottom:5px;}
/* Gist */
#content .post .gist {font-size:.8em;line-height:1.2em;}
#content .post .gist *  {text-align:left;}
#content .navigation {background:url(images/ornaments.png) no-repeat -802px 3px;height:4.9em;margin:0 -5px;}
/* Comments */
//#comments {border:3px double #f2c43a;border-width:0 3px;padding:0 3.5em 2em;text-align:left;}
#respond {border:3px double #f2c43a;border-width:0 3px;padding:0 3.5em 2em;text-align:left;}
#respond * {text-align:left;}
#respond h3 {margin-bottom:.15em;}
#respond p {margin-bottom:1em;}

/* Forms
   ---------------------------------------- */
#side .wrap form.search input,
#respond input,
#respond textarea {border:1px solid #999;font-family:Courier, Georgia, serif;padding:.45em;width:30em;}
input#submit,
#side .wrap div.search form input#searchsubmit {background:#eac968;border-color:#d2a82b;color:#493700;cursor:pointer;font:1em Georgia, "Times New Roman", serif;margin-left:.5em;padding:.3em;}
#side .wrap div.search form label {color:#dc7506;display:block;font-size:1.3em;text-align:left;}
#side .wrap div.search form input {border-color:#ccc;border-width:1px;font-size:1.2em;float:left;line-height:19px;padding:.2em;text-align:left;}
#side .wrap div.search form div {float:right;margin-right:0;}

/* Everything Else
   ---------------------------------------- */
#side .wrap, 
#footer .wrap {margin:0 auto;overflow:hidden;width:56em;}
#side .wrap div {float:left;margin-right:3.5em;}
#side .wrap h2 {color:#dc7506;font-size:1.3em;}
#footer {color:#fff;}
#footer ul {overflow:hidden;width:100%;}
#footer ul li {float:left;margin-left:.5em;}