/*  
Theme Name: Clouded
Theme URI: http://www.bloggercamp.com
Description: Clouded is a custom theme by <a href="mailto:mark.penix@gmail.com" target="_blank">Mark Penix</a> of <a href="http://www.bloggercamp.com">Bloggercamp.com</a>.
Version: 1.1
Author: Mark Penix
Author URI: http://www.bloggercamp.com/

	This theme was designed and built by Mark Penix,
	whose blog you will find at http://www.bloggercamp.com/
	
	Silk icons courtesy of <a href="http://www.famfamfam.com/lab/icons/silk/">FAMFAMFAM</a> used under the
	Creative Commons Attribution 2.5 License:
	http://creativecommons.org/licenses/by/2.5/

	The CSS, XHTML and design is released under
	Creative Commons Attribution 2.5 License:
	http://creativecommons.org/licenses/by/2.5/
	
	Please keep footer credits in place!

*/

/* header and navigation */
* {font-family:'Trebuchet MS';margin:0;padding:0;}
a img {border:none;}
body {background-color:#d5d5d5;border:0;font-size: 62.5%;}
#wrap {border-left:solid #fff 10px;background-color:#fff;border-right:solid #fff 10px;border-bottom:solid #fff 10px;margin:0 auto;width:1000px;}
#header {background-color:#fff;margin:0 auto;width:1000px;padding:10px 0;height:30px;}
#header ul {display:inline;}
#header ul li {list-style-type:none;}
#header ul li#blogname a{color:#929292;font-size:28px;float:left;text-decoration:none;text-transform:uppercase;}
#header ul li#rss {float:right;}
#headimage {margin:0 auto;width:1000px;}
#contentwrap {background-color:#fff;width:1000px;}
#nav {border-bottom:solid #a3a3a3 1px;margin:0 auto;background-color:#fff;width:1000px;}
#nav ul {font-size:16px;height:40px;list-style-type:none;margin:0 auto;text-align:left;width:1000px;}
#nav ul li {display:inline;position:relative;top:9px;}
#nav ul li a {color:#545454;text-decoration:none;padding:9px 15px;}
#nav ul li a:hover {background-color:#545454;color:#fff;}
#nav ul li.sitename {float:left;}
#nav ul li.sitename a{background-color:#3b6dc0;text-decoration:none;text-transform:uppercase;}
#nav ul li.sitename a:hover{color:#fff;text-decoration:underline;}
.archives ul {list-style-type:none;}
.body p img {padding: 8px}
#posts {width:500px;padding:10px 10px 0 0;}
#posts .post {width:500px;}
.post-head img {border:none;padding:0;margin:0;}
.post-head ul li.archive h2 {font-size:16px;}
#posts .post-head {background-color:#d5d5d5;}
#posts .post-head ul li{list-style-type:none;}
#posts .post-head ul li.title {background-image: url(images/post.gif);background-repeat: no-repeat;background-position: 10px 3px;padding-left: 30px;}
#posts .post-head ul li.archive {background-image: url(images/archive.gif);background-repeat: no-repeat;background-position: 10px 3px;color:#3b6dc0;padding-left: 30px;}
#posts .post-head ul li.title a {color:#3b6dc0;font-size:16px;text-decoration:none;}
#posts .post-head ul li.title a:hover {text-decoration:underline;}
#posts .post-head ul li.meta {float:left;padding-top:4px;background-image: url(images/folder.gif);background-repeat: no-repeat;background-position: 10px 4px;padding-left: 30px;}
#posts .post-head ul li.meta a {color:#575757;font-size:14px;text-decoration:none;}
#posts .post-head ul li.meta a:hover {color:#3b6dc0;text-decoration:underline;}
#posts .post-head ul li.comments {float:right;padding:4px 12px 4px 0;background-image: url(images/comments.gif);background-repeat: no-repeat;background-position: 10px 6px;padding-left: 30px;}
#posts .post-head ul li.comments a {color:#575757;font-size:14px;text-decoration:none;}
#posts .post-head ul li.comments a:hover {color:#3b6dc0;text-decoration:underline;}
#posts .post .body {color:#575757;font-size:14px;line-height:28px;padding:10px;}
#posts .post .body ul {list-style-type:none;margin: 0 10px;}
#posts .post .body ul li {margin: 0 15px;}
#posts .post .body ol {margin: 0 10px;}
#posts .post .body ol li {margin: 0 32px;}
#posts .post .body a {color:#3b6dc0;text-decoration:none;}
#posts .post .body a:hover {text-decoration:underline;}

#sidebarleft ul li h2#featured {background-image: url(images/featured.gif);background-repeat: no-repeat;background-position: 4px 6px;padding-left:26px;}

#sidebars {float:right;width:480px;}
#sidebarleft {float:left;padding:10px 5px 5px 5px;width:230px;}
#sidebarright {float:right;padding:10px 5px 5px 5px;width:230px;}
#sidebars ul {list-style-type:none;}
li#theme-switcher {list-style-type:none;}
li#theme-switcher ul {}


h2.widgettitle {border-bottom: solid #aaa 1px;color:#575757;font-size:1.6em;margin:8px 0 3px 0;padding: 3px 3px 3px 8px;font-weight:normal;}
#sidebarleft ul li ul li a, #sidebarright ul li ul li a{color:#3b6dc0;line-height:2em;padding-left:15px;text-decoration:none;font-size:1.4em;}
#sidebarleft ul li ul li a:hover, #sidebarright ul li ul li a:hover{color:#3b6dc0;text-decoration:underline;}
.widget ul li a{font-size:1.4em;line-height:2em;padding-left:15px;}
#footer {clear:both;}
#sidebarleft ul li h2, #sidebarright ul li h2{background-color:#fff;border-bottom: solid #aaa 1px;color:#575757;font-size:1.6em;margin:8px 0 3px 0;padding: 3px 3px 3px 8px;font-weight:normal;}

#searchform input#s {border:solid 1px #575757;color:#3b6dc0;padding:3px;font-size:14px;height:18px;width:160px;}
#searchform #searchsubmit {border:solid 1px #3b6dc0;color:#3b6dc0;padding:2px;font-size:1.4em;}

li#featured {border:solid 1px #3b6dc0;}
li#fatured h3 a {font-size:1em;}
li#featured #article a{color:#3b6dc0;text-decoration:none;}
li#featured #article a:hover{color:#3b6dc0;text-decoration:underline;}
li#featured #article img{width:210px;}
li#featured #article {font-size:1.2em;color:#333;padding:5px;}
li#featured h2#featured {border-bottom:#3b6dc0 solid 1px;background-color:#3b6dc0;color:#fff;padding:3px 0 3px 8px;margin:0;}

#singlebar {border-left:dashed 1px #b4b4b4; float:right;padding:6px 5px 5px 10px;width:460px;}
#singlebar ul {list-style-type:none;}
#singlebar ul h2 {color:#3b6dc0;font-size:1.6em;}
#singlebar ul li.label2 {border-bottom:#b4b4b4 solid 1px;padding:5px 0;}
#singlebar ul li.label {border-bottom:#b4b4b4 solid 1px;color:#6c6c6c;font-weight:bold;padding:5px 0;}
#singlebar ul li span {color:#575757;font-weight:bold;}
#singlebar ul li {font-size:1.2em;font-weight:normal;}
#singlebar ul li a{color:#3b6dc0;}
#singlebar ul li a:hover{text-decoration:none;}
#singlebar ul li#links {font-size:1.4em;font-weight:bold;text-align:center;}
#singlebar ul li form textarea {border: solid #b4b4b4 1px;}

blockquote {margin: 0 15px;padding: 5px;border: dashed #d3d3d3 2px;}

h3#comments {border-bottom: solid #aaa 1px;color:#3b6dc0;font-size:1.4em;padding: 5px 0;text-align:left;}
ol.commentlist {list-style-type:none;text-align:left;padding: 10px 0;}
ol.commentlist li {padding:8px;}
ol.commentlist li a{color:#3b6dc0;}
ol.commentlist li.alt {background-color:#d5d5d5;}
ol.commentlist li cite {font-size:1.4em;font-style:normal;}
ol.commentlist li cite {background-image: url(images/comment.gif);background-repeat: no-repeat;background-position: 0px 3px;padding-left: 20px;}
ol.commentlist li.alt cite {background-image: url(images/comment-alt.gif);background-repeat: no-repeat;background-position: 0px 3px;padding-left: 20px;}
ol.commentlist li .commentmetadata a{font-size:1.1em;font-weight:normal;}
ol.commentlist li p {color:#333;font-size:1.4em;padding:8px 0;}
ol.commentlist li.alt .commentdate {background-image: url(images/time-alt.gif);background-repeat: no-repeat;background-position: 0px 3px;padding: 3px 0 3px 20px;}
ol.commentlist li .commentdate {background-image: url(images/time.gif);background-repeat: no-repeat;background-position: 0px 3px;padding: 3px 0 3px 20px;}

h3#respond {border-bottom: solid #aaa 1px;font-size:1.4em;padding: 5px 0;text-align:left;}
form#commentform {font-size:1.6em;text-align:left;}
form#commentform textarea {width:500px;}
form#commentform label {}


#footer {width:1000px;margin: 0 auto;text-align:center;}
#footerwrap {color:#575757;border-top:solid #575757 1px;font-size:1.4em;padding: 8px 0;clear:both;margin: 10px 0 0 0;background-color:#ddd;width:100%;}
#footer a {color:#3b6dc0;}
#footer a:hover {text-decoration:none;}