/*
	
	Theme Name: Hostingtipp Theme
	Description: Child Theme für Icy
	Author: eTaktiker GmbH
	Version: 1.0
	Text Domain: icy-child-theme
	Template: icy
	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.php
	
*/

/* 1. Reset
--------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, 
ul { list-style: none; }

blockquote, 
q { quotes: none; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after { 
	content: ""; 
	content: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/* Clearfixes */

.row:before, 
.row:after, 
.clearfix:before, 
.clearfix:after { 
	content: ""; 
	display: table; 
}

.row:after, 
.clearfix:after { clear: both; }

.row, 
.clearfix { zoom: 1; }


/* 2. General
--------------------------------------- */

*, 
*:before, 
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box; 
}

html, 
body { font-size: 100%; }

body {
	background: #f2f2f2 url("/wp-content/themes/icy-child-theme/assets/img/background.png");
	color: #4e4e4e;
	padding: 0;
	margin: 0;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
}


/* 2.1 Typography
--------------------------------------- */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin: 20px 0;
	margin: 1.25rem 0;
	line-height: 1.1; 
	font-family: "Oxygen", Georgia, serif;
	font-weight: 300;
	color: #525252; 
	text-rendering: optimizeLegibility;
}

h1 small, 
h2 small, 
h3 small, 
h4 small, 
h5 small, 
h6 small {
	font-size: 60%;
	color: #6f6f6f;
	line-height: 0; 
}

h1 { font-size: 2.125em; }

h2 { font-size: 1.6875em; }

h3 { font-size: 1.375em; }

h4 { font-size: 1.125em; }

h5 { font-size: 1.125em; }

h6 { font-size: 1em; }

a { 
	color: #2185c5; 
	text-decoration: none; 
	line-height: inherit; 
}

a:hover, 
a:focus { color: #3591CA; }

p { 
	font-size: 1em; 
	line-height: 1.6; 
	margin-bottom: 1.25em; 
}

p a, 
p a:visited { line-height: inherit; }

em, 
i,
var { 
	font-style: italic; 
	line-height: inherit; 
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

strong, 
b { 
	font-weight: bold; 
	line-height: inherit; 
}

small { 
	font-size: 70%; 
	line-height: inherit; 
}

hr { 
	border: solid #ddd; 
	border-width: 1px 0 0; 
	clear: both; 
	margin: 20px 0 20px; 
	height: 0; 
}

ul, 
ol, 
dl { 
	line-height: 1.6; 
	margin-bottom: 1.25em;
	list-style-position: inside; 
}

ul li ul, 
ul li ol { 
	margin-left: 10px; 
	margin-bottom: 0; 
}

ul, 
ul.square, 
ul.circle, 
ul.disc { margin-left: 0.5em; }

ul.square { list-style-type: square; }

ul.square li ul { list-style: inherit; }

ul.circle { list-style-type: circle; }

ul.circle li ul { list-style: inherit; }

ul, 
ul.disc { list-style-type: disc; }

ul.disc li ul { list-style: inherit; }

ul.no-bullet { list-style: none; }

ul.large li { line-height: 21px; }

ol { 
	margin-left: 1.5em; 
	list-style: decimal;
}

ol li ul, 
ol li ol,
ul li ul, 
ul li ol { margin: 0 0 0 1.2em; }

dl { margin: 0 1em;}

dl dt { font-weight: bold; }

dl dd { margin-bottom: 1.25em; }

abbr, 
acronym {
	text-transform: uppercase;
	font-size: 0.9em;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	cursor: help; 
}

abbr { text-transform: none; }

blockquote {
	padding: 0 1.25em;
	font-style: italic;
}

cite { font-style: italic; }

address { 
	margin-bottom: 1.25em;
	font-style: italic;
}

code,
kbd,
tt {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 0.8em;
}

pre {
	margin-bottom: 1.25em;
	padding: 1.2em;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	border: 1px solid #eee;
}


/* 2.2 Grid & Layout
--------------------------------------- */

.container1200,
.container1140,
.container1024,
.container { 
	margin: 0 auto; 
	width: 100%; 
	clear: both; 
}

.container1200 { max-width: 1200px; }

.container1140 { max-width: 1140px; }

.container1024 { max-width: 1024px; }

.container { max-width: 1100px; }

.container:after {
	content: " ";
	display: block;
	clear: both; 
}

.row { 
	width:100%; 
	margin:0 auto; 
}

.span1 { width:8.33%; }

.span2 { width:16.66%; }

.span3 { width:25%; }

.span4 { width:33.33%; }

.span5 { width:41.66%; }

.span6 { width:50%; }

.span7 { width:58.33%; }

.span8 { width:66.66%; }

.span9 { width:75%; }

.span10 { width:83.33%; }

.span11 { width:91.66%; }

.span12 { width:100%; }

.span1-5 { width:20%; } /* This column can be used as a one fifth of the row */

.span1-8 { width:12.5%; } /* This column can be used as a one eigth of the row */ 

.span1, 
.span2, 
.span3, 
.span4, 
.span5, 
.span6, 
.span7,
.span8, 
.span9, 
.span10, 
.span11, 
.span12, 
.span1-5, 
.span1-8, 
#content, 
#sidebar-primary, 
#sidebar-secondary {
	min-height: 1px; 
	float: left; 
	position: relative; 
}

.row .row { margin-left: -10px; }

sub, 
sup { 
	font-size: 60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; 
}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Content Sidebar */

.layout-cs #content { 
	width: 66.66%; 
	float: left; 
}

.layout-cs #sidebar-primary { 
	width: 33.33%; 
	float: right; 
}

/* Sidebar Content */

.layout-sc #content { 
	width: 66.66%; 
	float: right; 
}

.layout-sc #sidebar-primary { 
	width: 33.33%; 
	float: left; 
}

