/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

    * {
          padding : 0;
          margin : 0;
      }
    h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
          margin : 1em 0;
      }
    li, dd {
         /* margin-left : 5%; */
      }
    fieldset {
          padding : 0.5em;
      }
    select option {
          padding : 0 5px;
      }
    .hide, .print-logo, .close-button {
          display : none;
      }
    .left {
          float : left;
      }
    .right {
          float : right;
      }
    .clear {
          clear : both;
          height : 10px;
          font-size : 1px;
          line-height : 1px;
      }
    .right img, .left img {
          float : left;
          margin : 2px;
          padding : 2px;
          border : 1px solid #e4e4e4;
      }
    a img {
          border : none;
      }
    body {
    	  padding: 0;
    	  margin: 0;
          background : #F2F1CB;
          background-image: url(pics/body_bg.gif);
          background-repeat: repeat-x;
          color : #333;
          font-size : 11px;
          font-family : Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
      }
    .inside {
          width : 850px;
/*          margin : 0 0 0 65px; */
		margin:0;
          color : #333;
      }
    a {
          color : #005447;
          text-decoration : none;
      }
    a.h3 {
    	  color: #383939;
    }
    h1 {
          color : #393838;
          font-size : 18px;
          font-weight : normal;
          margin : 1.7em 0 0.75em;
          font-family : Tahoma, Verdana, Serif;
          font-variant : small-caps;
      }
    h2, h3 {
          font-size : 16px;
          color : #393838;
          font-weight : normal;
          font-family : Tahoma, Verdana, Serif;
          font-variant : small-caps;
      }
    #primary h2 {
          color : #393838;
      }
    p {
          line-height : 1.6em;
      }
    ul li {
          list-style-type : square;
          margin : 0.5em 0 0.5em 2em;
      }
    blockquote {
          margin-left : 1em;
          padding-left : 1em;
          border-left : 3px solid #005447;
          color : #333;
      }
    pre {
          width : 100%;
          padding : 1em 0;
          overflow : auto;
          border-top : 1px dotted #ccc;
          border-bottom : 1px dotted #ccc;
      }
    table {
          width : 100%;
          border-spacing : 2px;
          /* margin : 1.5em 0; */
      }
    table th, table td {
          padding : 0.3em 0.75em;
      }
    table th {
          background : #333;
          color : #fff;
          text-align : left;
      }
    table td {
          background : #ccc;
          color : #000;
      }
    table caption {
          text-align : left;
          color : #000;
          margin-bottom : -1em;
          margin-top : 1em;
      }
    .rule {
          border-top : 1px solid #333;
          height : 1px;
          font-size : 1px;
          line-height : 1px;
          margin : 1.5em 0;
      }
    #header {
          background-image: url(pics/head.jpg);
          background-repeat: no-repeat;
          border: 0px;
          height: 191px;
          margin: 0;
          padding: 0;
      }
    #header .inside {
          padding : 1.5em 0 0;
          background : transparent;
          text-align : right;
      }
    #header h2 {
          text-align : right;
          font-size : 2.25em;
          margin : 0;
          padding : 0.5em 0 0.6em;
          color : #666;
          background : none;
      }
    #header h2.indent {
	      display: block;
	      height: 0px;
	      margin: 0px;
	      padding: 0px;
	      text-indent: -9999px; /* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */
	  }

     #header h2 em {
          font-size : 0.5em;
          color : #f0f0f0;
          margin : 0 10px;
          padding : 0 10px;
          font-weight : normal;
          font-style : normal;
          font-variant : normal;
      }
    .breadcrumb {
          text-align : left;
          color : #bababa;
      }
    #primary {
          width : 940px;

          margin : 0 0 0 65px;
          padding : 1.2em 0 2em;
          color : #808080;
         /* border-bottom : 2px solid #f0f0f0;*/
      }



    #primary.onecol-stories .primary {
          float : left;
          width : 45%;
      }
    #primary.onecol-stories .secondary {
          float : right;
          width : 40%;
          margin : 0 0 0 10%;
      }
    #primary.twocol-stories .story {
          float : left;
          width : 48%;
          margin : 0;
          display : inline;
          clear: both;
    }
    * html #primary.twocol-stories .story {
          margin-left : 2%;
    } 
    #primary.twocol-stories .first, * html #primary.twocol-stories .first {
          margin : 0;
          clear: none;
          width: 400px;
    }
   
    .site {
    	  float: right;
    	  width: 400px;
    	  margin: 0 20px 0 0;
    }
    .site h3, .story h3 {
          font-variant : small-caps;
          font-size : 1.5em;
          margin : 10px 0 0;
          font-weight : normal;
          color : #393838;
      }
    .site h3 a, .story h3 a {
          color : #393838;
          text-decoration : none;
      }
    .site h3 a:hover, .story h3 a:hover {
          color : #393838;
          text-decoration : underline;
      }
    .story .details {
          margin : 0;
          padding : 0.5em 0;
          font-size : 0.98em;
          color : #ccc;
      }
    .story .details .read-on, .read-on {
          background : url(images/readon_black.gif) no-repeat 100% 60%;
          padding-right : 20px;
          text-align : right;
      }
    .story .details a {
          color : #005447;
          text-decoration : none;
      }
    .story .details a:hover {
          text-decoration : underline;
      }
    .primary_spacer {
    	float: left;
    	width: 121px;
    	height: 200px;
    	margin: 0;
    	padding: 0;
    }
    #primary .primary {
          float : left;
          width : 550px;
          margin: 25px 0 0 0px;
      }
    #primary .secondary {
          float : left;
          width : 32%;
          margin-right : 2%;
          padding-top : 0.3em;
          display : inline;
      }
    * html #primary .secondary {
          width : 31%;
          margin-right : 4%;
      }
    .secondary .featured p {
          border-bottom : 1px solid #ccc;
          border-top : 1px solid #ccc;
          padding : 0.5em 0 0.6em;
          line-height : 1.5em;
          margin : 1em 0 0;
      }
    .secondary .featured dl {
          margin : 0;
          border-bottom : 1px solid #ccc;
          padding : 0.5em 0 0.6em;
      }
    .secondary dt {
          display : inline;
          margin : 0;
          padding : 0;
          color : #555;
      }
    .secondary dd {
          display : inline;
          margin : 0;
          padding : 0;
      }
    .secondary dd a {
          color : #005447;
      }
    .secondary dd a:hover {
          text-decoration : underline;
      }
    .single-post h1, .single-post h2 {
          margin-top : 0;
      }
    #secondary {
          text-align : left;
          background : #fafafa;
          padding : 1em 0;
      }
    .comment-head {
          padding : 0.8em 2em 1em 0;
      }
    .comment-head h2 {
          font-size : 1.5em;
          margin : 0;
      }
    .comment-head a {
          text-decoration : none;
          color : #005447;
      }
    .comment-head .details {
          font-size : 0.95em;
      }
    ol#comments {
          list-style-type : none;
          margin : 2em 0;
      }
    ol#comments li {
          list-style-type : none;
          margin : 2em 0;
      }
    .alt {
          background-color : #f8f8f8;
          border-top : 1px solid #ddd;
          border-bottom : 1px solid #ddd;
          padding : 2em 0;
      }
    #comments cite {
          float : left;
          width : 33%;
          font-style : normal;
          text-align : right;
      }
    * html #comments cite {
          width : 30.6%;
      }
    #comments cite span {
          display : block;
      }
    #comments cite .author {
          font-size : 1.2em;
      }
    #comments cite .author a {
          text-decoration : none;
      }
    #comments cite .admin-tools {
          margin : 5px 0;
      }
    #comments cite .admin-tools a {
          float : right;
          margin : 0 5px;
          padding : 0 3px 3px;
          background : #aaa;
          border : 1px solid #aaa;
          text-decoration : none;
      }
    #primary .secondary .admin-tools {
          margin : 1em 0;
      }
    #preview {
          margin : 1em 0;
          padding : 0.5em;
          border : 1px solid #333;
      }
    #preview p {
          margin : 1em 0 0;
      }
    #errors {
          color : #ff0000;
          font-weight : bold;
      }
    #comments .pingback cite .author {
          display : block;
          padding-top : 68px;
          background : url(images/trackback_pingback.gif) no-repeat 100% 0;
      }
    #comments .content {
          float : left;
          width : 60%;
          margin-left : 4%;
          border-left : 1px solid #005447;
          padding : 0 0 0 2%;
      }
    #comments .content p {
          margin : 0 0 1em;
      }
    #comments .content h3 {
          margin : 0;
          font-size : 1em;
      }
    #comment-form {
          margin : 5em 0 5em 37%;
          width : 36em;
      }
    input.textfield {
          width : 15em;
          margin : 5px 0;
          color : #963;
          background : #fff;
          border-bottom : 1px solid #e5e5e5;
          border-right : 1px solid #e5e5e5;
          border-left : 1px solid #ccc;
          border-top : 1px solid #ccc;
          font-family : Verdana, Helvetica, sans-serif;
      }
    textarea.commentbox {
          width : 28em;
          height : 10em;
          padding : 0.25em;
          margin : 5px 0;
          font-size : 1.25em;
          background : #fff;
          border-bottom : 1px solid #e5e5e5;
          border-right : 1px solid #e5e5e5;
          border-left : 1px solid #ccc;
          border-top : 1px solid #ccc;
          font-family : Verdana, Helvetica, sans-serif;
      }
    label.text {
          position : relative;
          left : 0.5em;
          top : -0.5em;
      }
    .formactions input.submit {
          float : right;
          margin : 1em 0 0;
          padding : 0 0.5em;
      }
    .formactions .spinner {
          float : right;
          margin : -8px -20px 0 0;
      }
    #ed_toolbar input { 
          background : #14181b;
          color : white;
          border : 2px dashed #323136;
          padding : 0;
          width : 65px;
      }
    #ed_toolbar input:hover {
          background : #323136;
          color : white;
          border : 2px dashed #14181b;
          padding : 0;
          width : 65px;
      }
    #ancillary {
          margin : 0;
          padding : 25px 0 0 65px;
          border : 0;
          background : #f0f0f0;
      }
    #ancillary .block{
          float : left;
          width : 180px;
          margin : 0 0 0 32px;
      }
    #ancillary .twice-length {
          width : 65%;
      }
    #ancillary .thrice-length {
          width : 100%;
      }
    * html #ancillary .block {
          margin : 0 0 0 2%;
      }
    #ancillary .first, * html #ancillary .first {
          clear : both;
          margin : 0;
          width : 400px;
      }
    #ancillary .block-separator {
          clear : both;
          height : 2.5em;
      }
    #ancillary .block h2, #ancillary .block h3 {
          margin : 0 0 1em;
          background : url(images/bullet.gif) no-repeat left;
          padding-left : 12px;
      }
    #ancillary .block form {
          padding-bottom : 1em;
      }
    ul.dates, ul.counts {
          list-style-type : none;
          margin : 1.5em 0;
          border-top : 1px solid #A9CCC2;
      }
    ul.dates li, ul.counts li {
          list-style-type : none;
          margin : 0;
          padding : 0.5em 0;
          border-bottom : 1px solid #A9CCC2;
      }
    ul.dates .date, ul.dates .date a {
          color : #a5a5a5;
          padding-right : 0.5em;
      }
    ul.dates .date em {
          color : #ccc;
          font-style : normal;
      }
    ul.counts .count {
          float : right;
          color : #a5a5a5;
      }
    ul.dates a, ul.counts a {
          color : inherit;
          color : #005447;
          text-decoration : none;
      }
    ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count {
          color : #005447;
          text-decoration : underline;
      }
    #footer {
          clear : both;
          border-top : 3px solid #fff;
          background : #666;
          color : #393838;
          margin : 0;
          padding : 0 0 1.1em;
      }
    #footer .inside {
          margin : 0 auto;
          padding : 1em 0;
      }
    #footer .inside p {
          margin : 0;
          color : #393838;
      }
    #footer .inside a {
          padding : 0;
          text-decoration : none;
          color : #a7a7a7;
      }
    #footer .inside a:hover {
          color : #fff;
          text-decoration : underline;
      }
    #search input {
          width : 175px;
          font-size : 0.85em;
          background : #fff;
          color : #963;
          margin-top : 2px;
      }
    .topnav {
          list-style : none;
          position: absolute;
          top : 145px;
          left: 180px;
          padding : 5px 0;
          text-align : left;
          width : 400px;
          font-weight: bold;
          font-size: 12px;
      }

     .topnav li {
          list-style : none;
          margin : 0;
          padding : 0 5px;
          display : inline;
      }
    .topnav li a {
          color : #666;
          padding : 3px 0;
          text-decoration : none;
      }
    .topnav li a:hover, .topnav li.current_page_item a {
          position : relative;
          color : #393838;
          padding : 4px 0;
          text-decoration : none;
          /*border-bottom : 4px solid #fff;*/
      }
    .langnav {
          list-style : none;
          position: absolute;
          top : 145px;
          left: 650px;
          padding : 5px 0;
          text-align : right;
          width : 100px;
          font-weight: bold;
          font-size: 12px;
      }
    .langnav li {
          list-style : none;
          margin : 0;
          padding : 0 5px;
          display : inline;
      }
    .langnav li a {
          color : #666;
          padding : 3px 0;
          text-decoration : none;
      }
    .langnav li a:hover, .topnav li.current_page_item a {
          position : relative;
          color : #393838;
          padding : 4px 0;
          text-decoration : none;
          /*border-bottom : 4px solid #fff;*/
      }
    #ancillary .block ul.cosmos {
          margin : 0;
          list-style : none;
          font-size : 140%;
      }
    #ancillary .block li.cosmos {
          display : inline;
          padding : 0;
          margin : 4px;
          /*line-height : 1.4em;*/
      }
    #ancillary li.cosmos a:hover {
          text-decoration : underline;
      }
    #ancillary .block li.keyword1 a {
          font-size : 0.7em;
          color : #005447;
      }
    #ancillary .block li.keyword2 a {
          font-size : 0.75em;
          color : #005447;
      }
    #ancillary .block li.keyword3 a {
          font-size : 0.8em;
          color : #cc1111;
      }
    #ancillary .block li.keyword4 a {
          font-size : 0.9em;
          color : #cc1111;
      }
    #ancillary .block li.keyword5 a {
          font-size : 1em;
          color : #b01a1a;
      }
    #ancillary .block li.keyword6 a {
          font-size : 1.1em;
          color : #b01a1a;
      }
    #ancillary .block li.keyword7 a {
          font-size : 1.2em;
          color : #a12121;
      }
    #ancillary .block li.keyword8 a {
          font-size : 1.3em;
          color : #a12121;
      }
    #ancillary .block li.keyword9 a {
          font-size : 1.4em;
          color : #a12121;
      }
    #ancillary .block li.keyword10 a {
          font-size : 1.5em;
          color : #9f0f0f;
      }
    #ancillary .block li.keyword11 a {
          font-size : 1.6em;
          color : #9f0f0f;
      }
    #ancillary .block li.keyword12 a {
          font-size : 1.7em;
          color : #9f0f0f;
      }
    #ancillary .block li.keyword13 a {
          font-size : 1.8em;
          color : #930909;
      }
    #ancillary .block li.keyword14 a {
          font-size : 1.9em;
          color : #930909;
      }
    #ancillary .block li.keyword15 a {
          font-size : 2em;
          color : #930909;
      }
    .pagebar {
          text-align : center;
      }
    form dl, dl.labels {
          margin : 0;
          font-size : 100%;
          margin-top : 0.5em;
      }
    form dt, dl.labels dt {
          float : left;
          width : 10em;
          margin-bottom : 0.8em;
          color : #555;
          text-align : right;
          font-weight : normal;
          position : relative;
      }
    form dd, dl.labels dd {
          margin-left : 10.5em;
          margin-bottom : 0.8em;
          font-size : 100%;
          font-style : normal;
          padding-left : 0.5em;
      }
    form dd.submit, dl.labels dd.submit {
          margin-top : 2em;
      }
    input, textarea {
          background : #fafafa;
          border-bottom : 1px solid #e5e5e5;
          border-right : 1px solid #e5e5e5;
          border-left : 1px solid #ccc;
          border-top : 1px solid #ccc;
          font-family : Verdana, Helvetica, sans-serif;
      }
    dd.submit {
          background : #fafafa;
          border-bottom : 1px solid #666;
          border-right : 1px solid #666;
          border-left : 1px solid #e5e5e5;
          border-top : 1px solid #e5e5e5;
          font-family : Verdana, Helvetica, sans-serif;
      }
    div.preview {
    	float: left;
    	margin: 3px 10px 3px 0px;
    	width: 120px;
    	font-size: 13px;
    }

    div.candidate {
    	float: left;
    	margin: 0 0 20px 0;
    }
    div.slika {
    	float: left;
    	margin: 0 15px 0 0;
    	width: 120px;
    	
    }
    div.ime {
    	float: right;
    	width: 414px;
    	margin: 0;
    	text-align: left;
    }
    div.cms {
    	float: left;
    	margin: 0 0 20px 0;
    }
    div.cms_left {
    	float: left;
    	margin: 0 15px 0 0;
    	width: 220px;
    	
    }
    div.cms_right {
    	float: right;
    	width: 315px;
    	margin: 0;
    	text-align: left;
    }
    p.desc {
    	font-size: 11px;
    	margin: 3px 0 0 0;
    }
    p.zitat {
    	font-size: 11px;
    	font-style: italic;
    	margin: 0 0 6px 0;
    }
    span.top {
    	float: right;
    }
    table.cms {
    	border-spacing: 3px;
    	margin: 0;
    	padding: 0;
    	width: 210px;
    	text-align: center;
    }
    .cms th {
    	width: 70px;
    	padding: 2px;
    	background: #a7a7a7;
    	color: #383939;
    	text-align: center;
    	}
    .cms td {
    	padding: 2px;
    	background: #F2F1CB;
    }
    img.cms {
    	margin-top: 4px;
    	margin-left: 12px;
    	margin-bottom: 8px;
    	margin-right: 0px;
    	border: 0px;
    }
    ul.cms {
   		list-style-type: none;
   		margin: 0;
    }
    ul.cms li {
    	background: url(/wp-content/themes/hemingGray/images/readon_black.gif) no-repeat 0% 3px;
   		list-style-type: none;
   		padding-left: 20px;
   		margin: 5px;
    }
    
 	
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(pics/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="pics/overlay.png", sizingMethod="scale");
	}
	#home{
		display: block;
		position: absolute;
		left: 20px;
		top: 10px;
		z-index: 100;
		border: 0;
		background: transparent;
		text-align: center;
	}
	#email{
		display: block;
		position: absolute;
		left: 705px;
		top: 80px;
		z-index: 100;
		border: 0;
		background: transparent;
		text-align: center;
		font-size: 10px;
	}
