/*
Theme Name:		Baker & Brown
Theme URI:		http://bakerandbrownlaw.com
Description:	Theme for the Baker & Brown website.
Version:		1.0
Author:			Scott McCaughey
Author URI:		http://shinybird.com
Tags:			custom, grey, orange, clean, law
*/

/*------------------------------------------------------------------------------------------------
[Colors]

Dark Blue			#282a33
Dark Grey			#575c5f
Mid Grey			#697371
Light Grey			#dee0e0
Light Orange		#ffe7a6
Mid Orange			#f5ba52
Dark Orange			#fa8000
Black				#111
White				#fff
-------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------
[Table of Contents]

1.	Imported Styles
2.	General
3.	Header
4.	Footer
5.	Main
6.	Content
7.	Sidebar
8.	Google Maps
9.	WordPress Auto-Generated Styles
-------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------
1.	Imported Styles
-------------------------------------------------------------------------------------------------*/

@import "style/reset.css";
@import "style/960.css";
@import "style/typography.css";

/*------------------------------------------------------------------------------------------------
2.	General
-------------------------------------------------------------------------------------------------*/

body {
	background: #575c5f;
	color: #111;
	font-size: 15px;
	font-family: Bergamo, Georgia, serif;
	line-height: 150%;
}

a {
	color: #fa8000;
	font-weight: bold;
}

	a:hover {
		color: #282a33;
	}

hr { 
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

p,dl,hr,ol,ul,pre,table,address,fieldset {
	font-size: 15px;
	line-height: 150%;
	margin-bottom: 20px;
}

h2,h3,h4,h5,h6 {
	color: #282a33;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 5px;
}

	h2 a,h3 a,h4 a,h5 a {
		border-bottom: 1px solid #282a33;
		color: #282a33;
		font-weight: normal;
		text-decoration: none;
	}

		h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {
			border-bottom: 1px solid #fa8000;
			color: #fa8000;
		}

	h2 {
		font-size: 32px;
		text-shadow: -1px 1px 1px rgba(0,0,0,0.75);
	}

		h2 em {
			color: #fa8000;
		}

	h3 {
		font-size: 28px;
	}

	h4 {
		font-size: 21px;
	}
	
	.home h4 {
		font-size: 24px;
	}

	h5 {
		font-size: 17px;
	}

		.byline,
		#sidebar .byline {
			font-size: 14px;
			font-style: italic;
			font-weight: normal;
			letter-spacing: 0;
			margin-top: -3px;
		}

			.byline a {
				border-bottom: none;
				color: #fa8000;
				font-weight: bold;
			}
		
				.byline a:hover {
					color: #282a33;
				}
		
	h6 {
		font-size: 15px;
		margin: -10px 0 20px;
	}
	
		#sidebar h6 {
			letter-spacing: 0;
		}

			#sidebar h6 a {
				border-bottom: none;
				color: #fa8000;
				font-weight: bold;
				text-decoration: underline;
			}
		
				#sidebar h6 a:hover {
					color: #282a33;
				}
		
ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin: 0 0 5px 25px;
}

#education,
#resume {
	margin-top: -25px;
}

	#education h4,
	#resume h4 {
		border-bottom: 1px solid #282a33;
		color: #282a33;
		margin: 25px 0 15px;
	}
	
	#education h5,
	#resume h5 {
		font-size: 14px;
		font-weight: bold;
	}

	#education p,
	#resume p {
		font-size: 14px;
	}

	#education ul,
	#resume ul {
		margin-bottom: 15px;
	}

		#education li,
		#resume li {
			font-size: 13px;
		}

#workers {
	background: url('images/workers.jpg') no-repeat;
	-moz-box-shadow: -2px 2px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: -2px 2px 6px rgba(0,0,0,0.25);
	display: block;
	height: 100px;
	margin-bottom: 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 580px;
}

.address {
	margin-left: 20px;
}

.readmore {
	font-style: italic;
}

	.readmore:after {
		content: " \BB";
	}

/*------------------------------------------------------------------------------------------------
3.	Header
-------------------------------------------------------------------------------------------------*/

#header {
	margin-top: 20px;
}

	#header .grid_4 {
		margin-left: 0;
		width: 310px;
	}

	#header .grid_8 {
		margin-right: 0;
		width: 630px;
	}

	#header h1 a {
		background: url('images/logo.png') no-repeat;
		display: block;
		height: 86px;
		margin-bottom: 20px;
		overflow: hidden;
		text-indent: -9999px;
		width: 268px;
	}

	#header h2 {
		color: #fff;
		font-size: 28px;
		font-style: italic;
		margin-top: -10px;
		text-align: right;
	}
	
		#header h2 em {
			font-style: normal;
			font-weight: bold;
		}

	#nav {
		margin: 34px -10px 0 0;
		text-align: right;
	}
	
		#nav li {
			display: inline;
			font-family: Bergamo, serif;
			list-style: none;
			margin: 0;
		}
		
			#nav li a {
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				color: #fff;
				font-size: 13px;
				font-weight: bold;
				line-height: 13px;
				margin: 0;
				padding: 7px 10px 5px;
				text-decoration: none;
				text-shadow: -1px 1px 0 rgba(0,0,0,0.5);
			}

				#nav li a:hover,
				#nav li.current_page_item a,
				.single #nav.attorney li.page-item-17 a,
				.category-attorneys #nav li.page-item-17 a,
				.single #nav.news li.page-item-21 a,
				.category-news #nav li.page-item-21 a {
					background-color: #fa8000;
					-moz-box-shadow: -1px 1px 3px rgba(0,0,0,0.5);
					-webkit-box-shadow: -1px 1px 3px rgba(0,0,0,0.5);
					color: #fff;
				}

