/*
Theme Name: Blue Practice
Theme URI: http://www.bluepractice.com/
Description: The default Blue Practice theme by Sebo Marketing.
Version: 1.0
Author: Sebo Marketing
Author URI: http://www.sebomarketing.com
Tags: blue
*/



/* --------------------
Reset Code
-------------------- */

html, body,
div,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input,
img,
p, blockquote {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:normal;
	font-style: normal;
}

ul, ol {
	list-style: none;
}

img {
	border:none;
}

fieldset {
	border:none;
}

strong, label {
	font-weight: bold;
}

em {
	font-style: italic;
}



/* --------------------
Element Styles
-------------------- */

body {
	font-family:Verdana, Helvetica, San-serif;
	font-size:90%;
	color:#0C3B57;
}

p {
	margin:0 0 1.2em 0;
	line-height:1.2em;
}

a:link {
	color:#0C3B57;
}
a:visited, a:active {
	color:#0C3B57;
}
a:hover { 
	color:#0095d5;
	text-decoration:none;
}

:focus {
	outline:none;
}


h1 {
	font-size:140%;
	color:#0095d5;
	font-family:Georgia, Times New Roman, Times, serif;
	
	margin-bottom:24px;
	padding-top:6px;
	padding-left:19px;
	height:32px;
	color:#0095d5;
	font-size:135%;
	background:transparent url('images/bar-long.gif') top left no-repeat scroll;
}
	h1 a {
		text-decoration:none;
	}
	h1 a:hover {
		text-decoration:underline;
	}

h2 {
	font-size:140%;
	color:#0095d5;
	font-family:Georgia, Times New Roman, Times, serif;
	
	margin-bottom:24px;
	padding-top:6px;
	padding-left:19px;
	height:32px;
	color:#0095d5;
	font-size:125%;
	background:transparent url('images/bar-long.gif') top left no-repeat scroll;
}
	h2 a {
		text-decoration: none;
	}
	h2 a:hover {
		text-decoration:underline;
	}

h3 {
	font-size:100%;
	color:#0095d5;
	font-family:Verdana, Helvetica, Sans-serif;
}

img {
	
}

.hr {
	margin:1.4em 0;
	border-bottom:1px solid #233C55;
}

.hr2 {
	margin:1.4em 0;
	border-bottom:1px solid #436689;
}



/* --------------------
Floats, Clears
-------------------- */

.float-left {
	float: left;
}
	img.float-left {
		display: inline;
		padding: 15px 15px 15px 0;
	}
.float-right {
	float:right;
}
	img.float-right {
		display: inline;
		padding: 15px 0 15px 15px;
	}
.float-center {
	margin:0 auto;
}



.clear {
	clear:both;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}



.off-page {
	position:absolute;
	left:-999em;
}



/* --------------------
Text Styles
-------------------- */
.bigger {
	font-size:120%;	
}
.smaller {
	font-size:76%;
}



.strike {
	text-decoration:line-through;
}
.error {
	color:#a00;
}



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



.extra-line {
	margin-bottom:2.4em;
}



/* --------------------
Buttons
-------------------- */

a.button-style-1, a.button-style-1:link, a.button-style-1:active, a.button-style-1:visited {
	width:138px;
	height:22px;
	padding-top:6px;
	display:block;
	margin:auto;
	background:transparent url('images/button-style1.gif') top left no-repeat scroll;
	text-align:center;
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
	margin-bottom:10px;
}
a.button-style-1:hover {
	color:white;
	text-decoration:underline;
}



a.button-style-2, a.button-style-2:link, a.button-style-2:active, a.button-style-2:visited {
	width:138px;
	height:22px;
	padding-top:6px;
	display:block;
	margin:auto;
	background:transparent url('images/button-style2.gif') top left no-repeat scroll;
	text-align:center;
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
	margin-bottom:10px;
}
a.button-style-2:hover {
	color:white;
	text-decoration:underline;
}



/* --------------------
Modal Windows
-------------------- */

#simplemodal-overlay {
	background-color:#999;
}

	#simplemodal-container a.modalCloseImg {
		background:url('images/x.png') no-repeat;
		width:25px;
		height:29px;
		display:inline;
		z-index:3200;
		position:absolute;
		top:-15px;
		right:-16px;
		cursor:pointer;
	}
	
