/*
Theme Name: Coulter Martin Smith PLLC
Theme URI: http://coultertm.com
Description: Custom theme
Author: Conflare
Author URI: http://conflare.com/

*/

html, body {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0;
	min-width: 1024px;
	width: 100%;
	background: #0b3543 url(images/top-bg.png) 0 0 repeat-x;
	color:#fff;
	font-weight:normal;
}

html {
	}
	* html, * html body {
		width: 1024px;
	}

body {
	background: #0b3543 url(images/top-bg.png) 0 0 repeat-x;
	font-family: Arial, Tahoma, Sans-serif;
	color: #fff
}

a {
	font-family: Arial, Tahoma, Sans-serif;
	color:#fff;
}

h1 {
	margin:20px 0px;
	font-size:22px;
	font-weight:normal;
	color:#c8b570;
}

h1.logo {
	margin:0 auto;
	width:520px;
	
}

h2, h2 a {
	font-size:22px;
	font-weight:normal;
	color:#c8b570;
}

h3, h3 a {
	font: 20px Arial, sans-serif;
	margin:30px 0 0 0;
	padding:0;
	color:#c8b570;
}

	
	
ul {
	margin: 2px 0 10px 10px;
	padding: 0 0 0 16px;
}

	#page-content li {
		margin: 4px 0;
		font-size: 15px;
	}

p {
	font-size: 15px;
	margin: 8px 0 15px 0;
	color:#fff;
	color: #fff;
	line-height:1.35em;
	font-weight: normal;
	font-family:  Arial, Tahoma, Sans-serif;
}
	
	.blurb p {
		margin:20px 80px;
		text-align:center;
		font-size:14px;
	}
	
	span.highlight {
		background:#6a0b02;
		padding:2px 4px;
	}

/* Layout */

#main {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	padding-bottom:40px;
}
.home #main {
	min-height: 1040px;
}
	
* html .home #main {
	height: 1040px;
}	

#header {
	height: 95px;
}

	#top {
		text-align:right;
		font-size:14px;
		font-weight:normal;
		padding-right:50px;
		margin-top:10px;
		overflow:hidden;
	}
	
		#top .social-media {
			position:relative;
			top:2px;
		}
		
			#top .social-media img {
				margin-left:2px;
			}
		
		#top .phone {
			color:#c4b273;
			margin-left:10px;
		}

	#logo {
		position: absolute;
		top: 16px;
		left: 30px;
		width: 455px;
		height: 80px;
		background: url(images/logo.png) 0 0 no-repeat;
	}
		* html #logo {
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
				src='/wp-content/themes/cmsl/images/logo.png', sizingMethod='image');
		}
		#logo a {
			display: block;
			position: relative;
			width: 455px;
			height: 80px;
			padding: 11px 18px;
			background: transparent;
			opacity: 0;
			-moz-opacity: 0;
			filter:alpha(opacity=0);
		}

/* =Menu
-------------------------------------------------------------- */

#access {
	position: absolute;
	top: 40px;
	right: 20px;
	font-size: 12px;
	line-height: 16px;
	text-transform:uppercase;
	z-index:1000;
}
	#access .menu-header,
	div.menu {
		font-size: 13px;
		margin-left: 12px;
	}
	#access .menu-header ul,
	div.menu ul {
		list-style: none;
		margin: 0;
	}
	#access .menu-header li,
	div.menu li {
		float:left;
		position: relative;
	}
	#access a {
		display:block;
		text-decoration:none;
		color:#aaa;
		padding:0 10px;
		line-height:38px;
	}
	#access ul ul {
		display:none;
		position:absolute;
		top:38px;
		left:0;
		float:left;
		/*box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
				-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
				-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);*/
		width: 220px;
		z-index: 99999;
		background:#06252f;
	}
	#access ul ul li {
		min-width: 220px;	
	}
	#access ul ul ul {
		left:100%;
		top:0;
	}
	#access ul ul a {
		background:#06252f;
		height:auto;
		line-height:1em;
		padding:10px;
		width: 200px;
	}
	#access li:hover > a,
	#access ul ul :hover > a {
		color:#fff;
	}
	#access ul li:hover > ul {
		display:block;
	}
	#access ul li.current_page_item > a,
	#access ul li.current-menu-ancestor > a,
	#access ul li.current-menu-item > a,
	#access ul li.current-menu-parent > a {
		color:#fff;
		/*background:#042029;	*/
	}

	* html #access ul li.current_page_item a,
	* html #access ul li.current-menu-ancestor a,
	* html #access ul li.current-menu-item a,
	* html #access ul li.current-menu-parent a,
	* html #access ul li a:hover {
		color:#fff;
		/*background:#042029;	*/
	}

