/*
	Theme Name: Wellman Nichols Smith, PLLC
	Theme URI: 
	Description: 
	Author: Kate Compton
	Version: 1.0
	License: 
	License URI: 
	Template: template 
	Tags: 
*/



@import url("../template/style.css"); 



/* ----- START [4] Custom Styles ----- */




body {
	font-family: Calibri, Tahoma, Arial, sans-serif;
	background: url(img/body-background.png) top center repeat-y #0d2c3f;
	}
	

.top-section {
	min-height:490px;
	background:url(img/top-background.png) top left repeat-x #f9e7cb;
	}

	body.home .top-section {
		min-height:597px;
		background:url(img/top-background-home.png) top left repeat-x #f9e7cb;
		}
	
		.top-section .container-16 {
			overflow:visible;
			}
	
		body.home .container-16 {
			padding:0px 60px;
			}
	
		body.home .top-section .container-16 {
			background:no-repeat center 423px url(img/home-aop-background.png);
			}
	
	
.mid-section {
	background:#f9e7cb;
	}


/* -- Header -- */


header {
	height:78px;
	overflow:hidden;
	padding:20px 0px;
	}


a.main-logo  {
	display:block;
	margin:10px 0px 0px 0px;
	width:306px;
	height:63px;
	background:url(img/main-logo.png) top left no-repeat;
	text-decoration:none;
	text-indent:-100000px;
	}


.header-contact-info {
	text-align:right;
	}
	
	.header-contact-info b {
		display:block;
		font:normal 210%/100% "Arial Narrow", "Helvetica Neue", Tahoma, sans-serif;
		color:#084b78;
		}
	
	.header-contact-info i {
		display:block;
		font-style:normal;
		color:#747474;
		font:normal 93%/100% "Arial Narrow", "Helvetica Neue", Tahoma, sans-serif;
		text-transform:uppercase;
		}


form#searchform {
	display:inline-block;
	margin:0px 0px 15px 0px;
	padding:6px 0px 6px 6px;
	background:#fff;
	border:1px solid #bfbcb5;
	}
	
	form#searchform label {
		color:#4d4d4d;
		}
	
	form#searchform input[type=text] {
		*width:178px;
		margin:0px;
		padding:0px;
		border:none;
		background:none;
		font-size:100%;
		line-height:100%;
		color:#c37303;
		}
	
	form#searchform input[type=submit],
	form#searchform input#searchsubmit {
		margin:0px;
		padding:0px 10px;
		width:6px;
		*padding:0px;
		*width:26px;
		border:none;
		background:url(img/search-bullet.png) center no-repeat;
		}



/* -- Main Nav -- */


.center-align {
	text-align:center;
	}
	

