/*
PAGE:
	#main
		#menu
			.left (menu)
			.right (lang change)
		#content
			(content template contents)
		#footer
		
CONTENT: ONE COLUMN
	#content_1_columns

CONTENT: TWO COLUMNS
	#content_2_columns
		h1.intro
		.left
		.right
*/

/********************************************************************* PAGE ***/

body { 
	background: #fff; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #252525;
}

* {
	border: 0;
	margin: 0;
	padding: 0;
}


a {
	outline: none;
	/* color: #FF2B06; */
	color: #e41414;
	text-decoration: none;
}
a:hover {
	/* color: #FF2B06; */
	color: #e41414;
	text-decoration: underline;
}

p { margin-bottom: 10px; }

#main
{
	position: absolute; 
	margin-left: -470px;
	left: 50%;
	display:block;
	width: 940px;
	text-align: left;
	background: #FFFFFF;
	margin-top: 10px;
}

#header {
	height: 102px;
	padding-top: 39px; 
}

#header a.head_logo:hover {
	background: none;
	border: none;
}

#menu {
	height: 47px;
	font-size: 13px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-bottom: 0;
	font-style: normal;
	letter-spacing: -0.035em;
	word-spacing: -0.05em;	
	background-color: #ffffff;
	background-image: url(px/menuborder.jpg);
	background-position: 40px 40px;
	background-repeat: repeat-x;
	display:block;
	z-index:1;
	margin-bottom:-8px;
}

#menu a {
	color: #333333;
	margin-right: 9px;
	display: block;
	height: 31px;
	float: left;	
	padding-top: 12px;	
	margin-bottom: -18px;
}

#menu a.selected {
	height: 42px;
	display: block;
	color: #e41414;
	background-color: transparent;
	background-image: url(px/triangle.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	border: none;
	text-decoration: none;
	float: left;		
	padding-top: 12px;
	margin-bottom: -18px;	
}

#menu a:hover {
	height: 42px;
	display: block;
	color: #e41414;
	background-color: transparent;
	border: none;
	text-decoration: none;
	float: left;	
	margin-bottom: -18px;	
}

#menu .left {
}

#menu .right a {
	padding-right: 0;
	margin-right: 0;
	margin-left: 10px;
}


.clearer {
	clear:both;
}
.left {
	float: left;
}
.right {
	float: right;
}

#footer {
	border-top: 1px solid #ccc;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 1.4em;
	color:#333333;
	padding-top: 11px;
	margin: 30px 0 70px 0;
}
.textwidth {
	width: 470px;
}

/****************************************************************** CONTENT ***/

#content h1 {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.035em;
	word-spacing: -0.05em;
	line-height: 1.2em;
	margin-top: 23px;
	margin-bottom: 9px;
	margin-left:-1px;
}

#content h1.intro {
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -0.02em;
}

#content h1.video_title {
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -0.02em;
}

#content h1 .speaker {
	text-transform: uppercase;
}

#content h2 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.035em;
	word-spacing: -0.05em;
	line-height: 1.2em;
	margin-bottom: 14px;
}

#content h3 {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.035em;
	word-spacing: -0.05em;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 9px;
	margin-left:-1px;
}

#content table td { vertical-align: top; }

#content li {
	margin-left: 15px;
}



/* tegijate tabel artiklis */
#content table.tegijad { margin-top: -28px; }

/********************************************************* 2 COLUMN CONTENT ***/

#content_2_columns .left {
	width: 620px;
}

#content_2_columns .right {
	width: 300px;
}

/***************************************************************** HOMEPAGE ***/

#focusimage {
	height: 485px;
	width: 1002px;
	margin-left: -30px;
	margin-top: 0;	
	background: url(px/homepage_focus.jpg) no-repeat;
	color: #fff;
	z-index:9;
}

#focusimage a {
	color: #e41414;
}

#focusimage #focustext {
	padding-top: 325px;
	margin-left: 30px;
	margin-right: 30px;
}

