/*
	Theme Name: NPVET theme
	Theme URI: http://pistonbroke.com/
	Description: Theme for Northpointe Veterinary Hospital.
	Version: 1.0
	Author: Pistonbroke
	Author URI: http://pistonbroke.com/
*/
/* CSS Document */

/* Original def */
	html {
		background: #6699CC url(../images/background.jpg) repeat;
		margin: 0;
		padding: 0;
	}
	body {
		background: url(../images/background_repeat.jpg) repeat-x;
		font-family: Verdana;
		font-size: 12px;
		color: #FFFFFF;
		margin: 0;
		padding: 0;
	}
	h1, h2, h3, p, ul, ol {
		margin: 0;
		padding: 0;
	}
	li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	a {
		text-decoration: none;
	}
	img {
		border: none;
	}
	form, input, select, textarea {
		font-family: Arial;
		font-size: 11px;
		margin: 0;
		padding: 0;
	}
	.page {
		width: 980px;
		margin: 0 auto;
	}
	.column_left {
		float: left;
		width: 230px;
		padding: 15px 0 75px;
	}
	.column_left .logo {
		margin-bottom: 20px;
	}
	.column_left .nav {
		font-family: 'Times New Roman';
		margin-bottom: 25px;
	}
	.column_left .nav li {
		border-bottom: 1px solid #999999;
		font-size: 15px;
		width: 225px;
		min-height: 26px;
	}
	.column_left .nav li a {
		display: block;
		color: #FFFFFF;
		width: 215px;
		min-height: 16px;
		padding: 4px 0 4px 10px;
	}
	.column_left .nav li a:hover {
		background: url(../images/nav_hover.png) repeat;
	}
	.column_left .nav li li {
		border-top: 1px solid #999999;
		border-bottom: none;
	}
	.column_left .nav li li a {
		color: #B2B2B2;
		width: 185px;
		padding-left: 40px;
	}
	.column_left .nav li li a:hover {
		color: #FFFFFF;
	}
	.column_left .nav li a.current, .column_left .nav li .current_page_item {
		background: url(../images/nav_hover.png) repeat;
		color: #FFFFFF;
	}
	.column_left .bucket {
		margin: 0 0 10px 5px;
	}
	.column_right {
		float: right;
		width: 735px;
		padding: 0 0 75px 0;
	}
	.column_right .phone {
		float: right;
		background: url(../images/call.png) no-repeat;
		width: 420px;
		height: 45px;
		margin-bottom: 15px;
	}
	.column_right .banner {
		clear: both;
		margin: 90px 0 -15px 0;
	}
	.column_right .home {
		padding-top: 149px;
	}
	.column_right .content {
		clear: both;
		width: 735px;
	}
	.column_right .content h1 {
		font-family: 'Times New Roman';
		font-size: 18px;
		font-weight: normal;
		color: #FFFFCC;
		margin-bottom: 20px;
	}
	.column_right .content h2 {
		clear: both;
		border-top: 2px solid #FFFFFF;
		border-bottom: 2px solid #FFFFFF;
		font-family: 'Times New Roman';
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		width: 700px;
		margin-bottom: 20px;
		padding: 5px 0;
	}
	.column_right .content h3 {
		clear: both;
		font-size: 14px;
		color: #CCFFEE;
		margin-bottom: 5px;
	}
	.column_right .content p {
		margin-bottom: 15px;
		font-size: 13px;
	}
	.column_right .content strong {
		color: #CCFFEE;
	}
	.column_right .content a {
		color: #CCFFEE;
	}
	.column_right .content fieldset {
		display: block;
		width: 350px;
		border: none;
		margin-bottom: 10px;
		padding: 10px;
	}
	.column_right .content table {
		font-size: 13px;
		text-align: left;
	}
	.column_right .content th {
		font-size: 14px;
	}
	.column_right .content td {
		vertical-align: top;
		/*width: 150px;*/
		padding: 2px;
	}
	.column_right .content input, .column_right .content select, .column_right .content textarea {
		background: #CCCCCC;
		border: 1px solid #FFFFFF;
		width: 196px;
		padding: 2px;
	}
	.column_right .content select {
		width: 202px;
		padding-right: 0;
	}
	.column_right .content textarea {
		height: 80px;
	}
	.column_right .content input.submit {
		display: block;
		font-weight: bold;
		width: 100px;
	}
	.column_right .content ul.sitemap {
		font-weight: bold;
	}
	.column_right .content ul.sitemap ul {
		font-weight: normal;
		padding-left: 15px;
	}
	.column_right .content ul.sitemap a:hover {
		color: #FFFFFF;
	}
	.column_right .bio {
		float: left;
		clear: both;
		border-bottom: 1px solid #FFFFFF;
		width: 660px;
		margin-bottom: 20px;
		padding: 0 20px 20px;
	}
	.column_right .last {
		border-bottom: none;
		margin-bottom: 0;
	}
	.column_right .bio .photo {
		float: left;
		border: 3px solid #333333;
		width: 147px;
		height: 97px;
	}
	.column_right .bio .text {
		float: right;
		width: 480px;
	}
	.column_right .bio p {
		margin-bottom: 0;
	}
	.column_right .bio span.info {
		display: block;
		font-size: 10px;
		color: #CCCCCC;
		margin-bottom: 5px;
	}
	#gallery {
		padding-top: 130px;
	}
	#gallery h1 {
		font-size: 20px;
		padding-left: 55px;
	}
	#gallery p {
		padding-left: 55px;
	}
	#gallery .full_size {
		clear: both;
		width: 700px;
		margin: 0 auto;
	}
	#gallery a.prev {
		display: block;
		float: left;
		width: 8px;
		height: 16px;
		margin-right: 20px;
		padding: 2px 8px 2px 4px;
	}
	#gallery a.next {
		display: block;
		float: right;
		width: 8px;
		height: 16px;
		padding: 2px 4px 2px 8px;
	}
	#gallery .full_size a.prev, #gallery .full_size a.next {
		margin-top: 30%;
	}
	#gallery .photo {
		float: left;
		background: #FFFFFF;
		color: #000000;
		width: 600px;
		padding: 10px;
	}
	#gallery .photo img {
		display: block;
		margin-bottom: 20px;
	}
	#gallery .photo h3 {
		color: #000099;
	}
	#gallery .photo p {
		padding-left: 0;
	}
	#gallery .photo strong {
		color: #000000;
	}
	#gallery .thumbs {
		clear: both;
		width: 720px;
		height: 50px;
		margin: 0 auto 30px;
		padding-top: 20px;
	}
	#gallery .thumbs a.prev {
		margin: 20px 0 0;
	}
	#gallery .thumbs a.next {
		margin-top: 20px;
	}
	#gallery a.thumb {
		display: block;
		border: 6px solid #CCCCCC;
		background: #000000;
		width: 50px;
		height: 50px;
		margin: 0 3px;
	}
	#gallery a.current {
		border-color: #000000;
	}
	.footer {
		clear: both;
		background: #091523;
		font-family: 'Times New Roman';
		color: #516678;
		text-align: right;
		width: 980px;
		height: 20px;
		padding: 5px 5px 0 0;
		}
		#pbControl .footer a {
			color:#516678;
		}
		#pbControl .footer a:hover {
			color:#81A2BF;
		}
		
	/**/
	.drops {
		color: white;
		position: absolute;
		margin-left: 220px;
		margin-top: -28px;
		background: #6699CC;
		display: none;
		z-index:100;
	}
	.column_left .nav li .drops li a {
		color:white;
	}
	li:hover .drops {
		display: block;
	}
