/*
Theme Name: Timpuma
Theme URI: http://timpuma.ch/themes/timpuma
Description: Custom Theme for Tim & Puma Mimi.
Author: multi-vitamin.ch
Author URI: http://multi-vitamin.ch/
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:

General comments (optional).
*/

* {
	margin: 0px;
	padding: 0px;
	
	-webkit-text-size-adjust: none;
}

body {
	margin: 0px;
	padding: 0px 24px;

	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 20px;
		
	color: #000000;

}

.clearfix:after {
    content: " ";
    display: table;
}

h1, h2, h3 {
	font-family: "Courier New", monospace;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 10px;
}
h1 {
	font-size: 21px;
}
h2 {
	font-size: 19px;
}
h3 {
	font-size: 19px;
}
h3 span, h2 span {
    position: relative;
	display: inline-block;
/* 	overflow-x: visible; */
}

.mono {
	font-family: "Courier New", monospace;
	font-weight: bold;
}

p {
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	cursor: url(tpm/qcumber.png), auto;
}

a[href $='.pdf'] {
	margin-left: -4px;
  padding: 0px 0px 0px 36px;
	background: transparent url(./tpm/pdf_32.png) no-repeat top left;
	background-position-y: 4px;
	line-height: 36px;
	height: 32px;
	display: inline-table;
	text-decoration: none;
}

img {
	border: none;
}

div.lyrics-title {
	cursor: pointer;
	cursor: url(tpm/qcumber.png), auto;
}


div.textwidget {
	margin-bottom: 32px;
}

ul.blogroll {
	margin-bottom: 20px;
}

ul, li {
	list-style-type: none;
}
ul li h2 {
	margin-bottom: 10px;
}

ul.blogroll li {
	white-space: nowrap;
}

ul.blogroll li a {
	float: none; clear:both;
	display: table;
	font-weight: bold;
	color: #000000;
}

table {
	border-collapse: collapse;
}
td {
	vertical-align: top;
}

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

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.grey {
	color: #888888;
}

.nowrap {
	white-space: nowrap;
}

.inline-block {
    display: inline-block;
    vertical-align: top;
}

div.float-left {
	float: left;
	clear: none;
}

div.clear {
	float: none;
	clear: both;
}


header {
	float: none;
	clear: both;
}

#branding {
	width: 680px;
	padding-right: 220px;
	margin: 0px auto;
}

div#main {
	margin: 0px;
	padding: 0px;
}

div#dontmess_bg,
div#splash_bg {
    position:fixed;
    left:0px;
    width:100%;
    
    top:80px;
    bottom:0px;
}

div#splash_bg img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
        
    min-width:auto;
    min-height:50%;
    
    height: 100%;
    width: auto;
}

div#dontmess_bg img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
      
    min-width:auto;
    min-height:50%;
      
    width: 100%;
    height: auto;
    max-width: 800px;
}


div#intro_2017_bg {
    position:fixed;
    left:0px;
    width:100%;
    
    top:80px;
    bottom:0px;
}
div#intro_2017_bg img {      
    width: 100%;
    max-width: 1280px;
    height: auto;
}

div#splash_items {
	position: fixed;
	z-index: 10;
	top: 0px;
	left:0px;
	right:0px;
}

div#splash_items ul {
	position:absolute;
}
div#splash_items ul li a {
	padding: 4px 8px;
	color: #000000;
	font-family: "Courier New", monospace;
	font-size: 21px;
	line-height: normal;
	text-transform: uppercase;
	
	display: table;
}

div#splash_items ul li a span {
    position: relative;
	display: inline-block;
}

body#intro_2017 {
    padding: 0;
    background-color: #000000;
}

body#intro_2017 div#splash_items ul li {
    background-color: rgba(0,0,0, 0.6);
    border: 2px solid rgba(255, 255, 255, 0.76);
    
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

body#intro_2017 div#splash_items ul.active li {
    background-color: #000000;
    border: 2px solid #ffffff;
}

body#intro_2017 div#splash_items ul li a span {
    color: rgba(255, 255, 255, 0.9);
    font-weight: bold;
    
    transition: color 0.3s ease-in-out;
}
body#intro_2017 div#splash_items ul.active li a span {
    color: #ffffff;
}

