/*
Theme Name: Bluehost
Author: Mike Hansen
Author URI: http://mikehansen.me
Description: Custom Bluehost WP theme.
Version: 0.3
Text Domain: bluehost
Domain Path: /languages/
*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
	position: absolute;
	top: 1.5em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}


/* =Content
----------------------------------------------- */

.sticky {}
.hentry {}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content img{
	max-width: 100%;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {}
.site-main .gallery-columns-4 .gallery-item img {}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: 1.5em auto;
	max-width: 1800px;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}


/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}


/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}
.blog-title{
	font-size: 3em;
	line-height: 1em;
	font-weight: 400;
	margin: 1em 0 0 0;
}
.blog-title:hover{
	text-decoration:none;
}
a.powered-by{
	margin: 0 auto 2em auto;
	display: block;
	max-width: 320px;
	text-align: center;
	color: #666;
	text-decoration: none;
}
.post-list:first-of-type{box-shadow:none;}
.post-list{
	margin: 0 auto;
	display: none;
	box-shadow: 0 10px 10px -7px #AAAAAA inset;
}
.post-list .entry-content{
	padding-bottom: 10px;
	margin-top:0px;
}
.post-image{
	/* the background is set in content-list */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	max-width: 1800px; 
	margin: 20px auto;
	height: 360px;
	overflow: hidden;
}
.post-image .left-dither{
	position:absolute;
	right:50%; /* Positions 50% from right (right edge will be at center) */
	margin-right:810px;
	width: 5%;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.post-image .right-dither{
	/*float:right;*/
	position:absolute;
	left:50%; /* Positions 50% from right (right edge will be at center) */
	margin-left:810px;
	width: 5%;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.post-image .entry-meta{
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 120px;
}
footer.entry-meta{
	text-align: center;
	clear: both;
}
.small-dash{
	border-bottom: 1px solid #fff;
	display: inline-block;
	width: 60px;
	margin: 7px;
}
.post-image .small-dash{
	box-shadow:0px 0px 5px 0px#000;
}
.post-list .small-dash{
	border-color: #999;
}
body.single-post .small-dash{
	border-color: #666;
}
.entry-header .entry-title{
	text-align: center;
	margin: 25px 0 15px 0 ;
	text-transform: uppercase;
}
.post-list .entry-header .entry-title{
	margin: 25px 0 15px 0 ;
}
.entry-header .entry-meta{
	font-size: 1.4em;
	text-align: center;
}
article .entry-content{
	font-size: 1.4em;
}
.post-image .edit-link{
	position: absolute;
	right:5px;
	bottom: 5px;
}
.post-image .edit-link a{
	color: #fff;
	text-shadow: 1px 1px #000;
}
.post-image .entry-title{
	text-align: center;
	margin: .1em;
	text-shadow: 0px 0px 5px #000;
}
.post-image .entry-title a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 1.4em;
}
.post-image .entry-meta{
	text-shadow: 0 0 5px #000000;
}

#sink{text-align: center;}
#sink .search-form{display: inline-block;margin-right: -22px;}
#sink .search-submit{
	position: relative;
	right: 30px;
	top: 3px;
}
#comment-new{
	background-color: #e9e9e9;
}
#reply-title{
	text-align: center;
}
#comments .has-comments{
	border-top: 1px solid #3575BC;
	margin-top: 40px;
}
#comments .comments-title-wrap{
	margin: 0 auto;
	width: 220px;
	text-align: center;
	background-color: #3575BC;
	border-radius: 20px;
	position:relative;
	bottom: 20px;
}
#comments .comments-title{
	margin: 0px;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
}
#commentform{
	max-width: 800px;
	margin: 0 auto;
}
#commentform label{
	text-transform: uppercase;
	display:block;
}
#commentform textarea, #commentform input[type="text"], #commentform input[type="url"], #commentform input[type="email"]{
	border: 0px;
	border-radius: 0px;
	width: 100%;
}
#commentform input[type="url"]{
	color: #4D4D4D;
	font-size: 1em;
	line-height: 1.25em;
	outline: 0 none;
	overflow: hidden;
	padding: 0.3em 0.4em;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
}
.comment-list{
	list-style: none;
	padding: 0px 40px;
}
.comment-list .children{
	list-style: none;
	margin-left: 80px;
	padding: 0px;
}
.comment-list .even, .comment-list .odd{
	background: none;
}
.comment-list .comment-author cite{
	font-size: 1.6em;
	font-style: normal;
}
.comment-list .comment-metadata a {
	color: #919191;
}
.comment-list .comment-content{
	border-bottom: 1px solid #f0f0f0;
	margin-left: 80px;
	font-size: 1.1em;
	line-height: 1.5em;
}
.comment-list .avatar{
	float: left;
	margin: -5px 15px 15px 0px;
	border-radius: 32px;
}
.comment #respond #commentform textarea, 
.comment #respond #commentform input[type="text"], 
.comment #respond #commentform input[type="url"], 
.comment #respond #commentform input[type="email"] {
	border: 1px solid #3575D3;
	border-radius: 5px;
}
.entry-content a.bh-read-more{
	background-color: #FFFFFF;
	border: 1px solid #3575D3;
	border-radius: 5px;
	float: right;
	padding: 3px 15px;
	right: 10px;
	text-decoration: none;
}
.entry-content a.bh-read-more:hover{
	background-color: #3575d3;
	color: #fff;
}

