/*
Theme Name: Totaro Law
Theme URI: 
Author: Take 42 LLC
Author URI: 
Description: A custom theme based on a provided design.
Version: 1.0
License: This theme is licensed only to Totaro Law.
License URI: 
Tags: 
Text Domain: totarolaw
*/

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}*/

body {
	margin: 0;
	padding: 0;
	background: #547e98 url(images/global/footer-bg.jpg) center top;
}

p, div, blockquote, li, td {
	font: normal 14px/24px Arial, sans-serif;
	color: #5d5d5d;
}

h1 {
	font: bold 24px/normal "Adobe Garamond Pro", "Adobe Garamond", "Garamond Pro", "Garamond", serif;
	color: #444;
	text-transform: uppercase;
}

h2 {
	margin: 2em 0 1em;
	font: bold 20px/normal "Adobe Garamond Pro", "Adobe Garamond", "Garamond Pro", "Garamond", serif;
	color: #444;
	text-transform: uppercase;
}

h3 {
	font: bold 19px/normal Arial, sans-serif;
	color: #5d5d5d;
}

h4 {
	font: bold 18px/normal Arial, sans-serif;
	color: #5d5d5d;
}

h5 {
	font: bold 16px/normal Arial, sans-serif;
	color: #5d5d5d;
}

h6 {
	font: bold 14px/normal Arial, sans-serif;
	color: #5d5d5d;
}

a {
	color: #5e88a2;
	text-decoration: none;
}
a:hover {
	color: #3d5c7a;
}

#global-header {
	width: auto;
	height: 160px;
	background: #f3f3f3 url(images/global/header-bg.png) repeat-x center top;
}
	#global-header .contents {
		position: relative;
		width: 960px;
		height: 160px;
		margin: 0 auto;
	}
		#global-header #logo {
			position: absolute;
			left: 0;
			top: 0;
			width: 331px;
			height: 0;
			overflow: hidden;
			margin: 0;
			padding: 127px 0 0;
			background: url(images/global/logo.png) no-repeat 0px 0px;
		}
		#global-header .secondary {
			position: absolute;
			right: 10px;
			top: 13px;
			height: 27px;
		}
			#global-header .secondary h3 {
				position: absolute;
				right: 190px;
				top: 0;
				width: 405px;
				height: 0;
				overflow: hidden;
				margin: 0;
				padding: 27px 0 0;
				background: url(images/global/header-qualifications.png) no-repeat 0px 0px;
			}
			#global-header .secondary h4 {
				position: absolute;
				right: 0;
				top: 0;
				width: 175px;
				height: 0;
				overflow: hidden;
				margin: 0;
				padding: 27px 0 0;
				background: url(images/global/header-phone.png) no-repeat 0px 0px;
			}