#focusimage #focustext h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	text-align: right;
	font-size: 28px;
	letter-spacing: -0.035em;
	line-height: 1em;
}

#focusimage #focustext #focusnews {
	border-top: 4px solid #e41414;
	font-size: 28px;
	font-weight: bold;
	padding-top: 8px;
	letter-spacing: -0.035em;
	text-align: right;
	line-height: 1em;
}

#homecontent {
	
}

#homecontent .left {
	width: 300px;
	padding-right: 20px;
}

#homecontent .right {
	width: 300px;
}


/***************************************************************** HOMEPAGE v2 ***/

#homeFocus {
	height: 383px;
	width: 940px;
	margin-left: -50px;
	margin-top: 0;	
	background: url(px/homefocus_back.jpg) no-repeat;
	color: #fff;
	z-index: 9;
	padding: 50px;
	text-align: right;
}

#homeFocus h1 {
	font-size: 33px;
	font-weight: normal;
	margin-top: 145px;
}

#homeFocus strong {
	font-size: 30px;
}


#homeFocus a {
	display: block;
	float: right;
	text-align: left;
	padding: 10px 25px 10px;
	margin-left: 15px;
	color: #fff !important;
	line-height: normal;
}

#homeFocus a strong {
	margin-bottom: 15px;
	line-height: 110%;
}


#homeFocus a:hover {
	text-decoration: none;
}

#homeFocus a.red {
	background: url(px/redtrans.png);	
}

#homeFocus a.green {
	background: url(px/greentrans.png);	
}


#twitLinks {
	background: #000;
	height: 90px;
	width: 900px;
	z-index: 10;
	margin-top: -136px;
	color: #eee;
	padding: 20px;
}

#twitLinks #tweets ul li {
	float: left;
	width: 222px;
	list-style: none;
	margin: 0 15px 0 0;
}

#twitLinks #tweets {
	width: 711px;
	display: block;
	float: left;
	min-width: 90px;
}

#twitLinks #tweets span.time {
	color: #656565;
}

#twitLinks #medialinks {
	float: right;
	margin-right: 20px;
}

#twitLinks #medialinks img {
	margin-right: 10px;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/*
#homeFocus a {
	color: #e41414;
}

#homeFocus #focustext {
	padding-top: 325px;
	margin-left: 30px;
	margin-right: 30px;
}

#homeFocus #focustext h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	text-align: right;
	font-size: 28px;
	letter-spacing: -0.035em;
	line-height: 1em;
}

#homeFocus #focustext #focusnews {
	border-top: 4px solid #e41414;
	font-size: 28px;
	font-weight: bold;
	padding-top: 8px;
	letter-spacing: -0.035em;
	text-align: right;
	line-height: 1em;
}
*/

#homecontent {
	
}

#homecontent .left {
	width: 300px;
	padding-right: 20px;
}

#homecontent .right {
	width: 300px;
}


/***********************************************************special content ***/

#content table.toetajad td {
	vertical-align: middle;
}

.toetajalogo {
	display:block;
	width: 300px;
	border: 1px solid #cccccc;
	margin-top: 5px;
	padding: 15px 0 15px;
}

.tegija {
	display:block;
	margin-bottom: 10px;
}

.tegija-sisu {
	display:block;
/*	width: 300px; */
	background: #000000;
	z-index: 7;
	color: #ffffff;
	margin-top: -60px;
	font-weight: normal;
	text-shadow: black 0.1em 0.1em 0.2em;
	padding: 10px;
	opacity:0.7;
	filter:alpha(opacity=70);
	letter-spacing:0.01em!important;	
}

.tegija-nimi {
	margin: 0!important;
	letter-spacing:0!important;
}

/****************************************************************** unused ***/

form p, form input {
	display:inline;
}
form .email {
	border:1px solid #333333;
	padding:4px;
	background:#FFFFFF;
}
form .button {
	border:1px solid #333333;
	padding:4px;
	background:#FFFFFF;
	/* color: #FF2B06; */
	color: #e41414;
	text-transform:uppercase;
}
form .button:hover {
	background:#333333;
}

