@charset "utf-8";
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
/**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/**/

strong {
	font-weight: bold;
}

a {
	color: #8D8D8F;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
	

#logo, #green_flowers img, #ph_zemljevid img { behavior: url(iepngfix.htc); }

body {
	font: 0.8em Arial, Helvetica, sans-serif;
	/*background: url(images/body_bg_top2.png) top center repeat-x #231f20;*/
	background-color: #231f20;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 730px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	padding-top: 25px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding-right: 8px;
}
#header #logo {
	float: left;
}
#header #home {
	margin-top: -1px;
	display: block;
	float: left;
	margin-left: 80px;
	width: 21px;
	height: 21px;
	overflow: hidden;
}

#header #home:hover {
	text-indent: -21px;
}

#header ul#menu {
	font: 120% Georgia, "Times New Roman", Times, serif;
	float: right;
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 380px;
	position: relative;
}
#header #menu li {
	float: left;
	margin-bottom: 6px;
	height: 16px;
	background:url(images/menu_divide.png) right center no-repeat;
	z-index: 2;
}
#header #menu li.first {
	background:url(images/menu_divide2.png) right center no-repeat;
}

#header #menu li.last {
	background: none;
}

#header #menu li a {
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	padding-right: 10px !important;
	z-index: 10;
}
#header #menu li.first a {
	margin-right: 5px;
}

#header #menu li a:hover, #header #menu li a:focus, #header #menu li.selected a {
	color: #A5C741;
}
#menu li.background {
	background-image: none !important;
	z-index: 1;
	padding-right: 0;
	position: absolute;
	visibility: hidden;
	height: 18px;
	
}

#menu .background .left {
	background-image: none !important;
	background-color: #000;
	height: 18px;
 	margin-right: 7px; /* 7px is the width of the rounded shape */ 
}

#header #blog {
	float: right;
	clear: right;
	height: 37px;
	width: 41px;
	margin-right: 10px;
}

#subheader {
	position: relative;
	clear: both;
	height: 1.3em;
	margin-bottom: 5px;
	top: -5px;
	padding-right: 8px;
}

#submenu {
	font: 110% Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#submenu li {
	float: left;
	height: 14px;
	background:url(images/submenu_divide.png) right center no-repeat;
}
#submenu li a {
	position: relative;
	z-index: 10;
	color: #8D8D8F;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
	padding-right: 8px !important;
}
#submenu li a:hover, #submenu li a:focus, #submenu li.selected a {
	color: #000000;
}

#submenu li.background {
	padding-right: 0px;
	background-image: none !important;
	z-index: 1;
	position: absolute;
	visibility: hidden;
	height: 18px;
}

#submenu .background .left {
	background-image: none !important;
	background-color: #A5C741;
	height: 14px;
	margin-right: 7px;
	height: 18px;
}

#mainContent {
	width: 724px;
	margin: 0;
	padding: 0;
	padding-right: 1px; /* IE posebnost */
	position: relative;
	clear: left;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContent #ph_large {
	padding-right: 7px;
	float: right;
	position: relative;
	background-color: red;
	width: 280px;
}

#mainContent #ph_project_info_a {
	position: absolute;
	padding: 10px;
	margin-bottom: 22px;
 	width: 256px;
	height: 112px;
	border: 1px dashed #ebeced;
	background: #101010;
	color: #fff;
	right: 14px;
	font-size: 0.9em;	
	overflow: hidden;
}

#mainContent #ph_narocniki_info {
	margin-top: 156px;
	position: relative;
	padding: 10px;
	margin-bottom: 22px;
	margin-right: 14px !important;
	margin-right: 7px;
 	width: 256px;
	height: 424px;
	border: 1px dashed #ebeced;
	background: #101010;
	color: #fff;
	float: right;
	font-size: 0.9em;
	overflow-y: scroll;	
}

#mainContent #ph_narocniki_info h2 {
	color: #A5C741;
	display: block;
	text-align: left;
/*	margin-right: 5px; */
	padding-bottom: 1px;
}

