/*
 * TonyKunz.com
 * v3
 * 20101001
 */

@import url(forms.css);
@import url(menu.css);
@import url(thumbnails.css);


/* Fonts
================================================*/

@font-face {
	font-family: 'SansBlack';
	src: url('fonts/sansblack-webfont.eot');
	src: local('☺'), url('fonts/sansblack-webfont.woff') format('woff'), url('fonts/sansblack-webfont.ttf') format('truetype'), url('fonts/sansblack-webfont.svg#webfontHVxclahf') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TypeRa';
	src: url('fonts/type-ra-webfont.eot');
	src: local('☺'), url('fonts/type-ra-webfont.woff') format('woff'), url('fonts/type-ra-webfont.ttf') format('truetype'), url('fonts/type-ra-webfont.svg#webfontRICQmmfq') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'AntiqueOliveCompact';
	src: url('fonts/antiqueolivecompact-webfont.eot');
	src: local('☺'), url('fonts/antiqueolivecompact-webfont.woff') format('woff'), url('fonts/antiqueolivecompact-webfont.ttf') format('truetype'), url('fonts/antiqueolivecompact-webfont.svg#webfontycK9mY43') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Universal
================================================*/
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, 
fieldset, form, label, legend {
	margin: 0; padding: 0; border: 0; outline: 0; background: transparent; vertical-align: baseline; font-size: 100%; }
	
html, body { height: 100%; }
#page { min-height: 100%; height: auto !important; height: 100%; position: relative; }	

body {line-height: 1;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
strong, .strong { font-weight: bold; }
a img { border: none; }
abbr, acronym, .help {cursor: help; border-bottom: 1px dotted;}
abbr:hover, acronym:hover, .help:hover { border-bottom: 1px solid; }
input, textarea, select, option, table { font-family: Arial, Helvetica, Sans-serif; font-size: 1.05em; }

/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
img { -ms-interpolation-mode: bicubic;  background: url('/_images/throbber.gif') no-repeat 50% 50%; }


a { color:#000; font-weight: bold; }
a:hover, a:active, a:focus { color:#fff; background: #000; text-decoration: underline; }

a span {cursor: pointer} 
acronym { cursor:help; }
acronym:hover { border-bottom:1px solid; }
h1, h2, h3, h4, h5 { letter-spacing: 0px; }
h1, #header h2 {font-size: 235%;}
h2    {font-size: 155%;}
h3    {font-size: 100%; margin: 0px;}
h4    {margin: 15px 0px -5px 0px}
a img {border:none;}

sup {font-size:70%} /*horni index*/
.hidden {position: absolute; left: -999em;}
.invisible {visibility: hidden;}

.small {font-size:80%;}
.medium {font-size:100%;}
.large {font-size:120%;}
.x-large {font-size:140%;}

/* Pictures
================================================*/
.left {float: left;}
.right {float: right;}
.center {text-align:center}
.cleaner { clear: both; }

/* Global layout
================================================*/
body { background: #fff; font-family: "Lucida Console", "Lucida Sans Typewriter", monospace;font-size-adjust: 0.4;  font-size: 80%; color: #000; }
#page { padding-right: 20px; padding-left: 380px; }
.main-content { font-size: 1.35em; padding-top: 156px; padding-bottom: 20px; overflow: hidden; line-height: 1.4; padding-left: 240px; min-height: 378px; background: url("../_images/logo-tony-bordered-220x330.jpg") no-repeat 0 159px; }


/* Header
================================================*/
#header { width: 330px; position: absolute; top: 50px; left: 40px; z-index: 500; }
#logo { /*font-weight: bold;*/ width: 285px; margin: 0 0 15px; padding: 0; font-size: 66px; line-height: 46px; letter-spacing: -7px; font-size-adjust: 0.6; font-family: "AntiqueOliveCompact", "Arial Black", Impact, "Franklin Gothic Heavy", "Franklin Gothic Bold", "Helvetica Inserat", "Bitstream Vera Sans Bold",  sans serif; }
#logo a { text-decoration: none; color: #000; padding-left: 4px; }
#logo a:hover, #logo a:focus, #logo a:active { background: none; color: #111; }

#main-nav, #sub-nav { font-family: "Lucida Console", "Lucida Sans Typewriter", monospace; }

/* Footer
================================================*/
#footer { font-family: "Lucida Console", "Lucida Sans Typewriter", monospace; color: #aaa; overflow: hidden; font-size:95%; line-height: 2.5em; position: absolute; bottom: 0; left: 40px; }
#footer.hidden { left: -999em; }
#footer a:link, #footer a:visited { color: #aaa; text-decoration: none; }
#footer a:hover, #footer a:focus, #footer a:active { background: none; color: #000; }

/* General rules
================================================*/
.main-content p, .main-content h1, .main-content h2, .main-content h3 { margin: 0 0 1.5em 0; }
.main-content ol, .main-content ul { margin-top: 0; margin-bottom: 1.5em; }



/* Specific pages
================================================*/
/* --- Home --- */
body.home { background: #000; color: #fff; }
.home #page, .iframed #page { padding: 0; }
#logo span { padding-left: 4px; }
#supersize{ position:fixed; }
#supersize img{ height:100%;position:absolute;width:100%;z-index:0; background: url('/_images/throbber_black.gif') no-repeat 50% 50%; }

#about-me { max-width: 45em; padding-left: 0; padding-right: 2em; text-align: right; float: right; background: none; }
#about-me #quick-bio, #about-me #references ul { list-style-type: none; padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; }
#about-me #references li { display: inline; padding-right: 10px; border-right: 1px solid #444; margin-right: 10px; }
#about-me #references li.last { padding-right: 0; border-right: none; margin-right: 0; }
#about-me #image-usage { font-size: 0.85em; line-height: 1.2 }

body.contact { background: #000 url('/_content-stuff/contact/contactbg.jpg') no-repeat 50% 0; }
@media screen and (min-width: 900px) {
  body.contact { overflow-x: hidden; }
}
.contact #logo a { color: #fff; }
.contact #page { padding: 0; background: #000 url('/_content-stuff/contact/contactbg.jpg') no-repeat 50% 0; }
#contact { width: 100%; overflow: hidden; }
#contact.main-content { padding: 0; background: none; min-height: 1px; }
#contact #details { text-align: left; }
.contact #download-vcard { position: absolute; right: 20%; top: 390px; width: 2000px; text-align: center; left: 50%; margin-left: -613px; }
.contact #download-vcard a { display: inline-block; width: 125px;  }
.contact #download-vcard a img { background: none; }
.contact #download-vcard a:hover, .contact #download-vcard a:focus, .contact #download-vcard a:active { background: none; }
#contact .formular { float: right; width: 32em; padding-right: 30px; padding-left: 30px; display: inline; }
#contact fieldset { padding: 10px; margin: 0px; border: none; text-align: right; width: 32em; }
#contact textarea, #contact input { border: 1px solid #ddd; background: #f8f8f8; color: #555; font-family: "Lucida Console", "Lucida Sans Typewriter", monospace; font-size: 110%; width: 12em; }
#contact textarea { width: 20.4em; vertical-align: top; }
#contact input.checkbox { width: 1.2em; height: 1.2em; border: none; background: transparent /*for IE6*/; }
#contact input.submit { padding-bottom: 2px; width: 8em; color: #222; border: 2px outset #aaa; background: #e8e8e8; font-weight: normal; font-style: normal; font-size: 1.5em;
	font-family: "Lucida Console", "Lucida Sans Typewriter", monospace; font-size-adjust: 0.4; }
#contact input.submit:active { border: 2px inset #aaa; }