/*
----------------------------------------------------------------------------------------------------------------------
Theme Name: DeBase
Theme URI: http://esquaredent.com/themes
Description: The DeBase theme is a clean, simple, easily editable theme. It is a great framework for any website to start with. Although it is simple, this theme can be extremely versatile. The CSS and HTML is easy to understand and easy to customize. Plus, it's easy to convert it into a fully responsive and mobile friendly theme! This theme is a perfect starting point for any website.
Author: Cortney Westbrook
Author URI: http://cortneywestbrook.com
Version: 1.3.3
Tags: light, dark, two-columns, right-sidebar 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: debase
----------------------------------------------------------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------------------------------------------------------
******** Structure ********
----------------------------------------------------------------------------------------------------------------------
*/
body,  button,  input,  select,  textarea {
    font-family: 'Raleway', Arial, Sans-serif;
	background: #FFF;
	margin: 0;
}

body {
	min-width: 960px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/************ Header Structure ************/
#header-container { 
    width: 100%;
	background-color: #000;
}

#header-content {
	width: 960px;
	margin: auto;
	padding: 0;
}

#site-name {
	float: left;
	margin: 40px 0;
	padding: 0 0 0 10px;
	color: #FFF;
}

#site-name h1 {
	font-size: 40px;
	font-family: Rokkitt, inherit;
	margin: 0;
}

#site-name h2 {
	font-size: 20px;
	font-style: italic;
	margin: 0;
}

#logo-container {
	width: 50%;
	float: left;
	margin: 30px 0;
}

#logo-container img {
    width: 100%;
}

/********** Page Structure **********/
#page-container {
    width: 940px;
    margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
}

#main-content {
	width: 64%;
	float: left;
}

.full-width {
	padding: 10px;
}

.site-content {
	max-width: 585px;
	margin-right: 0;
	margin: 0;
	float: left;
}

#main-sidebar #left {
	float: left;
}

#main-sidebar {
    width: 31.9%;
	float: right;
	margin: 0;
    padding: 0;
    background-color: transparent;
	clear: none;
	border-top: 0;
	border-bottom: 0;
	color: #000;
	padding-top:0;
}



/******** link colors and theme styles ********/
a {
    color: #78CDD2;
    text-decoration: none;
	font-weight: bold;
}
 
a:active {
    color: #78CDD2;
}
a:hover {
    color: #78CDD2;
}

p {
    margin-bottom: 15px;
	margin-top: 0;
}

::selection {
    background: #74c0fb;
    color: #000;
    text-shadow: none;
}
 
::-moz-selection {
	background: #74c0fb;
	color: #000;
	text-shadow: none;
}

.clearfloat {
	clear: both;
}

.spacer1 {
	height: 45px;
}

input {
	width: 100%;
	border: 1px solid #CCC;
	padding: 8px 5px;
	font-size: 14px;
	box-shadow: inset 1px 1px 4px #DDD;
}

input[type=submit] {
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 14px;
	box-shadow: inset 1px 1px 4px #DDD;
}

.gallery-caption { }
.sticky { }
.bypostauthor { }


/********** Post Navigation (delete?) **********/
.post-navigation {
    clear: both;
    margin: 30px 0 10px 0;
    font-size: 16px;
    padding-top: 10px;
}

.post-navigation a {
    color: #78CDD2;
}

.post-navigation a:hover {
    color: #000;
}

.paging-navigation {
    clear: both;
}

.paging-navigation .loop-pagination {
	clear: both;
}

.paging-navigation .page-numbers.current {
    border-top: 5px solid #78CDD2;
}

.paging-navigation a:hover {
    border-top: 5px solid #78CDD2;
}
/*
----------------------------------------------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------------------------------------------
******** Content Styles ********
----------------------------------------------------------------------------------------------------------------------
*/
.post-header {
	min-width: 100%;
	position: relative;
	z-index: 1;
	margin: 0 0 15px 0;
}