body#intro_2017 div#lines div.line {
    background-color: #ffffff;
    box-shadow: 0px 0px 3px black, 0px 0px 5px black;
}

div#splash_special {
	position: fixed;
	z-index: 9;
	top: 0px;
	left:0px;
	right:0px;
}

div#splash_special ul {
	position:relative;
}
div#splash_special ul li a {
/* 	padding: 4px 8px; */
	color: #000000;
	font-family: "Courier New", monospace;
	font-size: 21px;
	line-height: normal;
	text-transform: uppercase;
	
	display: table;
}

div#splash_special ul li a span {
    position: relative;
	display: inline-block;
}



div#nav_items ul.nav-item {
	position:absolute;
	white-space: nowrap;
	display: table;
}
div#nav_items ul.nav-item li {
	white-space: nowrap;
}
div#nav_items ul li a {
	display: table;
	padding: 4px 8px;
	color: #000000;
	font-family: "Courier New", monospace;
	font-size: 21px;
	line-height: normal;
	text-transform: uppercase;
}

div#nav_items ul li a span {
    position: relative;
	display: inline-block;
}

ul#nav_item_tpm li a {
	background-color: #FFFFFF !important;
	color: #000000 !important;
}

div#lines {
  position:fixed;
  top: 0px; left: 0px;
}

div.line {
	position: absolute;
	background-color: #000000;
	height: 2px;
	width: 48px;
	-webkit-transform-origin: 0px 0px;
	-moz-transform-origin: 0px 0px;
	display: none;
}



div#discog_overview {
	position: relative;
	white-space: nowrap;
	margin-top: -20px;
	margin-bottom: 10px;
}

div.discog-item {
	height: 160px;
	margin-bottom: 24px;
}
div.discog-item h3 {
    -webkit-text-size-adjust: 96%;
    white-space: nowrap;
}

div.discog-thumbnail {
	margin-right: 20px;
	width: 160px;
	height: 160px;
	display:table;
}

div.discog-thumbnail img {
	border: solid 1px #000000;
}

div#album_titles {
	height: 32px;
	display: table;
}
div.album-title {
	position: absolute;
	font-family: "Courier New", monospace;
	font-size: 19px;
	line-height: normal;
	display: none;
}
div.album-title div {
	display: block !important;
}
div.album-title div span {
    position: relative;
	display: inline-block;
}

div.album-cover-player:after
{
    content: "";
    display: table;
    clear: both;
}

div.bandcamp-player {
    width: 308px;
    height: auto;
}


div.courier {
	font-family: "Courier New", monospace;
	font-size: 19px;
	line-height: normal;
	height: 24px;
	overflow: hidden;
	margin-bottom: 15px;
}

div.courier span {
    position: relative;
	display: inline-block;
}


div.lyrics-title {
	text-align: nowrap;
	width: 660px;
	display: table;
	clear: both;
	float: none;
}
div.lyrics-title div {
	float: left;
	clear: none;
	font-weight: bold;
	margin-bottom: 10px;
}
div.lyrics-title div.number {
	width: 24px;
	padding-right: 6px;
	text-align: right;
	font-weight: normal;
	color: #888888;
}
div.lyrics-title div.left {
	width: 300px;
	margin-right: 30px;
}
div.lyrics-text {
	white-space: nowrap;
	width: 660px;
	clear: both;
	float: none;
	display: block;
}
div.lyrics-text div {
	float: left;
	clear: none;
	margin-bottom: 30px;
	display: table;
}
div.lyrics-text div.left {
	width: 300px;
	margin-right: 30px;
	margin-left: 30px;
}

img.shadow {
	border: solid 1px #000000;
}


img.alignleft {
	float:left;
	margin-right: 24px;
	margin-bottom: 12px;
}

div.tubepress_thumbnail_area {
	margin-top: 0px;
	width: 660px  !important;
}

div.tubepress_thumbs {
	margin-bottom: 0px;
}

div.tubepress_thumb {
	width: 144px !important;
	height: 212px !important;
	padding: 8px;
	margin-right: 12px;
	margin-left: -8px;
}