#mainContent #ph_side_info {
	position: relative;
	padding: 10px;
	margin-bottom: 22px;
	margin-right: 14px !important;
	margin-right: 7px;
 	width: 256px;
	height: 580px;
	border: 1px dashed #ebeced;
	background: #101010;
	color: #fff;
	float: right;
	font-size: 0.9em;
}

#mainContent #ph_side_info h2 {
	color: #A5C741;
	display: block;
	text-align: left;
	font-weight: bold;
}

#mainContent #ph_side_info p {
	font-size: 0.95em;
}

#mainContent #ph_project_info {
	position: relative;
	padding: 10px;
	margin-bottom: 22px;
	margin-right: 14px !important;
	margin-right: 7px;
 	width: 256px;
	height: 112px;
	border: 1px dashed #ebeced;
	background: #101010;
	color: #fff;
	float: right;
	font-size: 0.9em;	
}

#mainContent #ph_project_info h2 {
		color: #A5C741;
}

/* ekipa div */
#mainContent #ph_ekipa {
	position: absolute;
 	width: 132px;
	height: 268px;
	border: 1px dashed #ebeced;
	color: #fff;
	left: 0;
	top: 0;
	font-size: 0.9em;
}

#mainContent #ph_ekipa h2 {
	position: absolute;
	color: #A5C741;
	display: block;
	text-align: left;
	bottom: -2em;
	right: 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* webcam studio div */
#mainContent #ph_wc_studio {
	position: absolute;
 	width: 276px;
	height: 215px;
	border: 1px dashed #ebeced;
	color: #fff;
	right: 302px;
	top: 0;
	font-size: 0.9em;
}

#mainContent #ph_wc_studio h2 {
	position: absolute;
	color: #A5C741;
	display: block;
	text-align: left;
	bottom: -2em;
	right: 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* webcam lounge */
#mainContent #ph_wc_lounge {
	position: absolute;
 	width: 276px;
	height: 215px;
	border: 1px dashed #ebeced;
	color: #fff;
	left: 0;
	top: 385px;
	font-size: 0.9em;
}

#mainContent #ph_wc_lounge h2 {
	position: absolute;
	color: #A5C741;
	display: block;
	text-align: left;
	top: -2em;
	left: 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* knjiznica */
#mainContent #ph_knjiznica {
	position: absolute;
 	width: 132px;
	height: 268px;
	border: 1px dashed #ebeced;
	color: #fff;
	right: 302px;
	top: 332px;
	font-size: 0.9em;
}

#mainContent #ph_knjiznica h2 {
	position: absolute;
	color: #A5C741;
	display: block;
	text-align: left;
	top: -2em;
	left: 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* green flowers div */
#mainContent #green_flowers {
	position: absolute;
 	width: 101px;
	height: 170px;
	left: 175px;
	top: 216px;
}

/* zemljevid */
#mainContent #ph_zemljevid {
	position: relative;
 	width: 675px;
	padding-left: 33px;
	padding-top: 125px;
	height: 475px !important;
	margin-bottom: 22px;
	border: 1px dashed #ebeced;
	color: #fff;
}

/* slika lokacije */
#mainContent #ph_lokacija {
	position: absolute;
	top: 10px;
	right: 313px;
 	width: 178px;
	height: 104px;
	border: 1px dashed #ebeced;
	overflow: hidden;
}


/* kontakt pri lokaciji */
#mainContent #ph_kontakt {
	position: absolute;
 	width: 288px;
	height: 274px;
	border-left: 1px dashed #ebeced;
	border-bottom: 1px dashed #ebeced;
	color: #fff;
	top: 0;
	right: 14px;
	background-color: #1A1A1A;
}

#mainContent #ph_kontakt div {
	display: block;
	position: relative;
	left: 10px;
	width: 256px;
	height: 242px;
	border: 1px dashed #ebeced;
	padding: 10px;
	background-color: #000;
	font-size: 0.85em;
	overflow: hidden;
}

#mainContent #ph_kontakt h2 {
	color: #A5C741;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

table.kontakt td {
	padding-bottom: 8px;
	vertical-align: top;
}

table.kontakt th.col1 {
	width: 105px;
}

table.kontakt th.col2 {
	width: 140px;
}


