/*
Theme Name: New Moon
Theme URI: http://www.newmoonacupuncture.com
Description: A theme for New Moon Family Acupuncture
Version: 1.0
Author: Tine Reese
Author URI: http://www.tinereese.com

*/


/*-----------------------------------------------------------------------------------------------
  Body and Containers
-----------------------------------------------------------------------------------------------*/
html, body { margin: 0; padding: 0; }

body {
  text-align: center;
  min-width: 900px;
  margin:0px;
  height: 100%;
  padding:0px;
  background:#603958 url(images/bodybg.gif) repeat-y center top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color:#3b382b;
}

body * {margin: 0px; padding: 0px;}

html {
  height: 100%;
  }

#wrapper {
  text-align: left;
  width: 900px;
  padding:0px;
  margin: 0 auto;
}

#bgdiv {
  background:#FFFFFF url(images/mainbg.jpg) repeat-y center top; 
}

#content {
  text-align: left;
  width: 900px;
  padding:0px;
  margin: 0;
}

img { border: 0px; background: none; padding: 0px; }

.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

#dashed_line {
border-top: 1px dotted #999999;
margin: 10px 0px 10px 0px;
}

ol, ul {margin: 0px 35px 10px 35px;}

p {
	padding: 10px 0px;
	margin: 0px;
	line-height: 20px;}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header {
  text-align: left;
  width: 900px;
  height: 146px;
  margin:0px; 
  padding:0px;
  display: block;
}

#header_left {
  float:left;
  margin: 12px 0px 0px 30px;
  padding:0px;
  width: 300px;
  display: block;
}

#header_left img{
	border:0px;
}

#header_right {
  float:right;
  margin: 5px 30px 0px 0px;
  padding:0px;
  text-align:right;
  display: block;
}

#header_right img{
	border:0px;
}

#header_rightTop {
  margin:0px;
  padding:0px;
  text-align:right;
  display: block;
}

#header_rightMiddle {
  margin: 30px 0px 0px 0px;
  padding:0px;
  text-align:right;
  display: block;
  font-famiy: Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#999;
  font-size:11px;
}

#header_rightBottom {
  margin: 8px 0px 0px 0px;
  background:transparent url(images/searchbg.png) repeat-x; 
  padding:12px 13px 12px 13px;
  text-align:right;
  display: block;
}

/* ================================================================ 
Dropdown Menu Top Level
=================================================================== */

.menu { 
  float:left;
  position:relative; 
  z-index:100;
  width: 750px;
  height: 28px;
  background:transparent url(images/navbg.png) repeat-x; 
  font-family:arial, sans-serif;
  border-top: 1px #928c74 solid;
  border-bottom: 1px #928c74 solid;
  margin: 5px 0px 4px 30px; 
  padding:0px;
  text-align: left;
  display: block;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}

/* style the links for the top level */
.menu a, .menu a:link, .menu a:visited {
  display:block;
  font-size:13px;
  text-decoration:none; 
  color: #543247;
  padding: 0px 15px 0px 15px;
  margin: 4px 0px 0px 0px;
  font-weight:bold;
  background:url(images/navpipe.gif) no-repeat right;
}

/* if you want to set a "current page item" style, do it here */
.menu .current_page_item a {
  color: #FFF;
  background-color:#543247;
  margin: 0px;
  padding: 0px 15px 0px 15px;
  border-top: 4px solid #543247;
  border-bottom: 4px solid #543247;
  text-decoration: none;
}

.menu .current_page_item a:hover {
  color: #FFF;
  background-color:#543247;
  margin: 0px;
  padding: 0px 15px 0px 15px;
  border-top: 4px solid #543247;
  border-bottom: 4px solid #543247;
  text-decoration: none;
}

.menu ul .current_page_item ul a {
  color: #FFF;
  background-color:#543247;
  margin: 0px;
  padding: 0px 15px 0px 15px;
  border-top: 4px solid #543247;
  border-bottom: 4px solid #543247;
  text-decoration: none;
}

.menu ul .current_page_item ul a:hover {
  color: #FFF;
  background-color:#543247;
  margin: 0px;
  padding: 0px 15px 0px 15px;
  border-top: 4px solid #543247;
  border-bottom: 4px solid #543247;
  text-decoration: none;
}

#menu li.current_page_item a, #menu li.current_page_ancestor a {
  color: #FFF;
  background-color:#543247;
  margin: 0px;
  padding: 0px 15px 0px 15px;
  border-top: 4px solid #543247;
  border-bottom: 4px solid #543247;
  text-decoration: none;
}

