/* 
Theme Name: Urban Dirt
Theme URI: http://www.wpmastery.com
Description: A theme for Michaela Mayger's Gardening blog
Version: 1.0
Author: Michele Kruegel | Kruegelisms
Author URI: http://www.kruegelisms.com

*/

/*------------------------------------------------------------------------
STRUCTURE
------------------------------------------------------------------------*/

html { 
	font: 65%/1.3 'lucida grande',arial,sans-serif; 
	color:#462401;
	background-color:#7FC9F7;
}

body {
	margin:0;padding:0;
	
	height:100%;
}

#wrapper {
	background:#A18878 url(images/bg_content.png) repeat-x 0 235px;
	margin:0;padding:0;
}

#header {
	background:url(images/bg_header.png) repeat-x 0 0;
	height:235px;
	position:relative;
	margin:0;padding:0 0 0 25px;
}
	
	img.logo {
		position:absolute;top:153px;left:15px;
	}
	
	img.houses {
		position:absolute;top:21px;left:500px;
	}

#content {
	width:975px;
	padding:20px 0 0 0;margin:0;
}

	#main {
		float:left;
		width:485px;
		padding:0;margin:0 20px 20px 0;
	}
	
	#sidebar {
			float:left;
			width:265px;
			margin:0 15px 20px 0;padding:15px;
			background:#E1D9D4;
		}
		
		.intro {
			border-bottom:solid 1px #FCFBFA;
			margin-bottom:15px;
		}

		#sidebar2 {
			width:160px;
			padding:0px;margin:0 0 20px 0;
			float:left;
		}


#footer {
	height:75px;
	padding:5px 0 0 25px;margin:0 0 25px 0;
	background:#7FC9F7 url(images/bg_footer.png) repeat-x 0 0;
	position:relative;
	clear:left;
}

	img.houses_footer {
		position:absolute;top:0;left:500px;
	}
	
	
/*------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------*/

/* PRIMARY NAVIGATION */

#navigation {
	width:470px; /*485 original width*/
	height:25px;
	padding:10px 0 10px 15px;
	background:#967661;
}

	#navigation ul {
		margin:0;padding:0;
	}
	
	#navigation ul li {
		float:left;
		text-transform:uppercase;
		list-style-type:none;
		margin:0;padding:0;
	}
	
	#navigation ul li a:link, #navigation ul li a:visited {
		display:block;
		color:#fff;
		font-family:'arial narrow',arial,sans-serif;
		font-weight:normal;
		font-size:1.3em;
		text-decoration:none;
		margin:0 8px 0 0;
		padding:3px 8px 3px 8px;
	}
	
	#navigation ul li a:hover {
		background:#7FC9F7;
	}


/* ARTICLE NAVIGATION */

.article_nav {
	width:470px; /*485 original width*/
	padding:0 0 0 15px;
	height:25px;
	margin:15px 0 15px 0;
	background:#967661;
}

	.alignleft {
		float:left;
		margin:5px 10px 5px 10px;
		color:#DB6C1F;
	}
	
	.alignright {
		float:right;
		margin:5px 10px 5px 10px;
		color:#DB6C1F;
	}
	
	.alignleft a:link, .alignleft a:visited, .alignright a:link, .alignright a:visited {
		color:#fff;
	}

/* ARCHIVE NAVIGATION STYLING */

.archive_navigation {
	margin:0 0 5px 20px;
}

.alignleft a:link, .alignleft a:visited, .alignright a:link, .alignright a:visited {
	color:#C5BEB9;
}

/*------------------------------------------------------------------------
POST STRUCTURE STYLING
------------------------------------------------------------------------*/

.post {
	width:455px;
	padding:0;margin:30px 0 20px 25px;
}

	.post-intro {
			position:relative;
			margin:0;padding:0 0 1px 0;

	}

	.post .post-date {
		position:absolute;bottom:0;right:10px;
		width:65px;height:37px;
		padding:18px 0 0 1px;
		background:url(images/bg_date.png) no-repeat 0 0;
		color:#2CA6F6;
		font-size:1.6em;
		font-family:'arial narrow',arial,sans-serif;
		text-align:center;
		line-height:1.1em;
	}
	
	.post .post-date span.year {
		font-size:1.2em;
	}
	
	.post-content {
		background:#F6F3F2;
		padding:15px;
		clear:both;
	}

/*------------------------------------------------------------------------
SIDEBAR 1 & 2 STYLING
------------------------------------------------------------------------*/

#sidebar ul {
	list-style-type:none;
	margin:0 0 15px 0;padding:0 0 10px 0;
	border-bottom:solid 1px #FCFBFA;
}

div.textwidget {
	border-bottom:solid 1px #FCFBFA;
	margin:0 0 15px 0;padding:0 0 0px 0;
}

#sidebar ul li {
	margin-bottom:3px;
}

ul.children {
	margin:2px 0 0px 10px !important;
	border-bottom:none !important;
	padding-bottom:0 !important;
}

