/* ~-~-~-~-~-~-~-~-~ socharske sympozium (sympozium.open-art.cz) ~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~-~-~ gfx thru CSS: IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~-~-~ */
@font-face {
	font-family: 'SegoePrint';
	src: url('./fonty/segoepr-webfont.eot');
	src: local('☺'), url('./fonty/segoepr-webfont.woff') format('woff'), url('./fonty/segoepr-webfont.ttf') format('truetype'), url('./fonty/segoepr-webfont.svg#webfontnCKMABF2') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ~-~ THX to Linotype ;-), Microsoft & www.fontsquirrel.com ~-~ */

body { margin: 0; padding: 0;
	   font: .8em/1.2 'SegoePrint', 'Arial CE', Arial, 'Lucida Grande CE', 'Helvetica CE', lucida, sans-serif;
	   color: #fff;
	   background: #020202 url("bg.jpg") 50% 0 no-repeat;
}

/* ~-~ common ~-~ */
h1, h2, h3, h4, h5, h6 { margin: 0 0 .1em 0; padding: .2em 0 .4em 0; font-weight: normal; font-size: 1.5em; line-height: 1.2em; color: #fff; text-shadow: #dbdbdb 0 1px 0; clear: both; }
h2 { font-size: 1.7em; }

a:link { color: #a0b4ff; border-bottom: 1px solid #a0b4ff; text-decoration: none; } :focus { outline: none; }
a:visited { color: #fff; border-bottom: 1px solid #fff; text-decoration: none; }
a:hover, a:active, a:focus { color: #c0c0c0; border-bottom: 1px solid #c0c0c0; text-decoration: none; }
a:active {}

p, address {
	margin: 0;
	padding: 0 0 .8em 0;
	line-height: 180%;
}
address { font-style: normal; }

img { border: none; }
ul, ol { padding: 0 0 .8em 1.5em; margin: 0; line-height: 190%; }
ul li { padding-left: 0; list-style: disc outside; }
ol li { list-style: decimal inside; }

sup { height: 0; line-height: 1; position: relative; top: -0.6em; vertical-align: baseline !important; vertical-align: bottom; font-variant: small-caps; }

hr, .hidden { display: none; }

.right { text-align: right; }

#container { margin: 0 auto; width: 848px; position: relative; z-index: inherit; zoom: 1; }

#logo a, #t-1 a, #t-2 a, #t-1 strong, #t-2 strong, .coda-nav-left a, .coda-nav-left a:hover, .coda-nav-right a, .coda-nav-right a:hover, #coda-nav-1 ul li.tab1 a, #coda-nav-1 ul li.tab2 a, #coda-nav-1 ul li.tab3 a, #nav-2 #coda-nav-1 ul li.tab1 a, #nav-2 #coda-nav-1 ul li.tab2 a, #nav-2 #coda-nav-1 ul li.tab3 a, #nav-2 #coda-nav-1 ul li.tab4 a { background: url("bg-gfx.png") no-repeat; }

/* ~-~ header ~-~ */
#header { height: 380px; }

#logo { position: absolute; z-index: 1; top: 26px; left: 78px; margin: 0; padding: 0; }
#logo a { display: block; padding-top: 40px; height: 0; width: 694px; overflow: hidden; border-bottom: none; }

/* ~-~ nav ~-~ */
#nav { position: absolute; z-index: 1; top: 86px; left: 240px; width: 435px; height: 39px; }
#nav ul { padding: 0; margin: 0; }
#nav ul li { float: left; list-style: none; }

#t-1 a, #t-2 a, #t-1 strong, #t-2 strong { display: block; padding-top: 49px; height: 0; overflow: hidden; border-bottom: none; }
#t-2 a, #t-2 strong { margin-left: 166px; }
#t-1 a, #t-1 strong { width: 85px; background-position: 0 -50px; }
#t-2 a, #t-2 strong { width: 146px; background-position: -123px -50px; }

#t-1 a:hover { background-position: 0 -109px; }
#t-2 a:hover { background-position: -123px -109px; }

#t-1 strong { background-position: 0 -109px; }
#t-2 strong { background-position: -123px -109px; }

#access { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; text-indent: -1000em; }

/* ~-~ article ~-~ */
#article {}
#article.single { margin: 50px 0 0 144px; width: 550px; height: 346px; padding-right: 10px; overflow: auto !important; }

/* ~-~ footer ~-~ */
#footer { clear: both; margin-top: 384px; padding-bottom: 10px; text-align: center; font: .8em/1.2 'Arial CE', Arial, 'Lucida Grande CE', 'Helvetica CE', lucida, sans-serif; text-transform: uppercase; }
#footer p { padding: 0; }
#footer .font { text-transform: uppercase; font-size: 1.1em; }

/* ~-~ photos ~-~ */
.photo { margin: 0; padding: 0; /*overflow: auto;*/ }
.photo img { margin: 0; }
.photo .thickbox { position: relative; display: block; float: left; margin: 0 2px 2px 0; padding: 3px; width: 60px; height: 60px; border: 1px solid #020202; background-color: #fff; }
.photo .thickbox img { padding: 0; border: none; position: absolute; width: 110px; height: 83px; clip: rect(10px 85px 70px 25px); left: -22px; top: -7px; }
.photo .thickbox img:hover { border: 1px solid #fff; }

/* ~-~ coda slider v.2: http://www.ndoherty.biz/2009/10/coda-slider-2/ ~-~ */
.coda-slider-wrapper { margin: 0; padding-top: 0; height: 346px; position: relative; }

.coda-slider-no-js .coda-slider { width: 550px; height: 346px; padding-right: 10px; overflow: auto !important; }

.coda-slider p.loading { padding: 20px; text-align: center; }

.coda-slider { margin: 50px 0 0 144px; overflow: hidden; position: relative; z-index: 1; }
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 560px; height: 346px; }

.coda-nav ul { display: block; margin: auto; overflow: hidden; position: absolute; top: -50px; left: 197px; z-index: 2; padding: 0; margin: 0; }
.coda-nav ul li { float: left; list-style: none; }

#coda-nav-1 ul li.tab1 a, #coda-nav-1 ul li.tab2 a, #coda-nav-1 ul li.tab3 a,
#nav-2 #coda-nav-1 ul li.tab1 a, #nav-2 #coda-nav-1 ul li.tab2 a, #nav-2 #coda-nav-1 ul li.tab3 a, #nav-2 #coda-nav-1 ul li.tab4 a
{ margin-right: 27px; display: block; width: 119px; padding-top: 34px; height: 0; overflow: hidden; border-bottom: none; }
#nav-2 #coda-nav-1 ul li.tab1 a, #nav-2 #coda-nav-1 ul li.tab2 a, #nav-2 #coda-nav-1 ul li.tab3 a, #nav-2 #coda-nav-1 ul li.tab4 a { margin-right: 10px; width: 57px; }

#coda-nav-1 ul li.tab1 a { background-position: -327px -50px; }
#coda-nav-1 ul li.tab1 a.current, #coda-nav-1 ul li.tab1 a:hover { background-position: -456px -50px; }
#coda-nav-1 ul li.tab2 a { width: 112px; background-position: -585px -50px; }
#coda-nav-1 ul li.tab2 a.current, #coda-nav-1 ul li.tab2 a:hover { background-position: -707px -50px; }
#coda-nav-1 ul li.tab3 a { margin-right: 0; width: 168px; background-position: -829px -50px; }
#coda-nav-1 ul li.tab3 a.current, #coda-nav-1 ul li.tab3 a:hover { background-position: -1007px -50px; }

#nav-2 #coda-nav-1 ul li.tab1 a { background-position: -327px -97px; }
#nav-2 #coda-nav-1 ul li.tab1 a.current, #nav-2 #coda-nav-1 ul li.tab1 a:hover { background-position: -394px -97px; }
#nav-2 #coda-nav-1 ul li.tab2 a { background-position: -461px -97px; }
#nav-2 #coda-nav-1 ul li.tab2 a.current, #nav-2 #coda-nav-1 ul li.tab2 a:hover { background-position: -528px -97px; }
#nav-2 #coda-nav-1 ul li.tab3 a { background-position: -595px -97px; }
#nav-2 #coda-nav-1 ul li.tab3 a.current, #nav-2 #coda-nav-1 ul li.tab3 a:hover { background-position: -662px -97px; }
#nav-2 #coda-nav-1 ul li.tab4 a { background-position: -729px -97px; }
#nav-2 #coda-nav-1 ul li.tab4 a.current, #nav-2 #coda-nav-1 ul li.tab4 a:hover { background-position: -796px -97px; }

.coda-nav-left, .coda-nav-right { position: absolute; top: 135px; }
.coda-nav-left { left: 0; }
.coda-nav-right { right: 0; }
.coda-nav-left a, .coda-nav-left a:hover, .coda-nav-right a, .coda-nav-right a:hover { display: block; width: 40px; height: 76px; text-indent: -1000em; border-bottom: none; }
.coda-nav-left a { background-position: -327px -144px; }
.coda-nav-right a { background-position: -367px -144px; }
.coda-nav-left a:hover { background-position: -417px -144px; }
.coda-nav-right a:hover { background-position: -457px -144px; }

.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container {}
.coda-slider .panel-wrapper {}
.coda-slider .panel-wrapper h2 { display: none; }

<!--[if gte IE 7]><!-->

/* ~-~ thickbox ~-~ */
/* { padding: 0; margin: 0; }*/
#TB_window { color: #333; }
#TB_secondLine { font-size: 90%; color: #666; }

#TB_window a:link { color: #666; }
#TB_window a:visited { color: #666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666; }
#TB_window a:focus { color: #666; }

#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height: 100%; width: 100%; }
#TB_window { position: fixed; z-index: 102; display: none; text-align: left; top: 50%; left: 50%; padding: 10px 10px 0 0; }
#TB_window img#TB_Image { display: block; }

/* ~-~ based on modifix by Nick La [www.ndesign-studio.com] ~-~ */
.display { background: #fff; padding: 10px; }
#TB_closeWindowButton, #TB_prev a, #TB_next a { background: url("wall.png") no-repeat; border-bottom: none; }
#TB_closeWindowButton { position: absolute; top: 0; right: 0; width: 34px; height: 35px; }
#TB_prev a { position: absolute; left: -49px; top: 50%; margin-top: -37px; background-position: -40px 0; display: block; width: 54px; height: 52px; }
#TB_next a { position: absolute; right: -40px; top: 50%; margin-top: -37px; background-position: -96px 0; display: block; width: 55px; height: 52px; }

#TB_caption { padding: 5px 0 0; line-height: normal; color: #333; }
#TB_caption small { font-size: .8em; line-height: normal; color: #999; display: block; padding-top: 3px; }
#TB_ajaxWindowTitle { margin-bottom: 5px; }
#TB_title { font-size: 110%; font-weight: bold; line-height: normal; color: #333; border-bottom: dotted 1px #ccc; }
#TB_ajaxContent { clear: both; padding: 10px; overflow: auto; text-align: left; }

#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -30px 0 0 -30px; background: url("loading-bar.gif") no-repeat center center; }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
#TB_iframeContent { clear: both; border: none; }

<!--<![endif]-->

/* ~-~ HTML 5 support styles ~-~ */
/*header, section, footer, aside, nav, article, figure { display: block; }*/