/* 

	project: Internet Jobs Template

	author: Luka Cvrk (www.solucija.com)

	Stylesheet

*/





body {

	background: #EEEEEE url(header.gif) repeat-x top left;

	color: #000000;

	margin: 0;

	padding: 0;

	font: 0.7em "Arial", Helvetica, Sans-Serif;

}



a { 

	color: #808080;

	background-color: inherit;

}



a:hover {

	color: #99CCCC;

	background-color: inherit;

}



h1 {

	font: 160% Arial, Sans-Serif;

	font-weight: bold;

	padding: 3px 0 0 0;

	margin: 0;

}



h1 a {

	color: #99CCCC;

	background: inherit;

	text-decoration: none;

}



h1 a:hover {

	color: #99CCCC;

	background: inherit;

	text-decoration: none;

}



h2 {

	margin: 8px 0 5px 0;

	padding: 0;

	font-size: 1.4em;

	letter-spacing: -1px;

	color: #808080;

	background-color: inherit;

}



h2 a {

	color: #000000;

	text-decoration: none;

	background-color: inherit;

	background-image: url(h2bg.gif);

	background-repeat: no-repeat;

	background-position: center left;

	

	padding: 0 0 0 20px;

}



h2 a:hover {

	background: url(h2bghover.gif) no-repeat center left;

}



p {

	margin: 0;

	padding: 0;

}



img {

	border: 0;

}



#header {
	clear: both;
	width: 750px;
	height: 65px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}



#logo {
	float: left;
	color: #000000;
	background: inherit;
	width: 400px;
	height: 50px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;

}



.slogan {
	float: right;
	border-left: 1px solid #CCCCCC;
	height: 50px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;

}



#hmenu {

	padding: 13px 0 5px 0;

	float: right;

}



#hmenu a {

	padding: 12px 13px 2px 11px;

	text-decoration: none;

	color: #414141;

	background: #ccc url(hmenuarrow.gif) no-repeat top center;

	margin: 0 0 3px 1px;

	border-bottom: 4px solid #BCBCBC;

}



#hmenu a:hover {

	background: #99CCCC url(hmenuarrowhover.gif) no-repeat top center;

	color: #FFFFFF;

	border-bottom: 4px solid #2F4A6C;

}



.content {

	border-top: 1px solid #FEFEFE; 

	background: #FFFFFF url(contentbg.gif) repeat-x left top;

	color: #000000;

}





#left {

	float: left;

	width: 220px;

}



#leftmenu {

	margin: 0;

	padding: 0;

}



#leftmenu a {

	display: block;

	background: #99CCCC url(vmenuarrow.gif) no-repeat center left;

	color: #FFFFFF;

	padding: 5px 0 5px 19px;

	margin: 0 0 1px 0;

	text-decoration: none;

}



#leftmenu a:hover {

	color: #FFFFFF;

	background: #808080 url(vmenuarrowhover.gif) no-repeat center left;

}



.leftarticle {

	background: #EEEEEE;

	color: #808080;

	margin: 2px 0 2px 0;

	padding: 8px;

	line-height: 1.4em;

}



.leftarticle_ad {

	font: 140% Arial, Sans-Serif;

	font-weight: bold;

	border: 2px solid #EEEEEE;

	color: #808080;

	margin: 2px 0 2px 0;

	padding: 17px;

	width: 182px;

	height: 17px;

	background: #FFFFFF url(seoad.jpg) no-repeat;

}



.leftarticle_ad a {

	background: transparent; 

	text-decoration: none;

}



#right {

	float: right;

	width: 505px;

	padding: 0 6px 0 0;

}



#articles {

	width: 750px;

	padding: 3px 0 0 0;

	margin: 0 auto 10px auto;

}



#additional {

	clear: both;

	width: 730px;

	background-color: #FFFFFF;

	color: #000000;

	margin: 0 auto;

	padding: 10px;

}



#links {

	clear: both;

	margin: 0 auto;

	width: 730px;

	padding: 10px;

	background: #99CCCC url(linksbg.gif) repeat-x top left;

	color: #FFF;

}



#whiteline {

	margin-top: 10px;

	border-top: 3px solid #FFFFFF;

}



#footer {

	margin: 5px auto;

	width: 740px;

	padding: 0 5px 0 5px;

}



#footer p {

	padding-top: 10px;

	padding-bottom: 25px;

	line-height: 1.8em;

	color: #808080;

	background: #EEEEEE;

}



#footer a {

	color: #000000;

	background: inherit;

}



form.search { padding: 0; margin: 0; }



#searchform {

	background: #99CCCC;

	color: #FFFFFF;

	padding: 5px 8px 5px 18px;

	margin: 0px;

}



input.text { margin: 0; padding: 0; width: 128px; border: 1px solid #eee; color: #000000; background: #d8d8d8; }

input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }

input.button { margin: 0; padding: 0 0 0 3px; font-size: 100%; font-family: Arial, Sans-Serif; border: none; background: none; color: #FFF; background: #808080; font-weight: bold; }

.date { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }

.date a { color: #808080; background: #FFFFFF; }