li#archives ul {
	border-bottom:none !important;
}

#sidebar2 ul {
	list-style-type:none;
	margin:0;padding:0px;
}


#sidebar2 div {
	background:#B9A395;
	padding:8px 5px 10px 8px;
}


 /* SEARCH STYLING*/

div#search-3 {
	background:none !important;	
	padding:0 0px 5px 2px !important;
	margin-bottom:8px !important;
}

div#search-3 h2.widgettitle {
	display:none !important;
}

div#search-3 div {
	margin:0;padding:0;
	background:none !important;	
}

	div#search-3 label {
		display:none !important;
	}
	
	div#search-3 form input {
		margin-bottom:4px;
	}

/* LINKS/FAVORITE PLACES STYLING */

div#linkcat-17 {
	background:#B9A395;
	padding:8px 5px 10px 8px;
}

	div#linkcat-17 ul li {
		margin-bottom:5px;
	}


/* URBAN SEEDLING LINK*/
#text-5 {
	background:none !important;margin:0 !important;padding:0 !important;
}

	#text-5 .textwidget {
		background:none !important;
		padding:0 !important;border-bottom:none !important;
	}

	#urbanSeedingLink {
		margin:0;padding:0;
	}

/*------------------------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------------------------*/

h2.pagetitle {
	margin:15px 0 0 25px;padding:0;
	color:#B7A193;
	
}

/* POST STYLING */

.post h2.post-title {
	color:#7FC9F7;
	font-weight:normal;
	font-family:'lucida grande',arial,sans-serif;
	text-transform:lowercase;
	font-size:26px !important;
	width:375px;
	margin:0 0 5px 0;padding:0;
	line-height:1.2em;
}

h2.post-title_search {
	font-size:16px !important;
}

.post-content p, #sidebar p, #sidebar2 p {
	padding:0;margin:0 0 15px 0;
	font-size:1.2em;
}

p.small {
	font-size:1.0em;
}

/* SIDEBAR STYLING */

#sidebar h2, #sidebar2 h2, li#search label {
	background:#FBF7C1;
	color:#31A9F7;
	padding:2px 4px 1px 3px;
	margin:0 0 8px 0;
	font-size:14px;
	display:inline-block;
}

	#sidebar h2.title_inline {
		display:inline !important;
		padding-bottom:0px !important;
		float:left;margin:0 5px -4px 0 !important;
		line-height:16px;
	}
	
.intro p {
	font-weight:bold;
	line-height:1.6em;
}

#sidebar li, #sidebar2 li {
	font-size:12px;
}



/* FOOTER TYPE STYLING*/

#footer p {
	color:#8a644a;
}


/*------------------------------------------------------------------------
LINK STYLING
------------------------------------------------------------------------*/

a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#DB6C1F;
}

	a:hover {
		text-decoration:underline;
	}


/* POST LINK STYLING */

.post h2 a:link, .post h2 a:visited {
	font-family:'lucida grande',arial,sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	font-size:26px;
	color:#7FC9F7;
}

	.post h2 a:hover {
		text-decoration:underline;
	}
	
	a.more-link {
		float:right;
	}
	

/* SIDEBAR LINK STYLING */

#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:hover {
	font-weight:normal;
}

#sidebar2 ul li a:link, #sidebar2 ul li a:visited, #sidebar2 ul li a:hover {
	font-weight:normal;
	color:#F6F3F2;
}

/* FOOTER LINK STYLING */

#footer a:link, #footer a:visited {
	color:#8a644a;
	text-decoration:underline;
}

	#footer a:hover {
		text-decoration:none;
	}

/*------------------------------------------------------------------------
IMAGE STYLING
------------------------------------------------------------------------*/

img {
	border:none;
}

img.img_right, img.alignright {
	float:right;
	margin:0 0 15px 15px !important;padding:0;
}

img.img_left, img.alignleft {
	float:left;
	margin:0 15px 15px 0 !important;padding:0;
	border:solid 8px #fff !important;
}

.post img {
	margin:0 0 5px 0;padding:0;
}

/*IMAGE CAPTIONS*/

p.wp-caption-text {
	font-size:1.0em;margin:0 0 15px;padding:0;
	color:#A18878;
}

/*------------------------------------------------------------------------
COMMENT STYLING
------------------------------------------------------------------------*/

#respond {
	width:425px;
	padding:15px;margin:30px 0 20px 25px;
	background:#F6F3F2;
}

#comments {
	width:425px;
	padding:15px;margin:30px 0 20px 25px;
	background:#DDD1CB;
}

h3#comments {
	margin-bottom:0;
	border-bottom:solid 1px #A18878;
}

ul.commentlist {
	width:425px;
	padding:15px;margin:0px 0 20px 25px;
	background:#F6F3F2;
	list-style-type:none;
}

	ul.commentlist li {
		border-bottom:solid 1px #DDD1CB;
		margin-bottom:15px;
	}

	ul.commentlist li p {
		font-size:12px;
		color:#A18878;
	}