/* Content */

.layout-c #content { width: 100%; }


/* 3. Header
--------------------------------------- */

#header { 
	margin: 0 auto 20px auto;
	background: #1F5F9F;
	width: 1100px;
	
}

#header .container { padding: 0 10px; }

#header a {	
	text-decoration: none; 
	border: 0; 
}

#logo { 
	float: left; 
	padding: 15px 10px; 
}

#site-title { 
	margin: 0; 
	font-size: 2.5em; 
	line-height: 1; 
	font-family: "Oxygen", Georgia, serif; 
}

#site-title a { 
	color: #fff; 
	-moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#site-description {
	display: block;
	margin-top: 5px;
	color: rgba(255, 255, 255, 0.7);
}


/* 4. Navigation
--------------------------------------- */

.nav {
	background: #fff;
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.nav a,
#header-widget .menu a {
	display: block;
	position: relative;
	padding: 12px 8px;
	text-decoration: none;
	color: #6f6f6f;
	font-size:15px;
}

.nav a:hover,
#header-widget .menu a:hover { color: #3591CA; }

.nav ul,
#header-widget ul.menu {
	margin: 0;
	padding: 0;
	display: block; 
	list-style: none;
}

.nav ul li,
#header-widget ul.menu li {
	float: left;
	position: relative; 
	list-style: none;
}

.nav ul li:hover,
#header-widget ul.menu li:hover { 
	visibility: inherit; 
	background: #3591CA;
}

.nav ul li:hover a,
#header-widget ul.menu li:hover a { 
	color: #fff;
}

.nav ul li:hover a:hover,
#header-widget ul.menu li:hover a:hover { 
	color: rgba(255, 255, 255, 0.85);
}

.nav ul li:hover li ul, 
#header-widget ul.menu li:hover li ul { top: -999em; }

.nav ul ul li, 
#header-widget ul.menu ul li { width: 100%; }

/* First submenu */

.nav ul li:hover ul,
#header-widget ul.menu li:hover ul {
	left: 0;
	top: 100%;
	z-index: 999; 
}

.nav .sub-menu,
#header-widget .sub-menu {
	position: absolute;
	top: -999em;
	margin: 0;
	min-width: 180px; 
	padding: 0.3em 0;
	background: #3591CA;
}

.nav .sub-menu li, 
#header-widget .sub-menu li { border-right: none; }

.nav .sub-menu li a, 
#header-widget .sub-menu li a { 
	padding: 0.3em 1em;
	color: #fff; 
}

/* Second submenu */

.nav ul li li:hover ul, 
#header-widget ul.menu li li:hover ul {
	left: 100%;
	top: -0.24em; 
	margin-top: -1px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.nav ul li li:hover li ul, 
#header-widget ul.menu li li:hover li ul { top: -999em; }

.nav ul li li li:hover ul, 
#header-widget ul.menu li li li:hover ul {
	left: 10em;
	top: 0;
}

/* Menu in the header */

#header-widget .menu a {
	padding: 7px 15px;
	color: #fff;
	color: rgba(255, 255, 255, 0.9);
}

/* Arrows */

.menu .sf-sub-indicator { display: none; }

.menu .sf-with-ul {
	padding-right: 1.8em !important;
}

.menu .sf-with-ul:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -2px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: rgba(255, 255, 255, 0.4);
}

.nav .sf-with-ul:after {
	border-top-color: rgba(0, 0, 0, 0.13);
}

.menu > li > .sf-with-ul:focus:after,
.menu > li:hover > .sf-with-ul:after,
.menu > .sfHover > .sf-with-ul:after {
	border-top-color: #fff; /* IE8 fallback colour */
	border-top-color: rgba(255, 255, 255, 0.9);
}

/* Right-facing arrows */

.menu ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	border-left-color: rgba(255, 255, 255, 0.4);
}

.menu ul li > .sf-with-ul:focus:after,
.menu ul li:hover > .sf-with-ul:after,
.menu ul .sfHover > .sf-with-ul:after {
	border-left-color: #fff;
	border-left-color: rgba(255, 255, 255, 0.9);
}

/* Hide mobile menu */

.mobile-menu,
.mobile-menu-text,
.mobile-menu-icon { display: none; }




/* 4.1 Breadcrumbs
--------------------------------------- */

