/* ************************************** COMMON ELEMENTS ************************************** */

html{
	
}

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

.clearfix{
	clear: both;
}

/* banner interact panel / social buttons */

#interact_nav{
	float: left;
}

#share_buttons{
	float: right;
}

.blog article #share_buttons{
	margin-bottom: 0;
}

#interact_nav li, #share_buttons li{
	float: left;
	border-right: 1px solid #333333;
	background-color: #000000;
	
	-webkit-transition: background-color .4s; -moz-transition: background-color .4s; -o-transition: background-color .4s; transition: background-color .4s;
}

#share_buttons li{
	border-right: none;
	border-left: 1px solid #ffffff;
}

#interact_nav li:hover, #share_buttons li:hover{
	background-color: #ff4460;
}

#interact_nav li:last-of-type, #share_buttons li:last-of-type{
	border-right: none;
	
}

#interact_nav li a, #share_buttons li a{
	display: block;
	overflow: hidden;
	width: 55px; height: 55px;
}

/* hide js content from non-js pages and vice versa */

.no-js .js_show{
	display: none;
}

.js .js_hide{
	display: none;
}

/*
.js .js_show{
	display: none;
}

.no-js .js_hide{
	display: none;
}
*/

/* ************************************** BLOG LISTINGS & ARTICLE ************************************** */

/* key blog panels */

#main{
	position: relative;
	overflow: hidden;
	/* max-width: 1140px; min-width: 728px; */ max-width: 790px; min-width: 728px;
	margin-left: auto; margin-right: auto; margin-top: 165px; /* margin-top: 165px;  margin-bottom: 230px; */ margin-bottom: 118px;
	padding: 0 20px;
}

#blog_list, #blog_article{
	/*
	float: left;
	width: 70%;
	margin-right: 5%;
	*/
	float: none;
	width: 100%;
}

#sidebar{
	/*
	float: right;
	width: 25%;
	margin-top: 70px;
	*/
	float: none;
	width: 100%;
}

#blog_list a, #blog_article a, #sidebar a{
	color: #000000;
}

/* blog article */

.blog article{
	margin-top: 70px;
}

.blog article h1, .blog article h2, .blog article h3, .blog article h4, .blog article h5, .blog article h6{
	clear: both;
	margin-bottom: 25px;
	font-size: 3em; line-height: 1.2;
}

.blog article time{
	display: block;
	margin-bottom: 25px;
	font-size: 1.3em; color: #666666;
}

.blog article p, .blog article ul{
	margin-bottom: 25px;
	font-size: 1.8em; line-height: 1.2;
}

.blog article p{
	clear: both;
}

.blog article .left_col{
	float: left;
	width: 248px;
}

.blog article .right_col{
	float: left;
}

.blog article a{
	-webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;
}

.blog article p a, .blog article li a{
	text-decoration: underline;
}

#blog_article a:hover{
	color: #ff4460;
}

.blog article strong{
	font-family: 'NeuzeitGro-Bol';
}

.blog article img{
	display: block;
	width: 100%; height: auto;
	margin-top: 15px;
	margin-bottom: 1px;
	
	cursor: default;
}

.blog_article_gallery_image:first-of-type{
	margin-top: 35px;
}

.blog article #share_buttons img{
	padding: 0; margin: 0;
	cursor: pointer;
}

/* blog list */

#blog_list article{
	overflow: hidden;
}

#blog_list article h3{	
	-webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;
}

#blog_list article a:hover{
	color: #ff4460;
}

/* blog article page */

.blog_article #main{
	margin-top: 144px;
}

#blog_article{
	margin-top: 90px;
}

.blog_article #sidebar{
	margin-top: 90px;
}

#back_button{
	display: block;
	position: absolute; left: 20px; top: 0px;
	background-color: #000000;
	padding: 14px 30px 12px 30px;
	font-family: 'NeuzeitGro-Bol'; font-size: 1.5em; color: #ffffff;
	
	-webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s;
}

#back_button:hover{
	background-color: #ff4460;
}



/* pagination */

#pagination{
	overflow: hidden;
	background: #000000; 
	margin-top: 100px;
	padding: 20px 25px;
	font-size: 1.3em; color: #ffffff; text-transform: uppercase;
}

#pagination ul{
	float: left;
}

#pagination li{
	float: left;
	margin-right: 8px;
}

#pagination a{
	color: #ffffff;
	-webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;
}

#pagination .current{
	font-family: 'NeuzeitGro-Bol'; text-decoration: underline; color: #ffffff;
}

#pagination a:hover{
	color: #ff4460;
}

#pagination p{
	float: right;
	white-space: nowrap;
}

#pagination b{
	font-family: 'NeuzeitGro-Bol';
	text-decoration: underline;
}

#pagination i{
	font-style: normal; text-transform: none;
}

#next_page{
	margin-left: 5px; font-size: 0.8em;
}

#prev_page{
	margin-right: 5px; font-size: 0.8em;
}

#pagination_totals{
	margin-left: 4px;
	word-spacing: 3px;
}

/* sidebar */

#sidebar{
	
}

#search_form{
	position: relative;
	display: block;
	margin-bottom: 50px; border-bottom: 1px solid #e5e5e5; padding-bottom: 8px;
	font-size: 1.4em;
}

#search_form input[type=text]{
	border: 0; padding: 0;
	color: #999999;
	
	-webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;
}

#search_form input[type=text]:focus{
	color: #000000;
}

#search_form input[type=image]{
	position: absolute; right: 0;
}

.sidebar_panel{
	padding: 30px 0;
}

#categories_form{
	border-top: none; padding-top: 0;
}


#sidebar h2{
	margin-bottom: 8px;
	font-size: 1.8em; line-height: 1.2;
}

#sidebar ul h2{
	margin-bottom: 16px;
}

#sidebar li{
	font-size: 1.4em; line-height: 1.2;
	margin-bottom: 5px;
}

#sidebar li.current-cat a{
	font-family: 'NeuzeitGro-Bol'; text-decoration: underline;
}

#sidebar ul a{
	-webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;
}

#sidebar ul a:hover{
	color: #ff4460;
}

#websites_list{
	
}