@charset "UTF-8";

/* reset.css, by Eric Meyer (http://meyerweb.com/) */
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, font, 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 {
margin: 0;padding: 0;border: 0;outline: 0;
font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


a {text-decoration: none;}

/* Class for clearing floats */
.clear, .clr {clear: both;}
.clearleft, .clr-left {clear: left;}
.clearright, .clr-right {clear: right;}

/* =General
-----------------------------------------------------------------------------------------------------------------*/
/* Put margin back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 1em 0;}

.lalign {clear: left;float:left;margin: 5px 10px 3px 0px !important;}
.ralign {clear:right;float:right;margin: 5px 0px 3px 10px !important;}
body {background-color:#333;}
hr {clear:both;border:0px;height:1px;}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg {height: 1%;}
.pkg {display: block; }
/* */

blockquote {http://visuallounge.techsmith.de/assets/img/structure/vl-blockquote.gif);background-repeat: no-repeat;background-position: 18px 5px;padding-left:75px;}

#sizelimit {min-width:800px;max-width:1300px;background-color:#fff;border-right:1px solid #1a1a1a;}

/* banner user/photo */
.banner-user {float: left;overflow: hidden;width: 64px;margin: 0 15px 0 0;border: 0;padding: 0;text-align: center;}
.banner-user-photo {display: block;margin: 0 0 2px 0;border: 0;padding: 0;background-position: center center;background-repeat: no-repeat;text-decoration: none !important;}
.banner-user-photo img {width: 64px;height: auto;}

li a, p a {color:#105cb6;}
li a:hover, p a:hover {color:#001;}
li a:visited, p a:visited {color:#7fa4cf;}

p.errorpull, div.errorpull {border:1px solid #d00;background-color: #e44;background-image: url(http://visuallounge.techsmith.de/assets/img/structure/tsc_icons/error.gif);padding-top: 15px;padding-right: 15px;padding-bottom: 15px;padding-left: 45px;color:#fff!important;font-weight:bold !important;background-repeat: no-repeat;background-position: 15px 15px;margin-bottom:15px;}
p.infopull, div.infopull {border:1px solid #5c88d4;background-color: #cff;background-image: url(http://visuallounge.techsmith.de/assets/img/structure/tsc_icons/information.gif);padding-top: 15px;padding-right: 15px;padding-bottom: 15px;padding-left: 45px;color:#46a !important;font-weight:bold !important;background-repeat: no-repeat;background-position: 15px 15px;margin-bottom:15px;}

/* vcard */
/* ------------------------------------------------------- */
.vcard {display: none;margin: 30px 0 0 0;}
.card {display:block}
.hide {display: none;}

/* =MAIN PAGE + HEADER STYLING (Main structures defining areas)
-----------------------------------------------------------------------------------------------------------------*/
#tscblogsbar {white-space:nowrap;background-color: #333;padding-top: 10px;padding-right: 12px;padding-bottom: 10px;padding-left: 12px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #1a1a1a;}

/* navigation */
#tscblogsbar ul {margin-top:0;border:none;}
#tscblogsbar ul {float:right;}
#tscblogsbar li {float:left;}
#tscblogsbar li a {float:left;margin-left:5px;white-space:nowrap;display:block;margin-top:-.125em;padding:6px;color:#ccc;text-decoration: underline;}
#tscblogsbar li a:hover {color:#fff;}

#tscblogsbar input.formfield {padding-left:5px;padding-top:4px;padding-right:5px;padding-bottom:6px;margin-top:-.125em;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #666;border-right-color: #999;border-bottom-color: #aaa;border-left-color: #888;}
#tscblogsbar input.formbutton {padding-left:5px;padding-top:3px;padding-right:5px;padding-bottom:5px;margin-top:-.125em;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #666;border-right-color: #999;border-bottom-color: #aaa;border-left-color: #888;background-color: #ccc;}
#tscblogsbar input.formbutton:hover {background-color: #fff;cursor:pointer;}

#tscblogsbar img {margin-right:5px;}
#tscblogsbar form {margin:0;padding:0;}

#blogheaderblue {border-top-width: 1px;border-top-style: solid;border-top-color: #273358;background-color: #3d547d;background-image: url(http://visuallounge.techsmith.de/assets/img/structure/bloghdrbluebkgd.gif);background-repeat: repeat-x;background-position: left top;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #273358;padding-top: 10px;padding-right: 8em;padding-bottom: 10px;padding-left: 168px;}
.icontext {top: .25em !important;position: relative !important;}

/* =MAIN BLOG STYLING (ENTRIES, COMMENTS, ARCHIVES, ETC)
-----------------------------------------------------------------------------------------------------------------*/
#alpha {clear: both;float: left;width: 63%;padding-right: 2%;}
.forceleftpad {padding-left:20px !important;}
#alpha-inner {position: static;padding:13px 0 13px 0;}
#beta-inner, #gamma-inner, #delta-inner {position: static;padding:13px 13px 13px 17px;}

.date-header,
.entry-content {position: static;clear: both;}

/* Main index styles
Suppress date header on main index */
.date-header { display: none; }

.expostfacto {clear: both;}

.entry, div#alpha-inner div.archive {margin-top:10px;background-image: url(http://visuallounge.techsmith.de/assets/img/structure/entryheadblue.gif);background-repeat: no-repeat;background-position: left top;padding-left: 20px;border-top-width: 1px;border-top-style: solid;border-top-color: #c0dbee;}
.bluebox {border:solid #C0DBEE 1px;float:left;padding:10px;margin-bottom:20px;background-color: #E7F2F6;}
.bluebox hr {color:#C0DBEE;background-color:#C0DBEE;}

.whitebox {border:solid #59789F 1px;float:left;padding:10px;margin-bottom:20px;background-color: #fff;width:100% !important;}
.whitebox hr {color:#59789F;background-color:#59789F;}

.next-prev {font-size:125%;}
.next-prev span {font-weight: bold;}
.next-prev hr {color:#C0DBEE;background-color:#C0DBEE;}
.next-prev p {margin-top:.25em;}
.content-nav {margin-left: 20px;}

/*.content-nav {width:98%;margin-left: 20px;}*/
/*p.content-nav a,*/ .content-nav input {float:left;margin-right:10px;display: block;color: #333!important;font-weight: bold !important;text-decoration: none !important;padding: 5px;cursor: pointer;}
/*p.content-nav a,*/ .content-nav input {/*background-image: url(http://visuallounge.techsmith.de/assets/img/action_bttns/bck_yllw_rest.gif);background-repeat: repeat-x;background-position: left top;*/background-color: #ffffd9;border-right-width: 2px;border-bottom-width: 2px;border-right-style: solid;border-bottom-style: solid;border-right-color: #AAA;border-bottom-color: #AAA;border-top-style: solid;border-left-style: solid;border-top-width: 1px;border-left-width: 1px;border-top-color: #CCC;border-left-color: #CCC;}
/*p.content-nav a,*/ .content-nav input:hover {/*background-image: url(http://visuallounge.techsmith.de/assets/img/action_bttns/bck_yllw_active.gif);background-repeat: repeat-x;background-position: left top;*/background-color: #ffeaae;border-top-width: 2px;border-left-width: 2px;border-top-style: solid;border-left-style: solid;border-top-color: #888;border-left-color: #888;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #BBB;border-bottom-color: #BBB;}

/*Link at bottom of page to all posts (MAIN PAGE)*/
.navbutton a {background-color:#EB7000;border:1px solid #F7611D;
color:#fff;font-weight:normal;padding:8px;
text-decoration:none;
clear: left; float: left;margin-bottom: 20px;
}
.navbutton a:hover {background-color: #c45e02;border:1px solid #d2551c;}

/* =COMMENTS
-----------------------------------------------------------------------------------------------------------------*/
.entry,
.trackbacks,
.comments,
.archive {position: static;overflow: hidden;clear: both;width: 100%; margin-bottom: 20px;}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {clear: both;}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {clear: both;}

.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {clear: both;margin: 5px 10px 20px 0;}

p.entry-footer {clear: both;margin: 5px 0 0 0;padding:5px 10px 5px 10px;border-top-width: 1px;border-top-style: solid;border-top-color: #c0dbee;/*background-image: url(http://visuallounge.techsmith.de/assets/img/structure/interactbarfill.gif);background-repeat: repeat-x;background-position: left top;*/text-align: right;}
p.entry-social {margin: 0 0 20px 0;padding:5px 10px 5px 10px;text-align: right;background-color:#DAE6F7;border-top-width: 1px;border-top-style: solid;border-top-color: #c0dbee;}
span.footer-title {color:#9CAF31;float:left;}

h3#trackback {display:none;/*font-weight:bold;text-align:right;*/}
#trackbacks-info, .trackbacks-content {text-align:right;}

div.comment {width:98.5%;}
div.comment-inner, .comment-inner {border: 1px solid #59789F;margin-top:.5em;padding:5px 10px 5px 20px;clear:both;}

.comments-open label {font-weight:bold;}
.comments-open label { display: block; }

.comment-hover {padding: 5px 5px 5px 10px;}
.comment-hover:hover {background-color: #FFC;}

.comment-footer {float:left;margin-left:60px;margin-top:-20px;color:#888;}
.comment-footer-experimental {float:left;margin-left:60px;margin-top:-20px;color:#888;}

.comment-header, .comment-footer-experimental {display:none;}

img.quotehook {float:left;margin-top:-1px;}

#comment-author, #comment-email, #comment-url {width: 300px;}
#comment-text {width: 425px;}
#comment-bake-cookie {margin-left: 0;vertical-align: middle;}
.comments-open-header {clear: both;}
#comment-post {font-weight: bold;}

.comment-hover input, .comment-hover textarea {border:solid #59789F 1px;}

#alpha div.entry-body img {padding: 1px;margin-top: 2px;margin-right: 5px;margin-bottom: 2px;border: 1px solid #CCC;}

img.image-full { width: 100%; }
.image-thumbnail {float: left;width: 115px;margin: 0 10px 10px 0;}
.image-thumbnail img {width: 115px;height: 115px;margin: 0 0 2px 0;}

/* CAPTCHA IN FORM */
.captcha img {margin-top: 3px;}
label span.required {color: #f00; font-weight:normal; font-style: italic;}

/* =SIDEBAR STYLING (MODULES, POST NAVIGATION, ETC)
-----------------------------------------------------------------------------------------------------------------*/
/*#beta {float: right;margin-top:-13px;width: 255px;padding: 13px 0 3em 0;background-repeat: no-repeat;background-image: url(http://visuallounge.techsmith.de/assets/img/structure/sdbr-top-blue.png);background-position: left top;white-space:nowrap;}*/
#beta { float: left;margin-left:4%;width: 31%;padding: 0 0 3em 0;white-space:nowrap;
/*background-image: url(sidebar-shadow.gif);*/
background-repeat: repeat-x;margin-top:-13px;padding: 13px 0 3em 0;background-repeat: no-repeat;background-image: url(http://visuallounge.techsmith.de/assets/img/structure/sdbr-top-blue.gif);background-position: left top;}
.betabottom {background-image: url(http://visuallounge.techsmith.de/assets/img/structure/sdbr-bttm-blue.png);background-repeat: no-repeat;background-position: left bottom;}

/* modules */
.module {position: relative;overflow: hidden;padding:0 0 0 13px;}
.module p, .module li {white-space:normal !important;overflow:visible !important;padding-right:5px;}
.module strong {font-weight:bold;}
.module li a {display:block;background-image: url(http://visuallounge.techsmith.de/assets/img/structure/bullet.gif);background-repeat: no-repeat;background-position: left 3px;padding:0 2px 8px 20px;}

.author {float:left;/*margin-bottom:3em;*/margin-bottom:10px;margin-right:10px;}

div#beta div.module:first-child h2, div#beta div.module:first-child p {margin-top: 0 !important;}

.sidedark {background-color:#dae6f7;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #c0d8ee;}
.sidelight {background-color:#E8EFF7;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #dae6f7;}

.module-content {position: relative;margin: 5px 10px 1em 10px;}

.module-list,
.archive-list {margin: 0;padding: 0;list-style: none;}

.module-list-item {margin-top: 5px;margin-bottom: 5px;}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table {border-collapse: collapse;}

.module-calendar .module-content th,
.module-calendar .module-content td {width: 14%;text-align: center;}

.center {width: 100%; text-align: center;padding-top:20px;}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item {display: block;clear: both;margin: 0;}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail {float: left;min-width: 60px;width: 60px;
/* no ie mac \*/width: auto;/* */
margin: 0 5px 0 0;text-align: center;vertical-align: middle;}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description {margin: 0;padding: 5px;}

.module-featured-photo .module-content,
.module-photo .module-content {margin: 0;}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list {display: block;height: 1%;margin: 0;border: 0;padding: 0;list-style: none;}

.module hr {color:#c0d8ee;background-color:#c0d8ee;}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item {display: block;float: left;
/* ie win fix \*/ height: 1%; /**/
margin: 0;border: 0;padding: 0;}

.module-recent-photos .module-list-item a {display: block;margin: 0;border: 0;padding: 0;}

.module-recent-photos .module-list-item img {width: 60px;height: 60px;margin: 0;padding: 0;}

/* mmt calendar */
.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }
.module-mmt-calendar td {width: 14%;height: 75px;text-align: left;vertical-align: top;}

.day-photo {width: 54px;height: 54px;}
.day-photo a {display: block;}
.day-photo a img {width: 50px;height: 50px;}

/* =Typography
-----------------------------------------------------------------------------*/
body {font-size: small;font-family: /*Calibri,*/ Verdana, Helvetica, sans-serif;}
p {color: #333; font-size:.95em;line-height:1.6em;}
h4, h5 {color: #f18748; font-size:.95em;line-height:1.6em;} /* This is for use within posts to break up content */
strong {font-weight: bold;}
em {font-style: italic;}


blockquote {font-style: italic;color: #666;font-size:.95em;line-height:1.6em;}

.mainpage {font-size:1.25em !important;}
.mainpage a {color:#105cb6 !important;}
.mainpage a:hover {color:#001 !important;}

li a, p a {color:#105cb6;}
li a:hover, p a:hover {color:#001;}
li a:visited, p a:visited {color:#7fa4cf;}


/* "Tagged As" Styles */
.entry-tags-header, .entry-tags-list, .entry-tag {float: left;}
.entry-tags-header {margin-top: -1em;}
.entry-tags-list {margin-top: -.75em;}
.entry-tag {margin-left: 10px; margin-top: .75em !important; font-size: .8em !important;}
.entry-tag a, .entry-tag a:visited {text-decoration: none !important;padding: 3px;border: 1px solid #eee;color: #aaa !important;}
.entry-tag a:hover {color: #666 !important; text-decoration: none !important;border: 1px solid #ddd;}


#tscblogsbar a {text-decoration: none;color: #444;font-size:.85em;}
#tscblogsbar input {color: #444;font-size:.85em;}
#tscblogsbar input.formbutton {text-transform:uppercase;}

#blogheaderblue h1 {color: #fff;font-size:1.05em;line-height:1.5em;}
#blogheaderblue a {color: #d9e6f4;margin-top:-1em;}
#blogheaderblue a:hover {color: #fff;}

/* blog posts/archive typography */
div.entry h3.entry-header {font-size:1.5em;line-height:1.3em;/*color:#000 !important;*/color:#f18748 !important;margin-bottom:-.25em;}
h3.entry-header a, h2#archive-title {color:#f18748 !important;}
h2#archive-title {font-size:1.5em;line-height:1.3em;margin:0 0 1em 0;/*color:#f18748 !important;*/color:#105CB6 !important;}
.expostfacto {font-weight: bold;color:#666 !important;}
.individual-post {color:#f18748 !important;}
h3.entry-header a:hover {color:#cb6529 !important;}


div.entry-body ul, div.entry-body ol, div.entry-body dl {margin: 0 0 1.5em 0;padding: 0;}
div.entry-body ul, div.entry-body ol {margin-left: 20px;}

div.entry-body ul, div.entry-body ol {color: #333; font-size:.95em;line-height:1.6em;}

div.entry-body ul li {padding: 0 0 4px 14px;line-height: 1.25em;background-image: url(http://visuallounge.techsmith.de/assets/img/structure/bullet.gif);background-repeat: no-repeat;background-position: left 3px;padding:0 2px 8px 20px;}

div.entry-body ol {padding-left: 20px;list-style-position: outside;list-style-type: decimal;}

h2.comments-open-header {color:#14a;font-size:1.5em;margin-top:.25em;}
h3.comments-header {color:#14a;font-size:1.5em;margin-top:.25em;border-top: 1px dashed #59789F;padding-top:.65em;}

.forcebluetitle {color:#14a;font-size:1.5em;margin-top:.25em;padding-top:.65em;}

/* sidebar typography */
h2.module-header, h2.module-header a {font-size:0.95em;text-transform:uppercase;color:#9CAF31;font-weight: bold;white-space: normal;font-size:.95em;line-height:1.25em;}
h2.module-header a:hover {color:#6C7022 !important;}

.module p, .module li {font-size:.95em;line-height:1.25em;}

div#alpha-inner div.archive ul.archive-list li {border-bottom:1px #C0DBEE solid;font-size:.95em;line-height:1.25em;padding-top:5px;padding-bottom:5px;}

/* =Branding
-----------------------------------------------------------------------------*/
#vl-logo {z-index:11;position: absolute;left:12px;top:3.25em;}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {clear:both;padding:5px 10px 5px 10px;border-top-width: 1px;border-top-style: solid;border-top-color: #C0DBEE;text-align: right;}

/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid black;}

/* =Tables
-----------------------------------------------------------------------------*/
table { border-spacing: 0; border-collapse: collapse;}
td {text-align: left;font-weight: normal; border: solid 3px #ccc;}

.entry table {border: solid 2px #ccc !important;}
.entry table td {text-align: left; font-weight: normal; border: solid 1px #ccc !important; padding: 5px;}