/*
Theme Name: WichitaCenter
Theme URI: http://www.cwhwichita.com
Description: Center For Women's Health Wichita Wordpress
Version: 1.0
Author: Marco Lisci
Author URI: http://www.badsharkcommunications.com/marco-lisci.html
*/

/* STANDARD CSS FILE - BADSHARK COMMUNICATIONS */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

body { 
	line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background-color: #35230e;
	background: url(images/pattern.png) repeat;
	color: #734b34; 
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
}

form, input { 
	color: #734b34; 
 	font-family: Arial, Helvetica, sans-serif;
 	font-size:10px;
}

h1 {font-size:14px;} 
h2 {font-size:30px;} 
h3 {font-size:18px;} 
 
a:link, a:visited {color: #734b34; text-decoration: none; outline: none;} 

a:hover {color:#feeca0; outline: none;}

.nocsshover:hover {display: none !important;}

a:active {text-decoration: underline; outline: none;}

/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.container {
	margin:0 auto; 
	width:900px;
} 

 /* ---------------------------*/ 
 /* HEADER    */ 

	#header {
		position: relative;
		background: url(images/backlight.png) no-repeat;
 		height:200px; 
		text-align: center;
	}
	
		#blog {
			position: absolute;
			top: 6px;
			left: 0px;
			display: block;
			height: 15px;
			line-height: 17px;
			padding: 0px 20px 0px 10px;
			color: #90704b;
			font-size: 12px;
			background: url('images/facebook.png') no-repeat top right;
		}
		
		#blog:hover {
			color: #90704b;
		}
		
		#login {
			position: absolute;
			top: 0px;
			right: 0px;
		}
		
			#login input {
				display: block;
				border: 0px;
				background-color: #402422;
				width: 90px;
				margin-top: 6px;
				padding: 5px 5px;
				float: right;
				color: #feeca0;
			}
		
			#login .button {
				float: right;
				text-transform: uppercase;
				width: 50px;
				padding: 5px 5px;
				cursor: pointer;
			}
		
			#login .button:hover {
				color: #000000;
				background-color: #feeca0;
			}
		
			#login .button:active {
				background-color: #402422;
			}
			
		#addresses {
			position: absolute;
			width: 900px;
			top: 126px;
			left: 0px;
		}
		
 /* ---------------------------*/ 
 /* NAVIGATION   */ 

	#navbar {
		position: absolute;
		top: 146px;
		left: 0px;
		background: url(images/navbar.png) no-repeat;
		width: 900px;
		height:36px;
		border-bottom: 1px solid #90704b;
	}
	
		 /* MAIN MENU   */
		
		.lavaMenu {
			position: relative;
			top: 22px;
            width: 900px;
			height: 40px;
            overflow: hidden;
			padding: 0px 0px 0px 48px;
		}

		.lavaMenu li {
			float: left;
            list-style: none;
			margin-right: 42px;
			position: relative;
		}
		
		.lavaMenu li.back {
			border-bottom: 1px solid #feeca0;
            width: 9px;
            height: 14px;
            z-index: 8;
            position: absolute;
		}
		
		.lavaMenu li a {
			font-size: 110%;
            color: #90704b;
            outline: none;
            text-align: center;
            text-transform: uppercase;
            z-index: 10;
            display: block;
            float: left;
            position: relative;
		}
		
		.lavaMenu li.bigMargin {
			margin-right: 85px;
		}
		
		.lavaMenu li.smallMargin {
			margin-left: 32px;
		}
		
		.newsLink a {
			color:#d7d7d7 !important;
		}
		
		.lavaMenu li.current a {
			color: #feeca0 !important;
		}
		
		.lavaMenu li a:hover {
			color: #feeca0 !important;
		}
		
		.lavaMenu li a:hover, .lavaMenu li a:active, .lavaMenu li a:visited {
            border: none;
        }
		
		 /* SUB MENU   */
		
		 /* SUB MENU PHYSICIANS   */
		
		.lavaMenu li.physicians ul {
			position: absolute;
			z-index: 200;
			width: 900px;
			height: 20px;
			left: -100px;
			top: 11px;
			text-align: left;
			font-size: 11px;
			padding: 7px 0px 0px 0px;
			margin: 0px;
			display: none;
		}
		
		.lavaMenu li.physicians ul li {
			float: left;
            list-style: none;
			margin-right: 22px;
			position: relative;
		}
		
		.lavaMenu li.physicians:hover ul {
			display: block;
			z-index: 6000;
		}
		
		.lavaMenu li.current ul {

		}
		
		.lavaMenu li.physicians ul li a {
			color: #90704b;
		}
		
		.lavaMenu li.physicians ul li a:hover {
			color: #feeca0;
		}
		
		/* SUB MENU SERVICES   */
		
		.lavaMenu li.services ul {
			position: absolute;
			z-index: 200;
			width: 900px;
			height: 20px;
			left: -560px;
			top: 11px;
			text-align: left;
			font-size: 11px;
			padding: 7px 0px 0px 0px;
			margin: 0px;
			display: none;
		}
		
		.lavaMenu li.services ul li {
			float: left;
            list-style: none;
			margin-right: 22px;
			position: relative;
		}
		
		.lavaMenu li.services:hover ul {
			display: block;
		}
		
		.lavaMenu li.services ul li a {
			color: #90704b;
		}
		
		.lavaMenu li.services ul li a:hover {
			color: #feeca0;
		}
		
		/* SUB MENU POLICIES   */
		
		.lavaMenu li.policies ul {
			position: absolute;
			z-index: 200;
			width: 900px;
			height: 20px;
			left: -760px;
			top: 11px;
			text-align: left;
			font-size: 11px;
			padding: 7px 0px 0px 0px;
			margin: 0px;
			display: none;
		}
		
		.lavaMenu li.policies ul li {
			float: left;
            list-style: none;
			margin-right: 29px;
			position: relative;
		}
		
		.lavaMenu li.policies:hover ul {
			display: block;
		}
		
		.lavaMenu li.policies ul li a {
			color: #90704b;
		}
		
		.lavaMenu li.policies ul li a:hover {
			color: #feeca0;
		}
		
 /* ----------------------------*/ 
 /* MAIN COLUMN    */ 

	#mainColumn {
		width:900px;
		border-top: 1px solid #90704b;
		position: relative;
	}
	
		 /* MAIN PHOTO    */ 
		
		#mainPhoto {
			float: left;
			width: 449px;
			height: 250px;
			border-right: 1px solid #90704b;
			position: relative;
		}
		
		#mainPhoto h2, #mainPhoto h1 {
			position: absolute;
			top: 20px;
			left: 0px;
			width: 439px;
			height: 40px;
			background: url(images/mainphotooverlay.png) no-repeat;
			font-weight: bold;
			color: #ffffff;
			text-align: right;
			padding: 0px 10px 0px 0px;
			font-size: 30px;
		}
		
		 /* PHOTO GALLERY    */ 

		#myGallery {
			float: left;
			border: 0px !important;
			width: 450px !important;
			height: 250px !important;
		}
		
		.jdGallery .slideInfoZone {
			height: 50px !important;
			background: #593527 !important;
		}
		
		.jdGallery .slideInfoZone h2
		{
			font-size: 18px !important;
			margin: 5px 0px 0px 10px !important;
			color: #ffffff !important;
		}
		
		.jdGallery .slideInfoZone p
		{;
			font-size: 12px !important;
			margin: -5px 0px 0px 10px !important;;
		}
		
		.jdGallery .carousel
		{
			background: #593527 !important;
		}
		
		.jdGallery a.carouselBtn
		{
			background: #593527 !important;
			color: #feeca0 !important;
		}
		
		#dropshadow {
			position: absolute;
			z-index: 40;
			top: 230px;
			left: 0px;
			width: 900px;
			height: 20px;
			background: url(images/topshadow.png) no-repeat;
		}
		
	 /* ---------------------------*/
	 /* MAIN BOTTOM AREA */ 

	#mainbottom {  
		width:900px;
		padding-bottom: 30px;
		background: url(images/bottompattern.png) repeat;
		position: relative;
	}
	
		/* MAIN TITLE */
		
		#mainbottom h1 {
			position: absolute;
			top: 20px;
			left: 0px;
			width: 900px;
			height: 30px;
			background: url(images/titlebottomoverlay.png) no-repeat;
			font-weight: bold;
			color: #ffffff;
			text-align: center;
			text-transform: uppercase;
			padding-top: 6px;
		}
		
		#mainbottom h3 {
			font-weight: bold;
			font-size: 12px;
			display: inline;
		}
		
		/* COLUMNS */
		
		.column {
			float: left;
			width: 260px;
			margin: 72px 18px 0px 20px;
			color: #593527;
		}
		
		.lastcolumn {
			float: left;
			width: 260px;
			margin: 72px 0px 0px 20px;
			color: #593527;
		}
		
		.column img, .lastcolumn img {
			border: 5px solid #feeca0;
		}
		
		.column img:hover, .lastcolumn img:hover {
			border: 5px solid #593527;
		}
		
		.column p, .lastcolumn p {
			margin-top: 10px;
			padding-left: 5px;
		}
		
		.column .smalllogo, .lastcolumn .smalllogo {
			border: 0px;
			float: left;
			margin: 4px 8px 0px 5px;
		}
		
		.column img.smalllogo:hover, .lastcolumn img.smalllogo:hover {
			border: 0px;
		}
		
		/* SINGLE COLUMN */
		
		.singleColumn {
			float: left;
			width: 860px;
			margin: 72px 18px 0px 20px;
			color: #593527;
		}
		
		.singleColumn img {
			float: left;
			border: 5px solid #feeca0;
			margin-right: 48px;
			margin-bottom: 60px;
		}
		
		.singleColumn img:hover {
			border: 5px solid #593527;
		}
		
		.singleColumn p {
		}
		
		.singleColumn .smalllogo {
			border: 0px;
			float: left;
			margin: 4px 8px 0px 5px;
		}
		
		.singleColumn img.smalllogo:hover {
			border: 0px;
		}
		
		a.readMoreButton {
			background-color: #593527;
			padding: 4px 4px;
			color: #feeca0;
		}
		
		.readMore {
			margin-top: 10px;
		}
		
		#mainbottom a.readMoreButton:hover {
			color: #ffffff;
		}
		
		#mainbottom a {
			font-weight: bold;
		}
		
		#mainbottom a:hover {
			color: #000000;
		}
		
	#AnnualWomanVisit {
		width: 750px;
	}
	
	#AnnualWomanVisit a:hover {
		color: #000000;
	}
	
		/* BLOG */
		
		.columnWide {
			float: left;
			margin: 0px 18px 0px 0px;
			color: #593527;
			width: 600px;
		}
		
			.post {
				margin: 15px 0px 70px 0px;
				padding-left: 20px;
				position: relative;
			}
			
				.post small {
					display: block;
					height: 30px;
					line-height: 30px;
					width: 150px;
					text-align: right;
					position: absolute;
					top: 0px;
					right: 10px;
					color: #feeca0;
					font-size: 10px;
				}
			
				.post .bio {
					margin: 30px 0px;
					font-size: 11px;
				}
				
					.post .bio h3 {
						font-weight: normal !important;
						font-size: 11px !important;
					}
					
						.post .bio h3 strong {
							font-size: 12px !important;
						}
				
					.post .bio img {
						border: 5px solid #feeca0;
						width: 75px;
						height: 60px;
						float: left;
						margin: 0px 20px 0px 0px;
					}
	
				.post h1, .post h2 {
					top: 0px !important;
					left: 0px !important;
					height: 30px;
					background: url(images/titlebottomoverlay.png) no-repeat;
					font-weight: bold;
					color: #ffffff;
					text-transform: uppercase;
					padding-top: 6px;
					position: relative !important;
					width: auto !important;
					text-align: left !important;
					padding-left: 20px;
					display: block;
					margin-left: -20px;
					font-size: 14px;
				}
				
					.post h2 a {
						color: #ffffff !important;
					}
					
					.post h2 a:hover {
						color: #feeca0 !important;
					}
		
				.post .smalllogo {
					border: 0px;
					float: left;
					margin: 4px 8px 0px 5px;
				}
				
				.post .readMore {
					font-size: 11px;
					font-weight: bold;
					text-transform: uppercase;
					margin-top: 20px;
					display: block;
				}
				
				.post .content p {
					margin-bottom: 15px;
				}
			
		.sideCol {
			float: left;
			width: 260px;
			margin: 45px 0px 0px 20px;
			color: #593527;
		}
		
			.sideCol .widget {
				margin-bottom: 60px;
				padding-right: 30px;
			}
			
			.sideCol .widget.author {
				font-size: 11px;
			}
			
				.sideCol .widget.author img {
					border: 5px solid #feeca0;
					display: block;
					float: none;
					margin: 15px 0px;
				}
		
			.sideCol h3 {
				text-transform: uppercase;
				font-size: 11px !important;
				font-weight: bold;
				display: block;
			}
			
			.sideCol .widget.facebook h3 {
				padding-left: 20px;
				background: url('images/facebook.png') no-repeat;
				display: block;
				padding-bottom: 10px;
				padding-top: 2px;
			}
			
			.sideCol a {
				font-weight: normal !important;
				color: #736357;
			}
			
				.sideCol a:hover {
					color:#000000 !important;
				}
			
			.sideCol ul {
				list-style: none;
				font-size: 11px;
			}

	 /* ---------------------------*/
	 /* FOOTER */ 

	#footer { 
		clear:both; 
		width: 900px;
	}
	
	#footer h3 {
		height: 30px;
		background-color: #593527;
		border-top: 1px solid #90704b;
		border-bottom: 1px solid #90704b;
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;
		padding-top: 10px;
		color: #90704b;
	}
	
	#footer h3  strong {
 		color: #feeca0;
		font-weight: bold;
	}
	
	#footer p {
		text-align: center;
		font-size: 10px;
		margin: 10px 0px;
	}
	
	.latest {
		margin-top: 25px;
		margin-bottom: 50px;
		line-height: 24px;
		font-size: 12px;
		color: #8d704b;
	}
	
		.latest ul {
			list-style: none;
		}
		
		.latest h4 {
			font-size: 14px;
			text-transform: uppercase !important;
		}
		
		.latest a {
			color: #8d704b;
		}
	
		.latestNews {
			width: 429px;
			padding-right: 20px;
			float: left;
			text-align: right;
		}
		
		.latestPosts {
			width: 429px;
			padding-left: 20px;
			border-left: 1px solid #90704b;
			float: right;
		}
	
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.block{display: block;}

.black{color:#000000;}

.leftAlign{float:left;}

.rightAlign{float:right;}

.clear {clear: both;}

.smallTextGray{color:#999999; font-size:11px;}

.smallTextGreen{color:#00CC33; font-size:11px;}

em {font-style: italic; display: block;}