/* style the top level hover */
.menu a:hover {
  color: #FFF;
  margin: 0px;
  padding: 0px 15px 0px 15px;
  background-color:#543247;
  border-top: 4px solid #543247;
  border-bottom: 4px solid #543247;
  text-decoration: none;
}

.menu :hover > a {
  color: #FFF;
  background-color:#543247;
  margin: 0px;
  padding: 0px 15px 0px 15px;
  border-top: 4px solid #543247;
  border-bottom: 4px solid #543247;
  text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------
  Dropdown Menu Second Level
-----------------------------------------------------------------------------------------------*/

/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
margin:0px;
height:0;
top:28px;
border: 1px #928c74 solid;
left:0; 
width:160px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background:#FFF;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:link, .menu ul ul a:visited {
background:#FFF; 
color:#543247; 
height:auto; 
line-height:14px; 
font-size:11px;
font-weight:normal;
padding:5px 10px; 
border-bottom: 1px #928c74 solid;
border-left: 1px #928c74 solid;
border-right: 1px #928c74 solid;
margin:0px;
width:160px;
}

/* style the second level hover */
.menu ul ul a.drop:hover {
  color:#543247; 
  background:#f1f5da;
  padding:5px 10px; 
border-bottom: 1px #928c74 solid;
border-top:0px;
  width:160px;
}

.menu ul ul :hover > a.drop {
  color:#543247; 
  background:#f1f5da;
  padding:5px 10px;
border-bottom: 1px #928c74 solid;
border-top:0px;
  width:160px;
}

.menu ul ul a:hover {
  color:#543247; 
  background:#f1f5da;
  padding:5px 10px; 
border-bottom: 1px #928c74 solid;
border-top:0px;
  width:160px;
}

.menu ul ul :hover > a {
  color:#543247; 
  background:#f1f5da;
  padding:5px 10px; 
border-bottom: 1px #928c74 solid;
border-top:0px;
  width:160px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }

/*-----------------------------------------------------------------------------------------------
  Dropdown Menu Third Level
-----------------------------------------------------------------------------------------------*/
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}

/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:149px; 
top:-1px; 
width:149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*-----------------------------------------------------------------------------------------------
  IE Hacks
-----------------------------------------------------------------------------------------------
/* Hack for IE \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */


/*-----------------------------------------------------------------------------------------------
  Menu Right
-----------------------------------------------------------------------------------------------*/
#menu_right {
  float:right;
  width: 50px;
  margin: 5px 30px 0px 0px;
  padding:1px 16px 1px 16px;
  color: #543247;
  border: 4px solid #8f8971;
  background-color:#FFF;
  text-align:center;
  display: block;
}

#menu_right img{
  margin: 0px;
  padding-right:3px;
  border:0px;
  vertical-align:baseline;
}

#menu_right a{
	color: #543247;
	text-decoration: none;
}

#menu_right a:hover{
	color: #543247;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------
  Home Page
-----------------------------------------------------------------------------------------------*/
#features {
  text-align: left;
  width: 900px;
  padding:23px 0px 0px 0px;
  margin:30px 0px 0px 0px;
  display: block;
  clear:both;
}

#feature1 {
  float:left;
  margin: 0px 0px 0px 0px;
  padding:0px;
  width: 445px;
  display: block;
}

#feature2 {
  float:right;
  margin: 0px 0px 0px 0px;
  padding:0px;
  width: 445px;
  display: block;
}

#features img{
	border:none;
}

#services {
  float:left;
  text-align: left;
  width: 840px;
  background:transparent url(images/homenav2.png) repeat-x; 
  margin: 10px 0px 0px 0px;
  padding:5px 30px 0px 30px;
  height: 30px;
  font-family: Georgia, Times, serif;
  font-size: 10px;
  text-transform:uppercase;
  font-style: normal;
  font-weight: bold;
  color:#57334f;
  clear:both;
  display:block;
}

#services li {
	margin: 0px; 
	display: inline;
}

#services li a {
	color:#57334f;
    font-weight:bold;
	text-transform:uppercase;
	padding: 6px 6px;
	text-decoration: none;
}

#services li a:hover{
	color:#57334f;
    font-weight:bold;
	text-transform:uppercase;
	padding: 6px 6px;
	text-decoration: underline;
}

#home_bottom {
position: relative;
text-align: left;
  width: 840px;
  margin:0px 30px 30px 30px; 
  padding:20px 0px 0px 0px;
  overflow:hidden;
  display: block;
  height:auto;
  clear:both;
}