/********** Post Title **********/
.post-title {
	font-size: 33px;
	font-weight: 300;
	line-height: 1.0909090909;
	margin-bottom: 12px;
	margin: 0 0 12px 0;
	text-transform: uppercase;
}

.post-title a {
	color: #2b2b2b;
}

.post-title a:hover {
    color: #78CDD2;
}

h3.post-title {
	margin-bottom: 0;
	margin: auto;
	line-height: 30px;
	font-size: 22px;
	text-transform: capitalize;
	text-decoration: underline;
	text-align: left;
}

h3.post-title a {
	font-weight: 400;
	color: #000;
}

h3.post-title a:hover {
	color: #78CDD2;
}

/********** Post Content **********/
article {
	border-bottom: 1px dashed #CCC;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.post-container {
	max-width: 100%;
	margin: 0 0 25px 0;
	padding-bottom: 25px;
	border-bottom: 1px dashed #CCC;
}

.post-content {
	margin: 0;
	min-width: 100%;
}

.post-content > div {
	max-width: 100%;
}

.alignleft {
	margin: 10px 10px 10px 0;
	float: left;
}

.alignright {
	margin: 10px 0 10px 10px;
	float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/********** Edit Link **********/
.edit-link {
	clear: both;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}

.edit-link a {
	color: #767676;
	text-decoration: none;
}

.edit-link a:hover {
	color: #78CDD2;
	text-decoration: underline;
}


/********** Post Meta **********/
.post-meta {
	font-size: 14px;
	clear: both;
	color: #000;
	line-height: 1.3333333333;
	text-transform: capitalize;
}

.post-meta a {
    color: #000;
	font-weight: bold;
}

.post-meta a:hover {
    color: #78CDD2;
}

.tags {
	margin: 10px 0 0 0;
	display: block;
}

.post-meta .tags a {
    background-color: #FFF;
	color: #000;
	margin: 0 4px;
}

.post-meta .tags a:hover {
    background-color: #000;
	color: #FFF;
}

/********** Post Image Styles **********/
.post-thumbnail {
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}

.post-thumbnail img {
	max-width: 100%;
	height: auto;
}

.full-width .post-thumbnail img {
	display: block;
	margin: 0 auto;
}

.post-content img {
	max-width: 100%;
	height: auto;
}

#main-content img {
	max-width: 100%;
	height: auto;
}
/********************/

.wp-caption-text {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-style: italic;
}

/********** Comments Styles **********/
#comments {
	max-width: 100%;
	padding: 10px;
	background: #eee;
	margin-top: 25px;
}

.comments-title {
	margin: 0;
}

.comment-body {
	padding-bottom: 20px;
	border-bottom: 1px solid #FFF;
	margin-bottom: 20px;
}

.comment-list ul li {
	margin: 15px 0;
}
/********************/

/********** Calendar Styles **********/
#calendar_wrap table {
	width: 100%;
	text-align: center;
}

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



/*
----------------------------------------------------------------------------------------------------------------------
******** Sidebar Styles ********
----------------------------------------------------------------------------------------------------------------------
*/
.sidebar-widget {
	color: #000;
    margin-bottom: 20px;
	border-bottom: 1px dashed #CCC;
	padding-bottom: 20px;
}

.sidebar-widget:last-child {
	border-bottom: 0;
	padding-bottom:0;
}

.sidebar-widget a {
    color: #000;
	text-decoration: underline;
}

.sidebar-widget a:hover {
    color: #78CDD2;
}

.widget-title {
	color: #000;
	margin: 0 0 10px 0;
	font-size: 22px;
	font-weight: normal;
}

.widget-title a:hover {
	color: #78CDD2;
}
/*
----------------------------------------------------------------------------------------------------------------------
*/



/********** Buttons **********/
.button, input[type=submit] {
	width: 100px;
	display: block;
	margin: 5px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 10px;
	background: #78CDD2;
	font-weight: bold;
	font-size: 14px;
	text-transform: capitalize;
	text-align: center;
	color: #FFF;
}

