/* =============================================================================
*    title: Daniela Baráčková v1                                               *
*     site: www.danielabarackova.cz                                            *
*    media: all                                                                *
*  project: Jakub Filip Novák, A1 Architects [jakub@a1architects.cz]           *
*     code: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                  *
*     date: 11/2009                                                            *
============================================================================= */

/* Reset and basics
----------------------------------------------------------------------------- */
html, body, div, p, address, hr, h1, h2, h3, h4, h5, h6, 
img, a, span, em, strong, abbr, ol, ul, li, dl, dt, dd, 
form, fieldset, legend, label, 
blockquote {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; 
  font-style: normal; font-size: 100%; vertical-align: baseline;}
html, body {width: 100%; height: 100%;}

body#barackova {font: 11px/15px arial, helvetica, sans-serif; color: rgb(80,25,152); 
  background: rgb(255,255,255);}
#floater {position: relative; float: left; height: 50%;	margin-bottom: -270px; width: 100px;}
#wrapper {position: relative; clear: left; min-width: 100%; height: 540px; 
  background: url('../images/bg_gallery.png') 0 50% repeat-x;}

strong {font-weight: bold;}
em {font-style: italic;}
ul, ol {list-style: none;}
input, textarea {font: 11px/15px arial, helvetica, sans-serif; color: rgb(80,25,152);}
hr {display: none;}
hr.clear {display: block; visibility: hidden; clear: both; height: 1px; font-size: 0; 
  line-height: 1px;}
/*.cufon-canvas {overflow: hidden;}*/

/* Swatches
----------------------------------------------------------------------------- */
.error, .ok, .notice {margin: 10px 0; padding: 7px 10px; text-align: center; border: 1px solid;}
.error {color: rgb(189,18,32) !important; border-color: rgb(189,18,32);}
.ok {color: rgb(0,160,225) !important; border-color: rgb(0,160,225);}
.notice {color: rgb(100,101,103) !important; border-color: rgb(100,101,103);}

#response {position: absolute; top: 57px; left: 415px; width: 310px; padding: 7px 10px;
  color: rgb(189,18,32) !important; border: 1px solid rgb(189,18,32);}
  #response h4 {margin-bottom: 10px;}
    #response em {font-style: normal; color: rgb(0,0,0); border-bottom: 1px dotted rgb(0,0,0);}

.blue {color: rgb(80,25,152);}

/* Links
----------------------------------------------------------------------------- */
a:link {text-decoration: underline; color: rgb(80,25,152);}
a:visited {text-decoration: underline; color: rgb(80,25,152);}
a:hover {text-decoration: none; color: rgb(0,0,0);}
/*a.external {color: rgb(226,0,122); padding-right: 22px;
  background: url('../images/../images/external.gif') top right no-repeat;}*/

/* Layout 
----------------------------------------------------------------------------- */
#main {position: absolute; top: 0; left: 0; width: 868px; height: 486px; padding: 27px 0; 
  background: url('../images/bg_main.png') 0 50% no-repeat;}
  #nav {position: absolute; top: 0; left: 0; width: 220px; height: 540px;}
    #menu {width: 90px; margin: 40px 0 0 100px;}
    #lang {position: absolute; top: 0; left: 0; width: 785px; text-align: right;}
  #listing {position: absolute; top: 237px; left: 195px; width: 170px; height: 250px;
    overflow: auto;}
  #content {position: absolute; top: 57px; left: 415px; width: 326px; height: 430px; 
    overflow: auto;}
  body.portfolio #content {height: 170px;}
  #item {position: absolute; top: 237px; left: 415px; width: 326px; height: 250px; 
    overflow: visible; text-align: center;}
#gallery {position: relative; height: 540px; margin-left: 868px; padding-right: 68px; 
  background: url('../images/bg_end.png') 100% 50% no-repeat;}
  #home {position: absolute; bottom: 35px; right: 12px; font-size: 14px;}
    #home a:link,
    #home a:visited {text-decoration: none;}

/* Header and titles
----------------------------------------------------------------------------- */
h1 {height: 150px; margin-top: 42px; font-size: 22px;}
  h1 img {display: block;}

/* Navigation
----------------------------------------------------------------------------- */
#nav a:link,
#nav a:visited {text-decoration: none;}
#nav a:hover,
#nav .active a:link,
#nav .active a:visited,
#nav .active .active a:link,
#nav .active .active a:visited {color: rgb(0,0,0);}
#nav .active li a:link,
#nav .active li a:visited {color: rgb(80,25,152);}
#nav .active li a:hover {color: rgb(0,0,0);}

#menu li {position: relative; font-size: 18px; line-height: 22px;}
  #menu li ul {position: relative; margin: 5px 0;}
    #menu li li {position: relative; z-index: 1; font-size: 14px; line-height: 18px;}
#lang {font-size: 14px; line-height: 28px;}

#listing a {padding-left: 2px;}
#listing a:link,
#listing a:visited {text-decoration: none;}
#listing a:hover,
#listing .active a:link,
#listing .active a:visited {color: rgb(0,0,0);}

