/*
Theme Name: Joan Acupuncture Custom Template
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for Joan Acupuncture website
Version: 1.0
Tags: custom
Author: Richard Stalker
Date: May 2015
*/

@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic);

body, html{margin:0; padding:0; font-family:'Arimo', Arial, Sans-serif; font-size:1em; color:#585858;}
#bg{background:#eeeeee;}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.line{clear:both; padding:0; margin:15px 0; height:0px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc;}
hr{clear:both; padding:0; margin:15px 0; height:1px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc; border-top:none; border-left:none; border-right:none;}
a img{border:0;}
p{padding:11px 0; margin:0; line-height:1.5em;}
a{color:#ab0089; text-decoration:underline;}
a:hover{color:#c627a6;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1{padding:16px 0 20px 0; margin:0; font-size:2.3em; font-weight:normal; color:#708bc7; }
h2{margin:10px 0 3px 0; padding:10px 0 4px 0; font-size:1.4em; font-weight:bold; color:#5260a6;}
h2 a{text-decoration:none;}
h3{margin:0; padding:10px 0 0 0; font-size:1.2em; font-weight:bold; color:#5260a6;}
h4{margin:0; padding:8px 0 3px 0; font-size:1em; text-transform:uppercase; font-weight:bold; color:#ff9e19;}

ul{list-style-type:circle; margin:10px 0 10px 25px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px; line-height:1.5em;}
ol{margin:10px 0 10px 25px; padding:0 0 8px 5px; list-style-type: decimal;}
ol ol{margin:7px 0 7px 30px; padding:0 0 8px 5px; list-style-type:lower-roman;}
ol ol ol{margin:5px 0 5px 30px; padding:0 0 8px 5px; list-style-type:decimal;}
ol li{padding:1px 0 1px 7px; font-size:.95em;}

.alignright{float:right; margin:10px 10px 40px 40px;}
.alignleft{float:left; margin:10px 40px 40px 0;}
img.alignright{}
img.alignleft{}
.wp-caption{font-size:12px; color:#5e5e5e; background:#ebebeb; border:1px solid #d6d6d6; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; text-align:center; padding-top:5px;}
p.wp-caption-text{display:block; padding:7px 10px;}
table{border-collapse:collapse;}
td{padding:5px;}
.emphasis{font-weight:bold; font-size:15px;}

blockquote{color: #51588c; background:#edeef8; margin:10px 0 20px 0; padding:20px 25px;}

/* --------------------------- */

#header{background:url(images/bg-top.gif) repeat-y #49549e; padding:30px 0 0 0;}
	#logo{width:396px; height:93px; float:left;}
	#logo a{display:block;}
	
#ap{float:right; width:40%; color:#cad5ea; text-align:right;}
 #ph{display:block; font-size:1.5em; padding:2px 0 0 0;}
 #ph a{color:#fff; text-decoration:none; font-weight:bold;}

.wrapper{width:980px; margin:0 auto; position:relative;}

#menu{clear:right; padding:35px 0 0 0; font-size:.95em;}
	#menu ul{display:block; margin:0; padding:0; float:right; list-style-type:none;}
	#menu li{display:block; float:left; margin:0; padding:0 4px;}
	#menu li a{color:#ffffff; text-decoration:none; display:block; padding:12px 14px;}
	#menu li a:hover{color:#c8d4ee;}
	#menu li.current_page_item a{background:url(images/d.png) repeat;}
	
#main{padding:20px 0 40px 0; background:#ffffff;}
	#content{}
	.home #main{padding-top:0;}
	
#footer{padding:35px 0 50px 0; font-size:.95em; color:#949494; border-top:1px solid #dcdff2;}
	.bx{float:left;}
	.fmenu{}
	.fmenu ul, .fmenu li{display:inline-block; margin:0; padding:0 10px 0 0; list-style-type:none;}
	#footer a{color:#999; text-decoration:none;}
	#footer a:hover{color:#333;}
	#copy{width:30%; float:right; margin-right:0; color:#9b9b9b; text-align:right;}

.testim .textwidget{padding:20px 26px; background:#edeef8; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; color:#51588c;}


/* FORMS */

input[type=text], textarea, input[type=email], input[type=password]{padding:7px; font-family:'Arimo', Arial, Sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:250px; border:1px solid #d8d8d7;}
select{padding:3px; font-family:'Arimo', Arial, Sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #d8d8d7;}
label{margin:0; padding:5px 0 0 0; font-size:0.9em;}
textarea{width:280px; font-family:'Arimo', Arial, Sans-serif;}
input[type=submit]{display:block; font-family:'Arimo', Arial, Sans-serif; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#222; color:#fff; cursor:pointer; border:0; font-weight:bold; padding:12px 14px; font-size:14px; text-align:center; text-decoration:none; margin:8px 0 10px 0;}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}

/* Popups */

#contact-container .contact-bottom{display:none;}
#contact-container, #contact-container *{font-family:'Arimo', Arial, Sans-serif!important;}

/* BLOG */

div.post{padding:0 0 20px 0; margin:0 0 15px 0; border-bottom:1px solid #ececec;}
.thedate{color:#999; font-size:.9em;}

/* 2nd Level Menu */

#menu li ul { left: -999em; width:200px; display:block; z-index:999; margin:0; padding:0; position:absolute; background:#fff; box-shadow:2px 10px 33px -10px #000; moz-box-shadow:2px 10px 33px -10px #000; -webkit-box-shadow:2px 10px 33px -10px #000;}
#menu li:hover ul, #nav li.hover ul { left: auto; margin:0;}
#menu li ul li{display:block; float:none; padding:0;}
#menu li ul a{padding:10px; text-align:left; color:#4c58a1; font-weight:normal;}
#menu li ul a:hover{background:#4c58a1; color:#fff; text-decoration:none;}
#menu li li{border:none; float:none; clear:both;}


/* RESPONSIVE */

a#mob-only{
 display:none;
 color:#ffffff;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  cursor:pointer;
  padding:11px;
  text-decoration:none;
  font-weight:bold;
  background:url(images/bg-sitenav.png) no-repeat center right #2a347c;}

@media screen and (max-width:1000px) {
	.wrapper{width:100%;}
	#header, #main, #footer{padding:20px;}
}

@media screen and (max-width:850px) {
   #logo{margin:0 auto; max-width:100%; height:auto;}
	img{max-width:100%; height:auto;}
	#ap{text-align:center; float:none; padding:10px 0; width:auto; clear:both;}
	
	#menu{clear:both; padding-top:10px;}
	a#mob-only{display:block;}
	#menu ul{display:none; float:none; background:#3a4590;}
	#menu li, #menu a{display:block; float:none;}
	#menu li.current_page_item a{background:none;}
	#menu li ul{width:auto; position:static; display:none; box-shadow:none; moz-box-shadow:none; -webkit-box-shadow:none; background:#3a4590; font-size:.95em;}
	#menu li ul a{color:#fff; padding-left:30px;}
}