/* legenda pri lokaciji */
#mainContent #ph_legenda {
	position: absolute;
 	width: 169px;
	height: 126px;
	border-left: 1px dashed #ebeced;
	border-top: 1px dashed #ebeced;
	color: #fff;
	top: 475px;
	right: 14px;
	background-color: #1A1A1A;
}

#mainContent #ph_legenda div {
	display: block;
	position: relative;
	top: 10px;
	left: 10px;
	padding: 10px;
	width: 138px;
	height: 94px;
	border: 1px dashed #ebeced;
	background-color: #000;
	font-size: 0.85em;
}

#mainContent #ph_legenda h2 {
	color: #fff;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.8em;
}

/* print pdf link pri lokaciji */
#mainContent #ph_print_lokacija {
	position: absolute;
	left: 15px;
	bottom: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a5c741;	
}

#mainContent #ph_print_lokacija a {
	text-decoration: none;
	color: #a5c741;	
}

#mainContent .ph_kontakt_col a {
	color: #fff;
}

#mainContent .ph_kontakt_col {
	float: left;
	width: 230px;
	height: 602px;
	margin-right: 10px;
	margin-bottom: 22px;
}

#mainContent .ph_kontakt_col .pic {
	width: 228px;
	border: 1px dashed #ebeced;
	height: 260px;
	margin-bottom: 10px;
	overflow: hidden;
}

#mainContent .ph_kontakt_col .opis {
	width: 208px;
	border: 1px dashed #ebeced;
	height: 308px;
	color: #fff;
	padding: 10px;
	background-color: #000;
	font-size: 0.85em;
	overflow: hidden;
}

#mainContent .ph_kontakt_col .opis h2 {
	color: #A5C741;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.8em;
	text-transform: uppercase;
}

#ph_legenda .th {
	display: block;
	float: left;
	width: 20px;
	clear: left;
	margin-bottom: 3px;
}

#ph_legenda .tc {
	float: right;
	clear: right;
	width: 110px;
	font-size: 0.9em;
	color: #8D8D8F;
}

.th {
	display: block;
	float: left;
	width: 105px;
	clear: left;
}

.tc {
	float: right;
	clear: right;
	width: 140px;
}


#mainContent #narocniki_list .numproj {
	color: #6d6e6f !important;
}
#mainContent #narocniki_list {
	margin-top: 0.5em;
}
#mainContent #narocniki_list li a {
	color: #fff;
	text-decoration: none;
	line-height: 1.4em;
	text-transform: uppercase;
}
#mainContent #narocniki_list li a:hover {
	text-decoration: underline;
}

#mainContent #narocniki_list li a.selected {
	color: #A5C741;
}

#mainContent #narocniki_list li.newbegin {
	margin-top: 0.5em;
	display: block;
	color: #A5C741;
	font-weight: bold;
}

#mainContent .mini_project_info {
	display: block;
	position: absolute;
	top: 0px !important;
	right: 2000px;
	padding: 10px;
	width: 256px;
	height: 112px;
	border: 1px dashed #ebeced;
	background: #101010;
	color: #fff;
	font-size: 0.9em;	
}

#mainContent .mini_project_info table, #mainContent .mini_project_info table td {
	border: none;
	vertical-align: top;
}

.mini_project_info .proj_name {
	color: #A5C741;
	text-transform: uppercase;
	font-weight: bold;
}

.mini_project_info .proj_green {
	color: #A5C741;
	display: block;
	float: left;
	clear: left;
	width: 5.4em;
	text-align: right;
/*	margin-right: 5px; */
}

.mini_project_info .proj_white {
	color: #FFF;
	display: block;
	float: left;
	clear: left;
	width: 5.4em;
	text-align: right;
/*	margin-right: 5px; */
}

.mini_project_info .datum {
	position: absolute;
	bottom: 10px;
	color: #6d6e6f;
}

#mainContent #projects_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainContent #projects_list li {
	width: 134px;
	height: 156px;
	float: left;
	margin-right: 10px;
	color: #fff;
}

