/*
Theme Name: Milk
Theme URI: http://www.designbysilo.co.uk/
Description: Custom style for The Milk WordPress blog.
Version: 1.0
Author: Andy Barnes
Author URI: http://www.designbysilo.co.uk/

Milk v1.0
http://www.designbysilo.co.uk

This custom theme was designed and built by Andy Barnes for The Open Consultancy.

*/

/*	-------------------- General */

	body,td,th {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #222;
		}
	
	body {
		margin: 0;
		background: #666 url(images/bg/default.gif left center);
		}
	
	h1, h2, h3, h4, h5 {
		margin: 0 0 10px 0;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		color: #333;
		}
	
	p {
		margin: 0 0 15px 0;
		padding: 0;
		line-height: 1.1em;
		}
	
	a {
		color: #000;
		text-decoration: none;
		}
		a:hover { color: #999; }
		a img { border: none; }


/*	-------------------- Colouring styles */

	.cyan { color: #0db3eb; }
	.green { color: #56c229; }
	.magenta { color: #eb58e6; }
	.orange { color: #ffcc00; }
	
	a.cyan:hover { color: #87e1ff; }
	a.green:hover { color: #aee996; }
	a.orange:hover { color: #ffe680; }
	a.magenta:hover { color: #ffb0fd; }
	
	span.cyan a { color: #0db3eb; }
	span.cyan a:hover { color: #87e1ff; }
	
	span.green a { color: #56c229; }
	span.green a:hover { color: #aee996; }
	
	span.magenta a { color: #eb58e6; }
	span.magenta a:hover { color: #ffb0fd; }
	
	span.orange a { color: #ebbc00; }
	span.orange a:hover { color: #ffe680; }
	
	span.pink a { color: #f47f96; }
	span.pink a:hober { color: #fec1cd; }


/*	-------------------- Misc styles */

	.serif { font-family: Georgia, "Times New Roman", Times, serif; }
	.sans-serif { font-family: Arial, Helvetica, sans-serif; }
	
	.buffer-top-sm { padding-top: 10px; }
	
	.arr-light-down { background: url(images/arrow-light-down.gif) left center no-repeat; vertical-align: middle; }
	.arr-dark-left { background: url(images/arrow-dark-left.gif) left center no-repeat; vertical-align: middle; }
	.arr-dark-right { background: url(images/arrow-dark-right.gif) right center no-repeat; vertical-align: middle; }
	
	.arr-left { padding-left: 12px; background-position: left center; }
	.arr-right { padding-right: 12px; background-position: right center; }
	
	img.inline-fleft {
		float: left;
		margin: 0 14px 16px 0;
		}


/*	-------------------- Layout */

	#header {
		margin: 0;
		padding: 0;
		width: auto;
		height: 105px;
		background-color: #333;
		}
		#header ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#header ul li {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
		#header div.col-ab-a {
			float: left;
			width: 200px;
			}
			#header div.col-ab-a div.fl-logo-pos { padding: 20px 0 0 30px; }
		#header div.col-ab-b {
			float: left;
			}
			#header ul.header-text {
				margin: 0;
				height: 66px;
				}
				#header ul.header-text li {
					float: left;
					margin: 0;
					padding: 17px 22px 0 0;
					color: #888;
					font-size: 10px;
					}
					#header ul.header-text li a { color: #999; text-decoration: none; }
					#header ul.header-text li a:hover { color: #ccc; }
			#header ul.navigation {
				clear: left;
				height: 39px;
				}
				#header ul.navigation li {
					float: left;
					padding: 0 4px 0 14px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 18px;
					line-height: 22px;
					background: url(images/navigation-divider.gif) left bottom no-repeat;
					}
					#header ul.navigation li.first {
						padding-left: 0;
						background: none;
						}
					#header ul.navigation li a { color: #acacac; }
					#header ul.navigation li a:hover { color: #fff; }
	
	#wrapper {
		clear: left;
		padding: 20px;
		}
	
	#content {
		float: left;
		margin: 0;
		padding: 0;
		width: 486px;
		/*background-color: #fff;*/
		background: url(images/white-alpha-90.png);
		}
		
		#content div.post, #content div.page {
			padding: 20px 0 10px 0;
			}
			
			#content div.post h2 a, #content div.page h2 a {
				margin: 0 0 10px 0;
				padding: 0;
				border-bottom: 1px dashed #333;
				font-size: 18px;
				line-height: 1em;
				font-weight: normal;
				color: #333;
				}
				#content div.post h2 a:hover, #content div.page h2 a:hover {
					color: #666;
					border-bottom-color: #666;
					}
			
			/* Post title for single page (non linked) */
			h2.posttitle {
				display: inline-table;
				margin: 0 0 9px 0;
				padding-bottom: 2px;
				border-bottom: 1px dashed #333;
				font-size: 18px;
				line-height: 1em;
				font-weight: normal;
				color: #333;
				}
			
			/* Index page entry */
			div.entry {
				margin: 0;
				padding: 10px 0;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12.5px;
				}
				div.entry img {
					margin: 0 0 10px 0;
					}
				div.entry a { text-decoration: underline; }
				p.postmetadata, p.postshare {
					margin: 0;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #444;
					}
					p.postmetadata {
						padding: 0 0 6px 0;
						}
					p.postshare {
						padding: 6px 0 0 0;
						border-top: 3px solid #666; /* modified by post category */
						}
					p.postmetadata a, p.postshare a { text-decoration: none; }
	
	div.inner-padding { padding: 15px; }
	
	#content div.subheader, #sidebar li.subheader {
		/* height: 112px; */
		margin-bottom: 10px;
		float: left;
		padding-bottom: 30px;
		border-bottom: 1px dashed #333;
		}
	#content div.subheader {
		width: 456px;
		}
	#sidebar li.subheader {
		/* float: left; */
		height: auto;
		/* padding-bottom: 20px; */
		/* margin-bottom: 10px; */
		}
		#sidebar li.subheader h2 {
			font-size: 15px;
			line-height: 1.3em;
			}
		div.subheader div.sh-col-half {
			float: left;
			width: 50%;
			}
			div.subheader div.sh-col-half h2 {
				margin: 0;
				padding: 0;
				font-size: 14px;/* 16px */
				line-height: 1.5em;/* 1.1em */
				font-weight: normal;
				color: #333;
				}
				div.subheader div.sh-col-half h2 span {
					border-bottom: 1px dashed #333;
					}
	
	div#sidewrapper {
		float: left;
		width: 290px;
		}
	
	ul.sideblock-dark {
		margin: 0 0 10px 0;
		padding: 0;
		list-style: none;
		background-color: #333;
		}
		ul.sideblock-dark li {
			margin: 0;
			padding: 0;
			list-style-type: none; 
			}
			ul.sideblock-dark li h2 {
				padding: 16px;
				font-size: 14px;
				line-height: 1.3em;
				color: #ccc;
				}
				ul.sideblock-dark li h2 a { color: #ddd; }
				ul.sideblock-dark li h2 a:hover { color: #eee; }
				
	div.page-navigation {
		padding: 40px 0 10px 0;
		}
	
	div.column-padder {
		float: left;
		width: 10px;
		font-size: 1px;
		}
	
	/* Comments */
	h3.commentheader {
		margin: 15px 0;
		padding-bottom: 6px;
		border-bottom: 1px dashed #333;
		}
	
	ol.commentlist {
		margin: 10px 0 0 0;
		padding: 0;
		list-style: none;
		}
		ol.commentlist li {
			margin: 0;
			padding: 8px 0 0 0;
			list-style-type: none;
			}
			ol.commentlist li .avatar {
				float: left;
				margin-right: 10px;
				background: #fff;
				}
			ol.commentlist li cite {
				font-size: 11px;
				line-height: 1.5em;
				}
				ol.commentlist li cite a { font-size: 11px; }
			ol.commentlist li .commentmetadata {
				margin-bottom: 10px;
				font-size: 10px;
				color: #999;
				}
				ol.commentlist li .commentmetadata a { color: #999; }
				ol.commentlist li .commentmetadata a:hover { color: #666; }
			ol.commentlist cite {
				font-weight: bold;
				font-style: normal;
				font-size: 12px;
				}
			ol.commentlist p {
				padding-left: 42px;
				font-weight: normal;
				line-height: 1.3em;
				}
	
	/* Comment back forward nav */
	div.commentnavigation {
		margin: 0 0 20px 0;
		}
	
	/* Comment form (inline page) */
	form#commentform {
		padding: 10px 0;
		}
		form#commentform p {
			margin: 0 0 10px 0;
			font-size: 11px;
			}
			form#commentform p em { color: #999; }
		form#commentform label {
			display: block;
			float: left;
			width: 120px;
			line-height: 2em;
			}
		form#commentform .ffield {
			width: 200px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #333;
			background: #e0e0de;
			border: none;
			padding: 5px 4px;
			}
		form#commentform .tarea {
			width: 284px;
			}
		form#commentform p.commentsubmit {
			padding-left: 120px;
			}
	
	/* Sidebar */
	#sidebar {
		float: left;
		margin: 0;
		padding: 0;
		width: 290px;
		/*background-color: #fff;*/
		background: url(images/white-alpha-90.png);
		}
	
	ul#sidebar {
		list-style: none;
		color: #666;
		}
		ul#sidebar li.widget {
			margin: 10px 0 0 0;
			padding: 0;
			line-height: 1.2em;
			}
			ul#sidebar li.widget h2.widgettitle {
				margin-bottom: 5px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				}
			
			/* Widget: General list (Categories/Archives/Pages/Meta/Posts/Comments etc) */
			#sidebar li ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				#sidebar li ul li {
					margin: 0;
					padding: 0;
					list-style-type: none;
					}
			
			/* Widget: Categories */
			#sidebar li.widget_categories {
				margin-top: -20px;
				padding-top: 0;
				}
				#sidebar li.widget_categories h2 { display: none; }
			
			/* Widget: Recent posts */
			#sidebar li.widget_recent_entries a { color: #666; }
			#sidebar li.widget_recent_entries a:hover { color: #999; }
			
			/* Widget: Links/Blogroll */
			#sidebar li.widget_links ul { border: none; }
			#sidebar li.widget_links ul li {
				padding: 0;
				border: none;
				}
				#sidebar li.widget_links a { color: #666; }
				#sidebar li.widget_links a:hover { color: #999; }
			
			/* Widget: Search form */
			#sidebar li.widget_search form {
				margin: 0;
				padding: 0;
				}
				#sidebar li.widget_search form input {
					margin: 0;
					padding: 0 0 5px 0;
					width: 200px;
					border: none;
					border-bottom: 1px dashed #333;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #333;
					background: transparent;
					}
				#sidebar li.widget_search form input#searchsubmit { display: none; }
			
			/* Widget: Calendar */
			table#wp-calendar {
				margin: 0;
				padding: 0;
				border-collapse: collapse;
				}
				table#wp-calendar caption {
					padding: 0 0 5px 0;
					}
				table#wp-calendar th {
					margin: 0;
					padding: 3px 0;
					width: 30px;
					border-bottom: 1px dashed #333;
					text-align: center;
					}
				table#wp-calendar tbody td {
					margin: 0;
					padding: 3px 0;
					width: 30px;
					text-align: center;
					color: #444;
					}
					table#wp-calendar tbody td.pad { background-color: #ddd; }
				table#wp-calendar tfoot td {
					margin: 0;
					padding: 3px 0;
					text-align: center;
					}
					table#wp-calendar tfoot td.pad {
						border: none;
						background: none;
						}
			
			/* Widget: Twitter */
			ul.twitter li.twitter-item {
				padding-bottom: 8px !important;
				}
			
	#footer {
		clear: left;
		padding: 25px 0 0 0;
		}
		#footer p {
			margin: 0;
			padding: 7px 20px;
			font-size: 10px;
			color: #777;
			background-color: #333;
			}
		#footer p a { color: #777; }
		#footer p a:hover { color: #999; }
	
	