#page-content {
	width: 1024px;
	margin: 30px 0px;
	padding: 0px;
}

	#page-content #main-column {
		float:left;
		width:700px;
		margin:0 30px 0 0;
		min-height: 600px;
	}

		* html #page-content #main-column {
			width:700px;
		}

			#inner-page-01 #page-content #main-column {
				width:1024px;
				margin:0 0 0 0;
				min-height: 0px;
			}

				* html #inner-page-01 #page-content #main-column {
					width:1024px;
				}
				

			
	#sidebar-column {
		float:left;
		width:250px;
		font-size:15px;
		margin-top:20px;
	}

		#sidebar-column h2 {
			font-size:18px;
		}

		#sidebar-column ul, #sidebar-column li {
			list-style: none;
		}

		#sidebar-column ul li ul {
			margin-left:-16px;
		}
		

#footer {
	position: relative;
	top: 0px;
	left:0;
	width: 1024px;
	font-size: 12px;
	padding:20px;
	line-height: 16px;
	text-align:left;
	color:#5a808d;
}

	#footer p, #footer a {
		font-size: 1em;
		color:#5a808d;
		margin: 0;
	}

body.home #footer {
	top: 300px;

}
	

/* =HOMEPAGE */

/* Feature */

#feature .feature {
	position: relative;
	width: 1024px;
	height: 522px;
	float: left;
}
	#feature .feature .background, #feature .feature ul,
		#feature .feature li, #feature .feature .call-to-action,
		#feature .feature a, #feature .feature .ie-image {
		display: block;
		list-style: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 1024px;
		height: 522px;
		margin: 0;
		padding: 0;
	}
		#feature .feature li, #feature .feature .call-to-action {
			display: none;
		}

	#feature .feature li, #feature .feature .call-to-action {
		z-index: 100;
	}

	#feature .feature span {
		display: block;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		*visibility: hidden;
	}