#simplemodal-container {
	position:relative;
	padding:25px;
	width:675px;
	height:320px;

	font-size:95%;
	
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	/*border:1px solid #0C3B57;*/
	background-color:#fff;
}

	#simplemodal-container img {
		margin-bottom:.5em;
	}
	#simplemodal-container h2 {
		margin:0 0 .5em 0;
		padding:0;
		font-weight:bold;
		color:#0C3B57;
		background:none;
	}
	#simplemodal-container h3 {
		margin:0 0 .3em 0;
		font-weight:bold;
		color:#0C3B57;
	}
	#simplemodal-container p {
		margin-left:0;
	}



/* --------------------
Lists
-------------------- */

.ul-style-1 {
	margin-bottom:.6em;
	padding-left:10px;
	list-style:none;
}
	.ul-style-1 li {
		margin:.5em 0;
		padding-left:12px;
		background:transparent url('images/bullet.gif') 0 5px no-repeat scroll;
	}
	.ul-style-1 ul {
		margin:.5em 0;
	}



.ul-style-spaced li {
	margin-bottom:.6em;
}
	.ul-style-spaced li p {
		padding:.6em 0 0 0;
	}



.ol-style-spaced li {
	margin-bottom:.6em;
}
	.ol-style-spaced li p {
		padding:.6em 0 0 0;
	}



/* --------------------
Blobs
-------------------- */

.blob-default {
	margin-bottom:12px;
}

.blob-image {
	margin-bottom:15px;
}

.blob-testimonial {
	padding:15px 15px 1px;
	margin-right:10px;
	margin-bottom:15px;
	color:#0C3B57;
}



#sidebar {
	position:relative;
}
	#twitter-icon {
		position:absolute;
		float:right;
		right:36px;
		top:-6px;
	}
	#sidebar h2 {
		margin-bottom:15px;
	}
		#sidebar h2 a {
			color:#0095D5;
		}
		#sidebar h2 a.rsswidget {
			color:#0095D5;
		}
		#sidebar .rsswidget img {
			float:right;
			margin-top:5px;
			margin-right:10px;
		}
	
	#sidebar ul {
		margin:0;
		padding:0;
		list-style:none;
	}
		#sidebar ul ul li {
			margin:0 0 18px 20px;
			color:#0C3B57;
			font-size:79%;
			line-height:1.2em;
		}
			#sidebar ul ul li a {
				color:#0C3B57;
				text-decoration:none;
			}
			
		#blog-feed li {
			margin:0 0 20px 20px;
		}
		#blog-feed li h3 {
			font-size:85%;
			color:#0C3B57;
		}
			#blog-feed li h3 a {
				text-decoration:none;
				font-weight:bold;
				color:#0C3B57;
			}
		#blog-feed li p {
			font-size:79%;
		}



/* *****************************************************************************************************************************
The Gulf Between Presentational Elements and Layout Elements



























The End of the Gulf
***************************************************************************************************************************** */


/* --------------------
General Layout
-------------------- */
body {
	min-width:1028px;
	padding-bottom:20px;
	background:#e6f1f7 url('images/site-bg.jpg') top left repeat-x scroll;
}

#site-name {
	position:absolute;
	left:-999em;
}

#container {
	position:relative;
	top:0px;
	margin:0 auto;
	padding-top:98px;
	width:1028px;
	text-align:center;
}

#content {
	position:relative;
	width:1028px;
	text-align:left;
}

#columnWrapper {
	position:relative;
	padding:0 61px 20px 61px;
	width:906px;
	
	min-height:300px;
	/* IE6 Mumbo Jumbo */
	height:auto !important;
	height:300px;
}



/* --------------------
Column Styles
-------------------- */

.columnStyle1 {

}
	.columnStyle1 .columnTopLeft {
		display:none;
	}
	.columnStyle1 .columnBody {
		padding:5px 0 0 0;
	}
		.columnStyle1 p {
			margin-left:1em;
			font-size:100%;
		}
		.columnStyle1 ul {
			margin:0 0 1em 20px;
			list-style:disc;
			font-size:105%;
		}
	.columnStyle1 .columnBottomLeft {
		display:none;
	}



.columnStyle2 {
	
}
	.columnStyle2 .columnTopLeft {
		display:none;
	}
	.columnStyle2 .columnBody {
		padding:5px 0 10px 0;
	}
	.columnStyle2 .columnBottomLeft {
		display:none;
	}



