/*
----------------------------------------------------------------------------------------------------------------------
Theme Name: DeBase
Theme URI: http://themes.esquaredent.com
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: E Squared Enterprises
Author URI: http://esquaredent.com
Version: 1.2.5
Tags: light, dark, two-columns, right-sidebar, responsive-layout 
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%;
/*    max-width: 100%; */
	background-color: #000;
}

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

#site-name {
	display: none;
	color: #FFF;
	font-size: 50px;
	float: left;
	margin: 20px 0;
}

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

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

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

#main-content {
	width: 66%;
/*	max-width: 66%; */
	float: left;
}

.full-width {
	padding: 10px;
}

.site-content {
	max-width: 585px;
/*	max-width: 585px; */
	margin-right: 0;
	margin: 0;
	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: 5px;
}

::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;
    border-top: 1px dashed #CCC;
    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 **********/
.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;
}
/********************/

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



/*
----------------------------------------------------------------------------------------------------------------------
******** 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 {
	width: 960px;
	height: auto;
    font-size: 16px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	float: left;
}

.main-navigation li {
	border: 0;
	position: relative;
	list-style: none;

	border: 0;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	position: relative;
}

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

.main-navigation li li:hover {
	background: #78CDD2;
}

.main-navigation ul ul a:hover, .main-navigation ul ul li.focus > a {
	color: #CCC;
	-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: #CCC;
	-webkit-transition: color 0.2s; /* For Safari 3.1 to 6.0 */
	transition: color 0.2s;
}

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

.main-navigation ul ul a {
	padding: 10px;
	white-space: normal;
	width: 150px;
	padding-left: 25px;
}

.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;
	position: absolute;
	top: 48px;
	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;
}

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

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



/*
----------------------------------------------------------------------------------------------------------------------
******** Codes to disable responsive navigation menu ********
----------------------------------------------------------------------------------------------------------------------

.main-navigation .nav-menu {
	display: block;
}
.main-navigation li {
	float: left;
}
.menu-toggle {
	display: none;
}
*/