nav.main {
	display:inline-block;
	margin:0px auto;
	height:40px;
	overflow:visible;
	text-align:center;
	font-weight:bold;
	font-size:100%;
	line-height:100%;
	text-transform:uppercase;
	
	border:2px solid #c37303;
	border-bottom:none;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	
	background: #d09035; /* Old browsers */
	background: -moz-linear-gradient(top,  #d09035 0%, #c37303 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d09035), color-stop(100%,#c37303)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d09035 0%,#c37303 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d09035 0%,#c37303 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d09035 0%,#c37303 100%); /* IE10+ */
	background: linear-gradient(top,  #d09035 0%,#c37303 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d09035', endColorstr='#c37303',GradientType=0 ); /* IE6-9 */

	}
	
	nav.main ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
	nav.main ul li {
		position:relative;
		z-index:95;
/*		display:inline;*/
		margin:0px;
		padding:0px;
		float:left;
		}
	
	nav.main ul li a {
		display:block  !important;
		float:left;
		
		height:27px;
		padding:13px 7px 0px 7px;
		overflow:hidden;
		border-left:1px solid #b55502;
		border-right:1px solid #e0af04;
		color:#f5eeee;
		text-decoration:none;
		}
		
		nav.main ul li:first-child a {
			margin: 0;
			border-left:none;
			
			-webkit-border-radius:7px 0px 0px 7px;
			-moz-border-radius:7px 0px 0px 7px;
			border-radius:7px 0px 0px 7px;
			
			}
		
		nav.main ul li:last-child a,
		nav.main ul li.menu-item-787 a {
			border-right:none;
			
			-webkit-border-radius:0px 7px 7px 0px;
			-moz-border-radius:0px 7px 7px 0px;
			border-radius:0px 7px 7px 0px;
			
			}
	
	nav.main ul li a:hover,
	nav.main ul li:hover a {
		color:#f5eeee;
		text-decoration:none;
		
		background: #b58035; /* Old browsers */
		background: -moz-linear-gradient(top,  #b58035 0%, #a26002 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b58035), color-stop(100%,#a26002)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b58035 0%,#a26002 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b58035 0%,#a26002 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b58035 0%,#a26002 100%); /* IE10+ */
		background: linear-gradient(top,  #b58035 0%,#a26002 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b58035', endColorstr='#a26002',GradientType=0 ); /* IE6-9 */

		}
	
	nav.main ul li.current_page_item a,
	nav.main ul li.current_page_item a:hover {
		color:#ffd99e;
		}
		
		/* -- Drop Nav -- */
		
		nav.main ul ul {
			position:absolute;
			top:39px;
/*			*top:39px;*/
			left:;
			margin-right:4px;
			border-top:1px solid #c77a0d;
			text-align:left;
			font-weight:normal;
			text-transform:none;
			width:220px;
			}
			
			@media screen and (-webkit-min-device-pixel-ratio:0){
/*				nav.main ul ul { top:26px; }*/
				} 
			
			nav.main ul ul {
				display:none;
				}
			
			nav.main ul li:hover ul {
				display:block;
				}
		
		nav.man ul ul li {
/*			position:relative;*/
			z-index:99;
			float:left;
			}
		
		nav.main ul ul li a,
		nav.main ul li:hover ul li a {
/*			position:relative;*/
			z-index:100;
			display:block;
			width:200px;
			height:auto;
			padding:8px 10px;
			margin:0px;
			border:none;
			border-top:1px solid #8d5301;
			border-bottom:1px solid #c77a0d;
			background:#a26002;
			
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a26002', endColorstr='#a26002',GradientType=0 ); /* IE6-9 */

			color:#fff;
			text-decoration:none;
			
			-webkit-border-radius:0px;
			-moz-border-radius:0px;
			border-radius:0px;
			float:left;
			}
			
			nav.main ul ul li:first-child a,
			nav.main ul li:hover ul li:first-child a {
				}
			
			nav.main ul ul li:last-child a,
			nav.main ul li:hover ul li:last-child a {
				border-bottom:none;
				padding-bottom:8px;
				-webkit-border-radius:0px 0px 7px 7px;
				-moz-border-radius:0px 0px 7px 7px;
				border-radius:0px 0px 7px 7px;
				}
		
		nav.main ul ul li a:hover,
		nav.main ul li:hover ul li a:hover {
			background: #c77b03; 
			
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c77b03', endColorstr='#c77b03',GradientType=0 ); /* IE6-9 */
			
			color:#fff;
			text-decoration:none;
			}


/* -- Banner -- */

.banner {
	*position:relative;
	*z-index:-10000;
	padding:30px 0px 0px 0px;
	}
	
.slider {
	*position:relative;
	*z-index:-10000;
	display:block;
	text-align:center;
	height:288px;
	overflow:hidden;
	padding:26px 0px 0px 0px;
	*padding:30px 0px 0px 0px;
	background: url(img/slider-background.png) bottom center no-repeat;
	*background:none;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0){
/*		.slider { margin-top:4px; }*/
		}  
	
	.slider ul.pagination {
		position:absolute;
		width:100%;
		top:4px;
		*top:10px;
		text-align:center;
		list-style:none;
		margin:0px;
		padding:0px;
		}
		
		.slider ul.pagination li {
			display:inline;
			margin:0px;
			padding:0px;
			}
		
			.slider ul.pagination li a {
				display:inline-block;
				*display:block;
				*float:left;
				margin:0px 2px;
				width:10px;
				height:10px;
				overflow:hidden;
				background:#08283f;
				text-decoration:none;
				text-indent:-10000px;
				
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				
				}
			
				.slider ul.pagination li a:hover {
					background:#0e4165;
					text-decoration:none;
					}
			
			.slider ul.pagination li.current a {
				background:#d36d00;
				}
			
				.slider ul.pagination li.current a:hover {
					background:#cf9033;
					}
		
	
	.slider ul.slides_container {
		display:none;
		list-style:none;
		margin:0px;
		padding:0px;
		width:940px;
		height:288px;
		overflow:hidden;
		}
	
	.slider ul.slides_container li {
		display:block;
		margin:0px;
		padding:0px;
		width:940px;
		height:288px;
		overflow:hidden;
		}


/* -- AOP -- */


nav.aop {
	display:block;
	height:99px;
	overflow:hidden;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	}
		
	nav.aop ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
	nav.aop ul li {
		display:inline;
		margin:0px;
		padding:0px;
		}
	
	nav.aop ul li a {
		display:inline-block;
		text-align:left;
		height:64px;
		padding: 35px 15px 0;
		overflow:hidden;
		background:url(img/aop-border.png) bottom left no-repeat;
		color:#fff;
		text-decoration:none;
		}
		
		nav.aop ul li:first-child a {
			background:none;
			}
	
	nav.aop ul li a:hover {
		color:#ff9c00;
		text-decoration:none;
		}


/* -- Results Bar -- */


.results-slider {
	position:relative;
	height:40px;
	overflow:hidden;
	background:#c77b03;
	color:#fff;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	
	}
	
	.results-slider a.next,
	.results-slider a.prev {
		position:absolute;
		top:14px;
		width:8px;
		height:12px;
		overflow:hidden;
		background:url(img/results-next-prev-icons.png);
		text-indent:-10000px;
		}
			
		.results-slider a.next {
			left:101px;
			background-position:top right;
			}
	
		.results-slider a.next:hover {
			background-position:bottom right;
			}
		
		.results-slider a.prev {
			left:92px;
			background-position:top left;
			}
		
		.results-slider a.prev:hover {
			background-position:bottom left;
			}
	
	
	.results-slider h2 {
		display:block;
		float:left;
		margin:0px;
		padding:11px 20px 0px 0px;
		width:105px;
		height:29px;
		overflow:hidden;
		text-align:center;
		background:#0b2c43;
		color:#ff;
		font:bold 139%/100% "Arial Narrow", "Helvetica Neue", Tahoma, sans-serif;
		text-transform:uppercase;
		
		-webkit-border-radius:7px 0px 0px 7px;
		-moz-border-radius:7px 0px 0px 7px;
		border-radius:7px 0px 0px 7px;
		
		}
	
		.results-slider h2 a,
		.results-slider h2 a:visited {
			color:#fff;	
			text-decoration: none;
			}

		.results-slider h2 a:hover {
			color:#C77B03;	
			text-decoration: none;
			}

	.results-slider ul.slides_container {
		display:block;
		float:right;
		width:775px;
		height:40px;
		overflow:hidden;
		list-style:none;
		margin:0px;
		padding:0px 20px 0px 0px;
		}
		
		.results-slider ul.slides_container li {
			display:block;
			margin:0px;
			padding:0px;
			width:775px;
			height:40px;
			overflow:hidden;
			}
			
			.results-slider ul.slides_container li.short {
				padding:12px 0px 0px 0px;
				height:28px;
				}
				
			.results-slider ul.slides_container li.long {
				padding:4px 0px 0px 0px;
				height:36px;
				}
				

.results-shadow {
	height:11px;
	overflow:hidden;
	background:url(img/results-shadow.png) top center no-repeat;
	}


/* -- Right Sidebar -- */


aside.right-column {
	font-size:108%;
	}
	
	aside.right-column h2 {
		display:block;
		margin:0px;
		padding:20px 15px;
		background:#0b2c43;
		color:#fff;
		font:bold 131%/100% "Arial Narrow", "Helvetica Neue", Tahoma, sans-serif;
		text-transform:uppercase;
		
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		border-radius:7px;
		
		}
		
		aside.right-column h2 i {
			display:block;
			font-style:normal;
			font:normal 77%/100% "Arial Narrow", "Helvetica Neue", Tahoma, sans-serif;
			text-transform:none;
			color:#c77b03;
			}

.sidebar-contact-info,
.sidebar-client-list {
	position:relative;
	padding:0px 15px 25px 15px;
	}
	
	.blog-sidebar {
		position:relative;
		padding:0px 15px 10px 15px;
		}
	
	.sidebar-contact-info {
		padding-top:9px;
		color:#000;
		}
	
	.sidebar-client-list {
		font-weight:bold;
		color:#717171;
		}

	
	.sidebar-contact-info h2,
	.sidebar-client-list h2,
	.blog-sidebar h2,
	aside.right-column .sidebar-contact-info h2,
	aside.right-column .sidebar-client-list h2,
	aside.right-column .blog-sidebar h2 {
		margin:0px -15px 15px -15px;
		}
		
		.sidebar-client-list h2,
		aside.right-column .sidebar-client-list h2 {
			padding:12px 15px;
			}
		
		.sidebar-contact-info .location-icon {
			position:absolute;
			top:0px;
			right:4px;
			width:78px;
			height:80px;
			overflow:hidden;
			background:url(img/location-icon.png);
			}
	
	.sidebar-contact-info address,
	.sidebar-contact-info p,
	.sidebar-client-list p,
	.blog-sidebar p {
		margin:15px 0px;
		padding:0px;
		font-style:normal;
		}
		
		.sidebar-client-list ul,
		.blog-sidebar ul {
			list-style:none;
			margin:15px 0px;
			padding:0px;
			}
		
		.sidebar-client-list ul li,
		.blog-sidebar ul li {
			display:block;
			margin:0px;
			padding:1px 0px 1px 10px;
			background:no-repeat 0px 6px url(img/sidebar-bullet.png);
			}
		
	
	.sidebar-contact-info a,
	.sidebar-client-list a,
	.blog-sidebar a {
		display:inline-block;
		padding:5px 20px;
		background:#c77b03;
		color:#fff;
		text-decoration:none;
		
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		
		}
	
	.sidebar-contact-info a:hover,
	.sidebar-client-list a:hover,
	.blog-sidebar a:hover {
		background:#df8f11;
		color:#fff;
		text-decoration:none;
		}
		

/* ----- Client Center ----- */

iframe.client-center {
	width:900px;
	min-height:900px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:none;
	}


/* ---- Main Content Block ----- */
		
.content {
	padding:20px;
	font-size:108%;
	color:#5d5d5d;
	}
	
	.content img.CfnImg {
		margin:-30px 10px 0px 0px;
		}
	
	.content hr {
		color:#f9e7cb;
		background:#f9e7cb;
		border:none;
		border-top:1px dotted #aaa;
		}
		
	.content blockquote {
		}
		
	.content a,
	.content a:visited {
		font-weight:bold;
		color:#bc620b;
		text-decoration:underline;
		}
	
	.content a:hover,
	.content a:active,
	.content a:focus {
		color:#df8f11;
		text-decoration:underline;
		}
		
	.content p {
		margin-top:10px;
		}
			
	.content h1 {
		font:normal 154%/100% "Palatino Linotype", "Book Antiqua", Palatino, serif;
		color:#084b78;
		}
	
	.content h2 {	
		margin-bottom:10px;
		color:#bc620b;
		font-weight:bold;
		font-size:123%;
		line-height:100%;
		}
	
	.content h3 {
		margin-bottom:10px;
		color:#000;
		font-weight:bold;
		font-size:108%;
		line-height:100%;
		}
	
	.content h4 {
		margin-bottom:10px;
		color:#444;
		font-weight:bold;
		font-size:93%;
		line-height:100%;
		}
	
	.content h5 {
		margin-bottom:10px;
		color:#444;
		font-weight:bold;
		font-size:88%;
		line-height:100%;
		}
	

/* ----- Footer ----- */


footer {
	padding:10px 0px;
	background:url(img/footer-background.png) top center no-repeat;
	color:#fff;
	}


.footer-logo {
	padding:0px 0px 20px 0px;
	}

	.footer-logo a,
	.footer-logo a:hover {
		display:block;
		height:63px;
		overflow:hidden;
		background:url(img/footer-logo.png) top left no-repeat;
		text-indent:-10000px;
		text-decoration:none;
		}


.client-center-button {
	padding:10px 0px 0px 0px;
	font-size:108%;
	}
	
	.client-center-button a {
		display:inline-block;
		padding:7px 10px;
		background:#c77b03;
		color:#fff;
		text-decoration:none;
		
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		
		}
	
	.client-center-button a:hover {
		background:#df8f11;
		color:#fff;
		text-decoration:none;
		}


.footer-contact-info {
	line-height:182%;
	}
	
	.footer-contact-info h2 {
		margin:0px;
		padding:0px;
		font-weight:bold;
		font-size:100%;
		text-transform:uppercase;
		color:#c77b03;
		}
	
	.footer-contact-info address {
		margin:0px 0px 20px 0px;
		padding:0px;
		font-style:normal;
		}
	
	.footer-contact-info span {
		width:100px;
		}


/* ----- Footlinks ----- */

nav.footlinks,
nav.aop-footlinks {
	padding:5px 0px 0px 0px;
	}
	
	nav.footlinks h2,
	nav.aop-footlinks h2 {
		margin:0px;
		padding:0px 0px 10px 0px;
		font-weight:bold;
		font-size:100%;
		text-transform:uppercase;
		}
	
	nav.footlinks ul,
	nav.aop-footlinks ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
	nav.footlinks ul li,
	nav.aop-footlinks ul li {
		display:inline;
		margin:0px;
		padding:0px;
		}
	
	nav.footlinks ul li a,
	nav.aop-footlinks ul li a {
		display:block;
		padding:0px 0px 3px 10px;
		background:no-repeat 0px 5px url(img/footer-bullet.png);
		color:#fff;
		text-decoration:none;
		}
	
	nav.footlinks ul li a:hover,
	nav.aop-footlinks ul li a:hover {
		color:#c77b03;
		text-decoration:none;
		}




/* ----- Disclaimer ----- */


.footer-disclaimers {
	padding:30px 0px 60px 0px;
	font-size:93%;
	}
	
	.footer-disclaimers p {
		margin:15px 0px;
		padding:0px;
		}
	
	.footer-disclaimers img {
		float:right;
		margin:15px 0px 0px 0px;
		}
	
	.footer-disclaimers a {
		color:#c77b03;
		text-decoration:none;
		}
	
	.footer-disclaimers a:hover {
		color:#e68e03;
		text-decoration:none;
		}



/* ----- END [4] Custom Styles ----- */





















/* ----- [5] Non-Semantic Helper Classes ----- */


/* for image replacement */
.ir { 
	display:block; 
	text-indent:-999em; 
	overflow:hidden; 
	background-repeat:no-repeat; 
	text-align:left; 
	direction:ltr; 
	}

/* Hide for both screenreaders and browsers  [ css-discuss.incutio.com/wiki/Screenreader_Visibility ] */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { 
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px; 
	}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
	clip: auto; 
	height: auto; 
	margin: 0; 
	overflow: visible; 
	position: static; 
	width: auto; 
	}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { 
	visibility:hidden; 
	}

/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, 
.clearfix:after { 
	content:"\0020"; 
	display:block; 
	height:0; 
	visibility:hidden; } 

.clearfix:after { clear:both; }

/* Fix clearfix:blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom:1; clear:both; }



/* ----- END [5] Non-Semantic Helper Classes ----- */








/* ----- [6] Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */



@media all and (orientation:portrait) { 
	/* Style adjustments for portrait mode goes here */
	}


@media all and (orientation:landscape) { 
	/* Style adjustments for landscape mode goes here */
	}

/* 
	Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
	Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ 
*/

@media screen and (max-device-width:480px) {
	/* ----- Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you (j.mp/textsizeadjust ) ----- */
	/*html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
	}



/* ----- END [6] Media Queries ----- */









/* ----- [7] Print Styles ----- */
/* ----- inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ ----- */


@media print {

	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	
	}


/* ----- END [7] Print Styles ----- */