.breadcrumb {
	padding: 12px 20px;
	margin-bottom: 20px;
	background-color: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.breadcrumb li { display: inline-block; }

.breadcrumb .divider { padding: 0 8px; }


/* 4.2 Pagination
--------------------------------------- */

.page-navigation { 
	display: block;
	margin-bottom: 20px;
	padding: 12px 0;
}

.page-navigation .current, 
.page-navigation a {
	clear: both;
	margin-right: 3px;
	padding: 11px 15px 11px;
	text-decoration: none;
	background-color: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.page-navigation .current, 
.page-navigation a:hover { 

}

.page-navigation .dots { margin-right: 3px; }

.nav-previous { float: left; }

.nav-next { float: right; }

/* Page Links */

.page-links { margin-bottom: 1.25em; }

/* Comments Navigation*/

.comment-navigation {
	margin-bottom: 20px;
}


/* 5. Posts
--------------------------------------- */

.hentry {
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.hentry header { margin-bottom: 10px; }

.entry-title { margin: 0 0 15px; }

.entry-title, .entry-title a { color: #525252; }

.entry-title a:hover { color: #3591CA; }

h2.entry-title { font-size: 2.125em; }

/* Entry meta */

.entry-info { 
	margin-bottom: 10px;
	padding-bottom: 20px;
	font-size: 0.8em;
	line-height: 1.3;
	border-bottom: 1px solid #efefef;
}

.entry-meta {
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 1.3;
	border-top: 1px solid #efefef;
}

.entry-date,
.author.vcard,
.entry-tags,
.entry-categories,
.full-size-link { margin-right: 10px; }

.comments-link { float: right; }

.more-link {
	float: right;
	margin-left: 10px;
}

.more-link,
.entry-info, 
.entry-meta, 
.entry-info a, 
.entry-meta a {
	color: #a9a9a9;
	text-transform: uppercase;
}

.more-link:hover,
.entry-info a:hover, 
.entry-meta a:hover {
	color: #3591CA;
}

.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date { display: none; }

/* Alignment */

.alignleft { 
	float: left; 
	margin: 0.45em 1.1em 1em 0; 
}

.alignright { 
	float: right; 
	margin: 0.45em 0 1em 1.1em; 
}

.aligncenter { 
	display: block; 
	text-align: center; 
	margin: 0 auto 1.25em; 
}


/* Images */

img.scale-with-grid { 
	max-width: 100%;
	height: auto; 
}

.hentry img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full { max-width: 100%; }

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.25em;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f5f5f5;
	color: #666;
	-moz-text-shadow: 1px 1px 0px #fff;
	-webkit-text-shadow: 1px 1px 0px #fff;
	text-shadow: 1px 1px 0px #fff;
	-webkit-box-shadow: 1px 1px 6px #ddd;
	-moz-box-shadow: 1px 1px 6px #ddd;
	box-shadow: 1px 1px 6px #ddd;
}

.wp-caption img {
	margin: 0;
	padding: 0.4em 0.4em 0;
	background: none;
	border: 0;
}

.wp-caption-text { 
	margin: 3px 0; 
	padding: 0; 
	text-align: center; 
	font-size: 0.9em;
}

.post-thumbnail {
	margin: 10px -20px 20px;
	text-align: center;
}

.attachment-wwl-large { max-width: 100% !important; }


/* 5.1 Galleries
--------------------------------------- */

.gallery { 
	margin-bottom: 1.25em !important;
	margin-right: -5px !important;
}

.gallery img {
	border: 1px solid #fff !important;
	-webkit-box-shadow: 1px 1px 6px #DDD;
	-moz-box-shadow: 1px 1px 6px #ddd;
	box-shadow: 1px 1px 6px #DDD;
}

.gallery-item { 
	margin: 5px 0 0 !important; 
	padding-right: 5px;
}

.gallery-caption { margin: -5px 0 0; }


/* 5.2 Post Formats
--------------------------------------- */

.post-format-indicator {
	position: absolute;
	top: 20px;
	width: 50px;
	height: 50px;
	background-color: #ff7f66;
	background-image: url("assets/img/post-format-icons.png");
}

.layout-cs .post-format-indicator,
.layout-c .post-format-indicator { left: -50px; }

.layout-sc .post-format-indicator { right: -50px; }

.post-format-indicator .entry-format {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-image: url("assets/img/post-format-icons.png");
	background-position: 0 -100px;
}

.layout-sc .post-format-indicator .entry-format {
	background-position: -50px -100px;
}

.hentry.format-link .entry-header,
.hentry.format-aside .entry-header,
.hentry.format-status .entry-header,
.hentry.format-quote .entry-header {
	margin-bottom: 20px;
}

.hentry.format-link .entry-content a { 
	font-size: 2.125em; 
	font-family: "Oxygen", Georgia, serif;
	line-height: 1.1;
}

.hentry.format-video .first-video {
	margin: 0 -20px 20px -20px;
}

/* Post Format Images */

.hentry.format-standard .post-format-indicator { 
	background-position: -150px 0;
}

.hentry.format-aside .post-format-indicator { 
	background-position: 0 0;
}

.hentry.format-gallery .post-format-indicator { 
	background-position: -200px 0;
}

.hentry.format-image .post-format-indicator { 
	background-position: 0 -50px;
}

.hentry.format-audio .post-format-indicator { 
	background-position: -50px 0;
}

.hentry.format-video .post-format-indicator { 
	background-position: -200px -50px;
}

.hentry.format-status .post-format-indicator { 
	background-position: -150px -50px;
}

.hentry.format-quote .post-format-indicator { 
	background-position: -100px -50px;
}

.hentry.format-link .post-format-indicator { 
	background-position: -50px -50px;
}

.hentry.format-chat .post-format-indicator { 
	background-position: -100px 0;
}


/* 5.3 Attachment
--------------------------------------- */

.attachment #content { width: 100%;  }

.attachment .hentry { padding-bottom: 0; }

.attachment .entry-title { margin-bottom: 20px; }

.attachment .entry-attachment { 
	margin: 0 auto;
	text-align: center;
}

.attachment .entry-attachment img { margin-bottom: 1em; } 


/* 5.4 Author Bio
--------------------------------------- */

.author-info {
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.author-avatar { float: left; }

.author-description { margin-left: 90px; }

.author-title { margin-top: 0; }

.author-link { margin-left: 3px; }


/* 6. Comments
--------------------------------------- */

#comments {
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.comments-title { margin: 0 0 20px; }

.commentlist,
.commentlist .children { 
	margin: 0; 
	list-style: none; 
}

.commentlist {
	margin-bottom: 50px;
}

.commentlist .avatar { 
	position: absolute;
	left: -50px;
	margin-top: 5px;
}

.commentlist article.comment { 
	position: relative;
	margin: 0 0 5px 50px;
	padding: 5px 0 5px 10px;
}

.commentlist .comment-author { font-weight: bold; }

.commentlist .comment-author a { border-color: rgba(255, 255, 255, 0); }

.commentlist .comment-author a:hover { border-color: #3591CA; }

.commentlist .comment-meta,
.commentlist .comment-edit-link {
	margin-bottom: 0.7em;
}

.commentlist .comment-meta a,
.commentlist .comment-reply-link,
.commentlist .comment-edit-link {
	color: #888;
	font-size: 0.9em;
	line-height: 0.9;
}

.comment-meta a:hover,
.comment-reply-link:hover,
.comment-edit-link:hover {
	color: #3591CA;
}

.comment-edit-link { margin-left: 10px; }

.comment-content p { margin-bottom: 0.5em; }

.comment-moderation {
	margin-bottom: 0.5em;
	font-weight: bold;
}

.commentlist .children, 
.commentlist .children li { margin-left: 27px; }

.commentlist #respond { margin-bottom: 20px; }

.commentlist .comment.depth-1:last-of-type #respond { margin-bottom: -50px; }

#reply-title { margin: 0; }

#cancel-comment-reply-link {
	display: block;
	margin: 1.2em 0 1.8em;
}

#commentform { max-width: 550px; margin: 20px 0 0; }

#commentform p { margin: 0 0 2px; }

#commentform input[type="text"] { vertical-align: baseline; }

#commentform input[type="text"],
#commentform textarea { margin-bottom: 5px; }

#commentform label { 
	display: inline; 
	margin-left: 10px; 
}

#commentform #comment { width: 97%; }

#commentform #submit { margin: 5px 0 0 !important; }

#commentform .com-logged-in { margin: -10px 0 10px; }

.bypostauthor > article.comment { background: #ffffed; }

.nocomments { margin: 0; }


/* 7. Footer
--------------------------------------- */

#footer { 
	padding-top: 20px; 
	line-height: 1.5;
	background: #eaeaea url("/wp-content/themes/icy-child-theme/assets/img/footer-background.png");
	-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
	-moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}

#footer-widgets { 
	margin-bottom: 20px;
	padding: 15px 5px 20px 5px; 
}

#footer-content { 
	margin-top: -20px;
	padding: 20px 0;
	background: rgba(0, 0, 0, 0.05); 
}

#copyright { 
	float: left;
	padding-left: 15px;
}

#credit { 
	float: right;
	padding-right: 15px;
}