/* Global navigation */
#global-nav {
	position: absolute;
	z-index: 1000;
	right: 6px;
	top: 82px;
	height: 54px;
}
	#global-nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#global-nav ul li {
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			height: 54px;
			background: url(images/global/nav-sprites.png) repeat-x 0px -108px;
		}
		#global-nav ul li.menu-item.first {
			padding-left: 10px;
		}
			#global-nav ul li.menu-item.first .nub {
				position: absolute;
				left: 0px;
				top: 0px;
				width: 10px;
				height: 54px;
				background: url(images/global/nav-sprites.png) no-repeat 0px 0px;
			}
		#global-nav ul li.menu-item.last {
			padding-right: 10px;
		}
			#global-nav ul li.menu-item.last .nub {
				position: absolute;
				right: 0px;
				top: 0px;
				width: 10px;
				height: 54px;
				background: url(images/global/nav-sprites.png) no-repeat -10px 0px;
			}
			#global-nav ul li a {
				position: relative;
				float: left;
				height: 46px;
				margin: 0;
				padding: 0 10px;
				background: url(images/global/nav-sprites.png) repeat-x 0px -108px;
				font: bold 11px/46px Arial, sans-serif;
				color: #fff;
				text-shadow: rgba(0,0,0,0.3) 1px 1px 0px;
				text-transform: uppercase;
			}
				#global-nav ul li.menu-item.first a { padding-left: 8px; }
				#global-nav ul li.menu-item.first a .cap-start { left: -10px; width: 10px; background-position: 0px 0px; }
				#global-nav ul li a .cap-start {
					position: absolute;
					left: 0px;
					top: 0px;
					width: 6px;
					height: 46px;
					background: url(images/global/nav-sprites.png) no-repeat -20px 0px;
				}
				#global-nav ul li.menu-item.last a { padding-right: 8px; }
				#global-nav ul li.menu-item.last a .cap-end { right: -10px; width: 10px; background-position: -10px 0px; }
				#global-nav ul li a .cap-end {
					position: absolute;
					right: 0px;
					top: 0px;
					width: 6px;
					height: 46px;
					background: url(images/global/nav-sprites.png) no-repeat -26px 0px;
				}
				/* Menu indicator */
				#global-nav ul li a .menu-indicator { display: none; }
				#global-nav ul li.with-sub-menu a {
					padding-right: 30px !important;
				}
				#global-nav ul li.with-sub-menu a .menu-indicator {
					display: block;
					position: absolute;
					right: 10px;
					top: 20px;
					width: 11px;
					height: 6px;
					background: url(images/global/nav-sprites.png) no-repeat -32px 0px;
				}
		/* State: Hover + Active */
		#global-nav ul li a:hover,
		#global-nav ul li.active a,
		#global-nav ul li.current-menu-item a,
		#global-nav ul li.current-menu-ancestor a { background-position: 0px -162px; }
			#global-nav ul li a:hover .cap-start,
			#global-nav ul li.active a .cap-start,
			#global-nav ul li.current-menu-item a .cap-start,
			#global-nav ul li.current-menu-ancestor a .cap-start { background-position: -20px -54px; }
			#global-nav ul li a:hover .cap-end,
			#global-nav ul li.active a .cap-end,
			#global-nav ul li.current-menu-item a .cap-end,
			#global-nav ul li.current-menu-ancestor a .cap-end { background-position: -26px -54px; }
			#global-nav ul li.menu-item.first a:hover .cap-start,
			#global-nav ul li.first.active a .cap-start,
			#global-nav ul li.first.current-menu-item a .cap-start,
			#global-nav ul li.first.current-menu-ancestor a .cap-start { background-position: 0px -54px; }
			#global-nav ul li.menu-item.last a:hover .cap-end,
			#global-nav ul li.last.active a .cap-end,
			#global-nav ul li.last.current-menu-item a .cap-end,
			#global-nav ul li.last.current-menu-ancestor a .cap-end { background-position: -10px -54px; }
	/* Menu */
	#global-nav ul .sub-menu {
		display: none;
		position: absolute;
		left: 0px;
		top: 48px;
		width: 100%;
		height: 0;
		margin: 0;
		padding: 0 10px;
	}
		#global-nav ul .sub-menu .arrow {
			position: absolute;
			z-index: 2;
			right: 26px;
			top: -10px;
			width: 18px;
			height: 12px;
			background: url(images/global/nav-menu-sprites.png) no-repeat 0px 0px;
		}
			#global-nav ul .sub-menu .arrow.active { background-position: -18px 0px; }
		#global-nav ul .sub-menu.active { display: block; }
		#global-nav ul .sub-menu ul {
			/* Reset */
			position: absolute;
			left: -10px;
			top: 0;
			z-index: 1;
			width: auto;
			min-width: 100%;
			overflow: hidden;
			border: 1px solid #a4b3c1;
			border-radius: 8px;
			background: #cbd7e2 url(images/global/nav-menu-sprites.png) repeat-x 0px -12px;
			box-shadow: 0px 2px 8px rgba(0,0,0,0.15);
		}
			#global-nav ul .sub-menu ul li {
				/* Reset */
				float: none;
				display: block;
				height: auto;
				overflow: hidden;
				background: none;
			}
				#global-nav ul .sub-menu ul li a {
					float: none;
					display: block;
					height: auto;
					overflow: hidden;
					border-top: 1px solid #f0f3f7;
					border-bottom: 1px solid #b4bfca;
					background: none;
					font: bold 12px/33px Arial, sans-serif;
					color: #4d768f;
					white-space: nowrap;
					text-shadow: none;
					text-transform: none;
				}
					#global-nav ul .sub-menu ul li:first-child a {
						/* border-top: none; */
						border-radius: 8px 8px 0px 0px;
					}
					#global-nav ul .sub-menu ul li:last-child a {
						border-bottom: none;
						border-radius: 0px 0px 8px 8px;
					}
					#global-nav ul .sub-menu ul li:first-child:last-child a {
						border-radius: 8px;
					}
					#global-nav ul .sub-menu ul li .nub,
					#global-nav ul .sub-menu ul li a .cap-start,
					#global-nav ul .sub-menu ul li a .cap-end,
					#global-nav ul .sub-menu li a .menu-indicator {
						display: none;
					}
					#global-nav ul .sub-menu ul li a:hover {
						background: #f8fafb;
					}