/* --------------------
Main Navigation
-------------------- */

#navigation {
	position:absolute;
	top:53px;
	right:55px;
	width:701px;
	height:45px;
	font-size:105%;
	font-family:Georgia, Times New Roman, Times, serif;
	background:transparent url('images/nav-bg.gif') 100% 0 no-repeat scroll;
	z-index:5;
}
	#navigation>ul {
		float:right;
		margin:0;
		padding:0 10px 0 0;
		height:45px;
		list-style:none;
	}
		/* Normal */
		#navigation>ul>li {
			position: relative;
			float:left;
		}
		#navigation>ul>li.last {
			
		}
			#navigation>ul>li>a:link, #navigation>ul>li>a:visited, #navigation>ul>li>a:active {
				float:left;
				margin:0;
				padding:17px 17px 0 17px;
				height:28px;
				font-size:79%;
				text-decoration:none;
				text-transform:uppercase;
				color:#0C3B57;
			}
			#navigation>ul>li>a:hover {
				text-decoration:underline;
				color:#0095d5;
			}

		/* Hover */
		#navigation>ul>li:hover {
			
		}
			#navigation>ul>li:hover>a:link, #navigation>ul>li:hover>a:visited, #navigation>ul>li:hover>a:hover, #navigation>ul>li:hover>a:active {
				color:#0095d5;
				text-decoration:underline;
				background:none;
			}

		/* Current */
		#navigation>ul>li.selected {
			
		}
		#navigation>ul>li.current_page_ancestor {
			background:#E7E0B4;
		}
		#navigation>ul>li.current_page_ancestor a {
			text-decoration:none;
		}
			#navigation>ul>li.selected>a:link, #navigation>ul>li.selected>a:visited, #navigation>ul>li.selected>a:active, #navigation>ul>li.selected>a:hover {
				text-decoration:none;
				color:#0095d5;
				background:none;
			}

		/* Current Hover */
		#navigation>ul>li.selected:hover {
			
		}
		#navigation>ul>li.last:hover {
			
		}
			#navigation>ul>li.selected:hover>a:link, #navigation>ul>li.selected:hover>a:visited, #navigation>ul>li.selected:hover>a:active, #navigation>ul>li.selected:hover>a:active {
				color:#0095d5;
				text-decoration:underline;
				background:none;
			}



/* --------------------
Main Navigation Dropdowns
-------------------- */

#navigation ul li ul {
	display:none;
	position:absolute;
	top:45px;
	left:0;
	padding-bottom:13px;
	height:auto; /* Don't delete me; make sure you can see any borders in Firefox. */
	width:156px;
	background:transparent url('images/drop-down-bg.gif') bottom left no-repeat scroll;
	z-index:5;
}
	#navigation ul li:hover ul {
		display:block;
	}
	
	/* Make the last item right aligned */
	#navigation ul li.last ul {
		left:auto;
		right:-1px;
	}
	
		/* Normal */
		#navigation ul li ul li{
			display:block;
			float:left;
			margin:0;
			padding:0;
			width:156px;
			height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
			z-index: 5;
			background:#0095d5 url('images/drop-down-line.gif') 10px bottom no-repeat scroll;
		}
		
		#navigation ul li ul li:first-child a:link, #navigation ul li ul li:first-child a:visited, #navigation ul li ul li:first-child a:hover, #navigation ul li ul li:first-child a:active {
			padding-top:10px;
			background:transparent url('images/drop-down-shadow.gif') top left no-repeat scroll;
		}

			#navigation ul li ul li a:link, #navigation ul li ul li a:visited, #navigation ul li ul li a:active {
				display:block;
				float:none;
				margin:0;
				padding:6px 0 8px 12px;
				height:auto; /* needed for firefox still? */
				width:144px;
				font-weight:normal; /* must be here to override parent bold-ness */ 
				font-family:Georgia, Times, Serif;
				font-size:79%;
				text-align:left;
				text-decoration:none;
				color:#fff;
			}

		/* Hover */
		#navigation ul li ul li:hover {
		}
			#navigation ul li ul li:hover a:link, #navigation ul li ul li:hover a:visited, #navigation ul li ul li:hover a:hover, #navigation ul li ul li:hover a:active {
				color:#fff;
				text-decoration:underline;
			}

		/* Current */
		#navigation ul li ul li.selected {
		}
			#navigation ul li ul li.selected a:link, #navigation ul li ul li.selected a:visited, #navigation ul li ul li.selected a:active {
				color:#fff;
				text-decoration:none;
			}

		/* Current Hover */
		#navigation ul li ul li.selected:hover {
		}
			#navigation ul li ul li.selected:hover a:link, #navigation ul li ul li.selected:hover a:visited, #navigation ul li ul li.selected:hover a:hover, #navigation ul li ul li.selected:hover a:active {
				color:#fff;
				text-decoration:underline;
			}



