body {
  font-size: 11px;
  font-family: arial, sans-serif;
  line-height: 1.3em;
  background: white;
  color: #434343; }

.clear {
  clear: both; }

a {
  color: #103e89;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

p
{
	margin:1em 0 0 0; padding:0;
}
ul
{ 
	margin:0 0 0 1em;padding:0;
	list-style-type:square;
}

h1
    {
      color: #e53b00;
    }
    
div#wrapper { background: #ffffff; width: 940px; margin:0 auto; }    
    
div#loginbox
{

	 padding: 0 1.5em 1.5em 1em;
	 margin-bottom:1em;
}

#header {
  height: 85px;
  margin: 2px auto 1em auto;
  position: relative;
  background-image: url("../images/header-bg.png");
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 0px; }
  #header #login {
    float: right;
    top:3px;right:0;
    text-align: right;
 }
  #header #logo {
    float: left;
    width: 719px;
     }

  #header #search {
    margin-bottom: 10px;
    padding-right: 10px;
    float:left;
    width: 210px;
    height: 60px;
    position: relative; }
        
    #header #search form {
      position: absolute;
      right:0;
      bottom:20px;
       }
      #header #search form input.text {
        width: 130px;
        margin-right: 10px;
        border: 1px solid #1c5990;
        padding: 3px; }

#content {
  margin: 0;
  padding-bottom: 20px; }
  #content h1, #content h2 {
    font-family: Georgia, serif;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px; }
  #content #navigation {
    width: 110px;
    margin-right: 10px;
    float: left;
    margin-right: 10px; }
    
    #content #navigation #sections {
      margin-bottom: 15px;
      padding-top: 10px; }
      #content #navigation #sections ul {
        font-size: 12px;
        list-style: none;
        margin:0;
        font-weight: bold; }
        #content #navigation #sections ul li {
          list-style: none;
          margin-bottom: 5px; }
    #content #navigation #categories {
      border-top: 2px solid #103e89;
      padding-top: 10px;
      margin-bottom: 15px; }
    #content #navigation #categories ul {
      margin:0; }
      #content #navigation #categories ul li {
        list-style: none;
        margin-bottom: 5px; }
    #content #navigation #korisnikmjeseca {
      text-align: center;
      margin-bottom: 15px;
      border-top: 2px solid #103e89;
      padding-top: 10px; }
      #content #navigation #korisnikmjeseca .korisnik img {
        margin-bottom: 5px; }
  #content #main {
    float: left;
    width: 500px; }
    #content #main #flow {
      margin-bottom: 5px; }
      #content #main #flow img {
        margin-right: 2px; }
    #content #main #article {
      margin-top: 10px;
      margin-right: 10px;
      padding-bottom: 15px;
      border-bottom: 1px solid #e93b00; }
      #content #main #article img {
        float: left;
        margin: 0 15px 5px 0; }
      #content #main #article div#sponsored {
        float:left;
        margin: 0 15px 5px 0; }
      #content #main #article div#sponsored img {
        display: inline;
        float: none;
        margin: 0;
      }  
        
      #content #main #article h1 {
        margin-bottom: 2px;
        color: #4b951d; }
      #content #main #article p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 15px; }
      #content #main #article p.asked {
        font-size: 11px; }
    #content #main #featured {
      padding: 10px;
      margin-bottom: 9px;
      background-color: #e8f1f8; }
      #content #main #featured .text {
        float: right;
        width: 220px; }
      #content #main #featured img {
        margin-right: 10px;
        float: left; }
      #content #main #featured h2 {
        margin-bottom: 5px;
        clear: right; }
      #content #main #featured p.asked {
        font-size: 11px;
        margin-bottom: 8px; }
      #content #main #featured div.answers a {
        color: #e73d00;
      }
      #content #main #featured p {
        margin:0;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 10px; }
        
      #content #main .half_featured {
      width: 225px;
      float:left;
      height: 280px;
      padding: 10px;
      background-color: #e8f1f8; }
      #content #main .half_margin
      {
        margin-left: 10px;
      }
      
      #content #main .half_featured .text {
      	margin-top: .5em;
         }
      #content #main .half_featured img { }
      #content #main .half_featured h2 {
        margin-bottom: 5px;
        clear: right; }
      #content #main .half_featured p.asked {
        font-size: 11px;
        margin-bottom: 8px; }
      #content #main .half_featured div.answers a {
        color: #e73d00;
      }
      #content #main .half_featured p {
        margin:0;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 10px; }        
        
        
        
        
    #content #main .answers {
      float: left;
      color: #b68604; }
    #content #main .tags {
      float: right; }
    #content #main .paginator {
      margin-top: 10px;
      margin-right: 35px;
      text-align: right; }
    #content #main .question {
      /*width: 435px;*/
      margin-top: 15px;
      padding-bottom: 15px;
      /*border-top:1px solid #103e89;*/
       }
      #content #main .question .text {
        float: right; }
      #content #main .question img {
        margin-right: 10px;
        float: left; }
      #content #main .question h2 {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px; }
      #content #main .question p {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 4px; }
    #content #main .question-rate {
      border-bottom: 1px solid #e93b00;
      padding-bottom: 15px;
      margin-bottom: 15px; }
      #content #main .question-rate .rate {
        width: 60px;
        padding-top: 5px;
        float: left;
        margin-bottom: 0px;
        padding-bottom: 0px; }
        #content #main .question-rate .rate .up {
          float: left; }
        #content #main .question-rate .rate .down {
          float: right; }
      #content #main .question-rate .question-text {
        float: right;
        width: 390px;
        margin-top: 0px;
        padding-bottom: 0px;
        border-bottom: 0px solid #e93b00;  }
        #content #main .question-rate .question-text p {
          font-size: 10px; }
        #content #main .question-rate .question-text span.asked {
          font-size: 10px; }
        #content #main .question-rate .question-text span.answered {
          font-size: 10px; }
        #content #main .question-rate .question-text h2 {
          margin-bottom: 7px;
          font-size: 12px;
          line-height: 12px; }
        #content #main .question-rate .question-text div.text {
          font-size: 11px;
          line-height: 15px;
          margin-bottom: 7px; }
    #content #main p.asked {
      font-size: 10px;
      margin-bottom: 2px; }
    #content #main #open {
      padding-top: 15px; }
      #content #main #open .question {
        border-bottom: 1px solid #e93b00;
        background: none;
        padding-bottom: 10px;
        margin-top: 15px; }
      #content #main #open .more {
        padding-top: 15px;
        margin-right: 40px;
        float: right; }
    #content #main h1.big {
      font-size: 36px;
      margin-top: 20px;
      margin-bottom: 15px;
      padding-bottom: 25px;
      border-bottom: 2px solid #103e89; }
      
