/* 
	Theme Name: Thought Clouds
	Theme URI: http://aliasaria.ca/blog/themes/
	Description: A Simple Cloud Themed Theme for Wordpress
	Author: Ali Asaria
	Author URI: http://aliasaria.ca
	Version: 1.0
		
	Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported
*/

/* Begin Typography & Colors */
/*
Based on:
Theme: Thought Cloud 2.0
Release date: 27 Feb 2008
Author: Heather Rivers (http://heather-rivers.com/)
License: Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported
Details: http://creativecommons.org/licenses/by-nc-sa/3.0/
*/

/* General */
* {margin:0;padding:0;}
body {font-family:'Lucida Grande',Lucida,Verdana,Arial,sans-serif;font-size:12px;line-height:18px;background-color:#b8d1eb;padding-top:12px;}
a img {border:0;}
p, ul, ol {margin-bottom:18px;}
ul {list-style-type:square;}
h1 {color:#333;font-size:18px;line-height:18px;margin-bottom:18px;}
h2 {font-size:18px;line-height:18px;margin-bottom:18px;}
h3 {font-size:12px;line-height:18px;font-weight:normal;}
ol#posts {list-style:none;}
blockquote {margin:12px;}
div#container {width:440px;margin-left:160px;z-index:2;}
div.post {position:relative;background:#fff;padding:5px 12px;border:0;z-index:2;}
div.post ol, div.post ul {padding-left:2em;}
p.footnote {font-size:10px;margin-bottom:0;color:#666;}
div.tags-tab {background-color:#fff;position:absolute;bottom:-5px;right:12px;font-size:8px;line-height:8px;color:#ccc;text-transform:uppercase;font-family:verdana;display:none;}
div.post-container:hover div.post div.tags-tab {display:block;}

/* The unassuming little cloud */
/* ...if you don't happen to share my unhealthy appreciation of clouds, you can delete the next line to easily remove it. :-)  */
div#cloud {position:fixed;top:15px;left:680px;z-index:0;width:225px;height:144px;background-image:url(img/cloud.gif);}

/* Little sticky outy things */
div.left-quote, div.right-quote, div.left-thought {position:absolute;z-index:3;}
div.left-quote {top:3px;left:-12px;}
div.right-quote {bottom:3px;right:-12px;}
div.left-thought {top:-10px;left:-18px;}

/* Date */
div.post div.date {position:absolute;width:130px;left:-160px;top:0;text-align:right;text-transform:uppercase;font-weight:bold;color:#fff;font-size:20px;letter-spacing:-1px;}
div.post div.date div.day, div.post div.date div.day-of-month, div.post div.date div.month {float:right;}
div.post div.date div.day-of-month {color:#eee;}

/* Rounded corners */
div.corners-top, div.corners-bottom {width:440px;height:7px;background-color:#fff;z-index:2;background-repeat:no-repeat;overflow:hidden;}
div.corners-top {background-image:url(img/corners-top.gif);}
div.corners-bottom {background-image:url(img/corners-bottom.gif);margin-bottom:12px;}

/* Nav links */
div#nav-container-abs {position:absolute;top:0;left:620px;width:100px;height:160px;}
div#nav-container-rel {float:bottom;position:relative;height:100%;}
div#nav {position:absolute;bottom:0;}
div#nav a {text-decoration:none;}
div#nav a img {border:0;}
ul#nav-links {list-style:none;margin-bottom:0;}

/* sidebar */
ul#sidebar {list-style:none;margin-bottom:0;}
ul#sidebar ul li {list-style:circle;margin-left:20px;}


/* About - Title and description */
#about {position:absolute;top:178px;left:620px;width:200px;}
#about a {text-decoration:none;font-weight:bold;color:#333;}
div#description, p#credits {font-size:11px;margin-bottom:18px;}
p#credits {font-size:10px;}
p#credits a {color:#333;}

/* All posts */
.post img { max-width: 400px; }

/* Text post */
.post .text p {margin:0;margin-top:12px;}

/* Photo post */
.post .photo {text-align:center;margin-bottom:0;background-color:#000;padding:6px 0;}
.post .photo div.caption {font-size:11px;color:#ccc;margin-top:6px;margin-bottom:0;padding-left:20px;padding-right:20px;}
.post .photo div.caption a {color:#fff;font-weight:bold;}

/* Video post */
.post .video {text-align:center;margin-bottom:0;background-color:#000;padding:6px 0;}
.post .video div.caption {font-size:11px;color:#ccc;margin-top:6px;margin-bottom:0;padding-left:20px;padding-right:20px;}
.post .video div.caption a {color:#fff;font-weight:bold;}

/* Quote post */
.post .quote .source {font-size:11px;}

/* Chat post */
.post .chat ul {margin-bottom:0;}
ul.chat span.label {font-weight:bold;}
div.post ul.chat {list-style:none;margin-left:0;padding-left:0;}
ul.chat li {padding:2px 6px;margin-left:0;}
ul.chat li.user_1 {background-color:#b8d1eb;}
ul.chat li.user_2 {background-color:#e0edfb;}

/* Audio post */
.post .audio {text-align:center;margin-bottom:0;background-color:#000;padding:6px 0;}
.post .audio div.caption {font-size:11px;color:#ccc;margin-top:6px;margin-bottom:0;padding-left:20px;padding-right:20px;}
.post .audio div.caption a {color:#fff;font-weight:bold;}

/* Permalink */
div.post img.permalink {position:absolute;top:-13px;right:12px;display:none;z-index:2;}
div.post-container:hover div.post img.permalink {display:block;}
div.post-container div.post img.permalink:hover {border-bottom:1px solid black;}

/* Comments */
.post .comments-link, .post .comments-link a { color: #999; text-align: right; text-decoration: none; }
.post .comments-link:hover, .post .comments-link a:hover { text-decoration: underline; }
.post div.comments { border-top: solid #999 1px; margin: 10px 0px 15px 0px; }
.post .comments h3 { font-size: 15px; font-weight: bold; color: #333; line-height: 18px; padding: 10px 0px 10px 0px; }

/* Footer */
.footer {font-size:10px;margin: 30px 0px 18px 10px;color:#888; text-transform:lowercase;}
.footer a {font-size:10px; color:#777;}
</style>