/* 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: #fff; 

	color: #454545;

	overflow-x: hidden; 

}



a {

	color: #4A8EBC; 

	background: inherit;

}



a:hover {

	color: #CC0000;

	background: inherit;	

}



a.title {

	color: #FE6700;

	background: #FFF;

}



.box_top {

margin: auto;

width: 980px;

height: 20px;

text-align: right;

padding-right: 15px;

}





h1 {

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

	letter-spacing: -1px; 

	padding: 2px 0 15px 0px;

	margin: 0;

	color: #464548;

	background: inherit;

}



h1 a, h2 a {

	text-decoration: none;

	color: #464548;

	background: inherit;

}



h1 a:hover, h2 a:hover {

	color: #C3593C;

	background: #FFF;

}



h1 .red{

	color: #C3593C;

	background: inherit;

}





h2 { 

	margin: 0 0 5px 0; 

	padding: 0; 

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

	letter-spacing: -1px;

	color: #000; 

	background: inherit;

}



h2 .yellow{

	color: #FFFCD1;

	background: inherit;

}


p {	margin: 0 0 5px 0;

text-align: justify;}



#paragraph {

	text-align: justify;

}



ul { 

	margin: 0; 

	padding : 0; 

	list-style : none; 

}



form { 

	margin: 0; 

}



input.search { 

	width: 145px; 

	height: 22px;

	border: none;

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

	padding: 5px 10px 0 25px;

	color: #808080;

}



input.button {

	border: 0;

	height: 27px;

	width: 76px;

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

	color: #FFF;

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

}



input.login { 

	width: 150px;

	border: none; 

	background: url(images/logininput.gif); 

	padding: 4px; 

}



/* layout

   ------ */

   

#back {

	margin: 0px auto;

	width: 996px;

	background: url(images/backgroundshadow.jpg) repeat-y;

}



.content { 

	margin: 0px auto;

	width: 980px;

}



.box {

width: 290px;

padding-right: 15px;

margin: 5px 0px 5px;

}



.box a img {border:0;}



.box #youtube_1, .box #youtube_2 {padding:0 10px 10px 0;; float:left;}



.box .row {padding:0 0 10px 0;}

.box .row .cell {clear:both;}



.box dl dd {padding:0; margin:0;}



.right_links {padding:0;}

.right_links h1 {padding-bottom:0;}

.right_links .box * {line-height:auto;}

.right_links h2 {padding:10px 0 0 0;}



.logo {

	width: 980px;

	height: 150px;

	background: url(images/header.jpg) no-repeat;

}



.header_right {

	float: right;

	width: 550px;

	height: 72px;

}



.logo h2 {

	font-size: 1.9em;

	color: #fff;

	padding: 0px;

	float: right;

	margin-right: 50px;

}



.logo h1 {

	text-align: right;

	font-size: 5.9em;

	color: #fff;

	padding: 0px;

	margin-right: 50px;

	margin-top: 0px;

	background: none;

}



.logo h1 span {

  position: absolute;

  display: block;

  width: 90%;

  height: 50px;

  top: -10px;

}



.logo p {

	position: absolute;

	font-size: 5.9em;

	color: #fff;

	padding: 8px;

	margin-left: 420px;

	margin-top: 60px;

	background: none;

}





.top_info {

	width: 540px;

	margin: 12px 0 5px 0;

	padding: 0 5px 5px 0;

	text-align: right;

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

	color: #444;

}

	



.slogan {

	text-align: right;

	width: 160px;

}





.menu {

float:left;

top: 155px;

font-size: 1.3em;

height: 45px;

width: 980px;

background:  url(images/menu.jpg) repeat-x;

text-transform: capitalize;

}





	.menu li { 

		padding: 10px 25px 8px 10px;

		color: #808080;

		display: inline;

		float: left;

	}



	

	.menu li.active { 

		color: #C3593C;

		font-weight: bold; 

		padding-bottom: 8px;

		color: #0066CC; 

	}



	.menu a { 

		font-weight: bold;

		color: #4A8EBC; 

		background: inherit;

		color: #666666;

		text-decoration: none;

	}

	

	.menu a:hover { 

		font-weight: bold;

		color: #4A8EBC; 

		background: inherit;

		color: #FF0000;

		text-decoration: none;

	} 



.search_field { 

	text-align: right;

	float: right;

	width: 540px;

	height: 38px;

	background: #464548 url(images/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;

	background: inherit;

	

}



.search {

	font-size: 1.2em;

	font-weight: bold;

	color: #FFF;

	background: inherit;	

}



.newsletter {

	float: left;

	height: 33px;

	padding: 15px 0 0 15px;

	width: 192px;

	background: #6E6E6E url(images/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;

}



.googlesearch {

float: right;

margin-right: 10px;

padding-top: 8px;

}