.button:hover, input:hover[type=submit]  {
	background: #6BB8BD;
	-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */
	transition: background 0.2s;
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear;
}

a.button {
	text-decoration: none;
	color: #000;
}

a.button:hover {
	color: #FFF !important;
	cursor: pointer;
	-webkit-transition: color 0.2s ; /* For Safari 3.1 to 6.0 */
	transition: color 0.2s;
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear;
}

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



/*
----------------------------------------------------------------------------------------------------------------------
******** Footer Styles ********
----------------------------------------------------------------------------------------------------------------------
*/
#footer {
	background-color: #000;
    margin: auto;
	font-size: 12px;
	color: #FFF;
}
#footer-info {
	max-width: 960px;
	margin: auto;
	padding: 5px 10px;
}
#footer-info a {
    color: #78CDD2;
}
#footer-info a:hover {
    color: #FFF;
}
#footer-info-left {
	float: left;
}
#footer-info-right {
	float: right;
}
/*
----------------------------------------------------------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------------------------------------------------------
******** Navigation ********
----------------------------------------------------------------------------------------------------------------------
*/
.main-navigation-container {
	background: #78CDD2;
	width: 100%;
}

.main-navigation {
	width: 960px;
	height: auto;
	padding: 0;
	margin: auto;
    font-size: 16px;
	font-weight: bold;
}

.main-navigation li {
	position: relative;
	list-style: none;	
	display: inline-block;
	line-height: 38px;
	border: 1px solid #61b0b5;
	border-top: 0;
	margin-left: -1px;
	text-transform: uppercase;
}

.main-navigation li li {
	border: 0;
	display: block;
	height: auto;
	line-height: 1.0909090909;
}

.main-navigation li li:hover {
}

.main-navigation ul ul a:hover, .main-navigation ul ul li.focus > a {
	color: #000;
	-webkit-transition: color 0.2s; /* For Safari 3.1 to 6.0 */
	transition: color 0.2s;
}

.main-navigation li:hover > a, .main-navigation li.focus > a {
	color: #000;
	-webkit-transition: color 0.2s; /* For Safari 3.1 to 6.0 */
	transition: color 0.2s;
}

/* Use these styles to customize the active menu item. */
.current-menu-item {
}
.current-menu-item a {
	color: #000 !important;
}

.main-navigation a {
	display: inline-block;
	padding: 0 12px;
	white-space: nowrap;
    color: #FFF;
}

.main-navigation ul ul a {
	padding: 8px;
	white-space: normal;
	width: 150px;
	padding-left: 15px;
	font-size: 14px;
	border-top: 1px solid #61b0b5;
}

.main-navigation.toggled-on {
	padding: 0 0 5px 0;
}

.main-navigation .nav-menu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin: 0;
	padding: 0;
}

.main-navigation ul ul {
	float: left;
	margin: 0;
	margin-left: 15px;
	position: absolute;
	top: 38px;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation.toggled-on .nav-menu {
	display: block;
	padding: 0;
	padding-left: 30px;
}

.menu-toggle {
display: none;
	height: 48px;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	right: 0;
	padding-left: 15px;
	text-align: left;
	cursor: pointer;
	font-size: 0;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
}

.menu-toggle:before {
	color: #fff;
	content: "\f419";
	margin-top: 16px;
}

.sub-menu {
	line-height: 18px;
	padding: 0;
	background: #78CDD2;
}

.children {
	line-height: 18px;
	padding: 0;
	background: #78CDD2;
	border: 1px solid #61b0b5;
	border-top: 0;
}

ul ul ul {
	top: 32px !important;
	background: #61b0b5;
	border: 1px solid #61b0b5;
	border-top: 0;
}

.sub-menu.toggled-on {
	background-color: #78CDD2;
}

.sub-menu ul li {
	line-height: 18px;
}
/*
----------------------------------------------------------------------------------------------------------------------
*/