/* 
	Theme Name: Clouds
	Theme URI: http://www.azeemazeez.com/stuff/themes/
	Description: A Clean, White theme for WordPress
	Author: Azeem Azeez
	Author URI: http://www.azeemazeez.com
	Version: 1.6
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* The Cow goes Baa */
/* The structure used in this template was copied from
the Kubrick theme that came with Wordpress 1.6 to maintain
consistency. -  */

* {
-webkit-text-size-adjust: none;
margin:0;
padding:0;
}

body {
font:12px/1.4em Helvetica, Arial, sans-serif;
color:#333;
background-color:#b9f6ff;
width:100%;
margin:0;
padding:0;
}

ul, li, dl, dt, dd, p {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

ol#posts li ol li {
list-style-type: decimal;
padding: 0 0 15px;
}

h1 {
font-size:18px;
line-height:18px;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
letter-spacing:1px;
color:#FFF;
}

h2 {
font-size:18px;
font-weight:bold;
line-height:18px;
padding-bottom:10px;
color:#92D570;
text-transform:uppercase;
}

h3 {
font-size:12px;
font-weight:bold;
padding-bottom:5px;
color:#D4D56D;
text-transform:uppercase;
}

h4 {
font-size:1em;
line-height:1.4em;
font-weight:bold;
color:#FE722B;
padding-bottom:10px;
}

h5 {
color:#FFFFFF;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
line-height:20px;
padding-bottom:10px;
text-transform:uppercase;
}

a {
color:#F52638;
text-decoration:none;
}

a:hover {
color:#00D8D7;
text-decoration:none;
}
.red {
color:#F52638;
}
.orange {
color:#FE722B;
}
.yellow {
color:#D4D56D;
}
.green {
color:#92D570;
}
.cyan {
color:#00D8D7;
}
.blue {
color:#4442AD;
}

hr {
color: #fff;
background-color: #fff;
border: 1px dotted #AAA;
border-style: none none dotted;
margin: 20px 0;
}

.container {
width:960px;
margin:0 auto;
}

.gallery_container {
margin:100px auto 0;
width:920px;
min-height:557px;
}

#top_bar {
position:fixed;
top:0px;
right:10px;
height:30px;
min-width:960px;
position:fixed;
width:100%;
z-index:100;
}

#top_bar a {
color:#00D8D7;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
line-height:10px;
text-transform:uppercase;
}

#top_bar a:hover {
color:#F52638;
}

#mailing_list_link {
float:right;
margin:10px 15px 0 0;
}

#navbar {
background:transparent url(../../../images/75p_white.png) repeat scroll 0 0;
top:30px;
color:#000000;
height:40px;
min-width:960px;
position:fixed;
width:100%;
z-index:100;
}

#jukebox_popout {
position:fixed;
top:8px;
width:100%;
z-index:100;
}

#jukebox_popout a {
float:right;
padding-right:15px;
outline:none;
}

#logo {
float:left;
width:220px;
}

#logotype {
padding:12px 11px 11px 20px;
font-size:18px;
line-height:18px;
font-weight:bold;
letter-spacing:1px;
}

#logotype a {
background:none;
outline:none;
}

#logotype a:hover {
background:none;
outline:none;
}

#brain_mini {
margin-left:80px;
position:fixed;
top:30px;
}

#menu {
float:right;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
line-height:10px;
padding:16px 0;
text-transform:uppercase;
}

#menu ul li {
float:left;
margin-right:15px;
}

#menu ul li a, #brain_top_view li a, #nav li a {
color:#F52638;
text-decoration:none;
}

#menu ul li a:hover, #brain_top_view li a:hover, #nav li a:hover {
color:#00D8D7;
text-decoration:none;
background:none;
}

#brainpage_container {
height:350px;
margin:100px 0 0 130px;
padding-bottom:30px;
}

#title_image {
float:left;
margin:123px 0 0;
}

#brain_top_view {
float:left;
font-size:10px;
font-weight:bold;
height:427px;
letter-spacing:1px;
line-height:15px;
margin:0 0 0 40px;
text-transform:uppercase;
width:397px;
}

#left_brain_nav {
float:left;
margin:199px 0 0 175px;
text-align:right;
}

#right_brain_nav {
float:left;
margin:211px 0 0 20px;
text-align:left;
}

#brain_top_view li {
padding-bottom:20px;
}

#thought img {
max-width:230px;
max-height:154px;
}

.thought_image {
display:block;
text-align:center;
}

div#TagCloud {
width:516px;
}
#TagCloud a {
line-height:1.2em;
padding:3px;
text-decoration:none;
}
#TagCloud a {
color:#92D570;
}
#TagCloud a:hover {
background:#00D8D7 none repeat scroll 0% 0%;
color:#FFFFFF;
text-decoration:none;
}
#results {
width:500px;
}
#results .gallery_thumb {
float:left;
margin:10px 0 10px 6px;
padding:0;
width:119px;
}
#results .gallery_thumb_image {
text-align:center;
}
.content-derk {
display:none;
}
#results .gallery_thumb_image img {
padding:0;
margin:0;
}
#results .gallery_thumb_image a {
padding:0;
margin:0;
background:none;
}
#results .gallery_thumb_image a:hover {
padding:0;
margin:0;
background:none;
}
#results .gallery_title {
margin-top:5px;
text-align:center;
}

.nav-links a img {
padding-right:8px;
margin-bottom:-4px;
}


/* WP */
.wp-caption-text {
font-size:10px;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.clear {
clear:both;
}
a img {border:0;outline:none;}
.album {float:left;padding-right:12px;}
ol#posts {list-style:none;}
blockquote {margin:12px;}
div#blog_container {width:540px;margin:100px 0 0 160px;float:left;}
div.post {
background:#FFFFFF none repeat scroll 0 0;
border:0 none;
float:left;
padding:5px 12px 0;
position:relative;
width:516px;
z-index:2;
}
div.post ol, div.post ul {
/*padding-left:2em;*/
padding-bottom:20px;
}
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;display:none;}
div.post-container:hover div.post div.tags-tab {display:block;}
div.post-container {}

/* 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:-5px;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;}
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:#CCC;}

/* Rounded corners */
div.corners-top, div.corners-bottom {width:540px;height:7px;z-index:2;background-repeat:no-repeat;overflow:hidden;clear:both;}
div.corners-top {background-image:url(img/corners-top.png);}
div.corners-bottom {background-image:url(img/corners-bottom.png);margin-bottom:12px;}

/* Nav links */
div#nav-container-abs {width:100px;height:160px;}
div#nav-container-rel {float:bottom;position:relative;height:100%;}
div#nav {
font-size:10px;
font-weight:bold;
letter-spacing:1px;
line-height:20px;
text-transform:uppercase;
}
div#nav a img {border:0;}
ul.nav-links {list-style:none;margin-bottom:0;}

/* sidebar */
#sidebar {
float:left;
margin:110px 0 0 50px;
width:210px;
}
ul#sidebar {list-style:none;margin-bottom:0;}
ul#sidebar ul li {list-style:circle;margin-left:20px;}
#nav ul.subpages li a {
color:#F52638;
}

#nav ul.subpages li a:hover {
color:#00D8D7;
}

#nav ul li a {
color:#92D570;
}


/* About - Title and description */
#about {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 { padding:0 5px 5px 0;margin:0; }
.post h2 a {
color:#92D570;
}
.post h2 a:hover {
color:#F52638;
}

/* Text post */
li.text p {
margin-bottom:10px;
}

/* 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 #FF0000;}

/* 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 0 18px 160px;color:#888;clear:both;}
.footer a {font-size:10px; color:#777;}