/*
Theme Name: Semma
Author: David Sevcik
*/


/* RESET ============================================================= */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.6; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* COMMON ==================================================================== */
body { font:70%/1.3em Verdana, Arial, Helvetica, sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #92BB0D;
 }

p { margin: 0 0 .5em 0; }
img.alignleft  { float: left; margin: 0 1.5em 1em 0; }
img.alignright { float: right; margin: 0 0 1em 1.5em;  }


h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 2.2em;  margin-bottom: 0.682em; font-weight: normal; }
h2 { font-size: 1.9em;  margin-bottom: 0.79em; font-weight: normal; }
h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
h5,h6 { font-size: 1.3em;  margin-bottom: 1,154em; }


ul, ol { margin: 0 0 .5em 2em; }
li { list-style: disc; }


dl { margin: 0 0 .5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

a { color: #B6007D; text-decoration: none; outline: none !important; }
a:hover, a.hover, a.selected { background-color: #B6007D; color: white !important;  outline: none !important; }
a:hover *, a.hover * { color: white; }
a:active {  outline: none !important; }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; color: inherit; outline: none; }


table {  margin-bottom: 1.5em; border-collapse: collapse; }
th {font-weight: bold; }
tr, th, td { margin:0; padding:0 1.5em 0 1em; height:18px; }
tfoot { font-style: italic;  }
caption { text-align:center; }


abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }


blockquote { padding-left:1.5em; margin: 1.5em; border-left:3px solid #ccc; font-style:italic;  }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; }
hr { margin-bottom: 1.5em; }

.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; }


strong { color: #B6007D; font-height: bold; }
h2 span { color: #B6007D; }


/* LAYOUT ============================================================= */

body { margin: 0; padding: 2em 0 1em 2em; }
#page { width: 80em; }
#site-headline { width: 248px; height: 72px; overflow: hidden; line-height: 200; background: url("images/header.gif"); margin: 0; }


#header { padding-bottom: 1.5em; }

#profil-text { margin-left: 280px; }

.more-wrap { text-align: right; }
.more-wrap a { font-weight: bold; background: url("images/right_arrow.gif") no-repeat right; padding-right: 15px; }
.more-wrap a:hover { background: #B6007D url("images/right_arrow_hover.gif") no-repeat right; }


.part-headline {  outline: none; line-height: 1.4em; margin: 0; outline: none; }
.part-headline a {  color: #92BB0D; outline: none; }
.part { background: url("images/line.gif") repeat-x bottom; padding: 1em 0 1em 0; margin-bottom: 1.3em; }
#header { background: url("images/line.gif") repeat-x bottom; margin-bottom: 1.3em; }
#kontakt { background: none; }
#footer { background: url("images/line.gif") repeat-x top; margin-top: 1.5em; padding-top: 1.5em; }

.previews { display: block; margin: 0; }
.previews li { display: block; list-style: none; float: left; }
.previews a { color: #92BB0D; text-decoration: none; font-size: .9em; line-height: 1.2em; padding-bottom: .5em;
  display: block; overflow: hidden;  }
#lide .previews li, #portfolio .previews li { height: 13em; }
.previews a:hover, .previews a.selected { background: #B6007D; color: white; }
.previews a:hover *, .previews a.selected * { color: white; }
.previews h3 { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: .3em .1em 0 0; }
.previews a span { margin-left: .1em; }

.detail { margin: 1.3em 0; display: none;  }
.loader {  display: none;  margin-bottom: 5px; }
#kontakt .loader { display: inline; vertical-align: middle; margin-right: 5px; }

.post .pictures { float: left; width: 300px; } 
.post .with-pictures { padding-left: 330px; } 
.post h2 { color: #B6007D; line-height: 1.2em; margin-bottom: .4em; }
.post img { }
/*
.post .pictures a.thumbnail { display: block;  background-color: #B6007D; float: left;  }
.post .pictures a.thumbnail:hover img, .post .pictures a.selected img { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
*/
.carousel { width: 100%; height: 70px; }
.carousel .prev, .carousel .next { background: none; border: none; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  color: #92BB0D; position: absolute; font-size: 30px; width: 20px; top: 0; line-height: 70px; text-align: center;
   }
.carousel .prev:hover, .carousel .next:hover { background: #B6007D; }
.carousel .prev { left: 0; }
.carousel .next { right: 0; }
.carousel .slider-pane { margin: 0 20px; overflow: hidden; height: 70px; width: 260px; }
.carousel .slider-pane img { }
.carousel .slider { width: 600px; left: 0; }


#klienti ul { margin: 0 0 1em 0; display: block; background: url('images/cros_bcg.gif') -9px -9px; height: 202px; width: 897px; }
#klienti li { list-style: none; display: block; float: left; margin: 2px 1px 1px 2px; }


#map { width: 100%; height: 360px; }

#kontakt { position: relative; }
#vizitka { position: absolute; top: 3em; width: 100%; z-index: 1000; }
#vizitka strong { font-weight: normal; }

#kontakt .links { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1.2em; margin-top: 1em }
#kontakt .links a { margin-right: .3em; }
#kontakt .links em a { font-style: normal; color: #92BB0D; }
#kontakt .links em a:hover { color: white; }







#sb-container,#sb-wrapper{
text-align:left; 
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:1px solid #303030;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto; 
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-body,#sb-loading{
background-color:#060606; 
}
#sb-title,#sb-info{
position:relative;
margin:0; 
padding:0;
overflow:hidden;
}
#sb-title-inner,#sb-info-inner{
position:relative;
font-family:'Lucida Grande',Tahoma,sans-serif;
line-height:16px;
}
#sb-title,#sb-title-inner{
height:26px;
}
#sb-title-inner{
font-size:16px;
padding:5px 0;
color:#fff;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:right;
height:16px;
padding:2px 0;
width:45%;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(images/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(images/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(images/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(images/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(images/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current{
text-decoration:underline;
}
div.sb-message{
font-family:'Lucida Grande',Tahoma,sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}