/* 



	project: internet services - 2nd edition

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



   

/* default styles

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

*{ margin: 0; padding: 0; }* 

body { 

	font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif; 

	line-height: 1.6em;

	background: url(images/img01.jpg) repeat-x left top;

	color: #444; 

}



a {	color: #000;	background: inherit;}

a:hover { color: #6C757A; background: inherit; }



h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }

h1 a { color: #737373; background: inherit; }

.orange { color: #E0692A; }

sup { font-size: .5em; }



h1 a, h2 a { text-decoration: none; }

h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }

h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

h5 { font-size: 1.0em; margin-bottom: 5px; color: #000; background: inherit; }

h6 { font-size: 1.4em; ; margin-bottom: 5px; color: #fff; background: inherit; }

p {	margin: 0 0 5px 0; }



ul { list-style : none; }



/* layout

   ------ */



.content { 

	margin: 0 auto;

	width: 995px;

	padding: 0px; 



}



.header { 

	height: 70px;

	background: # url(images/headerbg.gif) repeat-x bottom;

	color: #808080;

	margin: 0 0;

	padding: 10px 0 0 0;

}



.top_info {

	float: right;

	width: 555px;

	padding: 5px 0 4px 0;

	color: #808080;

}



	.top_info_left {

		width: 200px;

		float: left;

	}



	.top_info_right {

		float: right;

		width: 290px;

		padding: 0 0 0 35px;

		border-left: 1px solid #eee;

	}



.browse_category  {

	width: 390px;

	color: #FFF;

	background: inherit;

}



.bar { 

	clear: both;

	font-size: 1.1em;

	height: 30px; 

	color: #FFF;

	background: #FF9148 url(images/menubg.gif) repeat-x;



}



	.bar li { 

		padding: 6px 12px 6px 12px;

		color: #FFEADC;

		float: left; 

	}

	

	.bar li.active { 

		background: #E0691A url(images/bar.gif) repeat-x; 

		color: #fff;

		font-weight: bold; 

		

	}

	

	.bar li a { 

		font-weight: bold;

		color: #FFF; 

		background: inherit;

		text-decoration: none;

	} 

	

/* search form */

.search_field { 

	background: #fff url(images/.gif) no-repeat right; 

	color: #808080;

	clear: both;

	font-weight: bold;

	padding: 7px 12px 10px 10px;

	margin: 5px 0;

}

	input.search { 

		width: 292px; 

		border: 0;

		background: #FFF url(images/input.gif) no-repeat;

		padding: 4px; 

		color: #E0691A;

		font-weight: bold;

		margin: 0 0 0 3px;

	}

	input.submit {

		background: #E0691A url(images/submit.gif) no-repeat;

		border: 0;

		padding: 4px 0;

		width: 65px;

		margin: 0 10px 1px 0;

		color: #FFF;

		font: bold 1em Arial, Sans-Serif;

	}

	.grey { color: #808080; background: inherit; font-weight: normal; }

	.search_form { float: right; }





/* livechat */

.livechat { 

	background: #fff url(images/.gif) no-repeat right; 

	color: #808080;

	clear: both;

	font-weight: bold;

	padding: 7px 12px 10px 10px;

	margin: 5px 0;

	

}

.image2 {

		float: right;

		margin: 0 9px 3px 0;

	}

.livechat { float: right; }

	

/* center

   ------ */



.center h2 {

	clear: both;

	background: #E8E8E8 url(images/h2bg.gif) no-repeat center left;

	color: #444;

	padding: 3px 0 4px 43px;

	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;

	margin: 0 0 10px 0;

}



/* left side

   --------- */



.left {

	float: left;

	width: 797px;

	margin: 0 0 10px 0;

	



}

.left_1 {

	float: left;

	width: 172px;

	margin:7px 0 10px 0;

	background: #fff;

	border-right: 1px solid #e0e0e0;



}



.left h2 {

	clear: both;

	background: #E8E8E8 url(images/h2bg.gif) no-repeat center left;

	color: #444;

	padding: 3px 0 4px 43px;

	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;

	margin: 0 0 10px 0;

}



	.left_side {

		float: left;

		width: 160px;

		padding: 0 0 0 10px;

		margin: 10px 0 0 38px;

	}

		

	.left_side a, .right_side a { color: #414141; background: #FFF; }

		

	

	.left_box { 

		margin: 0 0 10px 0; 

		color: #000; 

		background: #FFF; 

		padding: 3px 0; 

	}

	

		

/* right side

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

		

.right {

	float: right;

	width: 172px;

	margin:7px 0 10px 0;

	background: #fff;

	border-left: 1px solid #e0e0e0;

	

}

.right_1 {

	float: right;

	width: 797px;

	margin: 0 0 10px 0;

	



}

	.right h3 {

		background: #BDBDBD  url(images/h3bg.gif) no-repeat center right;

		color: #FFF;

		padding: 8px 0 8px 5px;

		font: bold 1em Tahoma, Arial, Sans-Serif;

		margin: 0 0 3px 0;

	}

	.right_articles {

		background: #ffffff;

		color: #414141;

		padding: 8px;	

		margin: 0 0 3px 0;

	}



	

	.notice {

		background: #eee;

		color: #808080;

		padding: 12px 8px;	

		margin: 0 0 3px 0;

	}

	.image1 {

		float: left;

		margin: 0 9px 3px 0;

	}



/* footer

   ------ */



.footer { 

	clear: both;

	text-align: center;

	padding: 10px 0;

	border-top: 1px solid #ccc;

	line-height: 2em;

}

	.footer a { color: #808080; background: #fff; }