/**/

/*Generic*/
	#pbControl a {
		color:#D1E8FF;
		}
		#pbControl a:hover {
			color:#ff0;
			text-decoration:underline;
		}
	/**/
/**/

/*Specific*/
	#pbControl .seo {
		}
		#pbControl h1.seo {
			font-size:180%;
			color:#fff;
		}
		#pbControl h2.seo {
			clear:none;
			border:0;
			margin:0;
			padding:0 0 1em 0;
			font-size:160%;
			color:#FFFFC9;
		}
	/**/
	
	#pbControl .column_right {
		position:relative;
	}
	#pbControl .firstLine {
		position:absolute;
		top:50px; right:10px;
		
		color:#5087B9;
		padding:.5em 0 1.5em;
		font-family:times new roman, serif;
		font-size:140%;
	}
	#pbControl .boilerPlate {
		clear:both;
		font-family:times new roman, serif;
		font-size:160%;
		line-height:1.5em;
		padding:1em 5ex;
		text-align:center;
	}
	#pbControl .bottomKeywords {
		font-size:85%;
		padding:1em 5ex;
		text-align:center;
		color:#B6D1EB;
	}
	.alignleft {
		float:left;
		margin:0 2ex .5em 0;
	}
/**/

/*Text and layout control*/
	#pbControl .centeredContent {
		margin:0 auto;
	}
	#pbControl .centeredText {
		text-align:center;
	}
/**/

/* Margins */
	#pbControl .allMargins,
	#pbControl .tallMargins,
	#pbControl .topMargin {
		padding-top:1.5em;
	}
	#pbControl .allMargins,
	#pbControl .tallMargins,
	#pbControl .bottomMargin {
		padding-bottom:1.5em;
	}
	#pbControl .allMargins,
	#pbControl .wideMargins,
	#pbControl .leftMargin {
		padding-left:4ex;
	}
	#pbControl .allMargins,
	#pbControl .tallMargins,
	#pbControl .rightMargin {
		padding-right:4ex;
	}
/**/

/*Specific Pages*/
	#pbPage_Staff {
	}
	#pbPage_Staff h2 {
		margin-top:2.5em;
		font-size:220%;
		color:#fff;
	}
	#pbPage_Staff h2.first {
		margin-top:0;
	}
	#pbPage_Staff h3 {
		margin-top:2em;
		clear:both;
	}
	#pbPage_Staff img {
		border:1px solid #fff;
		margin-bottom:2em;
	}
	#pbPage_Staff p {
		margin-bottom:.5em;
	}
/**/