.tubepress_thumb img {
	padding: 0px !important;
	margin: 0px !important;
	border: 1px solid #000000;
}

dl.tubepress_meta_group {
	padding: 0px !important;
	width: 144px  !important;
	margin-top: 8px !important;
	font-size: 14px !important;
	line-height: 20px !important;
}

dl.tubepress_meta_group dd, dl.tubepress_meta_group dd a {
	font-size: 14px !important;
}

dd.tubepress_meta_title, dd.tubepress_meta_title a, dd.tubepress_meta_title a:hover, dd.tubepress_meta_runtime {
	font-weight: normal !important;
}


.jqmWindow {
	margin-left: -464px !important;
}


/* CSS2 Menu… */


li.page-item-94 ul.children {
	width: 0px;
	overflow: hidden;
}

div.menu {
	
	margin-top: -4px;
	
	height:56px;

	font-family: "Courier New", monospace;
	font-size: 19px;
	line-height: 20px;
}


div.menu ul li {
	white-space: nowrap;
}

div.menu > ul {
	white-space: nowrap;
	width: auto;
	display: block;
}

div.menu > ul > li {
	float: left;
	clear: none;
	display: table;
	width: auto;
	
	text-transform: uppercase;
}

div.menu > ul > li > a {
	padding: 0px 0px 4px 0px;
	margin: 0px 16px 0px 0px;
	background: #FFFFFF;
	display: table;
}

div.menu ul > li > a span {
    position: relative;
	display: inline-block;
	-webkit-text-size-adjust: 97% !important;
}

div.menu > ul > li > ul {
	position: absolute;
	white-space: nowrap;
	
	visibility: hidden;
	
	background-color: #FFFFFF;
}

div.menu > ul > li > ul > li {
	float: left;
	clear: none;
	display: table;
	width: auto;

	padding: 4px 0px 6px 0px;

	text-transform: none;
}

div.menu > ul > li > ul > li > a {
	padding: 0px 0px 4px 0px;
	margin: 0px 12px 0px 0px;
	
	display: table;
}

div.menu > ul > li > ul > li > ul {
	position: absolute;
	white-space: normal;
	
	visibility: hidden;
	margin-top: 10px;
	margin-left: -2px;
}


div.menu ul > li.current_page_item > ul {
	visibility: visible !important;
}

div.menu ul > li.current_page_item > a, div.menu ul > li.current_page_parent > a {
	border-bottom: 1px solid #000000;
}

div.menu > ul > li.current_page_ancestor > ul {
	visibility: visible !important;
}


div#splash {
	text-align: center;
	padding: 16px;
}


h1 {
	padding: 12px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 32px;
}
h2#site-description {
	padding: 0px 0px 12px 0px;
	font-size: 19px;
	color: #AAAAAA;
	white-space: nowrap;
}


/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* =Sidebar, Widgets
----------------------------------------------- */

div#secondary {
	margin-top: -68px;
}

div#secondary h2 {
	font-family: "Courier New", monospace;
	font-size: 19px;
	color: #000000;
	margin-top: -5px;
	margin-bottom: 15px;
	white-space: nowrap;
	height: 12px;
}

div#secondary h2 span {
    position: relative;
	display: inline-block;
}

div#secondary > li {
	font-family: Georgia, Times, serif; /* Arial, Helvetica, sans-serif; */
	margin-bottom: 10px;
	font-size: 14px;
	color: #888888;
}

div#secondary > li a {
	margin-right:4px;
	display: block;
	color: #666666;
}

ul.blogroll li {
	margin-bottom: 5px;
}


table.events-list {
	width: 640px;
	margin-bottom: 20px;
	border-bottom: 1px solid #EEEEEE;
}
table.events-list tr td {
	padding: 5px 0px;
}

table.events-list tr.border-top td {
	border-top: 1px solid #EEEEEE;
}


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

div#main {
	position: relative;
	padding: 16px 0px;
	min-width: 900px;
}

#primary {
	display: block;
	margin-right: 240px;
}
#content {
	width:660px;
	margin: 0px auto;
	
  -webkit-text-size-adjust: none;
}
#secondary {
	float: right;
	display: block;
	width: 220px;
}

footer {
	padding: 12px;
}