/*  pitanje na stranici samo pitanje */      
      
    #content #main #page .question {
      /*width: 435px;*/
      margin-top: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #e93b00;background: none; }
      #content #main #page .question .image {
        width: 170px;
        margin-right: 0px;
        float: left; }
        #content #main #page .question .image img {
          float: none; }
        #content #main #page .question .image p {
          margin-top: 5px;
          margin-bottom: 0px; }
        #content #main #page .leadphoto div { margin-top: -1em; }
        #content #main #page .question .image div p, #content #main #page .leadphoto div p
        {
          line-height: 15px;
          margin-left: 4em;
          padding-top: 7px;
        }
        #content #main #page .question .image .result, #content #main #page .leadphoto .result {
          float: left;
          margin-top: 7px;
          background-color: #f37c54;
          font-size: 14px;
          width: 30px;
          padding-top: 2px;
          height: 15px;
          text-align: right;
          padding-right: 3px;
          color: #fff; }
      #content #main #page .question .text {
        width: 300px;
        float: right; }
      #content #main #page .question h2 {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px; }
      #content #main #page .question p {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 4px; }
      #content #main #page .question p.asked {
        font-size: 10px; }
      #content #main #page .question p.report {
        padding-top: 8px; }
    #content #main #page p {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 12px; }
    #content #main #page form div {
      margin-bottom: 15px; }
      #content #main #page form div p {
        font-size: 11px; }
    #content #main #page form label {
      font-size: 16px;
      font-weight: normal; }
    #content #main #page form input, #content #main #page form select {
      width: 96%;
      margin-top: 5px;
      margin-bottom: 2px;
      padding: 3px;
      font-size: 16px; }
    #content #main #page form input.submit {
      width: auto; }
    #content #main #page #register div {
      text-align: right; }
    #content #main #page #register div.left {
      text-align: left; }
    #content #main #page #register form input, #content #main #page #register form select {
      width: 320px;
      margin-right: 10px; }
    #content #main #page #register form input.submit {
      width: auto; }
    #content #main #page form input.checkbox {
      width: auto;
      margin-right: 0px; }
    #content #main #page #register p {
      margin-right: 10px; }
    #content #main #page #register span.left {
      text-align: left; }
    #content #main #page #register p.left {
      text-align: left;
      padding-top: 10px; }
    #content #main #page #user {
      margin-bottom: 20px; }
      #content #main #page #user .text {
        width: 265px; }
      #content #main #page #user img {
        margin-right: 10px;
        float: left; }
      #content #main #page #user p {
        margin: 0;
        padding: 0;
        font-size: 11px; }
      #content #main #page #user p.name {
        font-size: 16px;
        margin-bottom: 10px; }
    #content #main #page #myquestions p.asked {
      font-size: 10px;
      margin-bottom: 2px; }
    #content #main #page #myquestions .question {
      border-bottom: 1px solid #e93b00; }
    #content #main #page #myanswers {
      padding-top: 20px; }
      #content #main #page #myanswers p.report {
        padding-top: 5px;
        font-size: 11px;
        padding-bottom: 0px;
        margin: 0; }
    #content #main #page #answerform {
      padding-top: 20px; }
      #content #main #page #answerform form div {
        margin-bottom: 15px; }
        #content #main #page #answerform form div p {
          font-size: 11px; }
      #content #main #page #answerform form label {
        font-size: 16px;
        font-weight: normal; }
      #content #main #page #answerform form input, #content #main #page #answerform form select, #content #main #page #answerform form textarea {
        width: 96%;
        margin-top: 5px;
        margin-bottom: 2px;
        padding: 3px;
        font-size: 16px; }
      #content #main #page #answerform form input.submit {
        width: auto; }
  #content #sidebar {
    float: right;
    width: 305px;
    overflow: hidden;
    padding-bottom: 20px; }
    #content #sidebar #najnaj {
      float: left;
      width: 170px; }
      #content #sidebar #najnaj ul
      {
        list-style: none;
        margin:0;padding:0;
      }
      #content #sidebar #najnaj .pitanje {
        margin-bottom: 15px; }
      #content #sidebar #najnaj .naj {
        border-top: 2px solid #103e89;
        padding-top: 5px;
        margin: 10px 0 15px 0; }
        #content #sidebar #najnaj .naj ul {
          padding-top: 0px;
          font-size: 12px; }
          #content #sidebar #najnaj .naj ul li {
            margin-bottom: 8px; }
        #content #sidebar #najnaj .naj .more {
          margin-right: 30px;
          margin-bottom: 0px;
          margin-top: 5px;
          float: right; }
        #content #sidebar #najnaj .naj .mostactive {
          margin-bottom: 15px; }
          #content #sidebar #najnaj .naj .mostactive img {
            float: left;
            margin-right: 10px; }
          #content #sidebar #najnaj .naj .mostactive p {
            font-size: 12px;
            margin-bottom: 5px; }
         #tag_cloud a {
          color: #716c5e;
          text-decoration: none; }
           #tag_cloud a:hover {
            text-decoration: underline; }
         #tag_cloud ul {
          color: #716c5e;
          line-height: 18px; margin:0;padding:0; }
           #tag_cloud ul li {
            display: inline;
            padding: 3px; }
           #tag_cloud ul li.tag_popularity_1 {
            font-size: 90%; }
           #tag_cloud ul li.tag_popularity_2 {
            font-size: 110%; }
           #tag_cloud ul li.tag_popularity_3 {
            font-size: 130%; }
           #tag_cloud ul li.tag_popularity_4 {
            font-size: 160%; }
           #tag_cloud .more { text-align:right; }
    #content #sidebar #misc {
      float: right;
      width: 120px; }
      #content #sidebar #misc img {
        margin-bottom: 10px; }