#mainContent #projects_list li .proj_full {
	position: absolute;
	width: 154px;
	height: 154px;
	top: 0px;
	left: -9px;
}

#mainContent #projects_list li .proj_static {
	width: 134px;
	height: 134px;
}


#mainContent #projects_list li .proj_empty {
	width: 132px;
	height: 132px;
	border: 1px dashed #ebeced;
}

#mainContent #projects_list li a.visited img {
	filter: gray alpha (opacity = 30);
}

#mainContent #projects_list li a.visited span.ideja {
	color: #6d6e6f !important;
}


.gray_img {
	width: 100px;
	height: 100px;
	background-color: red;
	position: absolute;
	top: 0;
	left: 0;
}

#mainContent #projects_list li a span.ideja {
	font-size: 80%;
	color: #fff;
	text-decoration: none;
}

#mainContent #projects_list li a span.novo {
	display: block;
	width: 33px;
	height: 10px;
	background: url(images/novo.gif) no-repeat top right;
	position: absolute;
	margin-left: 101px;
	margin-top: -10px;
	text-indent: -3000px;
}


#mainContent #projects_list li a {
	text-decoration: none;
	cursor: hand;
}

#mainContent #projects_list li a:hover, #mainContent #projects_list li a:focus {
	border-style:none; /* brez te vrstice IE6 ne zazna hover v naslednjem pravilu... */
}

#mainContent #projects_list li a:hover .mini_project_info, #mainContent #projects_list li a:focus .mini_project_info {
	right: 14px !important;
 	right: 20px;
}

#images_links {
	top: 202px;
	left: 10px !important;
	left: -29px;
	position: absolute;
	width: 100%;
	color: #A5C741;
	font: 100% Georgia, "Times New Roman", Times, serif;
}

/* NAZAJ IN NAPREJ GUMBI NA NAVIGACIJO PO STRANEH */

#nazaj {
	position: absolute;
	width: 21px;
	height: 21px;
	left: -36px;
	top: 290px;
	background: url("images/page_left.png") no-repeat;
}

#nazaj a {
	display: block;
	width: 21px;
	height: 21px;
	background: url("images/page_left.png") no-repeat -42px 0px;
	text-indent: -4000px;
	overflow: hidden;
}

#nazaj a:hover, #nazaj a:focus {
	outline: 0;
	background-position: -21px 0px;
}

#naprej {
	position: absolute;
	width: 21px;
	height: 21px;
	left: 725px;
	top: 290px;
	background: url("images/page_right.png") no-repeat;
	text-indent: -4000px;
	overflow: hidden;
}

#naprej a {
	display: block;
	width: 21px;
	height: 21px;
	background: url("images/page_right.png") no-repeat -42px 0px;
}

#naprej a:hover, #naprej a:focus {
	outline: 0;
	background-position: -21px 0px;
}

/* NAZAJ IN NAPREJ GUMBI ZA NAVIGACIJO PO SLIKAH */

#nazaj_i {
	position: absolute;
	width: 21px;
	height: 21px;
	left: 445px;
	top: 200px;
	background: url("images/page_left.png") no-repeat;
}

#nazaj_i a {
	display: block;
	width: 21px;
	height: 21px;
	background: url("images/page_left.png") no-repeat -42px 0px;
	text-indent: -4000px;
	overflow: hidden;
}

#nazaj_i a:hover, #nazaj_i a:focus {
	outline: 0;
	background-position: -21px 0px;
}

#naprej_i {
	position: absolute;
	width: 21px;
	height: 21px;
	left: 625px;
	top: 200px;
	background: url("images/page_right.png") no-repeat;
	text-indent: -4000px;
	overflow: hidden;
}

#naprej_i a {
	display: block;
	width: 21px;
	height: 21px;
	background: url("images/page_right.png") no-repeat -42px 0px;
}

#naprej_i a:hover, #naprej_i a:focus {
	outline: 0;
	background-position: -21px 0px;
}

#nazaj_s {
	position: absolute;
	width: 21px;
	height: 21px;
	left: -35px;
	top: 200px;
	background: url("images/page_snapback.png") no-repeat;
	text-indent: -4000px;
	overflow: hidden;
}