/* left side

   --------- */



.left {

	float: left;

	width: 625px;

	margin-right: 10px;

	margin-left: 10px;

	margin-top: 15px;

}



.left .box { width:625px; }



.box #youtube_1 { float:left; width:292px; }

.box #youtube_1 h2 { float:left; width:224px;  }

.box #youtube_1 object { float:left; width:292px; height:180px; }

.box #youtube_2 object { float:left; width:292px; height:180px; }

.box #youtube_right { float:left; padding:0 0 0 10px; }

.box #youtube_right div { float:left; padding:0 0 10px 0; }

.box #youtube_right { width:164px; }

.box #youtube_right object{ width:164px; height:100px; }



.advertenties .box .cell { float:left; clear:both; width:615px; }

.advertenties .box .row.r0 .cell.c0 { border-bottom:1px solid #d9e8f8; margin-bottom:10px;}

.box .cell p img {margin-bottom:10px;}



.left h1 {

margin-top: 20px;

}



.left .picture_thumb { float: left; width: 80px; margin: 5px;] }

.left .picture_thumb img { width: 80px; }



.left .picture_1 { float:left; width:300px; }

.left .picture_2 { float:left; width:300px; padding-left:10px; }



	.spotlight {

		margin: 0 0 15px 0;

		padding: 0 0 0 10px;

		text-align: justify;

	}

	

	.spotlight p {

		text-align: justify;

	}

	

	.spotlight h2, .article h2 {

		padding-bottom: 10px;
		
		font: bold 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif;

		letter-spacing: -1px;
	
		color: #464548;

	}

	

	.spotlight .box dl h1 {margin-top:5px; padding-bottom:10px;}

	

	.images {

		margin: 0 0 15px 0;

		padding: 0 0 0 20px;

		background: url(images/balkh1.jpg) no-repeat;

		margin-left: -10px;

	}

	.adsense{

		margin: 0 0 15px 0;

		padding: 0 0 0 20px;

		background: url(images/balkh1.jpg) no-repeat;

		margin-left: -10px;

	}

	.youtube {

		margin: 0 0 15px 0;

		padding: 0 0 0 20px;

		background: url(images/balkh1.jpg) no-repeat;

		margin-left: -10px;

	}

	

	.advertenties {

		margin: 0 0 15px 0;

		padding: 0 0 0 20px;

		background: url(images/balkh1.jpg) no-repeat;

		margin-left: -10px;

	}

	

		.advertenties li {

		margin: 0 0 10px 0;

		padding: 5px 5px 0 20px;

		margin-left: -10px;

	}

	

		.advertenties img {

		float: left;

		margin-right: 5px;

	}
	
	.advertorial_products table {
		width: 275px;
		float: left;
	}
	.advertorial_products img, .advertorial_products a {
		border-width: 0px;
		border-style: none;
	}

	.minishop table {
		margin-bottom: 5px;
		float: left;
		width: 250px;
		height: 70px;
		max-height: 70px;
		max-width: 250px;
		overflow: hidden;
	}
	
		.minishop table tr {
			height: 70px;
			max-height: 70px;
			overflow: hidden;
		}
		
		.minishop table td {
			height: 70px;
			overflow: hidden;
			max-height: 70px;
		}
		
		.minishop table a {
			max-height: 70px;
			overflow: hidden;
			height: 70px;
		}
	
	.minishop img, .advertorial_products img {
		height: 63px;
		width: 48px;
		border-width: 0px;
		border-style: none;
	}
	

	.left_articles a:hover {

	color: #FF00FF;

	}

	

	.left_articles a {

	color: #990066;

	}



	.lt {

		height: 10px;

		background: #fff;

		color: #000;

	}

	

	.lbox {

		color: #000;

		padding: 3px 12px;

		margin: 0 0 15px 0;

		background: #fff;

	}

	

	.lbox a {

		color: #0066CC;

	}

	

	.lbox a:hover {

		color: #0099FF;

	}

	

	.thumb img {

	margin-right: 11px;

	margin-left: 11px;

	margin-bottom: 11px;

		}

	

	.lbox h1 {

		color: #000;

		background: #fff;

	}

	

	.lboxfloat {

	clear: both;

	padding-top: 11px;

	}

	

	

.thumb {margin: 0 0 15px 0;

		padding: 0 0 0 10px;	}



.thumb p { margin: 0; padding: 3px;}



#printlink {

	text-align: right;

}





.youtube object {

padding-right: 5px;

padding-left: 15px;

}





	