#social {
	float: right;
    padding-right: 15px;
	padding-left: 15px;
}

.verweis{text-align:right;}
.flag {margin-bottom:-2px;}


/* 8. Widgets
--------------------------------------- */

.widget { 
	margin-bottom: 20px; 
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.widget-title {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1em;
	text-transform: uppercase;
}

.widget ul {
	margin: 0;
	list-style: none;
}

.widget ul li ul, 
.widget ul li ol { 
	margin-left: 15px; 
	margin-bottom: 0; 
}

.widget select {
	max-width: 100%;
}

#header-widget { 
	float: right; 
	padding: 25px 5px 10px; 
}

#header-widget ul { border: 0; }

#header .widget-title { display: none; }

#header-widget .widget-content { 
	float: left; 
	margin-left: 10px;
}

/* Footer Widgets */

#footer .widget {
	padding: 0;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Search Widget */

.widget_search {
	padding: 0 !important;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-form {
	padding-right: 50px;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.search-form label { display: none; }

.s {
	float: left;
	height: 40px;
	width: 100%; 
	margin: 0 !important;
	padding: 10px !important;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.search-submit { 
	float: right; 
	height: 40px;
	width: 50px;
	margin: 0 -50px 0; 
	padding: 0;
	border: none;
	color: #777;
}

.search-submit .icon-search {
	margin-right: -0.5em;
} 

/* Social Icons */

.social-icons a {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 0 5px 5px 0;
	text-align: center;
	background: #fff;
	-moz-border-radius: 999px;
	-webkit-border-radius: 999px;
	border-radius: 999px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.social-icons a:last-child {
	margin-right: 0;
}

.social-icons i {
	margin-right: -0.3em;
	font-size: 1em;
}

#header .social-icons {
	float: right;
	padding: 28px 0 0 10px;
}

.widget_wwl_social_widget {
	padding: 0 !important;
	margin-bottom: 10px;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#footer .social-icons a {
	background: rgba(255, 255, 255, 0.5);
}

#footer .social-icons a:hover {
	background: #fff;
}

/* WP Calendar Widget */

#calendar_wrap { max-width: 300px; }

#wp-calendar { 
	width: 100%;  
	font-size: 1em; 
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#wp-calendar td {
	padding: 8px 5px;
	text-align: center;
	border: none;
}

#wp-calendar a { 
	display: block; 
	text-decoration: none; 
}

#wp-calendar a:hover { 
	text-decoration: none; 
}

#wp-calendar td#today { font-weight: bold; }

#wp-calendar caption { 
	text-align: right; 
	margin: 0 10px 10px;
}

#wp-calendar th {
	text-align: center;
	padding: 5px;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.02);
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: bold;
}

#wp-calendar #prev {
	text-align: left;
	padding-left: 10px;
}

#wp-calendar #next {
	text-align: right;
	padding-right: 10px;
}


/* 9. Misc
--------------------------------------- */

.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

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

.text-justify { text-align: justify; }

.space-top { margin-top: 20px; }

.space-bot { margin-bottom: 20px; }

.space-htop { margin-top: 10px; }

.space-hbot { margin-bottom: 10px; }


/* 9.1 Forms
--------------------------------------- */

label {}

form { margin-bottom: 10px; }

fieldset { margin-bottom: 10px; }

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
select {
	background: #fff;
	border: 1px solid #ddd;
	padding: 7px 6px;
	outline: none;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	margin: 0;
	margin-bottom: 10px;
}
	
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="url"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
textarea:focus, 
select:focus {
	border: 1px solid;
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
}

textarea { min-height: 120px; }

input[type="checkbox"] { display: inline; }

form span, 
legend span { 
	font-size: 12px; 
	color: #444; 
}


/* 9.2 Tables
--------------------------------------- */

table {
	border-collapse: separate;
	border-spacing: 0;
}