/**
 * Billboard
 */
#billboard {
	position: relative;
	width: auto;
	height: 333px;
	background: #f3f3f3 url(images/global/header-bg.png) repeat-x center bottom;
}
	#billboard #slideshow {
		position: relative;
		width: 940px;
		height: 333px;
		margin: 0 auto;
	}
		#slideshow-slides {
			position: absolute;
			left: 0;
			top: 0;
			width: 940px;
			height: 300px;
			overflow: hidden;
		}
		#slideshow .wpajc-pager {
			position: absolute;
			left: 0;
			top: 308px;
			width: 940px;
			height: 15px;
			text-align: center;
		}
			#slideshow .wpajc-pager a {
				display: inline-block;
				width: 16px;
				height: 0;
				overflow: hidden;
				margin: 0 6px;
				padding: 16px 0 0;
				background: url(images/slideshow/nav-sprites.png) no-repeat 0px 0px;
			}
				#slideshow .wpajc-pager a.activeSlide {
					background-position: -16px 0px;
				}

/**
 * Body
 */
#body {
	width: auto;
	overflow: hidden;
	background: #fff;
}
	#body .contents {
		width: 960px;
		overflow: hidden;
		margin: 1px auto 0;
		padding: 30px 0;
		background: url(images/global/body-shadow.png) no-repeat center top;
	}
		body.home #body .contents {
			padding: 38px 0;
		}

/**
 * Main
 */
#main {
	float: left;
	width: 665px;
	margin: 0 0 0 10px;
}

/**
 * Sidebar
 */
#sidebar {
	float: right;
	width: 220px;
	margin-right: 10px;
}

/**
 * Subpage navigation widget
 */