#feature {
	position: relative;
	margin-top: 31px;
	width: 1024px;
}
	#feature-content {
		position: absolute;
		width: 1024px;
		height: 522px;
		left: 0px;
		background: none;
		overflow: hidden;
		padding: 0;
	}
		#feature-content .features {
			width: 1024px;
			height: 522px;
			overflow: visible;
			margin: 0;
		}
				.feature-mask {
					position: absolute;
					margin-left: 108px;
					overflow: hidden;
					font-size: 1px;
					line-height: 1px;
				}
					.feature-mask div {
						position: absolute;
						top: 0;
						left: 0;
						width: 804px;
						height: 368px;
						background-image: url(images/feature-mask.png);
						background-repeat: no-repeat;
					}
						* html .feature-mask div {
							background-image: none;
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
								src='/wp-content/themes/cmsl/images/feature-mask.png', sizingMethod='image');
						}
					.feature-mask-t {
						top: 0;
						left: 3px;
						width: 798px;
						height: 2px;
					}
						.feature-mask-t div {
							margin-left: -3px;
						}
					.feature-mask-r {
						top: 0;
						left: 801px;
						width: 3px;
						height: 368px;
					}
						.feature-mask-r div {
							margin-left: -801px;
						}
					.feature-mask-b {
						top: 366px;
						left: 3px;
						width: 798px;
						height: 2px;
						background-position: -3px -366px;
					}
						.feature-mask-b div {
							margin-left: -3px;
							margin-top: -366px;
						}
					.feature-mask-l {
						top: 0;
						left: 0;
						width: 3px;
						height: 368px;
					}

	#feature button {
		display: none;
		position: absolute;
		top: 161px;
		width: 42px;
		height: 46px;
		margin: 0;
		padding: 0;
		border: 0;
		cursor: pointer;
	}	
		#feature button::-moz-focus-inner {
			border: 0;
		}
		#feature button.disabled {
			opacity: 0.35;
			-moz-opacity: 0.35;
			cursor: default;
		}
		#feature-previous {
			left: 58px;
			background: url(images/feature-arrow-left.png) 0 0 no-repeat;
		}
			* html #feature-previous {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/cmsl/images/feature-arrow-left.png', sizingMethod='image');
			}
		#feature-next {
			right: 62px;
			background: url(images/feature-arrow-right.png) 0 0 no-repeat;
		}
			* html #feature-next {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/cmsl/images/feature-arrow-right.png', sizingMethod='image');
			}
			body.ie #feature button#feature-previous.disabled {
				background-image: none;
				filter:alpha(opacity=35), progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/cmsl/images/feature-arrow-left.png', sizingMethod='image');
			}
			body.ie #feature button#feature-next.disabled {
				background-image: none;
				filter:alpha(opacity=35), progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/cmsl/images/feature-arrow-right.png', sizingMethod='image');
			}
		#feature button span {
			display: block;
			opacity: 0;
			-moz-opacity: 0;
			filter:alpha(opacity=0);
			*visibility: hidden;
		}


	#feature-navigation, #feature-navigation li {
		display: block;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
		#feature-navigation {
			top: 528px;
			right:30px;
			font-size: 26px;
			line-height: 6px;
		}
		#feature-navigation li {
			display: -moz-inline-box;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 10px;
			height: 6px;
			overflow: hidden;
			border: 1px solid #c8b56f;
			*margin-left: 6px;
		}
			#feature-navigation-0 {
				*margin-left: 0;
			}
		#feature-navigation button {
			display: block;
			position: relative;
			width: 10px;
			height: 6px;
			overflow: hidden;
			border: 0;
			margin: 0;
			padding: 0;
			outline: 0;
			background: transparent;
			cursor: pointer;
		}
			#feature-navigation button::-moz-focus-inner {
				border: 0;
			}
			#feature-navigation button.active {
				background: #c8b56f;
			}
			#feature-navigation button span {
				display: block;
				opacity: 0;
				-moz-opacity: 0;
				filter:alpha(opacity=0);
				*visibility: hidden;
			}

	#lower-blog-area {
		position:relative;
		top:560px;
		left:0px;
		background: transparent url(images/home-blog-bg.png) 0 0 no-repeat;
		width:596px;
		height:284px;
		overflow:hidden;
	}

		#blog-feed {
			padding: 40px 20px 10px 180px;
			color: #fff;
		}
			#blog-feed p {
				*display: inline;
				color: #fff;
			}
			#blog-feed, #blog-feed a {
				color: #fff;
				text-decoration: none;
			}
			#blog-feed ul, #blog-feed li {
				display: block;
				position: relative;
				list-style: none;
				margin: 0;
				padding: 0;
				color: #fff;
			}
			* html #blog-feed ul {
				margin-bottom: -16px;
			}
			
				#blog-feed li {
					margin-top:20px;
				}
			
			#blog-feed .read-more {
				color: #fff;
				text-decoration: underline;
			}
			#blog-feed a.title {
				display: block;
				float: left;
				*display: inline;
				*float: none;
				padding-right: 1em;
				color:#c8b56f;
				text-transform:uppercase;
			}
			
			* html #blog-feed a.title {
				width: 370px;
			}
			
			#blog-link {
				margin:0 0 0 182px;
			/*	margin-bottom: -0.5em !important;
							margin-top: 0.5em !important;
							padding-bottom: 10px;*/
			}
			
			* html #blog-link {
				position: relative;
				top: 1.5em !important;
				margin-bottom: -1.5em !important;
				margin-top: 1.5em !important;
			}

	#lower-mark {
		position:relative;
		top:300px;
		left:700px;
		background: transparent url(images/mark-bg.png) 0 0 no-repeat;
		width:289px;
		height:334px;
		overflow:hidden;
	}

