/* 
    Document   : style.css
    Created on : 13.04.2010, 18:37:42
    Author     : Leo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 12px/18px Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
  background-image: url(../img/bg.jpg);
  background-attachment: fixed;
  color: #313131;
  line-height: 1;
}
a {
	color: #000000;
	outline: none;

    	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {margin: 0 0 18px}
img {
	border: none;
}
input {vertical-align: middle}
#wrapper {
	width: 962px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

table {
  padding: 0;
  margin: 0;
  border-spacing: 0;
  outline: 0;
}






/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 194px;
  background-image: url(../img/header.png);

}

#menu {
  padding-top: 154px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  color: #FFFFFF;
  padding-left: 15px
}

#menu a {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  color: #FFFFFF;
  text-decoration: none
}
#menu a:hover {
  text-decoration: underline
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 150px;
	height: 1%;

}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;

}
#container {
	width: 100%;
	float: left;
	overflow: hidden;

}
#content {
	padding: 0 270px 0 0;
}

#new_video {
  width: 691px;
    height: 40px;
  background-image: url(../img/new_video.png);
  background-repeat: no-repeat;

}

#top_video {
  width: 691px;
    height: 40px;
  background-image: url(../img/top_video.png);
  background-repeat: no-repeat;

}

#content_video {
  width: 691px;
  background-image: url(../img/content_bg.png);
  background-repeat: repeat-y;

  padding-left: 6px;
  padding-right: 5px;
  padding-bottom: 15px;
  padding-top: 10px
}

#content_video table tr td { vertical-align: top }

#content_f {
  height: 3px;
  width: 691px;
  background-image: url(../img/content_f.png);
  background-repeat: no-repeat
}

#title_video {
  font-weight: bold;
  padding-top: 3px
}

#time {
  font-size: 10px;
  color: #797567;
  padding-top: 2px
}

#time2 {
  font-size: 10px;
  padding-left: 15px;
    color: #797567
}

#views {
  font-size: 10px;
    color: #797567;
  padding-top: 4px
}


#img_video {
width:160px;
height:120px;
}
#img_video a {
/*border: 1px solid #5e5d5d;*/
}

#tb_video {
  width: 691px;
  padding-bottom: 25px
}
/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-right: -3px;
	width: 253px;
	margin-left: -253px;
	position: relative;
	background: #fbf3d8;

}

#sponsori {
  width: 253px;
  height: 38px;
  background-image: url(../img/sponsori.png);

}

#sidebar_content {
  padding-bottom: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 962px;
	margin: -150px auto 0;
	height: 204px;

}



#footer_h {
  height: 33px;
  width: 962px;
  background-image: url(../img/footer_h.png)
}

#footer_m {
  width: 962px;
  background-image: url(../img/footer_m.png);
  background-repeat: repeat-y
}

#footer_f {
  height: 11px;
  width: 962px;
  background-image: url(../img/footer_f.png)
}

#footer_tb {
   width: 962px;
  padding: 7px
}

.footer_link {
  width: 147px;
  padding: 5px
}

#f_links {
  padding-left: 48px;
  color: #FFFFFF
}

#f_links a {

  color: #FFFFFF
}

#footer_text {
  width: 521px;
  color: #FFFFFF;
    padding-left: 10px
}
#footer_text a {
  color: #FFFFFF;

}

#copy {
  text-align: center;
  padding-top: 35px;
  color: #9cb6c8
}

#copy a {
  color: #BED0DC;
  text-decoration: underline
}

#copy a:hover {
  color: #E7EDF1;
}

.idfly-message-list { margin: 20px; padding: 20px; list-style: none; }
.idfly-message-list .message { padding: 0 10px }
.idfly-message-list .message:before { content: "— " }
.idfly-message-list .notice { color: #090 }
.idfly-message-list .warning { color: #990 }
.idfly-message-list .error { color: #900 }
.idfly-message-list .fatal { color: #900 }

h1 { font-size: 1.4em; color: #606060; margin: 0 0 10px 0 }
h2 { font-size: 1.2em; color: #606060; margin: 10px 0 10px 0 }
ul { margin-left: 10px; list-style: none }
ul.mdash li:before { content: "— " }

.no-main-page #content_video { background: none; margin-left: -20px }
.no-main-page #content_f { background: none; display: none }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

.clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; }