/****************************************************************** user container ***/

#user_container {
	font-size: 11px;
	text-align: right;
}

#user_container form {
	margin-bottom: 5px;
}

#user_container .text, #user_container .submit {
	border: 1px solid #cfcfcf;
	background-color: #fff;
	padding: 5px 7px;
	width: 80px;
	color: #666;
	font-size: 11px;
}

#user_container .submit {
	background-color: #f7f7f7;
	padding: 4px 7px;
}

/****************************************************************** reg from ***/

.scms_flex_input, .submit {
	border: 1px solid #cfcfcf;
	background-color: #fff;
	padding: 5px 7px;
	width: 180px;
	color: #666;
	font-size: 11px;
}

.submit {
	background-color: #f7f7f7;
	padding: 4px 7px;
	width: auto;
}

/****************************************************************** video_sidebar ***/

#video_sidebar {
	width: 300px;
}

#video_sidebar h2 {
	font-size: 16px;
	text-transform: uppercase;
}

/****************************************************************** commenting ***/
.FormText, .FormSubmitButton {
	border: 1px solid #cfcfcf;
	background-color: #fff;
	padding: 5px 7px;
	width: 180px;
	color: #666;
	font-size: 11px;
}

.FormTextArea {
	border: 1px solid #cfcfcf;
	background-color: #fff;
	padding: 5px 7px;
	width: 440px;
	height: 180px;
	color: #666;
	font-size: 11px;
}

.FormSubmitButton {
	background-color: #f7f7f7;
	padding: 4px 7px;
	width: auto;
}

#comment_board {
	margin-top: 60px;
}

#comment_board h2 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

div.comments {
	color: #333;
}

div.comment {
	background-color: #e4e4e4;
	overflow: hidden;
	margin-bottom: 12px;
	width: 620px;
	min-height: 70px;
	_height: 70px;
	background-image: url(px/comment_bg.png);
	background-repeat: no-repeat;
	background-position: 130px 0;
}

div.comment_text {
	min-height: 36px;
	_height: 36px;
	width: 428px;
	padding: 21px 10px 15px 52px;
}

div.commenter {
	width: 110px;
	min-height: 36px;
	_height: 36px;
	padding: 21px 10px 15px 10px;
}

div.comment span.comment_author {
	font-weight: bold;
}

div.comment span.comment_date {
	font-size: 11px;
}

#new_comment_container div.comment_text {
	padding: 10px 10px 10px 32px;
}

#not_logged_in_comment_container div.comment_text {
	padding: 10px 10px 10px 32px;
}

#please_login {
	height: 89px;
	width: 422px;
	border: 1px solid #d6d6d6;
	padding: 12px;
	font-weight: bold;
	background-color: #fff;
}

div.comment_text textarea {
	height: 89px;
	width: 422px;
	border: 1px solid #d6d6d6;
	padding: 12px;
	background-color: #fff;
	margin-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}

#add_comment_container {
	margin-top: 30px;
}

/****************************************************************** video list view ***/

#videos_list {
	padding-top: 15px;
	overflow: hidden;
}

#videos_list h1 {
	margin: 0;
	text-transform: uppercase;
}

#videos_list h1.speach_title {
	font-weight: normal;
	text-transform: none;
}

#videos_list h1 a {
	color: #000;
}

div.video_preview {
	width: 300px;
	margin: 0 20px 44px 0;
}

div.video_preview.row_end {
	margin: 0 0 44px 0;
}

div.video_details {
	font-size: 11px;
	color: #8f8f8f;
}

/********************************************************** addthis toolbox ***/

div#video_social_links {
	width: 620px;
	display:block;
}

.addthis_toolbox
{
    display: inline;
	float: right;
}

.addthis_toolbox .custom_images a
{
    margin: 0;
    padding: 0;
}

#video_social_links a:hover img
{
    opacity: 1;
}

#video_social_links a img
{
    opacity: 0.75;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}