/*  =PAGE SPECIFIC STYLES */



.contact #page-content #main-column {
	height:500px;
	padding:44px 40px 0 520px;
	width:485px !important;
	background: url(images/contact-bg.jpg) 0 0 no-repeat;
}

	.contact #page-content #main-column h3 {
		font-size: 20px;
		margin:0;
		padding:0;
	}

/*  =AREAS OF PRACTICE STYLES  */

.areas-of-practice #page-content #main-column {
	height:500px;
	padding:44px 40px 0 520px;
	width:470px !important;
	background: url(images/areas-bg.jpg) 0 0 no-repeat;
	clear:both;
}

.areas-of-practice #areas-how-help {
	position:absolute;
	top:220px;
	left:200px;
   	background: url(images/areas-how-help-sprite.png) no-repeat 0 0;
	width:250px;
	height:105px;
}

	.areas-of-practice a:hover #areas-how-help {
	   	background-position: 0 -110px; 
	}

.areas-of-practice #page-content #main-column h1 {
	margin:0;
	padding:0;
}

#page-content #main-column h3 {
	font-size: 15px;
	margin:20px 0 0 0;
	padding:0;
	color:#c8b570;
	font-weight:normal;
}

/*  =WHO WE ARE STYLES  */

.who #page-content #main-column {
	height:420px;
	padding:0;
	background: #092b37 url(images/who-bg.jpg) 0 0 no-repeat;
}	

	/*  =WHO SPRITES  */
	
	.who #who-jefferson-sprite {
		position:absolute;
		top:320px;
		left:800px;
	   	background: url(images/who-jefferson-sprite.png) no-repeat 0 0;
		width:210px;
		height:60px;
	}

		.who a:hover #who-jefferson-sprite {
		   	background-position: 0 -66px; 
		}
	
	.who #who-julie-sprite {
		position:absolute;
		top:330px;
		left:16px;
	   	background: url(images/who-julie-sprite.png) no-repeat 0 0;
		width:192px;
		height:60px;
	}

		.who a:hover #who-julie-sprite {
		   	background-position: 0 -66px; 
		}
	
	.who #who-chad-sprite {
		position:absolute;
		top:366px;
		left:390px;
	   	background: url(images/who-chad-sprite.png) no-repeat 0 0;
		width:142px;
		height:60px;
	}

		.who a:hover #who-chad-sprite {
		   	background-position: 0 -66px; 
		}
	
	

	#who-lower-boxes {
		position:absolute;
		top:550px;
		overflow:hidden;
	}

		#who-lower-boxes .who-box {
			float: left;
			width:280px;
			margin-left:40px;
			overflow:hidden;
		}
		
	h2#who-find-out-more {
		position:absolute;
		top:700px;
		font-size:14px;
	}
		h2#who-find-out-more a {
			font-size:18px;
		}
	
		
	.who-extras {
		margin:30px 0 0 0;
	}
	
	.who-extras p {
		width:500px;
	}

	/*  =JEFFERSON  */
	
	.who-jefferson #page-content #main-column {
		height:400px;
		padding:20px 40px 0 500px;
		width:485px !important;
		background: #092b37 url(images/who-jefferson.jpg) 0 0 no-repeat;
	}
	
	/*  =CHAD  */
	.who-chad #page-content #main-column {
		height:400px;
		padding:20px 40px 0 500px;
		width:485px !important;
		background: #092b37 url(images/who-chad.jpg) 0 0 no-repeat;
	}	
	
	/*  =JULIE  */
	.who-julie #page-content #main-column {
		height:400px;
		padding:20px 40px 0 500px;
		width:485px !important;
		background: #092b37 url(images/who-julie.jpg) 0 0 no-repeat;
	}	
	
	
	.who-pic {
		float:right;
		margin:0 0 10px 10px;
	}
	
	body.page-id-8 #footer {
		top: 220px;

	}

	