aside.page-nav {
	margin: 0 0 15px;
}
ul.page-nav {
	width: 220px;
	margin: 0;
	padding: 0 0 15px;
	background: url(images/global/widget-nav-sprites.png) no-repeat -1980px bottom;
	list-style: none;
}
	ul.page-nav li {
		margin: 0;
		padding: 0;
		background: url(images/global/widget-nav-sprites.png) no-repeat -220px 0px;
	}
		ul.page-nav li.first { background-position: 0px top; }
		ul.page-nav li.last { background-position: -440px bottom; }
		ul.page-nav li a {
			display: block;
			margin: 0;
			padding: 14px 20px;
			background: url(images/global/widget-nav-sprites.png) no-repeat -660px bottom;
			font: bold 14px/16px Arial, sans-serif;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: rgba(0,0,0,0.7) 0px 2px 1px;
		}
			ul.page-nav li.last a, ul.page-nav li.with-subs a { background: none; }
			ul.page-nav li a:hover { color: #ccc; }
	/* Subs */
	ul.page-nav .subs {
		background: url(images/global/widget-nav-sprites.png) repeat-y -1100px 0px;
	}
		ul.page-nav .subs .outer {
			background: url(images/global/widget-nav-sprites.png) repeat-y -880px top;
		}
			ul.page-nav .subs .inner {
					background: url(images/global/widget-nav-sprites.png) repeat-y -1540px bottom;
			}
	ul.page-nav .subs ul {
		margin: 0;
		padding: 6px 0;
		list-style: none;
	}
		ul.page-nav .subs ul li {
			margin: 0 0 0 30px;
			padding: 0 0 0 0;
			background: none;
		}
			ul.page-nav .subs ul li a {
				display: block;
				margin: 7px 0;
				padding: 0 0 0 12px;
				background: url(images/global/widget-nav-sprites.png) no-repeat -2200px 6px;
				font: normal 14px/16px Arial, sans-serif;
				color: #fff;
				text-decoration: none;
				text-transform: none;
				text-shadow: rgba(0,0,0,0.35) 0px 2px 1px;
			}
				ul.page-nav .subs ul li a:hover { color: #ccc; }

/**
 * Basic widget
 */
.widget {
	width: 220px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: url(images/global/widget-nav-sprites.png) no-repeat -1980px bottom;
}
	.widget h3 {
		margin: 0;
		padding: 14px 20px;
		background: url(images/global/widget-nav-sprites.png) no-repeat 0px top;
		font: bold 14px/16px Arial, sans-serif;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: rgba(0,0,0,0.7) 0px 2px 1px;
	}
	.widget p {
		margin: 0;
		font: normal 14px/20px Arial, sans-serif;
		color: #fff;
		text-shadow: rgba(0,0,0,0.35) 0px 2px 1px;
	}
	.widget ul {
		margin: 0;
		padding: 0;
		background: url(images/global/widget-nav-sprites.png) repeat-y -1100px 0px;
		list-style: none;
	}
		.widget ul li {
			margin: 0;
			padding: 10px 15px 10px 14px;
			background: url(images/global/widget-nav-sprites.png) no-repeat -1760px bottom;
			font: normal 14px/normal Arial, sans-serif;
			color: #fff;
			text-shadow: rgba(0,0,0,0.35) 0px 2px 1px;
		}
			.widget ul li:last-child {
				padding-bottom: 14px;
				background: url(images/global/widget-nav-sprites.png) no-repeat -1320px bottom;
			}
			.widget ul li a {
				display: inline-block;
				margin: 0;
				padding: 0 0 0 9px;
				background: url(images/global/widget-nav-sprites.png) no-repeat -2200px 6px;
				color: inherit;
				text-decoration: none;
			}
				.widget ul li a:hover { color: #ccc; }

/**
 * Contact info widget
 */
.widget.widget_contact_box {
	width: 220px;
	/* margin: 0; */
	padding: 0 0 14px;
	background: url(images/global/widget-text-box-sprites.png) repeat-y -1100px bottom;
}
	.widget.widget_contact_box header {
		margin: 0;
		padding: 0;
		background: url(images/global/widget-text-box-sprites.png) no-repeat 0px top;
	}
		.widget.widget_contact_box header .outer {
			margin: 0;
			padding: 0;
			background: url(images/global/widget-text-box-sprites.png) no-repeat -220px top;
		}
			.widget.widget_contact_box header .inner {
				margin: 0;
				padding: 0;
				background: url(images/global/widget-text-box-sprites.png) no-repeat -440px bottom;
			}
				.widget.widget_contact_box header .inner h3 {
					height: auto;
					margin: 0;
					padding: 17px 20px;
					background: none;
					font: bold 14px/16px Arial, sans-serif;
					color: #fff;
					text-decoration: none;
					text-transform: uppercase;
					text-shadow: rgba(0,0,0,0.7) 0px 2px 1px;
				}
	.widget.widget_contact_box .body {
		margin: 0;
		padding: 0;
		background: url(images/global/widget-text-box-sprites.png) repeat-y -660px top;
	}
		.widget.widget_contact_box .body .inner {
			margin: 0;
			padding: 14px 28px 20px 20px;
			background: url(images/global/widget-text-box-sprites.png) no-repeat -880px bottom;
		}
			.widget.widget_contact_box .body .inner p {
				margin: 0 0 1em;
			}


/**
 * Homepage
 */
body.home #body article {
	float: left;
	width: 300px;
}
	body.home #body article h1 {
		width: auto;
		height: 0;
		overflow: hidden;
		margin: 0;
		padding: 55px 0 0;
		background: url(images/home/dui.png) no-repeat;
	}
	body.home #body article .contents {
		width: auto;
		margin: 0;
		padding: 10px;
		background: none;
	}
		body.home #body article .contents p {
			margin: 1em 0;
			line-height: 18px;
		}

