/* project: internet music template



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







   



/* default styles



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



  



body { 



	padding: 0; 



	margin: 0; 



	font: 0.74em Arial, Helvetica, sans-serif; 



	line-height: 1.5em;



	background: #bebec2; 



	color: #000; 



}







a {



	color: #4A8EBC;



	



}







a:hover {



	color: #C3593C;	



}







a.title {



	color: #FE6700;



	background: #FFF;



}







h1 {



	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;



	letter-spacing: -1px; 



	padding: 2px 0 0 0px;



	margin: 0;



	color: #464548;



}







h1 a, h2 a {



	text-decoration: none;



	color: #464548;



}







h1 a:hover, h2 a:hover {



	color: #C3593C;



	background: #FFF;



}







h1 .red{



	color: #C3593C;



}











h2 { 



	margin: 0 0 5px 0; 



	padding: 0; 



	font: bold 1.5em Arial, Helvetica, sans-serif;



	letter-spacing: -1px;



	color: #000; 



}







h2 .yellow{



	color: #FFFCD1;







}







p {	margin: 0 0 5px 0; }







ul { 



	margin: 0; 



	padding : 0; 



	list-style : none; 



}







form { 



	margin: 0; 



}







input.search { 



	width: 145px; 



	height: 22px;



	border: none;



	background: #fff url(input.gif) no-repeat; 



	padding: 5px 10px 0 25px;



	color: #808080;



}







input.button {



	border: 0;



	height: 27px;



	width: 76px;



	background: #ABC43C url(button.gif) no-repeat;



	color: #FFF;



	font: bold 1.1em Arial, Helvetica, Sans-Serif;



}







input.login { 



	width: 150px;



	border: none; 



	background: url(logininput.gif); 



	padding: 4px; 



}







/* layout



   ------ */







.content { 
	margin: 0px auto;
	width: 917px; 
	background: #fff;
}







.logo {



	float: left;



	width: 180px;



	padding: 10px 0 11px 10px;



}







.header_right {



	width: 915px;



	height: 315px;



	background-image:url(header1.jpg);



	margin-left:auto;



	margin-right:auto;



}











.logo p {



	font-size: 0.9em;



	color: #808080;



	padding: 0 0 0 7px;



}











.top_info {



	width: 540px;



	margin: 12px 0 5px 0;



	padding: 0 5px 5px 0;



	text-align: right;



	background: #FFF url(dot.gif) repeat-x bottom;



	color: #444;



}



	







.slogan {



	text-align: right;



	width: 160px;



}











.bar { 



	text-align: right;



	font-size: 1.1em;



	height: 30px; 



}







	.bar li { 



		



		padding: 0px 10px 8px 10px;



		color: #808080;



		background: #FFF;



		display: inline;



	}



	



	.bar li.active { 



		background: #FFF url(bar.gif) no-repeat center bottom; 



		color: #C3593C;



		font-weight: bold; 



		padding-bottom: 8px; 



	}







	.bar a { 



		font-weight: bold;



		color: #4A8EBC; 	



	} 







.search_field { 



	text-align: right;



	float: right;



	width: 540px;



	height: 38px;



	background: #464548 url(searchbg.gif) no-repeat top right; 



	color: #000;



	clear: both;



	padding: 10px 10px 0 0;



}







.grey {



	font-size: 1.2em;



	font-weight: bold;



	color: #ccc;



	



}







.search {



	font-size: 1.2em;



	font-weight: bold;



	color: #FFF;	



}







.newsletter {



	float: left;



	height: 33px;



	padding: 15px 0 0 15px;



	width: 192px;



	background: #6E6E6E url(newsletterbg.gif) no-repeat;



	color: #FFF;



	margin: 0 0 3px 0;



}







.subheader {



	clear: both;



	margin: 3px 0 10px 0;



	padding: 8px;



	background: #f4f4f4;



	color: #808080;



	border-bottom: 1px solid #ccc;



}







/* left side



   --------- */







.left {



	



	width: 150px;



	position:relative;



	left:auto;



	float:left;

	

	margin-left:8px;



}



	.left_articles {



		margin: 0 0 15px 0;



		padding: 0 0 0 10px;



	}







	.lt {



		height: 10px;



		width:153px;



		background: #fff;



		color: #FFF;



	}



	



	.lbox {



		color: #000;



		padding: 0px 12px;



		border-left: #808080 solid 0px;



		border-right: #808080 solid 0px;



		margin: 0;



		background-image:url(menu-bar.png);



		background-repeat: no-repeat;



		height: 447px;



		font-size: 11px;



		left: 4px; /*Number should match -left shadow depth below*/



	}



	



	.lb {



		height: 10px;



		background: #fff;



		color: #FFF;



		width: 200px;



	}



	



	.lbox a {



		color: #325b2b;



		text-decoration: none;



	}



	



	.lbox a:hover {



	    color: #000;



		text-decoration: none;	



    }



	



	.lbox h2 {



		color: #FFF;



		background: #6E6E6E;



		font-size:16px;



		padding:3px;



	}



	



	



.thumb {



	float: left;



	width: 150px;



	border: 1px solid #d4d4d4;



	color: #fff;



	background: #6e6e6e;



	margin: 0 15px 15px 0;



	padding: 5px;



}







.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }







/* center */

.center {
	width: 480px;
	padding: 10px;
	float:left;
	position:relative;
	margin-left:20px;
	margin-top:10px;
}


/* right side
   ---------- */

.right {
	background-image:url(1.plain-box2.png);
	background-repeat: no-repeat;
	width: 202px;
	float:right;
	padding-top: 5px;
	margin-top:10px;
	margin-left:0px;
	margin-right:15px;
	padding-left:0px;
	padding-right:0px;
}

.right a {
	color: #0000FF;
}

.right a:hover {
	    color: #325b2b;
		text-decoration: none;	
}

	.rt {
		background: #fff;
		color: #FFF;
		padding-top: 10px;
	}


	.right_articles {
		font-size: 0.9em;
		height: auto;
		width: 170px;
		color: #000;
		padding: 0px 20px 0px 0px;
		margin-right:20px;	
		margin-left:15px;

	}



	



			



.image {



	float: left;



	margin: 0 9px 3px 0;



}







/* footer



   ------ */







.footer { 



	clear: both; 



	text-align: center;



	line-height: 1.8em;



	color: #808080;



	background: #FFF url(dot.gif) repeat-x;



	padding: 8px 0;



}







.footer a {



	color: #325b2b;



}







.footer a:hover {



	    color: #C3593C;



		text-decoration: none;



}