* {margin:0;padding:0;} 

/*sticky footer*/
html, body, #container, #content{
height: 100%;
}
body > #container > #content {height: auto; min-height: 88%;}

/* Colours */

body{ margin: 0; padding:0; font-size:100%; text-align: center; background-color: white; }
body, a { color: #666;  }
em, em a, strong, p.date, div#project-navigation p { color: #666; }
a { color: #222; text-decoration:none; }
a:hover {text-decoration:underline;}
img{ border: none; margin:0; padding:0;}


/* Typography */

body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 1.3; }
ul, ol, li { font-size: 0.8em; font-style: normal; padding:0; margin:0;}
ul,ol { padding-left: 40px; }
p { font-size: 0.6em; margin: 0 0 1.6em; }

hr { display: block; clear: both; margin: 0px 0px 1.6em; padding: 0px; height: 0px;overflow: hidden; visibility: hidden; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
h1 { font-size: 0.8em; font-weight: normal; }
h1 strong { text-align: center; font-size:0.6em; font-weight: normal; text-transform: none;  letter-spacing: 0px; }
h2 { /* font-family: "Harabara"; */ color: #222;  font-size: 1.7em; margin: 0px; padding-bottom: 10px; font-weight: normal; letter-spacing: 0.02em; text-decoration:underline; }
h4{font-size:0.8em; }
p.date { font-size: 11px; letter-spacing: 0.03em; }
a { text-decoration: none; }
p#project-count, p#gallery-count { text-align: right; }
p#gallery-count span { letter-spacing: 0.08em; }

/* Layout */
#logo{display: none;}
div#container { margin: 0px auto; width: 860px; padding: 0; text-align: left;  }
div#navigation { width:160px; margin-top: 108px; float: left; text-align:right;}
div#navigation ol { margin: 0; padding: 0; clear:both; }
div#navigation li { clear:both; list-style: none; margin-right: 20px;}
div.header{ float:right; text-align: right; }
.header{ outline: 0px; }
div.header a img{vertical-align: bottom; }
div#content{overflow:hidden; margin: 0 20px; float: left;  width:500px;  background-color:#F2F2F2;}
div#content_logo{height: 108px; width:500px; margin: 0; padding: 0; }
div#description { width:160px; float:left; padding-top: 108px; }
div#description p.pagination{margin: 0;}
div#footer { position: relative;clear:both; font-size: 0.55em; margin: 0px 0px 0px 180px; line-height: 1.4; font-style: normal; color:#CCC; }
div.extra p{color: #999;}
div.page_nav p{font-size: 0.6em; margin:0;}

.Arhitektura {color: #B7D217;}
.Design {color: #C0020E;}
.Vizualizacije {color: #44186D;}
em.Arhitektura,em.Design,em.Vizualizacije{font-style: normal; }


ul.projects li , ul.projects li  a{ clear: both; }
ul.projects li { float: left; padding: 0px 0px 8px; list-style: none;}

li{ margin: 0; padding: 0; color:#AAA;}
li.pages a { color:#AAA; }
li.pages a:hover { color: black; }
h2.projects { }

ul#navigation{  padding: 0px; margin: 0px; color:#666;}
ul#navigation { margin: 10px 0px 0px 20px; }
ul#navigation li { clear: both; }
ul#navigation ol {  margin: 0px; padding: 4px 0px 4px 25px;}

.active, li .active {color: black;}
.nav-thumb{ width:90px;padding: 0 0 1px 0;margin:0; border:none; }
.clear{ clear:both; }

p.date { text-align: left; padding: 14px 20px 0px 0px; }

div#media { }
div.media { }
div.description div#images {  }
div.image { margin:0 0 5px 0; padding:0;  }

p#project-count, p#gallery-count {  }
p#gallery-count, div#gallery-navigation {  }
p#gallery-count span {  }
div#project-navigation {  }
div#project-navigation p, div#gallery-navigation p {  }

a.atom-rss { margin: 0px 0px 0px 6px; padding: 1px 2px 0px; font-size: 0.93em; letter-spacing: 0.08em; background: #ddd; }


img.resize{
    width:90px;
    height:17px;
}
hr.blank{height:100px;}
em { color: #999; }
em a { color: #666; }
em.background { color: #BBB; }

/* vgrid */
.lists { width: 190px; }
div#content ul.project-list {  list-style: none; }
div#content ul.project-list li { margin: 0px 20px -1px 0px; float: left; }
ul.project-list div.thumbnail a img { border: 0px; width:100px; height:100px; }
ul.project-list div.summary { margin: 0px 0px 0px 20px; }
div.summary  p {  font-size:0.8em; }

p.title {width: 500px; background-color:White;}
div.thumbnail{ overflow: hidden; }
div.thumbnail img{/* for IE */  filter:alpha(opacity=80) !important;  /* CSS3 standard */opacity: 0.8; }
div.thumbnail img:hover{ /* for IE */  filter:alpha(opacity=100) !important;  /* CSS3 standard */opacity: 1; }

#grid-content {margin: 0 4px;}
#grid-content div {
width: 115px;
padding: 0 4px 4px 4px;
}
#grid-content img{ outline: 0px;}

/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	font-size: 0.6em;
	background-color: black;
	color: white;
	padding: 5px;
	font-weight: normal;
	margin: 0; 
}
#tooltip h3, #tooltip div { margin: 0; font-weight: normal;font-size: 0.9em;}

/*Contact form*/
form#form{font-size: 0.6em; margin: 20px;}
form#form th{ font-weight: normal; width:100px; vertical-align:top;}
form#form table {border-spacing: 2px 2px; border-color: gray; border-collapse: separate;display: table;}
form#form input, form#form textarea {border: 1px solid #999; }
form#form .textBox {width:350px;}
form#form select{ font-size: 1em; height: 16px;border-style:none; width:100%; margin:0; padding:0;}
td.selectborder {border: 1px solid #999;margin:0; padding:0;width: 350px;}
form#form input#btnSubmit{background-color: #CCC;padding: 0; width: 352px; text-align: center;}
form#form input#btnSubmit:hover{background-color: black; cursor:pointer; color: white;}

#form label.error, #commentForm input.submit { margin-left:25px;; color: #C0020E;}

/*thanks, error*/
div.thanks,div.error{margin: 30px;}
div.thanks p,div.error p {
font-size: 0.8em;
text-align: center;
padding-top: 30px;
}
div.thanks { color:#98AF15; }
div.error{ color: #C0020E;}

/* geslo */
div#geslo{ font-size: 0.7em; color:#333; font-family:"Arial", Sans-serif; line-height:1.6em; }
div#geslo span.prvo { color: #C0020E; font-size: 2em; font-weight: bold; font-family:"Times New Roman", Times, serif; }
div#geslo span.drugo { }
div#geslo span.razlaga { font-style: italic; }
div#geslo span.razlaga.razlagaID { font-weight: bold; }
div#geslo span.obrazlozitev {color:black;}
div#geslo em { color: #C0020E; font-weight: bold; font-style: normal;}

/* vprasalnik */
#content-vprasalnik { width: 690px; float:right;}