/* Individual */
body.home #body #arcl-dui {
	width: 300px;
}
	body.home #body #arcl-dui h1 {
		background: url(images/home/dui.png) no-repeat;
	}

body.home #body #arcl-practice {
	width: 300px;
	margin-left: 20px;
}
	body.home #body #arcl-practice h1 {
		background: url(images/home/practice-areas.png) no-repeat;
	}
	body.home #body #arcl-practice p.buttons {
		margin-top: 30px;
	}
	body.home #body #arcl-practice a.button {
		display: block;
		width: 181px;
		height: 39px;
		overflow: hidden;
		margin: 0 0 9px;
		padding: 0 60px 0 15px;
		background: url(images/home/practice-button.png) no-repeat 0px 0px;
		font: normal 14px/40px Arial, sans-serif;
		color: #5d5d5d;
		white-space: nowrap;
		text-transform: uppercase;
	}
body.home #body #arcl-blog {
	width: 300px;
	margin-left: 30px;
}
	body.home #body #arcl-blog h1 {
		background: url(images/home/blog.png) no-repeat;
	}
	body.home #body #arcl-blog .post {
		margin: 0 0 20px;
	}
		body.home #body #arcl-blog .post hgroup {
			margin: 0 0 10px;
		}
			body.home #body #arcl-blog .post h3 {
				margin: 0;
			}
				body.home #body #arcl-blog .post h3 a {
					color: inherit;
				}
			body.home #body #arcl-blog .post p.date {
				margin: 0;
			}

/**
 * Footer
 */
