@charset "utf-8";
/* CSS Document */

  <style type="text/css">
body {
	background:#fff;
	margin:0;
	font:0.7em Tahoma, sans-serif;
	text-align:center;
	color:#333333;
	font-size/* */:/**/small;
	font-size: /**/small;
	height: 100%;
  }
/* project: internet services template

   author: luka cvrk (www.solucija.com) */



   

/* default styles

   -------------- */

   

body {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	color: #000000;
	background-color: #01245C;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}








p {
	margin: 0 0 2px 0;
}



a {
	color: #164677;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #6C757A;
	background: inherit;
	text-decoration: underline;
}

/* Headings
----------------------------------------------- */
h2 {
	margin:1.5em 0 .75em;
	font:14px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	color:#FFFFFF;
	font-weight: bold;
	background-color: #CCCCCC;
	padding-left: 15px;
  }
h3 {
	color: #000000;
	font-size: 16px;
}
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
@media all {
  #header {
	width:950px;
	margin:0 auto 10px;
	border:1px solid #ccc;
	background-color: #8f9aaf;
	color: #fff;
    }
  }
@media handheld {
  #header {
	width:90%;
    }
  }
#blog-title {
	margin:5px 5px 0;
	padding:20px 20px .25em;
	border:1px solid #eee;
	border-width:1px 1px 0;
	font-size:200%;
	line-height:1.2em;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:0.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
	color:#c60;
	font-weight: bold;
  }
#description {
	margin:0 5px 5px;
	padding:0 20px 20px;
	border:1px solid #eee;
	border-width:0 1px 1px;
	max-width:950px;
	font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	color:#999;
  }

/* Content
----------------------------------------------- */
@media all {
  #content {
	width:950px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
    }
  #main {
	width:534px;
	float:left;
	padding-left: 10px;
	padding-right: 20px;
	border-right: dotted 1px #000000;
    }
  #sidebar {
	width:275px;
	float:right;
	height: 100%;
    }
  }
@media handheld {
  }


/* Posts
----------------------------------------------- */
@media all {

.browse_category2 {
	font-size: 14px;
	width: 130px;
	color: #8F9AAF;
	background: inherit;
	font-weight: bold;
	font: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	float: left;
	text-align: left;
	margin-left: 15px;

}




.bar {
	clear: both;
	font-size: 13px;
	height: 30px;
	margin: 0 0 0 0px;
	background: #ffffff;
	padding-left: 7px;
	padding: 2px 0 5px 5px;
}




	.bar li {
	margin: 0;
	padding: 9px 15px 5px 10px;
	color: #01245C;
	float: left;

	}

	

	.bar li.active {
	color: #fff;
	font-weight: bold;
	padding: 9px 10px 6px 10px;
	margin-right: 10px;

	}

	

	.bar li a {
	font-weight: bold;
	color: #01245C;
	background: inherit;
	text-decoration: none;

	} 

	

	.bar li a:hover {
	color: #ffffff;
	background: inherit;
	text-decoration: none;
	border-top: dashed 1px #ffffff;

	} 


.content_top {
	margin: 0 auto;
	width: 840px;
	padding: 0px 30px 0 30px;
	background-color: #ffffff;
	height: 10px;
	background-image: url(../images/bg-top.png);

}
.color_content {
	width: 100%;
	height: 25px;
	clear: both;
	background: #1b5e8b;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	margin: 1px 0 1px 0;
	padding-top: 30px;
}




ul { margin: 0; padding : 0; list-style : none; }




/* left side

   --------- */



.left {
	float: left;
	width: 640px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	padding-left: 15px;

}

	

		

/* right side

   ---------- */

		

.right {
	float: right;
	width: 250px;
	margin: 0 0 10px 0;
	padding-right: 10px;

}
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
	margin:.5em 0 1.5em;
	border-bottom:1px dotted #999999;
	padding-bottom:1.5em;
    }
  }
@media handheld {
.list {
	color: #FF0000;
}
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }




/* layout

   ------ */



.content {
	margin: 0 auto;
	width: 840px;
	padding: 10px 30px 0px 30px;
	background-color: #ffffff;
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;

}





.search_field {

	color: #808080;

	clear: both;

	text-align: center;

}






.search_form {
	text-align: right;
	background-color: #ffffff;
	padding: 9px 8px 0 0;
	font-weight: bold;
	margin: 1px 0 0px 0;
	height: 25px;
	border-top: solid 1px #cccccc;

}
.search_form a {
	text-decoration: none;
}



.search_form a:hover {
	text-decoration: underline;

}
.sidebar-title {
	color: #666666;
	background: #ffffff;
}

.post-title {
	margin:.25em 0 0;
	padding:0 0 4px;
	font-size:140%;
	font-weight:bold;
	line-height:1.4em;
	color:#990000;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

.browse_category2 {
	font-size: 14px;
	width: 130px;
	color: #8F9AAF;
	background: inherit;
	font-weight: bold;
	font: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	float: left;
	text-align: left;
	margin-left: 15px;

}
  .browse_category {
	font-size: 14px;
	width: 170px;
	color: #8F9AAF;
	background: inherit;
	font-weight: bold;
	font: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	float: left;
	text-align: left;
	margin-left: 15px;
}
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }

.colorline2 {
	height: 10px;
}


.colorline {
	background-color: #8F9AAF;
	height: 15px;
	border-bottom: 1px solid #000;
	text-align: right;
	text-decoration: none;
	padding-left: 200px;
	padding-right: 20%;
	color: #eee;
	font-weight: bold;
	font: Tahoma, sans-serif;
	font-size: 11px;
}
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
	margin:0 0 1.5em;
	padding:0 0 1.5em;
	border-bottom:1px dotted #999999;
	list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
	color:#666666;
	line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
	float:left;
	padding:4px;
	border:1px solid #dddddd;
	margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {

	width:950px;
	clear:both;
	margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }


.footer_image {

	width: 950px;

	margin: 0 auto 0 auto;

	text-align: right;

}
.footer_help {
	text-align: right;
	width: 950px;
	margin: 0 auto 0 auto;
}
#postfeeds {
  }
  #sidebar2 {
	width:253px;
	float:none;
	background: #ffffff;
	padding-left: 15px;
	font-weight: normal;
	padding-bottom: 10px;
}
  </style>


.phone_top_container {
	width: 930px;
	margin: 0 auto;
	text-align: right;
}
.phone_top {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-right: 10px;
}


.phone_top_container {
	width: 930px;
	margin: 0 auto;
	text-align: right;
}
