/*
Theme Name: Rhymes With Milk
Theme URI: http://www.rhymeswithmilk.com/
Description: A Wordpress theme designed and developed for <a href="http://www.rhymeswithmilk.com">rhymeswithmilk.com</a> by Mike Kohn.
Version: 1.0
Author: Mike Kohn
Author URI: http://www.rhymeswithmilk.com/
Tags: 
*/

html {border-top: 10px solid #000; border-bottom: 10px solid #000; }
body {font: 12px "Lucida Grande", "Trebuchet MS", Sans-serif, Helvetica, Arial, Verdana; color: #111; background: #AAA; }

h1 {font-size: 78px; font-weight: normal; }
h2 {font-size: 30px; font-weight: normal; }
h3 {font-size: 1.8em; font-weight: normal; }

strong {font-weight: bold; }
em {font-style:italic; }
code {/*font: 100% "Courier New", "Lucida Console", Courier; color: #0000FF; */}

.red {color: red; }
.afterthought {font-style: italic; color: #777; font-size: 11px; padding-top: 15px; border-top: 2px solid #777; }
.update {font-weight: bold; color: #000; }

.center-img {text-align: center; margin: 5px auto;}

a.bold-black-to-green {text-decoration: none; font-weight: bold; color: #000; }
a.bold-black-to-green:hover {color: #55C743; }


#wrap { /*wraps everything*/ width: 1000px; margin: 0 auto; overflow: hidden; }
#main { /*wraps main body only*/ margin: 0 auto; width: 980px; overflow: hidden; background: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/transbg_50percent.png) repeat left top;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-left: 1px solid #666; border-bottom: 1px solid #666; }
#main2 { /*adds tie shaft to #main*/ margin: 0 auto; width: 980px; overflow: hidden; background-image: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/tie-shaft.png);
	background-repeat: repeat-y; background-position: left top; }


/***~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
				HEADER & BREADCRUMB
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~***/

#header { height: 350px; overflow: hidden; width: 980px; margin: 0 auto; }
.title { width: 100%; height: 115px; margin: 30px 0 0 0; float: left; text-align: right; }
	.title h1 {margin-right: 30px; -moz-text-shadow: -1px 1px 2px #666; -webkit-text-shadow: -1px 1px 2px #666; text-shadow: -1px 1px 2px #666; }
	.title a {color: #FFFFFF; text-decoration: none; }
.box { width: 979px; height: 160px; float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background: #FFFFFF; border-left: 1px solid #777; border-bottom: 1px solid #777; }
	div.collar { width: 351px; height: 415px; margin-top: -145px; margin-left: -1px; float: left;
		background-image: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/shorter-collar.png); background-position: left -118px; background-repeat: no-repeat; }
	div.nav { width: 310px; float: left; font-size: 14px; font-weight: bold; }
		div.nav table {width: 100%; height: 160px; color: #777; }
		div.nav table .category-title {width: 33%; padding-left: 40px; }
		div.nav table span{display: none; font-size: 11px; font-weight: normal; }
			.nav a:link {text-decoration: none; color: #55C743; }
			.nav a:visited {text-decoration: none; color: #55C743; }
			.nav a:hover {text-decoration: none; color: #000; }
			.nav a:active {text-decoration: none; color: #55C743; }
	div.page-title { width: 315px; float: right; text-align: right; }
	
		#searchform {width: 200px; float: right; margin: 8px 0 0 0; padding: 0; clear: both; font: 12px "Lucida Grande", "Trebuchet MS", Sans-serif, Helvetica, Arial, Verdana; color: #111; }
		#searchform div {height: 26px; text-align: left; background: #777; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-left: 1px solid #666; border-bottom: 1px solid #666;}
		/*#searchsubmit {width: 50px; height: 20px; margin: 3px 0; cursor: pointer; line-height: 0; padding: 0; border: 0; background: none; }*/
		#s {width: 150px; height: 20px; margin: 3px 25px; padding: 0; border: 0; font: 12px "Lucida Grande", "Trebuchet MS", Sans-serif, Helvetica, Arial, Verdana; color: #111; }

		.box div.page-title h2 {float: right; margin: 80px 30px 0 0; color: #777; text-transform: lowercase; font-size: 50px; }
		a.title-link {text-decoration: none; color: #55C743; }
		a.title-link:hover {text-decoration: none; color: #000; }

.breadcrumb {float: right; margin: 20px 20px 0; padding: 18px 25px;
	font-size: 0.8em; color: #777; text-transform: uppercase;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-left: 1px solid #666; border-bottom: 1px solid #666; background: #FFF; }
	.breadcrumb a {text-decoration: none; font-weight: bold; color: #000; }
	.breadcrumb a:hover {color: #55C743; }
	.breadcrumb ul {list-style: none; }
	.breadcrumb li {display: inline; padding: 0px 10px; margin: 0 1px; border-left: 1px solid #000; border-right: 1px solid #000; }
	.breadcrumb li.first {border-left: 0px; }
	.breadcrumb li.last {border-right: 0px; }

/***~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
				POST FORMATTING
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~***/

.post { float: left; width: 939px; overflow: hidden; margin: 20px 20px 40px 20px; color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	/*background-image: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/tie-shaft.png); background-repeat: repeat-y; background-position: -21px top;*/ background-color: #FFFFFF; }
	
	div.post-title-container {width: 899px; margin: 20px 0 20px 20px; float: left; /*border: 1px solid black;*/ }
		div.post-title {width: 630px; float: left; overflow: hidden; /*background: pink;*/ }
			.post-title h2 {display: inline; text-transform: lowercase; }
			.post-title h2 a:link {text-decoration: none; color: #222; }
			.post-title h2 a:visited {text-decoration: none; color: #222; }
			.post-title h2 a:hover {text-decoration: none; color: #55C743; }
			.post-title h2 a:active {text-decoration: none; color: #222; }

div.post-paragraphs {width: 590px; margin: 0 0 0 20px; padding: 0 20px 20px 20px; float: left; line-height: 22px; color: #111; /*background: orange;*/ }
	.post-paragraphs p {margin: 0 0 15px 0; }
	.post-paragraphs a {text-decoration: underline; font-weight: bold; color: #3787B9; }
	.post-paragraphs a:hover {color: #000; }
	.post-paragraphs ul, ol {margin: 0 0 0 40px; }
	.post-paragraphs ul li, ol li {margin: 0 0 15px 0; color: #555; }
	.post-paragraphs ul {list-style: disc outside none; }
	.post-paragraphs ol {list-style-type: decimal; }
	.post-paragraphs blockquote {margin: 0 1.6em 0 30px; padding: 0 0 2px 30px; color: #555; background: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/blockquote.png) no-repeat top left; }
	.post-paragraphs img {border: 10px solid black; }
	.post-paragraphs a.dsq-comment-count { margin-left: -20px; font-weight: bold; text-decoration: underline; color: #3787B9;}
	
div.meta-stuff {width: 249px; float: left; margin: 0 0 20px 20px; font-size: 11px; /*background: lime;*/}
	.meta-stuff td.left {width: 60px; padding: 3px 0; color:#AAA; background: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/meta-left.png) repeat-x top left ; }
	.meta-stuff td.right {width: 169px; padding: 3px 0 3px 20px; margin-bottom: -1px; color: #AAA; background: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/meta-right.png) repeat-x top left ; }
	.meta-stuff td a {color: #AAA; text-decoration: underline; font-weight: normal; }
	
	.meta-stuff tr:hover { }
	.meta-stuff tr:hover td.left {color: #111; }
	.meta-stuff tr:hover td a:link, .meta-stuff tr:hover td a:visited {color: #111; }
	.meta-stuff tr:hover td a:hover {color: #55C743; }


.pagination-wrap {width: 939px; float: left; }
	.pagination {width: 350px; margin: 0 auto 40px; padding: 5px 0 15px; text-align: center; line-height: 1.8em; 
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-left: 1px solid #666; border-bottom: 1px solid #666; background: #FFF; }
	.pagination a {font-size: 0.8em; margin-right:4px; padding:2px 4px; text-align:center; color:#555; text-decoration:none; background:#DDD; border:1px solid #BBB; }
	.pagination a:hover, .pagination a:active {background:#CCC; color:#777;}
	.pagination .pages-title {text-transform: uppercase; font-size: 0.8em; color:#777; margin-right:4px;}
	.pagination .pages-gap {margin-right:4px; color:#777; }
	.pagination .pages-current {margin-right:4px; padding:3px 6px; color:#555; background:#BBB; border:1px solid #999; }
	.pagination .pages-page {}
	.pagination .pages-prev, .pages-paginate .pages-next {}
	


/***~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
				FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~***/

#footer { width: 980px; margin: 0 auto; }
.footer-box {width: 979px; height: 160px; margin: 40px 0; float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background: #FFFFFF; border-left: 1px solid #777; border-bottom: 1px solid #777;}
	.footer-box .tie-bottom {width: 335px; height: 26px; padding-top: 175px; padding-left: 15px; margin-left: -3px; margin-top: -41px; float: left;
		background-image: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/tie-bottom.png); background-position: left top; background-repeat: no-repeat; }
	.footer-box .nav {width: 310px; height: 160px; float: left; }
	.footer-box .glasses {width: 315px; height: 190px; margin-top: -30px; float: left;
		background-image: url(http://www.rhymeswithmilk.com/wp-content/themes/rhymeswithmilk/media/images/glasses.png); background-position: left top; background-repeat: no-repeat; }
		h2.page-title-end {font-size: 50px; margin: 110px 30px 0 0; text-align: right; color: #777; text-transform: lowercase; }
	


/***~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
				ARCHIVE PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~***/

div.page-half {width: 419px; margin: 0 0 20px 40px; float: left; overflow: hidden; text-transform: lowercase;  }

/**---------  mini reset  ---------**/
div#smart-archives-list, div#smart-archives-list h2 {margin: 0; padding: 0;}
#smart-archives-list  ul {list-style-type: none; padding: 0; }


div#smart-archives-list {width: 429px; margin: 0 0 20px 20px; float: left; text-transform: lowercase; color: #AAA; }
	#smart-archives-list h2 {width: 100px; display: block; float: left; font-size: 12px; border-top: 2px solid #777; }
	#smart-archives-list ul {width: 329px; display: block; float: left; font-size: 11px; border-top: 1px solid #777; }
	/* #smart-archives-list li {width: 329px; padding: 2px 0; margin: 0; display: block; float: left; font-size: 11px; border-bottom: 1px solid #DDD; } */
	#smart-archives-list ul {margin: 0 0 20px 0; }
	#smart-archives-list ul li ul {margin: 0 !important; border-top: 0; border-bottom: 1px solid #DDD;}
	#smart-archives-list ul li ul li {}
	#smart-archives-list ul li ul li.post_date {width: 30px; padding: 3px 5px 3px 14px; display: block; float: left; /* background: #FFC0CB; */}
	#smart-archives-list ul li ul li.post_name {width: 280px; padding: 2px 0; display: block; float: left; /* background: #FF505B; */}
	#smart-archives-list a {text-decoration: none; color: #000; }
	#smart-archives-list li a { }
	#smart-archives-list a:hover {color: #55C743; }


div.smart-archives-block {width: 429px; margin: 0 0 20px 20px; float: left; overflow: hidden; text-transform: lowercase; }
						  
	ul#smart-archives-block li {display: block; float: left; margin-bottom: 20px; }
		ul.one-year { }
			li.year {width: 57px; padding: 2px 0; border-top: 2px solid #777; }
			li.month, li.empty-month {width: 31px; padding: 2px 0; text-align: center; border-top: 1px solid #777; }
			li.empty-month {color: #AAA; }
	ul#smart-archives-block a, li.ctc-tag-li a {text-decoration: none; color: #000; }
	ul#smart-archives-block a:hover, li.ctc-tag-li a:hover {color: #55C743; }