.hentry table,
#comments table {
	width: 100%;
	margin-bottom: 34px;
	text-align: left;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 1px 0 0 1px;
}

.hentry th,
#comments th {
	padding: 8px 8px 9px 8px;
	font-weight: normal;
	font-size: 1.1em;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px 1px 0;
}

.hentry td,
#comments td {
	padding: 8px 8px 9px 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px 1px 0;
}


/* 9.3 Buttons
--------------------------------------- */

#commentform #submit, 
input[type="submit"],
button {
	display: inline-block;
	*display: inline;
	padding: 5px 20px;
	margin-bottom: 5px;
	*margin-left: 0.3em;
	line-height: 20px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e6e6e6));
	background: -moz-linear-gradient(top, #eee, #e6e6e6);
	border: 1px solid #bbbbbb;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-color: #eee, #eee, #d4d4d4;
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom:1;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

#commentform #submit:hover, 
#commentform #submit:active, 
input[type="submit"]:hover,
input[type="submit"]:active,
button:hover, 
button:active {
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f8f8f8));
	background: -moz-linear-gradient(top, #eee, #f8f8f8);
}

button.large { 
	padding: 10px 35px; 
	font-size: 1.1em; 
}

button.small { 
	padding: 3px 13px; 
	font-size: 0.8em; 
}

/* Skyblue color button */

