/*
Theme Name: Snow and Graham
Theme URI: http://www.snowandgraham.com/blog
Description: Custom theme for Snow and Graham
Version: 1.0
Author: Lauren Johnson
Author URI: http://www.goodspark.com/
*/

/* HTML Redeclaration */
html,body  	{ font: 12px/15px "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; background: #fff url(/images/general/bg.gif) left top no-repeat; margin: 0; padding: 0; 
		      color: #5e5d61; }
a:link		{ text-decoration: none; color: #5e5d61; }
a:visited	{ text-decoration: none; color: #5e5d61; }
a:hover		{ text-decoration: none; color: #ff87a8; }
a.currentcat	{ color: #fa0087; }
a.subcats	{ color: #fa0087; }

h1.home		{ font-size: 20px; text-align: right; color: #fa0087; font-weight: normal; }
h1.bloghead	{ font-size: 28px; text-align: center; font-weight: normal; letter-spacing: .2em; margin: 30px auto; }
h2.title	{ font-size: 12px; text-align: left; text-transform: uppercase; }
hr			{ color: #fff; background-color: #fff; border: 1px dotted #575757; border-style: none none dotted; margin: 0 20px 20px 20px; } 

p.home		{ text-align: center; margin: 0 40px 30px 40px; color: #999999; }

input		{ border: 1px solid #5e5d61; color: #5e5d61; background-color: #ffffff; padding: 4px; line-height: 12px; }
.button		{ border: 1px solid #5e5d61; color: #ff87a8; background-color: #ffffff; line-height: 12px; margin: 0; padding: 4px 4px 5px 4px; }
.button:hover	{ background-color: #ff87a8; color: #ffffff; }
			  
/* Layout IDs */
#container 	{ width: 810px; margin: 0 auto 0 315px; text-align: left; }
#header 	{ margin: 0; text-align: right; padding: 30px 0 15px 0; }
#topnav		{ clear: right; padding-top: 10px; text-transform: uppercase; }
#topnav a	{ margin-left: 40px; }
#side 		{ float: left; width: 140px; line-height: 18px; }
#side a		{ display: block; }
#main 		{ margin: 0 50px 0 210px; } 
#footer 	{ background: #fdf4f4; font-size: 10px; margin: 30px 0 20px 0; padding: 15px 0; } 
#blogbar	{ text-align: right; margin-top: 50px; }
#blogbar a 	{ display: inline; margin: 0; padding: 0; }
#blogbar a:hover { color: #ff87a8; }

/* General Classes */
.post		{ padding-bottom: 25px; }
.cat-image	{ width: 183px; min-height: 245px; float: left; text-align: center; }
.fltrt 		{ float: right; margin-left: 10px; }
.fltlft 	{ float: left; margin-right: 10px; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
a.pink		{ color: #fa0087; }
.pink		{ color: #fa0087; }
.subcats	{ padding-left: 15px; }
.cat-item	{ list-style-type: none; }
.current-cat a	{ color: #fa0087; }
.homecol	{ float: left; text-align: center; width: 195px; margin: 0; padding: 0; }
.homecol2	{ float: left; text-align: center; margin: 0 15px; padding: 0 14px; border-left: 1px solid #5e5d61; border-right: 1px solid #5e5d61; }		
.newsletter	{ float: left; width: 145px; margin-left: 15px; }
.searchbox	{ float: right; width: 145px; margin-right: 15px; font-size: 11px; text-align: right; }
.box1		{ float: left; width: 105px; }
.box2		{ float: left; width: 115px; }
.box3		{ float: left; width: 145px; }
.box4		{ float: left; width: 125px; }

/* Image Replacement */
a#logo 		{ background-image: url(/images/general/logo.gif); height: 95px; width: 405px; display:block; float: right; }
a#logo span { display:none;  }

/* Entry Classes */
.narrowcolumn .postmetadata { text-align: center; }
.thread-alt 				{ background-color: #f8f8f8; }
.thread-even 				{ background-color: white; }
.depth-1 					{ border: 1px solid #ddd; }
.even, .alt 				{ border-left: 1px solid #ddd; }
.commentlist li .avatar 	{ float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.clear 						{ clear: both; }
img.centered 				{ display: block; margin-left: auto; margin-right: auto; }
img.alignright 				{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft 				{ padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright 				{ float: right; }
.alignleft 					{ float: left; }
.alt 						{ margin: 0; padding: 10px; }
.commentlist 				{ padding: 0; text-align: justify; }
.commentlist li 			{ margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li 		{ margin-right: -5px; margin-left: 10px; }
.commentlist p 				{ margin: 10px 5px 10px 0; }
.children 					{ padding: 0; }
#commentform p 				{ margin: 5px 0; }
.nocomments 				{ text-align: center; margin: 0; padding: 0; }
.commentmetadata 			{ margin: 0; display: block; }
.navigation 				{ display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }