/* 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; 
}

a {color: #4A8EBC; background: inherit;}
a:hover { color: #C3593C;background: inherit;	}
a.title { color: #FE6700;background: #FFF;}

pre{ 	background-color: #fbff8b; font-family: times;font-size: 1.2em; padding: 5px;}
code{ font-size: 1.2em;}


img{ padding: 10px; }
h1 { 	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing: -1px; padding: 2px 0 0 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.5em Arial, Helvetica, sans-serif;letter-spacing: -1px;color: #000; background: inherit;}
h2 .yellow{ color: #FFFCD1;background: inherit;}
h3{ border-bottom: solid 1px #C0C0C0; width: 75%;}
p {	margin: 0 0 5px 0; }
ul { margin-left: 10px; padding : 0; }


/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 90%; 
	min-width: 1000px;
}

.logo {
	float: left;
	width: 180px;
	padding: 10px 0 11px 10px;
	
}

.header_right {
	float: right;
	width: 550px;
	height: 72px;	
}

.logo p {
	font-size: 0.9em;
	color: #808080;
	padding: 0 0 0 7px;
	background: inherit;
}


.top_info {
	width: 540px;
	margin: 12px 0 5px 0;
	padding: 0 5px 5px 0;
	text-align: right;
	background: #FFF url('http://www.tombecker.net/images/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('http://www.tombecker.net/images//bar.gif') no-repeat center bottom; 
		color: #C3593C;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
	} 

.search_field { 
	text-align: right;
	float: left;
	width: 100%;
	height: 48px;
	background: #464548 url('http://www.tombecker.net//images/eyes.jpg') no-repeat top left; 	
	color: #000;
	clear: both;
	margin-top: 5px;
	color: #ccc;
	font-size: 1.2em;
	font-weight: bold;	
}


.header{
	text-align: right;
	float: left;
	width: 100%;
	height: 84px;
	background: #464548 url(images/header.jpg) no-repeat top left; 	
	color: #000;
	clear: both;
	margin-top: 5px;
	color: #ccc;
	font-size: 1.2em;
	font-weight: bold;	
	border-bottom: solid 1px #717173;
	padding-bottom: -4px;
	margin-bottom: 10px;
}

.header p{padding-right: 5px;}


.search_field img{
	padding: 0px;
	margin: 0px;
	float: right;	
	vertical-align: text-top;

}

.grey {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
	
}

.search {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background: inherit;	
}


.subheader {
	margin: 3px 0 40px 0;
	padding: 8px;
	color: #808080;
	font-size:  1em;
	font-weight: normal;
}

/* left side
   --------- */

.left {
	float: left;
	width: 70%;
	margin: 0 0 10px 0;
	margin-right: 15px;
}

.left_articles {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
}

.lt {
	height: 10px;
	background: #6E6E6E  ;
	color: #FFF;
}

.lbox {
	color: #eee;
	padding: 3px 12px;
	margin: 0 0 15px 0;
	background: #6E6E6E  ;
}

.lbox a {
	color: #FFFCD1;
	background: inherit;
}

.lbox h2 {
	color: #FFF;
	background: #6E6E6E;
}
	
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 245px;
	margin: 0 0 10px 0;
}

.right a {
	color: #FFFCD1;
	background: inherit;
}


.rt {
	background: #C85E35 url('http://www.tombecker.net/images/rt.gif') no-repeat top;
	color: #FFF;
	height: 7px;
}

.right_articles {
	font-size: 0.9em;
	background: #C85E35 url('http://www.tombecker.net/images/rb.gif') no-repeat bottom;
	color: #FEE1D5;
	padding: 4px 8px;	
	margin: 0 0 10px 0;
}
.sidebar-title{
	color: #fff;
	border-bottom: solid 1px #fff;
	width: 80%;

}
	
			
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF url('http://www.tombecker.net/images/dot.gif') repeat-x;
	padding: 8px 0;
}

.footer a {
	color: #C3593C;
	background: inherit;
}


.clearBoth{ clear: both;}

.grayBox{		background-color: #B6B6B6;padding: 5px;position: relative;}
.grayBox h4{	margin:  -5px -5px 5px -5px;color: White;background-color: #464548;}
.codeBlock{ background-color: #fbff8b; font-family: sans-serif;font-size: 1em;padding: 5px;}

.gs-title {color: #FFFCD1; }

.gsc-control-cse a{
	color: #FFFCD1;
	
}

.head-shot
{
	float: left;
	
	
}