#submit{
	background: #3575B9;
	border: 0px;
	border-radius: 18px;
	color: #fff;
	cursor: pointer;
	padding: 5px 20px;
}
#submit:hover, button#submit:hover, input#submit:hover, .hovercta:hover .btn:hover, .outer_hover:hover #submit {
	background: linear-gradient(to bottom, #3676B8 0%, #2356A6 70%, #2356A6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#submit:active, button#submit:active, input#submit:active, .hovercta:hover .btn:active {
	background: linear-gradient(to bottom, #3575d3 0%, #3575d3 40%, #3575B9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.author-info{
	position:relative;
	padding: 10px 30px;
}
.author-page{
	padding: 30px;
}
.author-info .author-gravatar{
	float:left;
}
.author-info .author-gravatar img{
	border-radius: 48px;
}
.author-info .author-name{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 30px 0 0 110px;
}
.author-info .author-name a{color: #666666; text-decoration: none;}
.author-info .author-name a:hover{color: #3575d3;}
.author-info .author-bio{
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 0 0 0 110px;
	color: #3575BC;
}
.author-info .author-bio {
	text-transform: none;
	font-size: 16px/1.25;
	padding: 5px 110px 0 110px;
}

footer.entry-meta {
	margin: 1em;
}

.page-title{text-align: center;}

a.sink-button-dark, a.sink-button-light{
	margin: 3px 3px;
}

a.sink-button-dark{
	text-decoration: none;
	border-radius: 5px;
	padding: 3px 15px;
	background-color: #3575d3;
	border: 1px solid #3575d3;
	color: #fff;
}
a.sink-button-dark:hover{
	color: #3575d3;
	background-color: #fff;
}
a.sink-button-light{
	text-decoration: none;
	border-radius: 5px;
	padding: 3px 15px;
	background-color: #fff; 
	border: 1px solid #3575d3;
}
a.sink-button-light:hover{
	background-color: #3575d3;
	color: #fff;
}
.sink-button-arrow{
	color: #3575D3;
	display: inline-block;
	font-size: 1.8em;
	position: relative;
	top: 2px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sink-button-arrow-90 {
	top:5px;
	left:5px;
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
input[type="search"].search-field{
	position:relative;
	bottom:2px;
	font-size: 19px;
	padding: 0.1em 0.2em;
	width: 200px;
}
.sink-content{
	box-shadow: 0 10px 10px -7px #AAAAAA inset;
	position: relative;
	background-color: #F2F2F2;
	margin-top: 10px;
}
.calendar-content .widget{margin:0;}
.sink-content .popular-content,
.sink-content .categories-content,
.sink-content .recent-content,
.calendar-content{ 
	display: none;
	padding-top:20px;
	padding-bottom: 20px;
}
.calendar-content a{
	background-color: #666666;
	border-radius: 10px;
	color: #FFFFFF;
	display: inline-block;
	width: 20px;
	text-decoration: none;
}
.calendar-content a:hover{
	background-color: #fff;
	color: #666666;
}

.sink-content .categories-content a.sink-cat-link, 
.sink-content .recent-content a.sink-recent-link, 
.sink-content .popular-content a{
	display: inline-block;
	text-decoration: none;
	color: #999;
	width: 24%;
	margin:0;
	padding: 5px;
}
.sink-content .categories-content a.sink-cat-link:hover,
.sink-content .popular-content a:hover,
.sink-content .recent-content a:hover{
	color: #3575d3;
}
.sink-content .categories-content a.sink-cat-link-active{
	color: #3575d3;
}
#sink .calendar-content{
	padding:0;
	width: 162px;
	margin: 0 auto;
	position: relative;
}
.calendar-content td, .calendar-content th{
	padding: 3px;
	border: 0;
	text-align: center;
}
#calendar_wrap {
	position: absolute;
	top: 6px;
	right: 208px;
	border: 1px solid #3575d3;
	border-radius: 3px;
	background-color: #fff;
	z-index: 10;
	/*width: 172px;*/
}
body.single #calendar_wrap, body.error404 #calendar_wrap{
	right: 244px;
}
#calendar_wrap:after { 
	bottom: 100%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
	border-color: rgba(25, 93, 181, 0); 
	border-bottom-color: #3575d3; 
	border-width: 10px; 
	left: 50%; 
	margin-left: -10px; 
}
#calendar_wrap caption{
	background-color: #3575d3;
	color: #fff;
	font-size: 1.1em;
}
#calendar_wrap thead{
	font-size: .6em;
}
#calendar_wrap tfoot{
	display: none;
}
#img-button{
	display: inline-block;
	background-image: url( 'img/blog_icons_sprite.png' );
	background-position: -7px -5px;
	width: 32px;
	height: 28px;
	position:relative;
	top: 8px;
}
#list-button{
	display: inline-block;
	background-image: url( 'img/blog_icons_sprite.png' );
	background-position: -48px -5px;
	width: 32px;
	height: 28px;
	position:relative;
	top: 8px;
}
#calendar-button{
	display: inline-block;
	background-image: url( 'img/blog_icons_sprite.png' );
	background-position: -90px -5px;
	width: 32px;
	height: 28px;
	position:relative;
	top: 8px;
}
#img-button:hover{background-position: -7px -54px;}
#list-button:hover{background-position: -48px -54px;}
#calendar-button:hover{background-position: -90px -54px;}
#img-button:active{background-position: -7px -103px;}
#list-button:active{background-position: -48px -103px;}
#calendar-button:active{background-position: -90px -103px;}
.connect-bar{background-color:#3575d3;display:none;}
.connect-bar h4{display: inline-block;margin:0;padding: 0; color: #fff;}
.connect-bar i.fa{
	color: #fff;
	padding: 3px;
	font-size: 1.2rem;
}
.connect-bar i.fa:hover{
	color: #D8EBFF;
}

/* Pagination */
.pagination-navigation{text-align: center;}
.pagination-navigation ul{padding:0px;}
.pagination-navigation li a,
.pagination-navigation li a:hover,
.pagination-navigation li.active a,
.pagination-navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.pagination-navigation li {
	display: inline;
}

.pagination-navigation li a,
.pagination-navigation li a:hover,
.pagination-navigation li.active a,
.pagination-navigation li.disabled {
	background-color: #3575d3;
	border-radius: 16px;
	cursor: pointer;
	width: 32px;
	height: 32px;
	display: inline-block;
	padding-top: 5px;
}

.pagination-navigation li a:hover,
.pagination-navigation li.active a {
	background-color: #fff;
	color: #3575d3;
	border: 1px solid #3575d3;
}
.pagination-navigation .blue-dot{
	display: inline-block;
	height: 5px;
	width: 5px;
	background-color: #3575d3;
	margin: 2px;
	border-radius: 3px;
}
body.single .entry-meta{
	text-transform: uppercase;
}
textarea{
	max-width: 100%;
}