/*
Theme Name: WordPress Default
Theme URI: http://blog.urbanbacon.com/
Description: Theme for both UrbanBacon blogs.
Version: 1.0
Author: Zachary Walsh
Author URI: https://urbanbacon.com/
Tags: brown, grey, simple, rounded

	UrbanBacon v1.0
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/




/*

Site Design by WalshStudio
www.walshstudio.com

*/


/* ########### GLOBAL STYLES ########### */

* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background: #F3F3F3;
	color: #666;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 150%;
}

p {
	padding-top: 25px;
}






/* ########### STRUCTURE STYLES ########### */

#header-out {
	background: #FFF;
	border-bottom: solid 5px #ECECEC;
	width: 100%;
}

	#header-in {
		margin: 0 auto;
		padding: 30px 0 30px 0;
		width: 960px;
	}
	
		#logo {
			float: left;
		}
		
		#navigation {
			float: right;
			margin-top: 7px;
		}

#home-callout {
	background: url(images/show-area.png) no-repeat;
	height:300px;
	margin: 30px auto;
	width: 960px;
}

#content {
	margin: 30px auto;
	width: 960px;
}

	#thank-you {
		background: #CEEBCC;
		border: 3px solid #61B533;
		color: #61B533;
		margin-bottom: 30px;
		padding: 10px;
	}
	
	#error {
		background: #FFC2C4;
		border: 3px solid #FF3A34;
		color: #FF3A34;
		margin-bottom: 30px;
		padding: 10px;
	}
	
		.message {
			float: left;
			width: 80%;
		}
		
		.close {
			float: right;
			text-align: right;
			width: 10%;
		}

	#left-column {
		float: left;
		width: 626px;
	}
	
		#left-column-left {
			float: left;
			width: 296px;
		}
		
			#restaurant-gr {
				background: url(images/restaurant-gr.png) no-repeat;
				height: 292px;
				width: 296px;
			}
			
			#bacon-gr {
				background: url(images/bacon-gr.png) no-repeat;
				height: 292px;
				width: 296px;
			}
			
			#users-gr {
				background: url(images/users-gr.png) no-repeat;
				height: 292px;
				margin-top: 150px;
				width: 296px;
			}
		
		#left-column-right {
			float: right;
			width: 296px;
		}

		.entry-top {
			background: url(images/deal-top.png) no-repeat;
			height: 13px;
			width: 626px;
		}
	
		.entry-body {
			background: url(images/deal-body.png) repeat-y;
			width: 626px;
		}
		
			.entry-body-inner {
				padding: 20px;
			}
			
				.left {
					float: left;
					width: 47%;
				}
					
				.right {
					float: right;
					width: 47%;
				}
				
				.postmetadata {
					background: #F3F3F3;
					margin: 30px 0 30px 0;
					padding: 20px;
				}
				
				.serif a.more-link {
					background: url(images/sign-up-now-btn.png) no-repeat;
					color: #FFF;
					display: block;
					font-size: 20px;
					font-weight: normal;
					height: 40px;
					padding: 16px 0 0 20px;
					text-decoration: none;
					width: 179px;
				}
		
				.serif a.more-link:hover {
					background-position: 0 -54px;
				}
			
				.entry-pic {
					float: left;
					width: 100px;
				}
				
				.entry-info {
					float: right;
					width: 460px;
				}
				
				.entry-links {
					margin-top: 40px;
				}
				
				.posted-by {
						background: #F0F0F0;
						margin: 20px 0 20px 0;
					}
					
						.posted-by-inner {
							padding: 20px;
						}
							
							#map {
								height: 335px;
								margin-top: 20px;
								width: 546px;
							}
							
							.comment {
								padding: 10px 0 20px 0;
							}
							
				.comments-form {
					display: none;
				}
		
		.entry-bottom {
			background: url(images/deal-bottom.png) no-repeat;
			height: 14px;
			margin-bottom: 30px;
			width: 626px;
		}
	
	#right-column {
		float: right;
		width: 296px;
	}
	
	.left-user {
		float: left;
		width: 460px;
	}
		
			.button-center {
				margin: 25px auto;
				width: 179px;
			}
			
	.right-user {
		float: right;
		width: 460px;
	}
		
#login {
	margin: 0 auto;
	width: 626px;		
}

#breadcrumb {
	font-size: 12px;
	padding: 0 0 20px 20px;
}

#new-deal {
	margin: 30px 0 30px 0;
}

#footer {
	font-size: 12px;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 960px;
}






/* ########### TEXT STYLES ########### */

#left-column h2, .posted-by-inner h2 {
	color: #333;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

#home-callout h2 {
	margin-left: -9999px;
}
	
#home-callout p {
	color: #FFF;
	font-size: 16px;
	margin: 100px 0 0 60px;
	width: 400px;
}

.entry-info h3 {
	color: #999;
	font-weight: normal;
}

#right-column h2 {
	color: #389FED;
	line-height: 125%;
}

	#right-column h2.about {
		color: #333;
		font-size: 22px;
		font-weight: normal;
		margin: 0 0 15px 0;
	}