#global-footer {
	width: auto;
	background: #547e98 url(images/global/footer-bg.jpg) center top;
}
	#global-footer .shadow {
		width: auto;
		height: 17px;
		background: url(images/global/footer-shadow.png) no-repeat center top;
	}
	#global-footer .contents {
		width: 960px;
		overflow: hidden;
		margin: 0 auto;
		padding: 28px 0 100px;
	}
		#global-footer .column {
			float: left;
		}
		#global-footer .column h1 {
			margin: 0;
			padding: 0 0 15px;
			font: bold 16px/normal Arial, sans-serif;
			color: #fff;
			text-shadow: rgba(0,0,0,0.3) 1px 1px 5px;
		}
		#global-footer .column p,
		#global-footer .column div,
		#global-footer .column li {
			font: normal 12px/15px Arial, sans-serif;
			color: #ddd;
			text-shadow: rgba(0,0,0,0.15) 1px 2px 0px;
		}
		#global-footer .column a {
			color: #ddd;
			text-decoration: none;
		}
			#global-footer .column a:hover {
				color: #fff;
			}
		#global-footer ul {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			border-bottom: 1px solid #7396ac;
		}
			#global-footer ul li {
				margin: 0;
				padding: 6px 14px;
				border-top: 1px solid #7396ac;
				border-bottom: 1px solid #3d5d70;
				background: url(images/global/list-bullet.png) no-repeat 3px 11px;
				text-transform: uppercase;
			}
				#global-footer ul li:first-child { border-top: none; }
		/* Individual */
		#global-footer #ftr-contact {
			width: 330px;
			margin: 0;
			padding: 0 0 0 10px;
		}
			#global-footer #ftr-contact div {
				position: relative;
				margin: 5px 0 18px;
				padding: 0 0 0 30px;
			}
				#global-footer #ftr-contact span.phone-abbr {
					display: inline-block;
					width: 15px;
				}
				#global-footer #ftr-contact span.icon {
					position: absolute;
					left: 0px;
					top: 0px;
					width: 24px;
					height: 24px;
					background-image: url(images/global/footer-sprites.png);
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
					#global-footer #ftr-contact span.icon.pin { background-position: 0px 0px; }
					#global-footer #ftr-contact span.icon.phone { top: -1px; background-position: -24px 0px; }
					#global-footer #ftr-contact span.icon.email { top: -4px; background-position: -48px 0px; }
				#global-footer #ftr-contact .email a {
					text-decoration: underline;
				}
		#global-footer #ftr-sitemap {
			width: 300px;
			margin: 0;
			padding: 0 0 0 10px;
		}
		#global-footer #ftr-recent {
			width: 300px;
			margin: 0;
			padding: 0 0 0 10px;
		}

/**
 * Breadcrumbs
 */
ul.breadcrumbs {
	display: block;
	width: auto;
	height: 33px;
	overflow: hidden;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}
	ul.breadcrumbs li {
		float: left;
		width: auto;
		height: 33px;
		margin: 0;
		padding: 0;
		background: url(images/global/breadcrumb-sprites.png) no-repeat right -33px;
		font: bold 12px/35px Arial, sans-serif;
		color: #838284;
		white-space: nowrap;
	}
		ul.breadcrumbs li a {
			float: left;
			width: auto;
			height: 33px;
			padding: 0 25px 0 14px;
		}
			ul.breadcrumbs li.home {
				position: relative;
				width: 48px;
				background: none;
			}
				ul.breadcrumbs li.home a {
					position: absolute;
					z-index: 2;
					width: 56px;
					height: 0;
					overflow: hidden;
					margin: 0;
					padding: 33px 0 0;
					background: url(images/global/breadcrumb-sprites.png) no-repeat 0px 0px;
				}
			ul.breadcrumbs li.current_item {
				background-position: right -66px;
				padding: 0 28px 0 14px;
			}

/**
 * Posts
 */
.posts {
	margin: 30px 0;
}
	.posts .post {
		width: 665px;
		overflow: hidden;
		margin: 0 0 20px;
		padding: 0 0 10px;
		background: url(images/global/main-hr.png) no-repeat center bottom;
	}
		.posts .post .post-picture {
			float: left;
			margin: 0 23px 0 0;
		}
	.posts .post .post-text {
		float: left;
		width: 400px;
	}
		.posts .post .post-text.full {
			width: 620px;
		}
	.posts .post .post-summary {
		margin: 22px 0 30px;
	}
		.posts .post .post-summary p {
			margin: 0;
		}
	.posts .post.page .post-picture {
		display: none;
	}
	.posts .post.page .post-text {
		float: none;
		width: auto;
	}

/**
 * Post
 */
.post .post-picture {
	position: relative;
	width: 197px;
	height: 163px;
	padding: 0;
	background: url(images/global/picture-frame-thumb.png) no-repeat;
}
	.post .post-picture .frame {
		position: absolute;
		left: 22px;
		top: 15px;
		width: 165px;
		height: 138px;
		overflow: hidden;
	}