#home_bottomL {
  float:left;
  margin: 0px 15px -1000px 0px;
  padding:9px 0px 1000px 9px;
  width: 250px;
  border: 1px solid #57334f;
  background-color: #FFF;
  clear:both;
}

.home_bottomL_border {
	position: absolute; /* relative to the container, NOT the column! */
	bottom: 0;
	left: 0; /* if column-1 is floated left */
	height: 1px;  /* same size as border on column-1 */
	width: 260px;  /* (width of column-1) + (2 * (border size of column-1))  */
	background: #57334f; /* same color as border on column-1 */
} 

#home_bottomLheader {
  margin:0px 9px 9px 0px;
  padding:3px 9px 3px 9px;
  width: 224px;
  background-color:#57334f;
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #FFFFFF;
  font-weight:bold;
  text-transform:uppercase;
}

#home_bottomLheader a {
  color: #FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none;
}

#home_bottomLheader a:hover {
  color: #FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:underline;
}

#home_bottomC {
  float:left;
  margin:0px 15px -1000px 0px;
  padding:0px 0px 1020px 0px;
  width: 270px;
  border-top: 1px #928c74 solid;
  border-bottom: 1px #928c74 solid;
}

#home_bottomC ul {
  margin-bottom:0px;
  padding-bottom:0px;
}

#home_bottomC h1 a:link, #home_bottom C h1 a:visited {
  font-family: Georgia, Times, serif;
  font-size: 19px;
  font-style: normal;
  line-height: 24px;
  font-weight: normal;
  color:#57334f;
  margin:0px;
  padding:3px 0px 6px 0px;
}

.home_bottomC_border {
	position: absolute; /* relative to the container, NOT the column! */
	bottom: 0;
	left: 275px; /* if column-1 is floated left */
	height: 1px;  /* same size as border on column-1 */
	width: 272px;  /* (width of column-1) + (2 * (border size of column-1))  */
	background: #928c74; /* same color as border on column-1 */
} 

#home_bottomR {
  float:right;
  margin: 0px 0px -1000px 0px;
  padding:0px 0px 1020px 0px;
  width: 270px;
  border-top: 1px #928c74 solid;
  border-bottom: 1px #928c74 solid;
}

#home_bottomR h1 a:link, #home_bottom R h1 a:visited {
  font-family: Georgia, Times, serif;
  font-size: 19px;
  font-style: normal;
  line-height: 24px;
  font-weight: normal;
  color:#57334f;
  margin:0px;
  padding:3px 0px 6px 0px;
}

.home_bottomR_border {
	position: absolute; /* relative to the container, NOT the column! */
	bottom: 0;
	right: 0; /* if column-1 is floated right */
	height: 1px;  /* same size as border on column-1 */
	width: 272px;  /* (width of column-1) + (2 * (border size of column-1))  */
	background: #928c74; /* same color as border on column-1 */
} 

#home_bottom li {
  padding: 3px 0px 0px 0px;
}

#home_bottom ul {
  padding-top:6px;
  list-style: none;
  margin-left: 0;
  padding-left: 1.5em;
  text-indent: -1.5em;

}

#home_bottom li:before {
  content: ">> "; 	
  color: #216c94;
  font-weight: bold;
}


/*-----------------------------------------------------------------------------------------------
  Secondary Pages
-----------------------------------------------------------------------------------------------*/
#main {
  text-align: left;
  width: 840px;
  padding:0px;
  margin:36px 30px 0px 30px;
  height:auto;
  display: block;
  clear:both;
  background:transparent url(images/secondarybanner.png) top left no-repeat; 
}

#main_column1 {
  float:left;
  margin: 150px 0px 23px 0px;
  padding:0px;
  width: 180px;
  display: block;
}

#main_column1 img {
  margin: 0px 0px 10px 0px;
  padding:0px;
}

#main_column1_nav {
  border-bottom: 1px #928c74 solid;
  border-top: 1px #928c74 solid;
  padding:0px 0px 12px 0px;
  margin:0px 0px 20px 0px;
}

#main_column1_header {
	font-size:13px;
	color:#57334f;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 0px 6px 0px;
	margin:0px;
}

#main_column1_nav ul {
  padding:0px;
  margin:0px;
  display: inline;
  list-style:none;
  font-size:11px;
  line-height:18px;
}

#main_column1_nav li a{
}

#main_column1_nav li a:hover{
	text-decoration:underline;
}

#main_column1_nav li.current_page_item a{
	color:#928c74;
}

#main_column1_sidebar {
  font-family: Georgia, Times, serif;
  font-style:italic;
  background-color:#928c74;
  padding:6px 9px 9px 9px;
  margin:0px 0px 0px 0px;
  color:#FFF;
}