/* right side

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

		

.right {

	float: right;

	width: 310px;

	margin: 0 0 10px 0;

	margin-top: 15px;

}



.right a:hover {

	color: #0099FF;

	background: inherit;

}



.right a {

	color: #993366;

}



.right li {

list-style: none;

line-height: 22px;

}



.right h3 {

	margin: 0 5px 5px 0; 

	padding-top: 5px; 

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

	color: #000; 

	}

		

		

	.right_articles {

		color: #000;

		padding: 0 8px;	

		padding-bottom: 5px;

		margin: 0 0 8px 0;

		background: #d9e8f8 url(images/bottomspotlights.jpg) bottom left no-repeat;

	}

	

	.right_articles h1 {

		background: url(images/topspotlights.jpg) top left no-repeat;

		padding-left: 10px;

		margin-left: -9px;

		margin-right: -9px;

		color: #fff;

		margin-bottom:-15px;

	}



	.right_articles dl dt {font-weight:bold; font-size:14px;}	

	.right_articles dl dd {text-align:justify; padding-bottom:10px;}

	

	.right_advertentie {

		color: #000;

		padding: 0 8px;	

		padding-bottom: 5px;

		margin: 0 0 8px 0;

		background: #d9e8f8 url(images/bottomspotlights.jpg) bottom left no-repeat;

	}

	

	.right_advertentie h1 {

		background: url(images/topspotlights.jpg) top left no-repeat;

		padding-left: 10px;

		margin-left: -9px;

		margin-right: -9px;

		color: #fff;

	}

	

		.theme-links h2 {

		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;

		font-style: normal;

		font-variant: normal;

		font-weight: bold;

		font-size: 2.2em;

		line-height: normal;

		font-size-adjust: none;

		font-stretch: normal;

		-x-system-font: none;

		letter-spacing: -1px;

		padding-top: 2px;

		padding-bottom: 15px;

		background-color: transparent;

		background-image: url(images/topspotlights.jpg);

		background-repeat: no-repeat;

		background-attachment: scroll;

		background-position: left top;

		padding-left: 10px;

		margin-left: -9px;

		margin-right: -9px;

		color: #ffffff;

		margin-bottom: -15px;

	}

	

		

		.right_links {

		color: #000;

		padding: 0 8px;	

		padding-bottom: 5px;

		margin: 0 0 8px 0;

		background: #d9e8f8 url(images/bottomspotlights.jpg) bottom left no-repeat;

	}



	.right_links .box ul li {line-height:12px;}

	

		.right_links h1 {

		background: url(images/topinternal.jpg) top left no-repeat;

		padding-left: 10px;

		margin-left: -9px;

		margin-right: -9px;

		color: #fff;

	}

	

		.right_partners {

		color: #000;

		padding: 0px 8px;

		padding-bottom: 5px;	

		margin: 0 0 8px 0;

		margin-bottom: 25px;

		background: #d9e8f8 url(images/bottomspotlights.jpg) bottom left no-repeat;

		float:left;

		width: 280px;

	}

	

		.right_partners h1 {

		background: url(images/topinternal.jpg) top left no-repeat;

		padding-left: 10px;

		margin-left: -9px;

		margin-right: -9px;

		color: #fff;

	}

	

		.right_newsfeeds {

		color: #000;

		padding: 0px 8px;

		padding-bottom: 5px;	

		margin: 0 0 8px 0;

		background: #dbffd8 url(images/bottomnewsfeeds.jpg) bottom left no-repeat;;

	}

	

		.right_newsfeeds h1 {

		background: url(images/topnewsfeeds.jpg) top left no-repeat;

		padding-left: 10px;

		margin-left: -9px;

		margin-right: -9px;

		color: #fff;

	}	

	

		.right_advertenties {

		color: #000;

		padding: 0px 8px;

		padding-bottom: 5px;

		margin-bottom:0;

		background: #f5b5be url(images/bottomadvertenties.jpg) bottom left no-repeat;;

	}

	

		.right_advertenties h1 {

		background: url(images/topadvertenties.jpg) top left no-repeat;

		padding-left: 10px;

		margin-left: -9px;

		margin-right: -9px;

	}

		.right a {

		color: #003366;

	}

	

		.right_advertenties a:hover {color: #990066;}

		.right_newsfeeds a:hover {	color: #006600;	}

		.right_links a:hover {	color: #0099CC;	}

		.right_articles a:hover {	color: #0099FF;	}	

	

			

.image {

	float: left;

	margin: 0 9px 3px 0;

}



#partner_2 a { float:left; margin:10px 15px 10px 0; }

#partner_3 a { float:left; margin:10px 0 10px 0; }

#partner_4 a { float:left; margin:0 15px 0 0; }

#partner_5 a { float:left; }



/* footer

   ------ */



.footer { 

	clear: both; 

	text-align: center;

	line-height: 1.8em;

	color: #808080;

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

	padding: 8px 0;

	padding-left: 40%;

}



.footer a {

	color: #C3593C;

	background: inherit;

}

div.box.article div { 

	margin: 5px 0px 5px;	

	padding-bottom:10px; 

}