.post h1.post-title {
	margin: 0;
}
.post h2.post-meta {
	display: inline-block;
	margin: 6px 0 0;
	padding: 10px 15px;
	background: #d5d4d5;
	border-radius: 5px;
	font: italic normal 12px/normal Arial, sans-serif;
	color: #777;
	text-shadow: rgba(255,255,255,0.7) 1px 1px 0px;
	text-transform: none;
}
	.post h2.post-meta .category { font-weight: bold; }
	.post h2.post-meta a { color: inherit; }
.post .post-content .post-picture {
	float: left;
	margin: 0 2em 1em 0;
}
.post .post-tags {
	margin: 2em 0 1em;
	font: italic normal 12px/normal Arial, sans-serif;
}

/**
 * Comments
 */
.comments-area {
	margin: 30px 0;
}
	.comments-area .comments {
		padding: 26px 30px 10px;
		background: #f2f3f3 url(images/global/main-hr.png) no-repeat center top;
	}
		.comments-area .comments h1.comments-title {
			margin: 0;
			font: bold 24px/normal "Adobe Garamond Pro", "Adobe Garamond", "Garamond Pro", "Garamond", serif;
			color: #8e8e8e;
			text-transform: uppercase;
		}
	.comments-area .comments .comments-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.comments-area .comments .comments-list li {
			margin: 0;
			padding: 18px 0;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d8d8d8;
		}
			.comments-area .comments .comments-list li:first-child { border-top: none; }
			.comments-area .comments .comments-list li:last-child { border-bottom: none; }
			.comments-area .comments .comments-list header {
				margin: 0;
				padding: 0;
				font: bold 12px/normal Arial, sans-serif;
				color: #403f41;
			}
			.comments-area .comments .comments-list p {
				margin: 0;
				font: normal 12px/18px Arial, sans-serif;
				color: #666;
			}

/**
 * Comments response form
 */
.comments-area #respond {
	padding: 30px 30px;
	background: #f2f3f3 url(images/global/main-hr.png) no-repeat center top;
}
	.comments-area #respond h3#reply-title {
		margin: 0;
		font: bold 24px/normal "Adobe Garamond Pro", "Adobe Garamond", "Garamond Pro", "Garamond", serif;
		color: #8e8e8e;
		text-transform: uppercase;
	}
	.comments-area #respond p.reply-notes,
	.comments-area #respond p.logged-in-as {
		margin: 0;
		font: normal 12px/normal Arial, sans-serif;
		color: #8e8e8e;
	}
	.comments-area #respond form {
		width: 605px;
		margin: 0;
		padding: 0;
	}
		.comments-area #respond form .comment-fields {
			float: left;
			width: 210px;
			margin: 15px 25px 0 0;
		}
			.comments-area #respond form .comment-fields p {
				width: auto;
				margin: 0 0 15px;
			}
		.comments-area #respond form .comment-form-comment {
			float: left;
			width: 370px;
			margin: 15px 0 0;
		}
		.comments-area #respond form label {
			display: block;
			margin: 0 0 3px;
			font: normal 12px/normal Arial, sans-serif;
			color: #8e8e8e;
		}
		.comments-area #respond form input[type=text],
		.comments-area #respond form textarea {
			width: 200px;
			margin: 0;
			padding: 6px 4px;
			border: 1px solid #808080;
			font: normal 14px/normal Arial, sans-serif;
			color: #333;
		}
		.comments-area #respond form textarea {
			width: 360px;
			height: 140px;
		}
		.comments-area #respond form .form-submit {
			clear: both;
			height: 45px;
			margin: 0;
			padding-top: 10px;
		}
			.comments-area #respond form .form-submit input#submit {
				position: relative;
				left: -4px;
				width: 147px;
				height: 0;
				overflow: hidden;
				margin: 0;
				padding: 45px 0 0;
				border: none;
				background: url(images/global/button-post-comment.png) no-repeat;
				cursor: pointer;
			}
				.comments-area #respond form .form-submit input#submit:active {
					left: -3px;
					top: 1px;
				}
		