/* =WP-Default CSS…
----------------------------------------------- */

.edit-link {
	padding-bottom: 12px;
}
.edit-link a,
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
	font-family: Georgia, Times, serif;
	font-weight: bold;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

article.post {
	display: table;
	height: auto;
	margin-top: 32px;
}


div.tpm-gallery-thumbs a img {
	border: 1px solid #000000;
}


div.entry-content a {
    font-weight: bold;
    color: #444444;
}
div.entry-content a:hover {
    color: #000000;
}



body.blog div.entry-content iframe {
    margin: 8px 0 4px 0;
}

body.blog div.entry-content img {
    margin: 8px 0 4px 0;
}
body.blog div.entry-content img.alignleft {
    margin: 0 16px 4px 0;
}

body.blog div.entry-content a[target="_blank"]:after,
body.page-id-194 div.entry-content a[target="_blank"]:after,
div.widget-area a[target="_blank"]:after,
.events-list a[target="_blank"]:after,
a.external[target="_blank"]:after {
    content: " ◹";
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    margin: -3px 2px 0 0;
    color: #999999;
}
body.blog div.entry-content a[target="_blank"]:hover:after,
body.page-id-194 div.entry-content a[target="_blank"]:hover:after,
div.widget-area a[target="_blank"]:hover:after,
.events-list a[target="_blank"]:hover:after,
a.external[target="_blank"]:hover:after {
    color: #000000;
}

div.tpm-gallery-overlay {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px; /* 260px; */
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.77);
	
	padding-right: 260px;
}

div.tpm-gallery-overlay div.image-div {
	display: table;
	margin: 0 auto;
	height: 100%;
}

div.tpm-gallery-overlay div.image-div div.vert-middle {
	position: relative;
	display: table-cell;
	height: 100%;
	vertical-align:middle;
}

div.tpm-gallery-overlay div.image-div div.image-wrap {
	position: relative;
	border: 1px solid #000000;
	margin-left: 2px;
}


div.tpm-gallery-overlay div.image-div div.image-wrap img {
	vertical-align: top;
}

div.tpm-gallery-overlay div.image-div div.slide-left {
	position: absolute;
	top: 0px; bottom: 0px;
	left: 0px; right: 50%;
	display: none;
}
div.tpm-gallery-overlay div.image-div div.slide-right {
	position: absolute;
	top: 0px; bottom: 0px;
	left: 50%; right: 0px;
	display: none;
}


div.tpm-gallery-overlay div.image-div div.caption {
	display: block;
	margin-left: 2px;
	background-color: #ffffff;
	padding: 2px 6px;
	height: auto;
	white-space: normal;
	border: 1px solid #000000;
	border-top: none;
}


div.tpm-gallery-thumbs img {
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 10px;
}



div.tpm-video-thumb {
	display: inline-block;
	float: left;
    
	width: 144px !important;
	height: 212px !important;
	padding: 8px;
	margin-right: 12px;
	margin-left: -8px;
	
	vertical-align: top;
}

div.wpvl_auto_thumb_box {
	width: 144px;
	height: 112px;
}


div.pp_overlay {
	background-color: #000000 !important;
}


div.pp_default .pp_content, div.light_rounded .pp_content {
	background-color: #ffffff !important;
	height: auto !important;
	
	border: 12px solid #ffffff;
}


div.pp_top > div,
div.pp_bottom > div {
	display: none;
}

div.pp_left,
div.pp_right {
	background: none !important;
}

div.pp_details {
	display: none !important;
}

div.pp_fade {
	vertical-align: top;
	background-color: transparent !important;
	background-color: #ffffff;
}
div.pp_fade div#pp_full_res {
	vertical-align: top;
	width: auto;
	background-color: transparent;	
}

div.pp_fade div#pp_full_res iframe {
	vertical-align: top;
}

div.wpvl_auto_thumb_play {
	display: none;
}

img.video_lightbox_auto_anchor_image {
	width: 144px;
	height: auto;
	border: 1px solid #000000;
}


@media all and (max-width: 948px) {
	div.tpm-gallery-overlay {
		padding-right: 0px;
	}
	div.tpm-gallery-overlay div.image-div {
		margin: 0 22px;
	}
}