/*
Theme Name:         Dentists4kids Social Blog
Theme URI:          http://www.dentists4kids.com
Description:        This is a custom theme made by Dentists4kids based on the Reverie Wordpress Theme. 
Version:            1.2
License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ===========================

START EDITING COLORS FOR THE TEMPLATE HERE 

===========================*/

/* The body is the background color. You can change that hex number to anything you want */
body {background:#03AADE;color:#2e2a26;}

/*Main is the background behind the blog posts and the background to the sidebar. */
#main {background:#fff;padding-top:10px;}

/*Change the color in this line to adjust the font color on the address/phone number in the header */
#header-meta {position:absolute;top:35px;right:20px;text-align:center;color:#000000;}

/* The nav bar background color is the color for the entire bar. */
.nav-bar {background:#803C97;font-family: 'Open Sans',"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;width:inherit;}

/* Change the color here to edit the text color for the links */
.nav-bar > li a {color: #fff;font-weight:bold;}

/* Change the color to edit the rollover text color and change the background to edit the background rollover color */
.nav-bar > li a:hover {color: #fff;background:#C9ADD1;}

/* If you change the background color of the .nav-bar be sure and use that same color here on the background to apply to the mobile site*/
@media only screen and (max-width: 767px) {
  .nav-bar > li { float: none; display: block; border-right: none;background:#803C97;border-bottom:1px solid #fff;}}

article footer {margin-top:15px;}

/* STOP EDITING COLORS HERE */

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
	/* Foundation-specific presentation CSS by ZURB */
	div.reverie-header { margin: 0 0 -20px 0; padding: 20 0 0 0;position:relative;}
	div.reverie-header h1 { font-weight: 500; margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
div#header-title {display:none;}
	
	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Global */
	h1, h2, h3, h4, h5 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; }
	
	/* Add Divider for Listed Posts */
	.divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	figure img {
	height: auto;
	border: 1px solid #DDD;
	margin: 0 auto;
	display: block;
	box-shadow: 0px 2px 10px #ddd;
	-moz-box-shadow: 0px 2px 10px #ddd;
	-webkit-box-shadow: 0px 2px 10px #ddd;
	border-image: initial;
	}
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 3px 10px 0 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	/* Comment Textarea Adjustment */
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

	.padder label + textarea { margin-top: 0; }
	.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
	ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
    
	
/*  --------------------------
    Your Customized Style
    ----------------------- */

ul.nav-bar {margin-bottom: 0px;}

.nav-bar > li {line-height:29px;}

.nav-bar > li:last-child {box-shadow:0;border:0;}

header.columns {padding:0;}

form {margin: 0 0 5px;}

.postfix {border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}

.textwidget p {line-height:18px; font-weight:bold;}

div.reverie-header {
border:none;
}

h1 {font-size:38px;}

h2 {
font-size: 30px;
  color:#00A8C6;
}

#content ol {margin-left:40px;}
#content ul {margin-left:40px;}

h3 {font-size:20px;}
article.post {background:#fff;padding:15px;margin:20px 0;
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
  position:relative;
 }

.comments {position:absolute;top:-12px;right:-17px;display:block;background:url('images/bubble.png') no-repeat;width:55px;height:45px;
				font-size:22px;text-align:center;color:#2ba6cb;padding-top:9px;}

div.date {background:#e1e1e1;width:40%;padding:10px 15px;color:#2e2a26;position:absolute;top:0;left:0;
border-top-left-radius:8px;-moz-border-top-left-radius:8px;-webkit-border-top-left-radius:8px;
border-bottom-right-radius:8px;-moz-border-bottom-right-radius:8px;-webkit-border-bottom-right-radius:8px;}

article header {margin-top:2.5em;}

aside a {color:#06668f;}

.sidebar-section {padding-top:10px;padding-bottom:5px;}

img.wp-post-image {float:right;background:#e9e9e9;padding:5px;border:1px solid #ccc;margin-left:15px;margin-bottom:10px;}

img.alignright, img.alignleft, img.aligncenter {background:#e9e9e9;padding:5px;border:1px solid #ccc;}

figure.alignright, figure.alignleft, figure.aligncenter {background:#e9e9e9;padding:5px;border:1px solid #ccc;}

.figure {
  text-align:center;font-size:10px;}

.morebtn {
  background:#3C8DC5;padding:5px 10px;border:1px solid #286d9c;width:95px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}

.morebtn:hover {background:#6FB7E9;}

.morebtn a {color:#fff;text-decoration:none;}

#copyright {margin-top:20px;}

footer {margin-bottom:20px;}

h6 strong {color:#333;font-weight:normal;font-size:18px;border-bottom: 1px solid #fff;display:block;}

ol.commentlist { list-style-type:none;}

#content ol.commentlist {margin-left:0;}

.commentlist li {
  background:#f7eedf;
  padding:10px 10px 10px 10px;
  margin:15px 0;
}

.commentlist article header {
  margin-top:0;}

.commentlist cite {font-style:normal;font-weight:bold;}

header.comment-author {float:left;width:20%;}

section.comment {float:right;width:75%;}

ul.children {list-style-type:none;margin-left:20px;}

ul.children li {background:#f1e6d4;padding:10px;}

.commentoverflow {overflow:auto;}

footer article.columns {padding:0;}
a.commentlink {text-decoration:none;}

@media only screen and (max-width: 767px) { 
  header.comment-author {float:none;width:100%;}
  .reverie-header img {width:100%;}
  section.comment {float:none;width:100%;}
  img.attachment-post-thumbnail{float:none;margin-left:auto;margin-right:auto;display:block;margin-top:40px;}
  article header {margin-top:0;}
  article header h1 {margin-top:2em;}
  div.date {width:70%;}
 footer [class*="column"] + [class*="column"]:last-child {
    float: left;margin-left:15px;}
	img.alignright { float: none; margin: 10px auto; }
	img.alignleft { float: none; margin: 10px auto; }
	img.aligncenter { display: block; margin: 18px auto; }

	/* Add HTML5 Caption Class for Images */
	figure.alignright.figure { float: none; margin:10px auto; }
	figure.alignleft.figure { float: none; margin: 10px auto;}
  .comments {right:-15px;}  
div.reverie-header {float:none;overflow:auto;text-align:center;width:100%;}
#header-meta {position:relative;margin:15px 0;padding:0 20px;text-align:center;top:0;right:0;}
div#header-title {display:block;width:100%;margin-top:20px;padding:0 10px;font-family: 'Open Sans',"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
font-size:24px;font-weight:bold;letter-spacing:-0.02em;text-align:center;}
}