/* --------------------
Left Navigation
-------------------- */

.blobStyleNav {
	background:none;
	padding:0px 0px;
	margin-bottom:15px;
}

	/* Top */
	.blobStyleNav .blobTopLeft {
		display:none;
	}
	
	/* Header */
	.blobStyleNav h2 {
		margin-left: .5em;
		margin-bottom:.3em;
		font-size:140%;
		color:#E7E0B4;
		font-family:Verdana, Helvetica, Sans-serif;
		line-height:1.7em;
	}
	
	/* Links */
	.blobStyleNav ul ul{
		padding-left:10px;
	}
	.blobStyleNav ul li {
		margin-bottom:0px;
	}
		.blobStyleNav ul li a {
			display:block;
			padding:4px 0px 8px 25px;
		}
		
		/* Normal */
		.blobStyleNav ul li{
			background:transparent url('images/nav-bullet.png') 7px 11px no-repeat scroll;
		}
			.blobStyleNav ul li a:link, .blobStyleNav ul li a:visited, .blobStyleNav ul li a:active {
				color:#E7E0B4;
				text-decoration:none;
				
				}
		
		/* Hover */		
		.blobStyleNav ul li:hover {
			background:transparent url('images/nav-bullet.png') 7px 11px no-repeat scroll;
		}
			.blobStyleNav ul li:hover a:link, .blobStyleNav ul li:hover a:visited, .blobStyleNav ul li:hover a:hover, .blobStyleNav ul li:hover a:active {
				color:#E7E0B4;
				text-decoration:underline;
			}
		
		/* Current */
		.blobStyleNav ul li.current {
			background:transparent url('images/nav-bullet.png') 7px 11px no-repeat scroll;
		}
			.blobStyleNav ul li.current a:link, .blobStyleNav ul li.current a:visited, .blobStyleNav ul li.current a:active {
				color:#E7E0B4;
				text-decoration:underline;
			}
		
		/* Current Hover */
		.blobStyleNav ul li.current:hover {
			background:transparent url('images/nav-bullet.png') 7px 11px no-repeat scroll;
		}
			.blobStyleNav ul li.current:hover a:link, .blobStyleNav ul li.current:hover a:visited, .blobStyleNav ul li.current:hover a:hover, .blobStyleNav ul li.current:hover a:active {
				color:#E7E0B4;
				text-decoration:underline;
			}
		
	/* Bottom */
	.blobStyleNav .blobBottomLeft { display:none; }



/* --------------------
Header
-------------------- */

#header-wrapper {
	position:absolute;
	top:0;
	left:0;
	height:98px;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	
	width:1028px;
	z-index:1;
}	
#header {
	position:relative;
	width:1028px;
	height:98px;
}
	#site-logo {
		position:absolute;
		top:7px;
		left:59px;
		height:116px;
		width:213px;
		z-index:5;
		/*background:transparent url('images/site-logo.png') 0 0 no-repeat scroll;*/
	}
	#header-bar {
		margin-left:0;
		margin-bottom:25px;
		width:1028px;
		height:61px;
		background:transparent url('images/header-bar.jpg') top left no-repeat scroll;
	}



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

#footer-wrapper {
	padding:0;
	width:1028px;
	background:none;
}
#footer {
	position:relative;
	padding:5px 0 5px 65px;
	width:963px;
	height:auto;
	text-align:left;
	color:#0C3B57;
	font-size:79%;
	font-family:Verdana, Helvetica, Sans-serif;
	background:transparent url('images/footer-line.gif') 50% 0% no-repeat scroll;
}
	#footer p {
		margin-bottom: 5px;
	}
	#footer a {
		color: #0C3B57;
		text-decoration: none;
	}