/*------------------------------------------------------------------------------------------------
4.	Footer
-------------------------------------------------------------------------------------------------*/

#footer {
	color: #fff;
	text-align: center;
}

	#nav2 {
		margin-bottom: 10px;
	}
	
		#nav2 li {
			display: inline;
			list-style: none;
			margin: 0 10px;
			text-shadow: -1px 1px 0 rgba(0,0,0,0.5);
		}

			#nav2 li a {
				color: #fff;
				font-size: 13px;
				font-weight: bold;
				padding: 0;
			}

				#nav2 li a:hover,
				#nav2 li.current_page_item a,
				.single #nav2.attorney li.page-item-17 a,
				.category-attorneys #nav2 li.page-item-17 a,
				.single #nav2.news li.page-item-21 a,
				.category-news #nav2 li.page-item-21 a {
					color: #f5ba52;
				}

/*------------------------------------------------------------------------------------------------
5.	Main
-------------------------------------------------------------------------------------------------*/

#main {
	background: #dee0e0;
	-moz-box-shadow: -2px 2px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: -2px 2px 6px rgba(0,0,0,0.25);
	margin-bottom: 20px;
}

	h2.mountains {
		background: url('images/mountains.jpg') 0 0 no-repeat;
		color: #fff;
		font-size: 36px;
		font-style: italic;
		height: 54px;
		margin: 0;
		padding: 120px 20px 5px 0;
		text-align: right;
		width: 940px;
	}

/*------------------------------------------------------------------------------------------------
6.	Content
-------------------------------------------------------------------------------------------------*/

#content {
	background: #fff;
	-moz-box-shadow: 1px -1px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px -1px 6px rgba(0,0,0,0.25);
	margin-left: 0;
	padding: 13px 20px 0;
	width: 580px;
}

#content .alpha,
#content .omega {
	width: 275px;
}

/*------------------------------------------------------------------------------------------------
7.	Sidebar
-------------------------------------------------------------------------------------------------*/

#sidebar {
	margin-right: -10px;
	padding: 15px 0 30px;
	width: 300px;
}

	#sidebar h3 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: -1px;
		text-shadow: none;
	}

	.gform_fields li {
		list-style: none;
		margin-left: 0;
	}
	
		.gfield_required {
			color: #fa8000;
			font-size: 14px;
			padding-left: 3px;
		}
	
		.ginput_container input,
		.ginput_container textarea {
			border: 1px solid #697371;
			-moz-box-shadow: -1px 1px 6px rgba(0,0,0,0.25);
			-webkit-box-shadow: -1px 1px 6px rgba(0,0,0,0.25);
			font-family: Bergamo, Georgia, serif;
			font-size: 16px;
			padding: 3px;
			width: 295px;
		}

			.ginput_container input {
				width: 195px;
			}
		
		.gform_footer {
			margin-top: -10px;
			text-align: center;
		}
		
		.gform_footer input {
			background: #fa8000;
			border: none;
			-moz-border-radius: 10px;
			-o-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			-moz-box-shadow: -1px 1px 6px rgba(0,0,0,0.25);
			-webkit-box-shadow: -1px 1px 6px rgba(0,0,0,0.25);
			color: #fff !important;
			cursor: pointer;
			font-family: Bergamo, Georgia, serif;
			font-size: 16px;
			font-weight: bold;
			padding: 3px 6px 1px !important;
		}
		
			.gform_footer input:hover {
				-moz-box-shadow: -1px 1px 9px rgba(0,0,0,0.5);
				-webkit-box-shadow: -1px 1px 9px rgba(0,0,0,0.5);
			}

	#sidebar h6 {
		margin-bottom: 0;
	}

	#sidebar .widget,
	#sidebar .gform_wrapper {
		margin-bottom: 20px;
	}

/*------------------------------------------------------------------------------------------------
8.	Google Maps
-------------------------------------------------------------------------------------------------*/

.jmap {
	-moz-box-shadow: -2px 2px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: -2px 2px 6px rgba(0,0,0,0.25);
	height: 400px;
	width: 580px;
}

.jcaption {
	color: #697371;
	font-style: italic;
	font-weight: bold;
	margin: 10px 0 20px;
	text-align: right;
}
	
	.jcaption em {
		background: #575c5f;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #fa8000;
		font-size: 18px;
		font-style: normal;
		padding: 4px 5px 1px;
	}

/*------------------------------------------------------------------------------------------------
9.	WordPress Auto-Generated Styles
-------------------------------------------------------------------------------------------------*/

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.wp-caption {
	margin-right: -10px;
}

	.wp-caption img,
	.category-attorneys img {
		-moz-box-shadow: -2px 2px 6px rgba(0,0,0,0.25);
		-webkit-box-shadow: -2px 2px 6px rgba(0,0,0,0.25);
	}

	.wp-caption-text {
		display: none;
	}

br.clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0 0;
}