/*
Theme Name: Post-it
Theme URI: http://wordpress.org/
Description: Post-it Theme.
Version: 0.1
Author: Willow Tyrer
Author URI: http://www/doublevay.com/
*/



/* Begin Typography & Colors */
body {
	margin:20px 20px;
	padding:0;	
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	}

a {text-decoration:none;color:#333333;}
a:hover {text-decoration:underline;}
h1{display:none;}
a img {border: none;}

#page {
	background-color: white;
	text-align: left;
	padding: 0;
	width: 100%;	
}
#nav-it{float:right;}
.post, #comments, #tag-cloud, #archive-page{float:left;width:320px;}
#nav-it, .post, #comments, #tag-cloud, #archive-page{
	padding:15px 15px 15px 15px;
	margin-right:10px;
	margin-bottom:10px;	
}
#nav-it ul{padding-top:20px;line-height:16px;float:left;margin:0 60px 20px 0;}

/* Post */

.post {
	color:#171807;
	background:url('images/corner-yellow.gif') #f7fa7e bottom right no-repeat;
}
.post h2, #tag-cloud h2{margin-bottom:8px;}
.post h3{font-weight:bold;}
.post p{margin-bottom:6px;}
.post .entry a{text-decoration:underline;}
.post .entry a:hover{text-decoration:none;}
.post .entry{line-height:16px;border-bottom:dashed 1px #fff;}
.post ol, .post ul{margin-bottom:14px;}
.post ol li{margin:0 15px 5px 15px;list-style:decimal;}

.post.grey h2 a{color:#666;}
.post.yellow h2 a{color:#d48c00;}
.post.purple h2 a{color:#3975fe;}
.post.blue h2 a{color:#009ec8;}
.post.green h2 a{color:#0a9c01;}
.post.pink h2 a{color:#ea625f;}
.postmetadata {clear:both;line-height:18px;color:#333;border-bottom:dashed 1px #fff;padding:4px 0 6px 0;margin-top:4px;width:280px;}
.highlight{background:url('images/highlight-end.png') no-repeat right #E0FF00;}
.yellow{background:url('images/corner-yellow.gif') #f7fa7e bottom right no-repeat;}
.green{background:url('images/corner-green.gif') #c0ffbc bottom right no-repeat;}
.blue{background:url('images/corner-blue.gif') #a2e5f7 bottom right no-repeat;}
.pink{background:url('images/corner-pink.gif') #f7c9c8 bottom right no-repeat;}
.purple{background:url('images/corner-purple.gif') #b8cdfd bottom right no-repeat;}
.grey{background:url('images/corner-grey.gif') #eeeeee bottom right no-repeat;}

blockquote{font-family:georgia, times, serif;font-style:italic;font-size:12px;line-height:18px;padding:10px;}
.large{font-size:18px;line-height:24px;font-style:italic;}
.cite{font-size:9px;line-height:12px;}
li.cat-item a{padding-left:12px;}
li.cat-item-3 a{background:url('images/nav-purple.gif') left no-repeat;}
li.cat-item-4 a{background:url('images/nav-blue.gif') left no-repeat;}
li.cat-item-5 a{background:url('images/nav-green.gif') left no-repeat;}
li.cat-item-6 a{background:url('images/nav-pink.gif') left no-repeat;}
li.cat-item-1 a{background:url('images/nav-yellow.gif') left no-repeat;}
li.cat-item-7 a{background:url('images/nav-grey.gif') left no-repeat;}


.clear {clear: both;}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
}

/* comments*/
#comments{
	line-height:18px;
	clear:left;
	width:320px;
	background:url('images/corner-grey.gif') #eeeeee bottom right no-repeat;	
}
#commentform #author, #commentform #email, #commentform #url{
	border:1px solid #999;
	margin-bottom:5px;
	padding:3px;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {}
#commentform textarea {width: 100%;}
ol.commentlist{list-style:none;margin:0;padding:0;}
.commentlist li{margin-bottom:18px;border-bottom: 1px dashed #ff9494;}

#comments a {background-color:#f7fa7e;}

/* tags*/
#tag-cloud a{margin-right:5px;}
span.tags a{margin-left:5px;border:1px solid black;}
.tags{color:#777;}

span.highlight-green{background:#c7e9a2;padding:0 2px 1px 2px;}
span.highlight-gray{background:#d5d9da;}
span.highlight-blue{background:#b0f1f5;}

/* archive*/
#archive-page h2{padding-bottom:20px;}


/* slideshow  */

/*---slideshow*/
#slideshow-800by600{
	margin:20px 0 10px 0;
	clear:both;
	height:600px;
	width:800px;
}

#slideshow-720by480{
	margin:20px 0 10px 0;
	clear:both;
	height:480px;
	width:720px;
}

body.blank{text-align:center;background:black;color:#666;}
body.blank #page{width:800px; margin: 0 auto;}
body.blank .entry{background:black;}
body.blank #content{}
#prev, #next{color:#777;}
a:hover#prev, a:hover#next{color:#999;}

.wp-caption p.wp-caption-text {
	font-style:italic;
	color:#666;
	font-size:9px;
}