#slider {position: absolute; top: 57px; left: 755px; height: 430px; font-size: 9px;
  line-height: 11px; color: rgb(80,25,152);}
body.portfolio #slider {height: 170px;}
  #up {position: absolute; top: 0; height: 11px; cursor: pointer;}
  #down {position: absolute; bottom: 0; height: 11px; cursor: pointer;}
  #up:hover, #up:focus,
  #down:hover, #down:focus {color: rgb(0,0,0);}

/* Content
----------------------------------------------------------------------------- */
#gallery li {z-index: 100; position: absolute;}
#gallery li.border {padding: 10px; border: 1px solid rgb(80,25,152);}
  #gallery img {display: block;}
  #gallery img.border {border: 1px solid rgb(80,25,152);}
  #gallery p {margin-top: 3px;}
  #gallery li.png p {display: none;}
  #gallery a.more {display: none;}

#gallery li.year_right,
#gallery li.year_left {z-index: 50; top: 0; width: 74px; height: 466px; padding-top: 74px; font-size: 14px; background: url('../images/year-right.gif') 37px 94px no-repeat;}
#gallery li.year_left {background: url('../images/year-left.gif') 24px 94px no-repeat;}
#gallery li.year {z-index: 50; top: 0; width: 74px; height: 466px; padding-top: 74px; font-size: 14px;}
#gallery li.column {z-index: 50; top: 94px; width: 1px; height: 352px; background: rgb(80,25,152);}
#gallery li.foot {z-index: 50; top: 446px; width: 74px; height: 94px; background: url('../images/year-left.gif') 0 -352px no-repeat;}

body.contact #text {margin-top: 175px; font-size: 14px; line-height: 18px; text-align: center;}
  body.contact #text a:link,
  body.contact #text a:visited,
  body.contact #text a:hover
  {text-decoration: none; color: rgb(80,25,152);}
  
#item a.more {display: none;}
#item img.border {border: 1px solid rgb(80,25,152);}

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

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

/* Loading
----------------------------------------------------------------------------- */
#loading {display: none;}
.js #loading {display: block; position: absolute; top: 10px; left: 10px; z-index: 10000; 
  background: rgb(255,255,255);}
  .js #loading img {display: inline; margin-right: 5px; vertical-align: middle;}
.js .overlay #loading {position: fixed; top: 50%; left: 50%; width: 400px; height: 150px;
  margin: -200px 0 0 -200px; padding-top: 250px; font-size: 12px; text-align: center;
  background: url('../images/logo_barackova.gif') top center no-repeat rgb(255,255,255);}
.js .overlay #wrapper {display: none;}

/* Colorbox
----------------------------------------------------------------------------- */
a.cbox_hidden {display: none;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background: rgb(0,0,0);}

#colorbox {}
	#cboxContent {background: rgb(255,255,255); padding: 20px 0; border: 1px solid rgb(80,25,152);}
		#cboxLoadedContent {background: rgb(255,255,255);}
      #cboxTitle {position: absolute; bottom: 0; left: 0; padding: 2px 5px; color: rgb(0,0,0); background: rgb(255,255,255);}
      #cboxArrows {position: absolute; top: 0; left: 5px; height: 20px; font-size: 13px; line-height: 20px; color: rgb(80,25,152); background: rgb(255,255,255);}
      #cboxCurrent {position: absolute; top: 0; left: 50%; width: 20px; margin-left: -10px; font-size: 13px; line-height: 20px; text-align: center; color: rgb(80,25,152);}
		  #cboxClose {position: absolute; top: 0; right: 5px; font-size: 13px; line-height: 20px; color: rgb(80,25,152);}
		  #cboxClose.hover,
      #cboxPreviousA.hover,
      #cboxNextA.hover {cursor: pointer; color: rgb(0,0,0);}
      #cboxLoadingOverlay {background: rgb(255,255,255);}
      #cboxNav {position: absolute; top: 20px; left: 0; width: 100%; height: 100%;}
      #cboxPrevious {float: left; display: block; width: 49%; height: 100%;
        text-indent: -9999px; background: url('../images/blank.gif') top left repeat;}
      #cboxPrevious.hover {}
      #cboxNext {float: right; display: block; width: 49%; height: 100%;
        text-indent: -9999px; background: url('../images/blank.gif') top left repeat;}
      #cboxNext.hover {}
		#cboxLoadingGraphic {background: url('../images/loading.gif') center center no-repeat;}

/* IE6
----------------------------------------------------------------------------- */
* html #wrapper {width: 100%;}
* html #cboxContent {margin: 0 0 62px;}
* html #cboxTitle {width: 100%;}
* html .index #loading {position: absolute;}

/* IE7+
----------------------------------------------------------------------------- */
*:first-child+html {}
*:first-child+html #cboxContent {margin: 0 0 62px;}
*:first-child+html #cboxTitle {width: 100%;}
*:first-child+html #cboxPrevious {padding-right: 4px;}