/**
 * Box
 */
.box {
	width: 665px;
	margin: 1em 0;
	padding: 0 0 7px;
	background: url(images/global/main-box-sprites.png) no-repeat -1330px bottom;
}
	.box header {
		margin: 0;
		padding: 18px 30px 15px;
		background: url(images/global/main-box-sprites.png) repeat-y -665px 0;
		border-width: 1px;
		border-style: solid;
		border-color: #c8c8c8 #c8c8c8 #b4b8b8;
		border-radius: 7px 7px 0 0;
		text-align: center;
	}
		.box header h1 {
			margin: 0;
			padding: 0;
			font: bold 17px/normal Arial, sans-serif;
			color: #444;
			text-transform: none;
		}
	.box section {
		margin: 0;
		padding: 15px 30px;
		background: url(images/global/main-box-sprites.png) repeat-y 0 0;
		border-width: 1px;
		border-style: solid;
		border-color: #f1f1f1 #c8c8c8 #c8c8c8;
		border-radius: 0 0 7px 7px;
	}
		.box section p,
		.box section div,
		.box section li {
			font: bold 14px/24px Arial, sans-serif;
			color: #5d5d5d;
		}

/**
 * WordPress image classes
 */
img.alignright { float:right; margin:0 0 1em 1em; }
img.alignleft { float:left; margin:0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/**
 * WordPress excerpt
 */
.excerpt-more {
	white-space: nowrap;
}

/**
 * Container to wrap floats
 */
.container {
	width: auto;
	overflow: hidden;
}

/** 
 * Checkmark list
 */
ul.checkmarks,
ol.checkmarks {
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
	ul.checkmarks li,
	ol.checkmarks li {
		margin: 10px 0;
		padding: 0 0 0 30px;
		background: url(images/global/icon-check.png) no-repeat 0px 0px;
	}

/**
 * Forms
 */
form {
	margin: 0;
	padding: 0;
}
input[type=text],
input[type=password],
textarea {
	width: auto;
	margin: 0;
	padding: 6px 4px;
	border: 1px solid #808080;
	font: normal 14px/normal Arial, sans-serif;
	color: #333;
}
form .fieldset {
	width: auto;
	margin: 1em 0;
}
form .fieldset label {
	display: block;
	margin: 0 0 3px;
	font: normal 12px/normal Arial, sans-serif;
	color: #8e8e8e;
}
form .action input[type=submit] {
	position: relative;
	left: -4px;
	width: 87px;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 46px 0 0;
	border: none;
	background: url(images/global/button-submit.png) no-repeat;
	cursor: pointer;
}
	form .action input[type=submit]:active {
		left: -3px;
		top: 1px;
	}

/**
 * Contact form
 */
.main-contact-form input[type=text] {
	width: 200px;
}
.main-contact-form textarea {
	width: 350px;
	height: 7em;
}

/**
 * Inset box
 */
.inset-box {
	margin: 30px 0;
	padding: 26px 30px 10px;
	background: #f2f3f3 url(images/global/main-hr.png) no-repeat center top;
}
	.inset-box h1 {
		margin: 0;
		font: bold 24px/normal "Adobe Garamond Pro", "Adobe Garamond", "Garamond Pro", "Garamond", serif;
		color: #8e8e8e;
		text-transform: uppercase;
	}

/**
 * Framed picture
 */
.picture-frame {
	position: relative;
	width: 231px;
	height: 189px;
	padding: 0;
	background: url(images/global/picture-frame-medium.png) no-repeat;
}
	.picture-frame img {
		position: absolute;
		left: 23px;
		top: 16px;
		width: 200px;
		height: 165px;
		overflow: hidden;
	}
.picture-frame.right {
	float: right;
	margin: 0 0 1em 1em;
}
.picture-frame.left {
	float: left;
	margin: 0 1em 1em 0;
}