/*	-------------------- Category colouring */

	/* Miscellaneous (1) - Red */
	/* #content .cat-item-1 p.postshare { border-top-color: #f47f96; }
	#sidebar .cat-item-1 { color: #f47f96; }
	#sidebar .cat-item-1 a { color: #f47f96; } */
	#content .cat-item-1 p.postshare { border-top-color: #cc0000; }
	#sidebar .cat-item-1 { color: #cc0000; }
	#sidebar .cat-item-1 a { color: #cc0000; }
	
	/* Open People (7) - Magenta */
	#content .cat-item-7 p.postshare { border-top-color: #eb58e6; }
	#sidebar .cat-item-7 { color: #eb58e6; }
	#sidebar .cat-item-7 a { color: #eb58e6; }
	
	/* Out & About (8) - Cyan */
	#content .cat-item-8 p.postshare { border-top-color: #0db3eb; }
	#sidebar .cat-item-8 { color: #0db3eb; }
	#sidebar .cat-item-8 a { color: #0db3eb; }
	
	/* Projects (6) - Green */
	#content .cat-item-6 p.postshare { border-top-color: #56c229; }
	#sidebar .cat-item-6 { color: #56c229; }
	#sidebar .cat-item-6 a { color: #56c229; }
	
	/* Things We Love (9) - Green */
	#content .cat-item-9 p.postshare { border-top-color: #ffcc00; }
	#sidebar .cat-item-9 { color: #ffcc00; }
	#sidebar .cat-item-9 a { color: #ffcc00; }