#nazaj_s a {
	display: block;
	width: 21px;
	height: 21px;
	background: url("images/page_snapback.png") no-repeat -42px 0px;
}

#nazaj_s a:hover, #naprej_i a:focus {
	outline: 0;
	background-position: -21px 0px;
}



/* detajli projekta */
#mainContent #project_info {
	position: absolute;
	right: 14px !important;
	right: 14px;
	top: 0;
	padding: 10px;
	margin-bottom: 22px;
 	width: 256px;
	height: 400px;
	border: 1px dashed #ebeced;
	background: #101010;
	color: #fff;
	font-size: 0.9em;	
}

#mainContent #project_info table {
	border: none;
}

#mainContent #project_info table td {
	vertical-align: top;
}


#project_info .proj_name {
	color: #A5C741;
	text-transform: uppercase;
	font-weight: bold;
}

#project_info .proj_green {
	color: #A5C741;
	display: block;
	width: 5.4em;
	text-align: right;
/*	margin-right: 5px; */
}

#project_info .proj_white {
	color: #FFF;
	display: block;
	width: 5.4em;
	text-align: right;
/*	margin-right: 5px; */
}

#project_info  .datum {
/*	position: absolute;
	bottom: 10px;
	left: 10px; */
	color: #6d6e6f;
}

#project_info  .opis {
	position: absolute;
	display: block;
	bottom: 10px;
	left: 10px; 
	color: #6d6e6f;
	width: 256px;
	font-size: 0.95em;
}

#project_info  .podnapis {
	color: #A5C741;
}

#project_info a {
	color: #fff;
}

.gray {
	color: #6d6e6f;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	display: block;
}

#mainContent #project_picture {
	position: relative;
	width: 422px;
	height: 422px;
	background: #000000;
	display: table-cell;
	vertical-align: middle;
	line-height: 422px;
	text-align: center;
}

#mainContent #project_picture img {
	position: relative;
	vertical-align: middle;
	*margin-top: expression((422 - this.height)/32);
	_margin-top: expression((422 - this.height)/2);
	margin: auto auto;
}

#subfooter { 
	position: relative;
	float: right;
	clear: both;
	margin-top: 10px;
}

#subfooter.nofloat {
    float: none !important;
}

#subfooter span {
	float: left;
	color: #A5C741;
	font: 100% Georgia, "Times New Roman", Times, serif;
}

#subfooter span.inactive {
	color: #000;
}

#mainContent #page_navig {
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 9px !important;
	margin-right: 4px;
	list-style: none;
	height: 16px;
	margin-top: 3px !important;
	margin-top: 0px;
}

#mainContent #page_navig li {
	float: left;
	height: 10px;
	width: 10px;
	margin-left: 4px;
	background:url(images/b_black.png) center center no-repeat;	
}

#mainContent #page_navig li a:focus {
	outline: 0;
	border: 1px dotted silver;
}

#mainContent #page_navig li a {
	display: block;
	text-indent: -2000px;
	height: 10px;
	width: 10px;
	background:url(images/b_gray.png) center center no-repeat;	
}

#mainContent #page_navig li a:hover, #mainContent #page_navig li a.selected {
	background:url(images/b_green.png) center center no-repeat;	
}

/* BLOG stili */
#mainContent #ph_side_info_blog {
	position: relative;
	padding: 10px;
	margin-bottom: 22px;
	margin-right: 14px !important;
	margin-right: 7px;
 	width: 145px;
	border: 1px dashed #ebeced;
	background-color: #101010;
	color: #fff;
	float: right;
	font-size: 0.9em;
}


#ph_side_info_blog a {
	color: #fff;
	text-decoration: none;
}
#ph_side_info_blog a:hover {
	color: #fff;
	text-decoration: underline;
}


#ph_side_info_blog h2 {
	color: #A5C741;
	display: block;
	text-align: left;
	font-weight: bold;
}

#ph_side_info_blog p {
	font-size: 0.95em;
}

#ph_side_info_blog ul {
	font-size: 0.95em;
	list-style-type: disc;
	padding-left: 2em;
	margin-top: 0.5em;
	line-height: 1.5em;
}