#footer {
  width: 915px;
  margin: 0 auto 0 auto;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;
  border-top: 1px solid #e93b00; }
  #footer #copyright {
    float: left; }
  #footer #links {
    float: right; }

          
/* ispravke i dodaci */

div#tooltip
{
	margin: .1em; background-color: #efefef; border:1px solid gray;
	padding: 10px;
	width: 100px; height: 50px;
}
.fcat { color: #b68604 }

.form_error
{
  color: red;
  margin:0; padding:0;
  margin-top:.5em;
  margin-bottom: -3em;
}

div.datumi select { width: auto !important; }
div.datumi div input { width: auto !important; }

div.cbox div { display:inline; padding-right: 2em; line-height: 16px; }
div.cbox div input { width: auto !important; }


div#searchbox
{
	background: #bbd7ef;
	padding: 10px;
	margin: 0 0 1em 0;
	height: 168px;
}
div#searchbox label
{
	float:left;
	width:70px;
	height: 20px;
	line-height: 20px;
}
div#searchbox select, div#searchbox input
{
	height: 20px;
	line-height: 20px;
	border: 1px solid #1c5990;
}
div#searchbox select
{
  width: 180px;
}
div#searchbox form div
{
	height: 32px;
	clear:left;
}
div#searchbox div#tc
{
  float: right;
  border: 1px solid orange;
  background: #e7f1fa;
  color: #103e89;

  width: 197px;
  height: 153px;
  padding: 5px;
}
div#searchbox div#tc h2
{
  color: #e53b00;margin:0;padding:0;
}
div#searchbox div#tc .more
{
	text-align: right;
}
div#searchbox input.btn
{
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0 1em 0 1em;
	border: none;
	margin: 0 1em 0 1em;
	background: url(../images/gumb_bg.png) repeat-x;
	color: white;
}


div#fotkewrapper
{
  border:2px solid #2e6da4;
  padding-right: 5px;
  height: 100px;
  position: relative;
  overflow: hidden;	
}
div#fotke
{
	position: absolute;
	top:5px;left:5px; width: 2500px; 
	height: 90px; 
}
div#fotke a
{
	float: left;
	margin-right: 10px;
}
div#komande { text-align: right; }
div.g1, div.g2, div.g3, div.g4, div.g5
{
	float:right;
	width: 155px;
	height: 27px;
	margin-top: -5px;
	line-height: 27px;
	background-image: url('../images/ocjene.png');
	background-repeat:  no-repeat;
	background-position: 70px 0px; 
}
#page .leadphoto div.g1,#page .leadphoto div.g2, #page .leadphoto div.g3, #page .leadphoto div.g4, #page .leadphoto div.g5
{
  display: block; float:none;	
}
.g1
{
	background-position: 70px 0px !important;
}
.g2
{
  background-position: 70px -27px !important;
}
.g3
{
  background-position: 70px -54px !important;
}
.g4
{
  background-position: 70px -81px !important;
}
.g5
{
  background-position: 70px -109px !important;
}
div.leadphoto
{
	float:left;
	margin: .5em;
}
#content #main #page p.intro { font-size: 16px; line-height: 22px; }


div#editgalerija div.editbox
{
  width:150px;
  height: 110px;
  float: left;
  text-align: center;
}
div#editgalerija div.editbox a
{
	cursor: pointer;
}	
ul.error_list li { color: red; }

.openid_login {
  background: url(../images/login-bg.gif) no-repeat;
  background-color: #fff; 
  background-position: 5px 50%;
  border:1px solid black; 
  color: #000; 
  padding:0.5em;
  padding-left: 21px !important;
  width:280px;
}

div#page form textarea
{
	width: 490px !important;
	height: 150px;
}