/*  =BLOG STYLES  */

html body.blog, html body.archive, html body.single {
	background:#fff;
	background-image:none;
	margin-top:-10px;
}

body.blog, body.archive, body.single {
	background:#fff;
	background-image:none;
	padding-top:10px;
}

body.blog, body.blog p, body.blog a {
	color:#333 !important;
}
	body.archive, body.archive p, body.archive a {
		color:#333 !important;
	}
	body.single, body.single p, body.single a {
		color:#333 !important;
	}

	body.blog #logo, body.archive #logo, body.single #logo  {
		top: 12px;
		left: 24px;
		background: url(images/logo-blog.png) 0 0 no-repeat;
	}
		* html body.blog #logo {
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
				src='/wp-content/themes/cmsl/images/logo-blog.png', sizingMethod='image');
		}
		body.blog #logo a {
			padding: 11px 18px;
		}

	body.blog #top .phone, body.archive #top .phone, body.single #top .phone {
		color:#252525;
	}	
	
	body.blog #access ul ul, body.archive #access ul ul, body.single #access ul ul {
		background:#ededed;
	}
	
	
	body.blog #access ul ul a {
		background:#ededed;
	}
		body.archive #access ul ul a {
			background:#ededed;
		}
		body.single #access ul ul a {
			background:#ededed;
		}
	
	body.blog #access li:hover > a,
	body.blog #access ul ul :hover > a {
		color:#000;
	}
	
	body.blog #access ul li.current_page_item > a,
	body.blog #access ul li.current-menu-ancestor > a,
	body.blog #access ul li.current-menu-item > a,
	body.blog #access ul li.current-menu-parent > a {
		color:#000;
	}

	* html body.blog #access ul li.current_page_item a,
	* html body.blog #access ul li.current-menu-ancestor a,
	* html body.blog #access ul li.current-menu-item a,
	* html body.blog #access ul li.current-menu-parent a,
	* html body.blog #access ul li a:hover {
		color:#000;
	}
	
/*	body.blog h1, body.blog h2, body.archive h2, body.single h2 {
		color:#c8b56f;
		font-size:14px;
	}*/
	
	#blog-header {
		background: #0b3543 url(images/blog-header.png) 0 0 repeat-x;
		width:1024px;
		height:100px;
		margin:0 0 20px 0;
	}
	
	body.blog .post {
		margin-bottom:30px;
		padding-bottom:30px;
		border-bottom:1px solid #dedede;
	}
	
	body.blog .post .entry-utility, body.blog .post .entry-meta, .form-allowed-tags {
		font-size:12px;
		margin:10px 0;
	}
		body.archive .post .entry-utility, body.archive .post .entry-meta {
			font-size:12px;
			margin:10px 0;
		}
		body.single .post .entry-utility, body.single .post .entry-meta {
			font-size:12px;
			margin:10px 0;
		}
		
	
	body.blog .post .entry-utility, body.blog .post .entry-utility a:link, body.blog .post .entry-utility a:visited {
			color:#949494 !important;
		}
		body.archive .post .entry-utility, body.archive .post .entry-utility a:link, body.archive .post .entry-utility a:visited {
				color:#949494 !important;
			}
		body.single .post .entry-utility, body.single .post .entry-utility a:link, body.single .post .entry-utility a:visited {
				color:#949494 !important;
			}
	

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ededed;
	text-align: center;
	background-color: #fff;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */