* {margin: 0; padding: 0;}
body { font-family: Helvetica,Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #222; background: url(/images/background.jpg) left repeat #eae5e1; }
img { border: none; }
a { color: #3b5998; text-decoration: none; }
a:hover { color: #687ab5; text-decoration: underline; }
#main { margin: 0 auto; width: 970px; min-height: 680px; padding-top: 0px; background:  #eae5e1; }

#network34 { background: url(/images/topnetwork_background.jpg) top repeat-x #000; color: #fff; font-family: Arial, Helvetica; font-size: 12px; }
#network34inside {width: 960px; margin: 0 auto; }
#network34 ul { margin-left: 80px; list-style: none; padding: 0 0 0 20px; height: 27px; }
#network34 ul li {float: left; display: inline; padding: 4px 10px 0 10px; background: url(/images/topnetwork_separator.png) right bottom no-repeat;}
#network34 a {color: #fff; text-decoration: none;}
#network34 a:hover {color: #ddd;}

#overlay { background: url(/images/upp-ic.png) center top no-repeat; }

#header { width: 960px; height: 110px; padding: 5px; margin: auto; } /* 90 je slika */
#header .ttl { height: 110px; width: 215px; float: left;  } /* head deo, logo */
#header .ttl img { margin: 8px auto; } /* samo slika */
#header .ttl h2 { color: #222; font-size: 28px; padding-top: 10px; text-indent: 10px;}

.bannertop { float: right; display: inline; margin: 10px auto;  }

#wrapper {
	float: left; display: inline;
	width: 100%;
	background: #eae5e1;
}


#footer { clear: left; width: 970px; margin: 0 auto 0 auto; padding: 10px 0 20px 0; text-align: center; background:  #eae5e1; }


#content .inside { padding: 5px 0 0 10px; }
#rightside .frms, #leftside .frms { }
.topper {display: hidden;}
.ender {display: hidden;}


.subtitles { width: 100%; min-height: 40px; margin-bottom: 10px; position:relative; }
.subtitles h3, h3 a { line-height:40px; font-size: 28px; font-weight: bold; letter-spacing: -1px; color: #222; width: 500px;  }
.subtitles a:hover { text-decoration: none; color: #222; }
.subtitles span { z-index: 10; position:absolute; height: 40px; top:0px; right: 0px; width: 160px; text-align:right; margin-top:6px; font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #222; }
.subtitles span img { }




#rightside h3, #leftside h3 {
	width: 300px;
	text-align: left;
	margin-bottom: 10px;
	height: 32px;
	line-height:32px;
	
	/* Background color and gradients */

	background: #af222d;
	background: -moz-linear-gradient(top, #e63c46, #af222d);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e63c46), to(#af222d));
	
	/* Rounded Corners */
	
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;

	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #fff;
	text-indent: 12px;

}

#rightside a {

	margin-right: 10px;
}

#rightside a:hover {

	text-decoration: none;
	
}


#rightside .tags {
color: #555;
padding: 0px 6px 0px 6px;
text-align:center;
}

#rightside .tags a {
color: #555;
}

#rightside .tags a:hover {
color: #222;
text-decoration: underline;
}



#container { margin-left: 0;}





p.pages {
	margin: 10px auto 3px auto;
	font-size: 16px;
	text-align: center;
}
p.pages span {
	font-weight: bold;
	margin: auto 3px;
}
p.pages img { margin-bottom: -2px; }



.clearboth {
	clear: both;
	position: relative;
}

.cleared:after, #main:after, .layhor ul.vidslist li:after, .layblog ul.vidslist li:after, ul.archiv:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
li.cleared:after {
	margin-bottom: 10px;
}
.cleared, .layblog ul.vidslist li {
	display: inline-block;
}
li.cleared {
	display: inline-block;
	margin-bottom: 10px;
}
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
* html li.cleared {height: 1%; margin-top: 20px; }
.cleared {display: block;}
li.cleared {display: block; margin-top: 20px;}
/* End hide from IE-mac */



ul.indextube { margin-bottom: 5px; margin-top: 5px; }
ul.indextube li { list-style: none; position: relative; margin: 0 0 10px 0; height: 149px; background: #fefefe; }
ul.indextube li .img { float: left; display: inline; width: 194px; height: 149px; background: url(/images/field_big.png) no-repeat right bottom; }
ul.indextube li .img img { padding: 7px; }
ul.indextube li .title { padding: 7px 0 0 10px; height: 20px; font-size: 16px; font-weight: bold; overflow: hidden; letter-spacing: -0.5px; }
ul.indextube li .social { padding: 0 0 0 10px; height: 20px; overflow: hidden; }
ul.indextube li .desc { padding: 0 0 0 10px; height: 40px; font-size: 14px; line-height: 20px; overflow: hidden; letter-spacing: -0.5px; margin-bottom: 4px; }
ul.indextube li .info { padding: 0 10px 0 10px ; height: 20px; font-size: 11px; line-height: 20px; text-align: right; overflow: hidden; text-transform:lowercase; letter-spacing: -0.3px; color: #555; }
ul.indextube li .tags { padding: 0 10px 0 10px ; height: 32px; font-size: 11px; line-height: 16px; text-align: right; overflow: hidden; text-transform:lowercase; letter-spacing: -0.3px; color: #555; }
ul.indextube li .tags a { text-decoration: underline; margin-left: 4px; }




ul.newstube { margin-bottom: 5px; margin-top: 5px; }
ul.newstube li { list-style: none; position: relative; margin: 0 0 10px 0; max-height: 149px; background: #fefefe; }
ul.newstube li .title { padding: 7px 0 0 10px; height: 20px; font-size: 16px; font-weight: bold; overflow: hidden; letter-spacing: -0.5px; }
ul.newstube li .social { padding: 0 0 0 10px; height: 20px; overflow: hidden; }
ul.newstube li .desc { padding: 0 0 0 10px; max-height: 40px; font-size: 14px; line-height: 20px; overflow: hidden; letter-spacing: -0.5px; margin-bottom: 4px; }
ul.newstube li .info { padding: 0 10px 0 10px ; height: 20px; font-size: 11px; line-height: 20px; text-align: right; overflow: hidden; text-transform:lowercase; letter-spacing: -0.3px; color: #555; }
ul.newstube li .tags { padding: 0 10px 0 10px ; max-height: 32px; font-size: 11px; line-height: 16px; text-align: right; overflow: hidden; text-transform:lowercase; letter-spacing: -0.3px; color: #555; }
ul.newstube li .tags a { text-decoration: underline; margin-left: 4px; }




.naavi { width: 100%; margin-bottom: 10px; position: relative; }
.naavi span { font-weight: bold; letter-spacing: -1px; color: #222; margin-right: 10px; }
.naavi p { font-size: 14px; margin-bottom: 6px; }
.naavi p a { font-size: 14px; letter-spacing: -1px; font-weight: normal; margin-right: 8px; text-decoration: underline; text-transform:lowercase; }


.centl { margin-right: 100px; }
.centr { width: 100px; float:right; }
.centrcontainer { min-width: 52px; float:right; margin: 0 4px 4px 0;}


.flv { min-width: 640px; margin-bottom: 10px; }
.flv a { color: #222; font-weight: bold; }
.flv a:hover { text-decoration: underline; }
.flv img { margin-bottom:10px; margin-top:10px; }
.flv li { margin-left: 30px; margin-bottom: 6px; text-align: left; }
.flv ul { margin-top: 6px; text-align: left; }
.flv p { margin-bottom: 6px; text-align: left; }




#rightside ul, #content ul.refs, #leftside ul.refs { list-style: none; text-align: left; padding-bottom: 10px;}
#rightside ul li, #content ul.refs li, #leftside ul.refs li { text-align: left; padding-left: 10px; height: 1.5em;}
#rightside ul li a, #content ul.refs li a, #leftside ul.refs li a { font-weight: bold; }
#rightside ul.refs span, #leftside ul.refs span { display: inline-block; width: 250px; height: 1.3em; overflow: hidden; font-weight: bold; padding-left: 0; margin-left: 0;}




#network { clear: both; z-index: 2; min-width: 970px; min-height: 350px; padding-top: 15px; background: url(/images/network.png); color: #fff; }
#network ul { list-style: none; margin: 0 auto 0 auto; width: 940px; }
#network ul li { float: left; display: inline; width: 218px; margin: 0 0 0 15px; }
#network ul li ul { margin: 0 0 0 0; width: 100%; padding-bottom: 30px;}
#network ul li ul li { float: none; display: block; width: 210px; margin-bottom: 6px; background: url(/images/white_arrow.png) 0px 3px no-repeat; padding-left: 12px;}
#network a { color: #fff; font-size: 14px; letter-spacing: -1px;}
#network a:hover { color: #fff; text-decoration: underline; }
#network h4 { text-transform: uppercase; margin-left: 14px; font-size: 16px; font-weight: bold; margin-bottom: 12px; letter-spacing: -1px; border-bottom: 1px dotted #aaa; color: #fff;}

.fbook { width: 298px; border: 1px solid #cccccc; background-color: #f7f7f7; padding: 10px auto 10px auto; text-align: center; margin-bottom: 10px;}
fb:login-button {margin-top: 10px; margin-bottom: 10px;}