button.skyblue { 
	color:#fff !important;
	background-color: #26a2b6;
	background: -moz-linear-gradient(#34bac9, #26a2b6);
	background: -webkit-gradient(linear, left top, left bottom, from(#34bac9), to(#26a2b6));
	background: -webkit-linear-gradient(#34bac9, #26a2b6);
	background: -o-linear-gradient(#34bac9, #26a2b6);
	background: -ms-linear-gradient(#34bac9, #26a2b6);
	background: linear-gradient(#34bac9, #26a2b6);
}

button.skyblue:hover, 
button.skyblue:active {
	background: #a9016b;
	background: -webkit-gradient(linear, left top, left bottom, from(#26a2b6), to(#34bac9));
	background: -moz-linear-gradient(top, #26a2b6, #34bac9);
}

/* Blue color button */

button.blue { 
	color: #fff !important;
	background-color: #008fd5;
	background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#0085c6));
	background: -moz-linear-gradient(top, #008fd5, #0085c6);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.blue:hover, 
button.blue:active {
	background: #008fd5;
	background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#009de9));
	background: -moz-linear-gradient(top, #008fd5, #009de9);
}

/* Green color button */

button.green { 
	color: #fff !important;
	background-color: #46a546;
	background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#419a41));
	background: -moz-linear-gradient(top, #46a546, #419a41);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.green:hover, 
button.green:active {
	background: #46a546;
	background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#4cb34c));
	background: -moz-linear-gradient(top, #46a546, #4cb34c);
}

/* Yellow color button */

button.yellow { 
	color: #fff !important;
	background-color: #f0bf4a;
	background: -moz-linear-gradient(#f0c930, #f0bf4a);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0c930), to(#f0bf4a));
	background: -webkit-linear-gradient(#f0c930, #f0bf4a);
	background: -o-linear-gradient(#f0c930, #f0bf4a);
	background: -ms-linear-gradient(#f0c930, #f0bf4a);
	background: linear-gradient(#f0c930, #f0bf4a);
}

button.yellow:hover, 
button.yellow:active {
	background: #f0bf4a;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0bf4a), to(#f0c930));
	background: -moz-linear-gradient(top, #f0bf4a, #f0c930);
}

/* Orange color button */

button.orange { 
	color: #fff !important;
	background-color: #ff5c00;
	background: -moz-linear-gradient(#ff6f40, #ff5c00);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6f40), to(#ff5c00));
	background: -webkit-linear-gradient(#ff6f40, #ff5c00);
	background: -o-linear-gradient(#ff6f40, #ff5c00);
	background: -ms-linear-gradient(#ff6f40, #ff5c00);
	background: linear-gradient(#ff6f40, #ff5c00);
}

button.orange:hover, 
button.orange:active {
	background: #d798d1;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5c00), to(#ff6f40));
	background: -moz-linear-gradient(top, #ff5c00, #ff6f40);
}

/* Red color button */

button.red { 
  color: #fff !important;
  background-color: #bd362f;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#b1322c));
  background: -moz-linear-gradient(top, #bd362f, #b1322c);
  filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.red:hover, 
button.red:active {
  background: #bd362f;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#cc3b34));
  background: -moz-linear-gradient(top, #bd362f, #cc3b34);
}

/* Magenta color button */

button.magenta {	
	color: #fff !important;
	background-color:#b9298f;
	background: -moz-linear-gradient(#b93180, #b9298f);
	background: -webkit-gradient(linear, left top, left bottom, from(#b93180), to(#b9298f));
	background: -webkit-linear-gradient(#b93180, #b9298f);
	background: -o-linear-gradient(#b93180, #b9298f);
	background: -ms-linear-gradient(#b93180, #b9298f);
	background: linear-gradient(#b93180, #b9298f);
}

button.magenta:hover, 
button.magenta:active {
	background: #b9298f;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9298f), to(#b9358f));
	background: -moz-linear-gradient(top, #b9298f, #b9358f);
}

/* Black color button */

button.black { 
	color: #fff !important;
	background-color: #111;
	background: -moz-linear-gradient(#222, #111);
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	background: -webkit-linear-gradient(#222, #111);
	background: -o-linear-gradient(#222, #111);
	background: -ms-linear-gradient(#222, #111);
	background: linear-gradient(#222, #111);
}

button.black:hover, 
button.black:active {
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
	background: -moz-linear-gradient(top, #222, #333);
}
 a.sign_up.sign_up_blue {
    background: #1F5F9F; /* Old browsers */
	background: -moz-linear-gradient(top,  #3591CA 0%, #3591CA 4%, #1F5F9F 4%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3591CA), color-stop(4%,#3591CA), color-stop(4%,#1F5F9F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3591CA 0%,#3591CA 4%,#1F5F9F 4%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3591CA 0%,#3591CA 4%,#1F5F9F 4%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3591CA 0%,#3591CA 4%,#1F5F9F 4%); /* IE10+ */
	background: linear-gradient(top,  #3591CA 0%,#3591CA 4%,#1F5F9F 4%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3591CA', endColorstr='#1F5F9F',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1F5F9F;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 #1F5F9F;
	padding: 5px 15px;
	border-radius: 3px;
}

a.sign_up.sign_up_blue:hover {
	background: #5192d4; /* Old browsers */
	background: -moz-linear-gradient(top,  #3c72a9 0%, #3c72a9 4%, #5192d4 4%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c72a9), color-stop(4%,#3c72a9), color-stop(4%,#5192d4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3c72a9 0%,#3c72a9 4%,#5192d4 4%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3c72a9 0%,#3c72a9 4%,#5192d4 4%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3c72a9 0%,#3c72a9 4%,#5192d4 4%); /* IE10+ */
	background: linear-gradient(top,  #3c72a9 0%,#3c72a9 4%,#5192d4 4%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c72a9', endColorstr='#5192d4',GradientType=0 ); /* IE6-9 */
    border: 1px solid #5192d4;
    text-shadow: 0 1px 0 #5192d4;
}

a.sign_up.sign_up_yellow {
	background: #f6ba18; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9cf5e 0%, #f9cf5e 4%, #f6ba18 4%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9cf5e), color-stop(4%,#f9cf5e), color-stop(4%,#f6ba18)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9cf5e 0%,#f9cf5e 4%,#f6ba18 4%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9cf5e 0%,#f9cf5e 4%,#f6ba18 4%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9cf5e 0%,#f9cf5e 4%,#f6ba18 4%); /* IE10+ */
	background: linear-gradient(top,  #f9cf5e 0%,#f9cf5e 4%,#f6ba18 4%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9cf5e', endColorstr='#f6ba18',GradientType=0 ); /* IE6-9 */
    border: 1px solid #E49C00;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 #B88B12;
	border-radius: 3px;
	padding: 5px;
}
a.sign_up.sign_up_yellow:hover {
	background: #e9aa00; /* Old browsers */
	background: -moz-linear-gradient(top,  #e59e00 0%, #e59e00 4%, #e9aa00 4%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e59e00), color-stop(4%,#e59e00), color-stop(4%,#e9aa00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e59e00 0%,#e59e00 4%,#e9aa00 4%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e59e00 0%,#e59e00 4%,#e9aa00 4%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e59e00 0%,#e59e00 4%,#e9aa00 4%); /* IE10+ */
	background: linear-gradient(top,  #e59e00 0%,#e59e00 4%,#e9aa00 4%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59e00', endColorstr='#e9aa00',GradientType=0 ); /* IE6-9 */
    border: 1px solid #DB8200;
    text-shadow: 0 1px 0 #AF7F00;
}

a.sign_up.sign_up_pink {
	background: #ea4b95; /* Old browsers */
	background: -moz-linear-gradient(top,  #F171AD 0%, #F171AD 4%, #ea4b95 4%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F171AD), color-stop(4%,#F171AD), color-stop(4%,#ea4b95)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F171AD 0%,#F171AD 4%,#ea4b95 4%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F171AD 0%,#F171AD 4%,#ea4b95 4%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F171AD 0%,#F171AD 4%,#ea4b95 4%); /* IE10+ */
	background: linear-gradient(top,  #F171AD 0%,#F171AD 4%,#ea4b95 4%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F171AD', endColorstr='#ea4b95',GradientType=0 ); /* IE6-9 */
    border: 1px solid #F171AD;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 #B88B12;
	border-radius: 3px;
	padding: 5px;
}
a.sign_up.sign_up_pink:hover {
	background: #F171AD; /* Old browsers */
	background: -moz-linear-gradient(top,  #E22980 0%, #E22980 4%, #F171AD 4%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E22980), color-stop(4%,#E22980), color-stop(4%,#F171AD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E22980 0%,#E22980 4%,#F171AD 4%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E22980 0%,#E22980 4%,#F171AD 4%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E22980 0%,#E22980 4%,#F171AD 4%); /* IE10+ */
	background: linear-gradient(top,  #E22980 0%,#E22980 4%,#F171AD 4%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E22980', endColorstr='#F171AD',GradientType=0 ); /* IE6-9 */
    border: 1px solid #DA0067;
    text-shadow: 0 1px 0 #AF7F00;
}

/* Pricing Table Links */

h2.col1 a { color: #FFFFFF !important;}

ins {background: transparent;text-decoration: none;}
div.entry-content div div div.p_table_responsive {margin-bottom:20px!important;}


/* DataTables */

.hentry th {
	font-size:14px;
}

.dataTable .aligncenter {
	margin:0;
}

td.button {
	height:60px;
}

td.button p {margin-bottom:0;}

.dataTable td{
	vertical-align: middle!important;
}

.dataTable a img {
	border: 1px solid #cdcdcd;
    box-shadow: 1px 1px 6px #292929;
}

.dataTable 

.filter_column {
	font-size:12px;
}

.wpDataTablesWrapper table.wpDataTable thead th input.number_range_filter {
	width:45%!important; margin:0 1% 5px!important;
}

.wpDataTablesWrapper table.wpDataTable thead tr th select,
.wpDataTablesWrapper table.wpDataTable thead th input  {margin-bottom:5px!important;}
.wpDataTablesWrapper table.wpDataTable thead th.button:after {display:none!important;}

/* 9.4 404 Page
--------------------------------------- */

.error404 #content .widget {
	padding: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* 10. Media Queries
--------------------------------------- */

/* 960px Screens */

@media only screen and (max-width: 960px) {
	.row .row .span1, 
	.row .row .span2, 
	.row .row .span3, 
	.row .row .span4, 
	.row .row .span5, 
	.row .row .span6, 
	.row .row .span7,
	.row .row .span8, 
	.row .row .span9, 
	.row .row .span10, 
	.row .row .span11, 
	.row .row .span12, 
	.row .row .span1-5, 
	.row .row .span1-8 {
		width: 100% !important;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 0px; 
	}
	
	.row .row > div:last-child { margin-bottom: 0 !important; }

	.post-format-indicator { display: none; }
}

/* iPad & Tablets */

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) {
	body { font-size: 90%; }

	.row { margin-bottom: 0 !important; }

	.span1, 
	.span2, 
	.span3, 
	.span4, 
	.span5, 
	.span6, 
	.span7,
	.span8, 
	.span9, 
	.span10, 
	.span11, 
	.span12, 
	.span1-5, 
	.span1-8, 
	#content, 
	#sidebar-primary, 
	#sidebar-secondary {
		width: 100% !important;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 20px;
	}

	#header { text-align: center; }

	#logo,
	#site-title a,
	#header .social-icons,
	#header-widget,
	#header-widget .widget-content {
		float: left;
		margin: 0 auto;
		padding: 10px 0;
	}

	#header-widget { padding: 0; }

	#header-widget ul.menu li, 
	.nav ul.menu li {
		float: none;
		display: inline-block;
		text-align: left;
	}

	.nav {
		position: relative;
		width: 100%;
		vertical-align: middle;
	}

	.nav .menu { display: none;	}

	.mobile-menu { 
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: none !important;
		border: 0 !important;
		opacity: 0;
	}

	.mobile-menu-text { 
		display: block;
		float: left;
		margin-left: 20px;
		overflow: hidden;
		line-height: 45px;
	}

	.mobile-menu-icon { 
		display: block;
		float: right;
		margin-right: 10px;
		line-height: 45px;
		font-size: 22px;
	}

	#content { margin-bottom: 10px; }
	
	.hentry,
	.widget,
	.author-info,
	#comments { padding: 10px; }

	.entry-info { padding-bottom: 10px;	}

	.entry-meta { padding-top: 10px; }

	#footer-content { 
		padding-bottom: 0;
		text-align: center;
	}

	#copyright,
	#credit { 
		display: block;
		float: none;
		padding: 0 15px;
		margin: 0 auto 20px auto;
	}

	.post-thumbnail {
		margin: 10px -10px 20px;
	}

	.hentry.format-video .first-video {
		margin: 0 -10px 20px -10px;
	}

	.commentlist .children, 
	.commentlist .children li {
		margin-left: 0;
	}
}

/* Mobile Devices */

@media (max-width : 1100px) {
	#header {width:auto;}
	#header nav ul li a {font-size:14px; padding:12px 8px;}
	#header nav ul li a.sf-with-ul {margin-right:-5px;}
}

@media (max-width : 880px) {	

	/* CSS Grids */ 
	div.caption_column.column_0_responsive {display:none;}
	div.column_1.column_1_responsive, 
	div.column_2.column_2_responsive, 
	div.column_3.column_3_responsive, 
	div.column_4.column_4_responsive,
	div.column_5.column_5_responsive	{ 
		width:50%!important;
		margin:20px 0!important;
	}	
	
	div.column_1.column_1_responsive:hover, 
	div.column_2.column_2_responsive:hover, 
	div.column_3.column_3_responsive:hover, 
	div.column_4.column_4_responsive:hover,
	div.column_5.column_5_responsive:hover	{ 
		box-shadow: none!important;
		left: 0!important;
		position: relative!important;
		top: 0!important;
		z-index: 100!important;
	}
	
	div.p_table_responsive.p_table_hide_caption_column .css3_grid_vertical_align .css3_hidden_caption { display: block!important;font-weight:bold!important;}
	
	div.p_table_1.p_table_responsive.p_table_hide_caption_column li.row_style_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column li.row_style_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column li.row_style_3, div.p_table_1.p_table_responsive.p_table_hide_caption_column li.row_style_4 {height: 41px;}
	
	div.p_table_2.p_table_responsive.p_table_hide_caption_column li.row_style_1, div.p_table_2.p_table_responsive.p_table_hide_caption_column li.row_style_2, div.p_table_2.p_table_responsive.p_table_hide_caption_column li.row_style_3 {height: 37px;}
	
	div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column:hover {
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
		left: 0;
		top: 0;
	}
	
	div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.column_1:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.column_2:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.column_3:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.column_4:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.active_column, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.active_column:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.column_1:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.column_2:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.column_3:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.column_4:hover, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.active_column, div.p_table_1_13.p_table_responsive.p_table_hide_caption_column div.active_column:hover div.p_table_1_14.p_table_responsive.p_table_hide_caption_column div.column_1:hover, div.p_table_1_14.p_table_responsive.p_table_hide_caption_column div.column_2:hover, div.p_table_1_14.p_table_responsive.p_table_hide_caption_column div.column_3:hover, div.p_table_1_14.p_table_responsive.p_table_hide_caption_column div.column_4:hover, div.p_table_1_14.p_table_responsive.p_table_hide_caption_column div.active_column, div.p_table_1_14.p_table_responsive.p_table_hide_caption_column div.active_column:hover, div.p_table_1_15.p_table_responsive.p_table_hide_caption_column div.column_1:hover, div.p_table_1_15.p_table_responsive.p_table_hide_caption_column div.column_2:hover, div.p_table_1_15.p_table_responsive.p_table_hide_caption_column div.column_3:hover, div.p_table_1_15.p_table_responsive.p_table_hide_caption_column div.column_4:hover, div.p_table_1_15.p_table_responsive.p_table_hide_caption_column div.active_column, div.p_table_1_15.p_table_responsive.p_table_hide_caption_column div.active_column:hover, div.p_table_1_16.p_table_responsive.p_table_hide_caption_column div.column_1:hover, div.p_table_1_16.p_table_responsive.p_table_hide_caption_column div.column_2:hover, div.p_table_1_16.p_table_responsive.p_table_hide_caption_column div.column_3:hover, div.p_table_1_16.p_table_responsive.p_table_hide_caption_column div.column_4:hover, div.p_table_1_16.p_table_responsive.p_table_hide_caption_column div.active_column, div.p_table_1_16.p_table_responsive.p_table_hide_caption_column div.active_column:hover, div.p_table_1_17.p_table_responsive.p_table_hide_caption_column div.column_1:hover, div.p_table_1_17.p_table_responsive.p_table_hide_caption_column div.column_2:hover, div.p_table_1_17.p_table_responsive.p_table_hide_caption_column div.column_3:hover, div.p_table_1_17.p_table_responsive.p_table_hide_caption_column div.column_4:hover, div.p_table_1_17.p_table_responsive.p_table_hide_caption_column div.active_column, div.p_table_1_17.p_table_responsive.p_table_hide_caption_column div.active_column:hover, div.p_table_1_18.p_table_responsive.p_table_hide_caption_column div.column_1:hover, div.p_table_1_18.p_table_responsive.p_table_hide_caption_column div.column_2:hover, div.p_table_1_18.p_table_responsive.p_table_hide_caption_column div.column_3:hover, div.p_table_1_18.p_table_responsive.p_table_hide_caption_column div.column_4:hover, div.p_table_1_18.p_table_responsive.p_table_hide_caption_column div.active_column, div.p_table_1_18.p_table_responsive.p_table_hide_caption_column div.active_column:hover {
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
		left: 0;
		top: 0;
	}
	div.p_table_1.p_table_responsive.p_table_hide_caption_column.p_table_hover_disabled div.column_1:hover, div.p_table_1.p_table_responsive.p_table_hide_caption_column.p_table_hover_disabled div.column_2:hover, div.p_table_1.p_table_responsive.p_table_hide_caption_column.p_table_hover_disabled div.column_3:hover, div.p_table_1.p_table_responsive.p_table_hide_caption_column.p_table_hover_disabled div.column_4:hover {
		box-shadow: none;
	}
	div.p_table_1.p_table_responsive.p_table_hide_caption_column.p_table_hover_disabled div.active_column:hover {
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
		left: 0;
		top: 0;
	}
	div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover li.row_style_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover li.row_style_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover li.row_style_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover li.row_style_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover li.row_style_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover li.row_style_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover li.row_style_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover li.row_style_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover li.row_style_3, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover li.row_style_3, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover li.row_style_3, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover li.row_style_3, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover li.row_style_4, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover li.row_style_4, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover li.row_style_4, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover li.row_style_4, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column li.row_style_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column li.row_style_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column li.row_style_3, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column li.row_style_4 {
		height: 41px;
		padding: 9px 0 !important;
	}
	div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover li.header_row_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover li.header_row_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover li.header_row_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover li.header_row_1, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column li.header_row_1 {
		border-radius: 0;
		padding: 0 !important;
	}
	div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1 li.header_row_1.radius5_topright, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2 li.header_row_1.radius5_topright, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3 li.header_row_1.radius5_topright, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4 li.header_row_1.radius5_topright {
		border-top-right-radius: 0;
	}
	div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover li.header_row_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover li.header_row_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover li.header_row_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover li.header_row_2, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column li.header_row_2 {
		padding: 0 0 14px !important;
	}
	div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover li.footer_row, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover li.footer_row, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover li.footer_row, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover li.footer_row, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column li.footer_row {
		padding: 10px 0 !important;
	}
	div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_1:hover div.column_ribbon, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_2:hover div.column_ribbon, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_3:hover div.column_ribbon, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.column_4:hover div.column_ribbon, div.p_table_1.p_table_responsive.p_table_hide_caption_column div.active_column div.column_ribbon {
		right: 0;
	}
		
	}
	
@media (max-width : 769px) {
	#site-title{text-indent:10px!important;}
	#header  div.social-icons{float:right;}
	}
	
@media (max-width : 480px) {
	.entry-title {font-size: 1.5em !important;}
	.entry-meta { display: none; }
	#logo {width:200px;}
	
	/* CSS Grids */ 
	
	div.column_1.column_1_responsive, 
	div.column_2.column_2_responsive, 
	div.column_3.column_3_responsive, 
	div.column_4.column_4_responsive,
	div.column_5.column_5_responsive	{ 
		width:90%!important;
		margin:5px 5%!important;
	}	
}

/* Retina Images */

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (-moz-min-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 13/10),
       only screen and (min-resolution: 120dpi) {
	body {
		background-image: url("assets/img/background.png");
		background-size: 100px 100px;
	}

	#footer {
		background-image: url("assets/img/footer-background.png");
		background-size: 100px 100px;
	}

	.post-format-indicator,
	.post-format-indicator .entry-format {
		background-image: url("assets/img/post-format-icons.png");
		background-size: 250px 150px;
	}
}

/* Tooltip */

.fa-info-circle:hover {cursor:pointer; color:#ea4b95;}
.tooltip {outline:none; }
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-160px;
    width:300px; line-height:16px;
}
.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#333 url(cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}

/* KK Rating */

.post-2085 .kk-star-ratings {display:none;}

/* */
.center-fix {margin: 0 auto!important; display:table!important;width:auto;}