/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end of reset */

/* Color scheme */ /* default is blue, green is in comment */

#links a, h2, h3, h2 a, #title a, #links a {color: #465d8c;} /* blue */
/* #links a, h2, h3, h2 a, #title a, #links a {color: #748c46;} */ /* green */

/* end of color scheme */

body {
	text-align: center;
	font: 0.87em/24px Helvetica,Arial,sans-serif;
	color: #808080;
}

a {
	color: #808080;
	text-decoration: underline;
}

a:hover {
	color: #4d4d4d;
	text-decoration: none;
}

h2 {
	font-size: 18px;
	font-weight: bold;
}

h3 {
	margin: 10px 0 5px 0;
	font-size: 18px;
	font-weight: bold;
}

small, .small {
	font-size: 12px;
}

p {
	margin: 10px 0 10px;
}

ul {
	margin: 10px 0 10px 30px;
	list-style-type: square;
}

ol {
	margin: 10px 0 10px 30px;
	list-style-type: decimal;
}

blockquote {
	margin: 10px 0 10px 15px;
	padding: 5px 10px;
	border-left: 5px solid silver;
	background-color: #f2f2f2;
}

input, td {
	vertical-align: middle;
}

.req {
	color: red;
}

.label {
	width: 250px;
	text-align: right;
	padding-right: 15px;
}

#site-body {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.content {
	padding: 0 200px 0 60px;
}

#content {
	padding: 0 200px 0 60px;
	/*height: 300px;*/
}

/*html > body #content {
	height: auto;
	min-height: 300px;
}*/

/* header.tpl */

div#header {
	text-align: left;
	background: url("images/header-bg.png") top left no-repeat;
	width: 960px;
	height: 190px;
	margin: 0;
	padding: 0;
	position: relative;
}

/* Logo */

/* If you want own logo image replace file images/logo.png with it and change width and hieght of #title and #title span, also get #title span out of comment in wich is (now it is in css comment wich disbales image as logo). Logo can not have more height than 50px. In Template directroy you can find logo.psd to creat own logotype. */

#title {
      margin: 0 0 0 0; padding:0;
      position: absolute;
      top: 70px;
      left: 60px;
      width:490px; height:50px;
      overflow:hidden;
      margin:0; padding:0;
      }

/* This is CSS for your logo, if you want to use it, get comment marks away 
#title span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:490px; height:50px;
      margin:0; padding:0;
      background:url("images/logo.png") top left no-repeat;
      cursor: pointer;
      }
*/

#title a {
      font-size: 48px;
      line-height: 50px;
      text-decoration: none;
      }

/* end of logo */

#descr {
      margin: 0 0 0 0; padding:0;
      position: absolute;
      top: 120px;
      left: 60px;
      height:30px;
     /* overflow:hidden;*/
      margin:0; padding:0;
      font-size: 16px;
      }

/*#descr span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:170px; height:50px;
      margin:0; padding:0;
      background:url("images/tag-line.png") top left no-repeat;
      }*/

#woman {
	width: 175px; height: 515px; position: absolute; top: 50px; right: 5px;
}

#woman-in {
	width: 175px; height: 515px; position: fixed; background: url("images/building.jpg") bottom right no-repeat;
}

/* top_bar.tpl */
      
#top-nav {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#top-nav a {
	display: block;
	float: left;
	height: 30px;
	width: 101px;
	background: url("images/nav-bg.png") top left no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #808080;
	text-decoration: none;
}

#top-nav a:hover {
	background-position: 0 -30px;
	color: #4d4d4d;
	text-decoration: underline;
}

#rss {
	position: absolute;
	top: 7px;
	right: 10px;
}

#search {
	position: absolute;
	top: 4px;
	left: 680px;
}

#search input {
	width: 210px
	height: 30px;
	background: url("images/search.png") top left no-repeat;
	border: none;
	margin: 0;
	height: 17px;
	padding: 8px 75px 5px 7px;
	margin: 0;
	border: none;
	color: gray;
}

#search input.btn {
	width: 60px
	height: 30px;
	background: url("images/search-button.png") top left no-repeat;
	border: none;
	margin: 0;
	padding: 0;
	height: 17px;
	padding: 10px 0px 20px 0px;
	margin: 0;
	border: none;
	color: gray;
}

#breadcrumbs {
	position: absolute;
	top: 160px;
	left: 60px;
	width: 700px;
	height: 25px;
	z-index: 20;
	font-size: 12px;
}

/* Main.tpl */

.main-part {
	margin: 0;
	padding: 0;
	width: 340px;

}

.category {
	width: 340px; height: 30px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	line-height: 30px;
}

.heading {
	height: 30px; width: 260px; float: left;
	padding-left: 20px; display: inline;
	background: url("images/h2-bg.png") top left no-repeat;
}

.count {
	height: 30px; width: 60px; float: right; display: inline;
	background: url("images/count-bg.png") top left no-repeat;
	text-align: center;
}

p.subcats {
	margin: 0px 40px 20px 20px; 
	padding: 0;
	
}

#articles {height: 260px;}

html > body #articles {height: auto; min-height: 260px;}


div.navig {
	margin: 0 200px 0 60px;
}

/* Links */

#links a {
	font-size: 16px;
	font-weight: bold;
}

#links p a {
	color: gray;
	font-size: 14px;
	font-weight: normal;
}

#links p {
	margin: 0 0 20px 0;
}

div.pr {
	font-size: 11px;
	line-height: 14px;
	color: gray;
	float: left;
	margin-right: 20px;
	padding: 0px 0 0 0;
	display: inline;
}
div.prg {
	width: 40px;
	border: 1px solid #999999;
	height: 5px;
	font-size: 1px;
}
div.prb {
	background: #5eaa5e;
	height: 5px;
	font-size: 1px;
}

/* Footer.tpl */    

div.footer {
	clear:both;
	text-align: left;
	background: url("images/footer-bg.png") left 20px no-repeat;
	width: 840px;
	height: 40px;
	margin: 0;
	padding: 40px 60px 0 60px;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	z-index: 99;
}
div.footer a {
	color: #808080;
	text-decoration: underline;
}

div.footer a:hover {
	text-decoration: none;
}

div.footer p {
	margin: 0;
	float: left;
}

div.footer p.author {
	color: #b3b3b3;
	float: right;
}

div.footer p.author a {
	color: #b3b3b3;
}

#toggleCategTree {
	/*display:block;*/
	cursor:pointer;
	cursor:hand;
	font-weight: bold;
	border: 1px solid silver;
	padding: 5px;
	background-color: #f2f2f2;
	margin: 0 0 5px 0px;
}

/* old style */

td.frontcolumns {width: 340px; padding-left: 40px; vertical-align: top;}