#business-plate h2, #user-plate h2 {
	margin-left: -9999px;
}
							
.posted-by-inner h3 {
	color: #666;
	font-size: 15px;
	font-weight: normal;
	line-height: 125%;
}

.comment h3 {
	color: #333;
	font-size: 16px;
	margin: 0;
	padding: 20px 0 0 0;
}
								
.comment p {
	margin: 0;
	padding: 8px 0 0 0;
}





/* ########### LINK STYLES ########### */

a, #breadcrumb a, a#trigger {
	color: #389FED;
	text-decoration: none;
}

a:hover, #breadcrumb a:hover, a#trigger:hover {
	text-decoration: underline;
}

#logo h1 a {
	background: url(images/logo.png) no-repeat;
	display: block;
	height: 31px;
	outline: none;
	text-indent: -9999px;
	width: 328px;
}

#navigation ul li a {
	color: #666;
}

a.sign-up {
	background: url(images/sign-up-now-btn.png) no-repeat;
	color: #FFF;
	display: block;
	font-size: 20px;
	height: 40px;
	padding: 16px 0 0 20px;
	text-decoration: none;
	width: 179px;
}
	
a.sign-up:hover {
	background-position: 0 -54px;
}

.entry-info h2 a {
	color: #333;
	line-height: 130%;
	margin: 0;
	text-decoration: none;
}
					
.entry-info h2 a:hover {
	color: #389FED;
	text-decoration: none;
}

.entry-info h3 a {
	color: #389FED;
	font-weight: normal;
}
					
.entry-info h3 a:hover {
	color: #389FED;
	text-decoration: underline;
}

ul#profile-nav li a:link, ul#profile-nav li a:visited,
ul#coming-deals li a:link, ul#coming-deals li a:visited {			
	background: #EEE;
	color: #999;
	display: block;
	padding: 8px 12px 8px 12px;
}
			
ul#profile-nav li a:hover, ul#profile-nav li a:active,
ul#coming-deals li a:hover, ul#coming-deals li a:active {
	background: #389FED;
	color: #FFF;
	text-decoration: none;
}

.actions a:link, .actions a:visited {
	color: #8ad0f3;
}

.actions a:hover, .actions a:active {
	color: #FFF;
	text-decoration: none;
}

	#recent-posts-3 ul li a {
		background: #EEE;
		color: #999;
		display: block;
		padding: 8px 12px 8px 12px;
	}
	
	#recent-posts-3 ul li a:hover {
		background: #389FED;
		color: #FFF;
		text-decoration: none;
	}






/* ########### LIST STYLES ########### */

ul, ol {
	list-style-type: none;
	padding: 0;
}

ol.commentlist {
	padding: 30px 0 30px 0;
}

ol.commentlist li {
	background: #F3F3F3;
	margin-bottom: 3px;
	padding: 20px;
}

	ol.commentlist li img {
		float: left;
		margin: 0 15px 10px 0;
	}
	
	#recent-posts-3 ul {
		padding: 8px 0 30px 0;
	}
	
	#recent-posts-3 ul li {
		padding-bottom: 3px;
	}






/* ########### FORM STYLES ########### */

label {
	color: #999;
	display: block;
	font-size: 16px;
	margin-top: 15px;
}

	input#subscribe {
		float: left;
	}
		
input, select, textarea {
	background: #FFF;
	border: 3px solid #ECECEC;
	color: #999;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	padding: 5px;
}
		
select {
	width: 200px;
}

textarea.full {
	width: 570px;
	height: 200px;
}

.posted-by-inner textarea.full {
	width: 530px;
	height: 200px;
}
		
textarea.wysiwyg {
	width: 570px;
	height: 200px;
}
		
textarea.comment {
	width: 430px;
	height: 200px;
}
		
input.globalbutton {
	background: url(images/get-deals-btn.png) no-repeat;
	background-position: 0 3px;
	border: 0;
	color: #FFF;
	font-size: 14px;
	height: 41px;
	margin-top: 15px;
	padding: 4px 0 0 15px;
	text-align: left;
	width: 114px;
}
		
input.globalbutton:hover {
	background-position: 0 -40px;
	cursor: pointer;
}

label.error {
	color: #F00;
	font-size: 12px;
	line-height: 120%;
	margin: 0;
	padding: 0;
}





/* ########### TABLE STYLES ########### */

table {
	border-collapse: collapse;
	width: 100%;
}

	th {
		color: #333;
		font-size: 16px;
		font-weight: normal;
	}
	
	th, td {
		padding: 10px;
		text-align: left;
	}
	
	tr.cssOn {
		background: #F3F3F3;
	}
	
	tr.cssOff {
		background: #FFF;
	}
	
	tr.trover {
		background: #389FED;
		color: #FFF;
	}
	
		.actions {
			display: none;
		}
		
		
	
	
	
	
	
/* ########### TOOLBOX ########### */

.cboth {
	clear: both;
}