#ph_blog_content {
	position: relative;
	padding: 10px;
	margin-right: 10px;
	width: 511px;
	background-color: #242424;
	border: 1px dashed #ebeced;
	color: #fff;
	font-size: 0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

#ph_blog_content h2 {
	color: #A5C741;
	font-size: 2.5em;
}

#ph_blog_content h2 a {
	text-decoration: none;
}

#ph_blog_content h2 a:hover {
	text-decoration: underline;
}

#ph_blog_content h3 {
	color: #A5C741;
	font-weight: bold;
}

#ph_blog_content .summary {
	color: #A5C741;
	margin-bottom: 1em;
}

#ph_blog_content .datum {
	color: #6d6e6f;
	font-family: Arial, Helvetica, sans-serif;
}

#ph_blog_content .avtor {
	font-size: 0.95em;
	font-style: italic;
	font-weight: normal;
}
#ph_blog_content .avtor a {
	color: #fff;
	text-decoration: none;
}

#ph_blog_content .avtor a:hover {
	color: #fff;
	text-decoration: underline;
}

#ph_blog_content a {
	color: #A5C741;
}

#ph_blog_content a.vec {
	font-style: italic;
}

#ph_blog_content div.entry_body {
	line-height: 1.8em;
}

#ph_blog_content div.entry_body {
	margin-top: 1em;
	margin-bottom: 1em;
}

/*
#ph_blog_content img, #ph_blog_content embed {
	padding: 8px;
	border: 1px dashed #ebeced;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #101010;
}
*/

#ph_blog_content img, #ph_blog_content embed {
	padding-top: 8px;
	padding-bottom: 8px;
}

#ph_blog_content .tagz_n_commentz {
	font-size: 0.95em;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6e6f;
}

#ph_blog_content .tagz_n_commentz a {
	color: #6d6e6f;
}

#ph_blog_content em {
	font-style: italic;
}

a.rss {
	color: #A5C741 !important;
}

input, textarea {
	font: 1em Arial, Helvetica, sans-serif;
    border: 1px solid #A5C741;
    padding: 1px 0;
}

input.submit {
    margin-top: 0.5em;
    border: 1px solid #ebeced;
    background-color: #101010;
    color: #A5C741;
    padding: 0 2px;
}

table#add_comment td {
	padding: 3px;
}

div.comment_entry {
	margin-bottom: 1em;
}

.comment_body {
	line-height: 1.8em;
}

.hr {
	color: #6d6e6f;
	background-color: #6d6e6f;
	height: 1px;
}

.hr_green {
	color: #A5C741;
	background-color: #A5C741;
	height: 1px;
}

#footer {
	position: relative;
	top: -18px;
	clear: both;
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font: 80% Georgia, "Times New Roman", Times, serif;
	color: #8D8D8F;
	width: 51%;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* SCROLLBAR */
.scrollbar-vert{
	background: url(images/sb_track.png) repeat-y;
	width: 21px;
	position: absolute;
}
.handle-vert {
	height: 21px;
	width: 21px;
	background: url(images/sb_handle.png) no-repeat center center;
	margin-right: 1px;
}

/* Pager BEGIN */
.pager { 	float: left; margin-right: 9px !important;	margin-right: 6px;	height: 16px;	margin-top: 3px !important;	margin-top: 0px; text-indent: -2000px; width: 145px; margin-left: 4px !important; margin-left: 1px; }
.pager a, .pager span { display: block; float: left; height: 10px;	width: 10px; margin-left: 4px; margin-bottom: 5px;	background:url(images/b_black.png) center center no-repeat;	 }
.pager span.current {   background:url(images/b_green.png) center center no-repeat;	}
.pager a {    display: block;	text-indent: -2000px;	height: 10px;	width: 10px; background:url(images/b_gray.png) center center no-repeat;	}
.pager a:hover {    background:url(images/b_green.png) center center no-repeat; }
.pager a:focus { outline: 0; border: 1px dotted silver; margin-left: 3px; margin-right: -1px; }
.pager span.arrow { display: none; }
/* Pager END */