#main_column1_sidebar_header {
  margin:9px 0px 0px 0px;
  height:34px;
  background:url(images/sidebarflower.gif) center no-repeat;
}

#main_column2 {
  float:right;
  margin: 174px 0px 23px 0px;
  padding:0px;
  width: 620px;
  display: block;
}

#main_column2_header {
	font-family: Georgia, Times, serif;
	font-size:28px;
	line-height:34px;
	color:#57334f;
	font-weight:normal;
	padding:0px 0px 12px 0px;
	margin:0px;
}

#main_column2 h1 a:link, #main_column2 h1 a:visited {
  font-family: Georgia, Times, serif;
  font-size: 19px;
  font-style: normal;
  line-height: 24px;
  font-weight: normal;
  color:#57334f;
  margin:0px;
  padding:3px 0px 6px 0px;
}

#main_column3 {
  float:right;
  margin: 174px 0px 23px 0px;
  padding:0px;
  width: 840px;
  display: block;
}

#outline {
  margin: 10px 0px 10px 0px;
  border: 1px solid #3b382b;
  padding:10px;
  width: 600px;
}

/*-----------------------------------------------------------------------------------------------
  Text Styles
-----------------------------------------------------------------------------------------------*/
h1 {
  font-family: Georgia, Times, serif;
  font-size: 19px;
  font-style: normal;
  line-height: 24px;
  font-weight: normal;
  color:#57334f;
  margin:0px;
  padding:3px 0px 6px 0px;
}

h1 a, h1 a:visited {
  font-family: Georgia, Times, serif;
  font-size: 19px;
  font-style: normal;
  line-height: 24px;
  font-weight: normal;
  color:#57334f;
  margin:0px;
  padding:3px 0px 6px 0px;
}

h1 a:hover {
  font-weight:normal;
  color:#57334f;
  font-style: underline;
}

h2 {
  font-size:13px;
  color:#57334f;
  text-transform:uppercase;
  font-weight:bold;
  padding:10px 0px 0px 0px;
  margin:0px;
}
h3 {
  font-size:15px;
  line-height: 22px;
  font-weight:normal;
  padding:0px 0px 12px 0px;
  margin:0px;
}
h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size:11px;
  font-weight: bold;
  text-transform:uppercase;
  margin: 0px;
  color:#85677f;
  padding:0px 0px 12px 0px;
}

/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/
#footer_top {
  width: 830px;
  background:transparent url(images/navbg.png) repeat-x; 
  border-top: 1px #928c74 solid;
  border-bottom: 1px #928c74 solid;
  font-size: 11px;
  color: #534e3b;
  font-weight:normal;
  margin: 10px 30px 4px 30px; 
  padding:4px 0px 4px 10px;
  text-align: left;
  clear:both;
  display: block;
}

#footer_top img{
        margin: 0px;
        padding: 0px 8px 0px 0px;
        vertical-align:middle;
}

#footer {
  text-align:left;
  width: 840px;
  padding:0px 0px 40px 0px;
  margin:0px 30px 0px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  clear:both;
  display: block;
}

#footer_left {
  float:left;
  text-align:left;
  padding:0px 0px 0px 0px;
  margin:0px;
  width:550px;
  display: block;
  }

#footer_right {
  float: right;
  text-align:right;
  padding:0px 0px 0px 0px;
  margin:0px;
  width:250px;
  display: block;
  }

/*-----------------------------------------------------------------------------------------------
  Link Styles
-----------------------------------------------------------------------------------------------*/
a:link {
	color: #216c94;
	font-weight: bold;
	text-decoration: none;
	border:none;
}
a:visited {
	color: #216c94;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #216c94;
	font-weight: bold;
	text-decoration: underline;
}
a:active {
	color: #216c94;
	font-weight: bold;
	text-decoration: none;
}

/*********************************************
		Comment Styles
*********************************************/
#comments {
	padding-top: 8px;
}
#comments .even {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px dotted #B7B7B7;
}
#comments .odd {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px dotted #B7B7B7;
}

/*********************************************
		Post Image Styles
*********************************************/
.alignright {
  margin: 0px 0px 10px 10px;
  float:right;
  text-align:right;
}

.alignleft {
  margin: 0px 10px 10px 0px;
  float:left;
  text-align:left;
}
.wp-caption {
border: 1px solid #B1A79B;
text-align: left;
padding-top: 10px;
padding-left: 10px;
margin: 0px 10px 10px 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image: url(../../../images/captionbg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 10px;
line-height: 14px;
color:#000;
padding: 8px 0px;
margin: 0;
}