/*
Theme Name: Html 5 Video Theme
Theme URI: http://www.kaltura.org/
Description: Kaltura
Version: 1.0
Author: Kaltura
Author URI: http://www.kaltura.org/
*/

body { margin: 0; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; }
body.home { background: #fff url('images/bg.png') repeat-x; }
body { background: #fff url('images/inner-bg.png') repeat-x; }
#wrapper-front { background: url('images/home-center.png') no-repeat center 85px; }
#center { margin: 0 auto; width: 964px; }

#header { height: 62px; padding: 23px 0 0; }
	#logo { width: 256px; float: left; }
	#join { width: 188px; float: right; }

/* Menu */
#menu { margin: 0 40px; padding: 0; float: right; }
#menu li { padding: 0; margin: 0; float: left; background: url('images/menu-divider.png') no-repeat right top; list-style: none; text-align: left; }
#menu li a { _width:0; padding-right: 5px; display: block; font-size: 1.5em; font-weight: bold; cursor: pointer; color: #1E67A0; }
#menu li a span { height:50px; padding: 10px 10px 0 15px; display: block; white-space: nowrap; }
#menu li.active a, #menu li a:hover { color: #c51348; text-decoration: none; } 
#menu li.active a { top: 11px; position: relative; background: transparent url('images/menu-hover-bg.png') no-repeat bottom right; }
#menu li.active a span { position: relative; background: transparent url('images/menu-hover-bg.png') no-repeat bottom left; }
#menu li.active a { color: #c51348; }
#menu li.last { background: none; }

#player-container { height: 315px; }
#player-container .arrow { width: 26px; height: 272px; float: left; }
#player-container .player { width: 427px; height: 271px; padding: 1px; margin: 46px 0 0; float: left; }
#player-container .what-is { margin-top: 61px; float: right; }
#player-container .what-is p { width: 408px; color: #fff; font-size: 14px; line-height: 18px; }

#footer-wrapper { height: 95px; clear: both; border-top: solid 1px #dadada; background-color: #103e75; }
#footer-border { border-top: solid 1px #fff; }
#footer { width: 964px; margin: 0 auto; }
#footer .footer-sprite { width: 147px; margin: 22px 10px 0; float: left; display: block; background: transparent url('images/footer-sprite.gif') no-repeat; }
#footer .kaltura-logo { height: 65px; background-position: right -65px; }
#footer .kaltura-logo:hover { background-position: left -65px; }
#footer .mozilla-logo { height: 65px; background-position: right -195px; }
#footer .mozilla-logo:hover { background-position: left -195px; }
#footer .our-partners { height: 13px; background-position: right -273px; }
#footer .our-partners:hover { background-position: left -273px; }
#footer .open-video-alliance-logo { height: 65px; background-position: right 0; }
#footer .open-video-alliance-logo:hover { background-position: left 0; }
#footer .wikimedia-logo { height: 65px; background-position: right -130px; }
#footer .wikimedia-logo:hover { background-position: left -130px; }
#footer .powered-by { width: 68px; height: 13px; margin-left: 26px; background-position: left -260px; }
#footer .divider { width: 0px; height: 90px; margin-left: 48px; margin-top: 3px; float: left; border-left: solid 1px #0a2b58; border-right: solid 1px #144e8e; }
#footer .our-partners { width: 76px; height: 13px; margin-left: 23px; background-position: left -273px; }

#content { width: 480px; margin: 30px 0; float: left; display: inline; min-height: 500px; text-align: left; clear: both; }
#content ul.posts { margin-bottom: 50px; }
#subheader { height: 69px; padding: 35px 28px 0; text-align: left; }
#content.narrow { width: 680px; margin: 0px 28px 60px; }
#content p { font-size: 1.2em; line-height: 1.4em; }
.post { margin: 0 0 40px; text-align: justify; }
.post hr { display: block; }
.widecolumn .post { margin: 0; } 
.clear { clear: both; }

/* Sidebar */
#sidebar { margin-left: 740px; width: 220px; }
#sidebar ul { list-style: none; padding: 0; margin: 20px 0 0; }
#sidebar ul li { padding: 15px 10px 20px; margin: 0 0 20px; overflow: hidden; background: transparent url('images/sidebar-divider.png') no-repeat center bottom; }
#sidebar ul p { font-size: 1.2em; line-height: 1.4em; }
#sidebar ul h2 { text-align: left; margin: 0; }
#sidebar ul li.last { background: none; }
#sidebar ul.ul-sidebox {}
#sidebar ul.ul-sidebox li {font-size:1.2em; font-weight:bold; margin:0 0 5px 0; padding-left:0; padding-right:0; padding-top:15px;}
#sidebar li.widget_text { background: none; background-color: #DDEFFA;  }

/* Tweets Widget*/
#sidebar ul.tweets li { padding: 0px 0px 15px; margin: 0 0 5px; background: none; text-align: left; }
#sidebar ul.tweets li img { width: 30px; height: 30px; float: left; margin: 0 7px 5px 0; }
#sidebar ul.tweets li small a { color: #333; }
#sidebar ul.tweets li small a:hover { text-decoration: underline; }

/* Posts list */
ul.posts { padding: 0; margin: 0; list-style: none; }
ul.posts li { margin: 30px 0; height: 1%; clear: both; }
ul.posts .time { width: 55px; height: 54px; float: left; background: #fff url('images/date-bg.png') no-repeat; font-family: Times New Roman; }
ul.posts .time .month { margin-top: 4px; text-align: center; font-size: 13px; color: #474c51; }
ul.posts .time .day { margin: 0 auto; text-align: center; font-size: 24px; line-height: 22px; color: #113f76; }
ul.posts .entry { margin-left: 68px; line-height: 1.4em; }
ul.posts .entry p { margin: 0; }

/* Stay Updated Box */
.stay-updated { padding: 15px 10px 10px 30px; margin: 20px 0; text-align: left; background-color: #f4f4f4; border: solid 1px #e8e8e8; }
.stay-updated input { width: 275px; height: 19px; padding: 5px 15px 5px 6px; float: left; border: 1px solid #C1C1C1; font-size: 1.5em; font-weight: bold; }
.stay-updated input.invalid { border: solid 1px red; }
.stay-updated h2 { margin: 0; }
.stay-updated p { margin-top: 35px; font-size: 1.2em; line-height: 1.4em; }
.stay-updated a.signup-button { left: -15px; float: right; position: relative; z-index: 2; }

/* Buttons */
a.signup-button { width: 88px; height:31px; display: block; background: url('images/signup-button.png') no-repeat; }
a.get-this-player-button { width: 281px; height: 43px; margin: 27px auto 44px; display: block; background: #fff url('images/get-this-player.png') no-repeat; }
a.join-button { width: 188px; height: 39px; display: block; background: #fff url('images/join.png') no-repeat; }

/* Follow us */
span.follow-us { padding: 10px 30px 0 0; float: left; font-size: 1.4em; }
a.follow-icon { width: 32px; height: 32px; margin: 10px; float: left; display: block; background-image: url('images/follow-icons-sprite.png'); background-repeat: no-repeat; }
a.rss { background-position: 0 0; }
a.fb { background-position: 0 -64px; }
a.twitter { background-position: 0 -32px; }
a.in { background-position: 0 -96px; }

/* Page */
.page-template-news-php .latest-news-header { width: 371px; height: 34px; background: transparent url('images/latest-news.png') no-repeat; }

/* Home Page */
.home #sidebar { width: 430px; margin: 45px 0 0 530px; }
.home #sidebar li { margin: 0 20px; text-align: center;  }
.home #sidebar li h2 { text-align: center; }
.home #content .more { margin: 0 0 20px; font-size: 1.2em; text-align: right; display: block; }

/* Typo */
.error404  #content h2 { color: #fff; }
small { font-size: 0.9em; line-height: 1.5em; }
h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #113E74; }
h1 { font-family: 'Lucida Bright', 'Georgia'; font-style: italic; text-shadow: #000 1px -1px 0px; }
h1 { font-size: 3em; text-align: left; color: #fff; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a:hover { color: #113E74; text-decoration: underline; }
a { color: #2582C2; text-decoration: none; }
h2 a, h2 a:hover, h3 a:hover { color: #113E74; text-decoration: none; }

/* Headers */
h1 { padding: 0; margin: 0; }
h2 { margin: 30px 0 0; }
h2.pagetitle { margin-top: 30px; text-align: center; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0; margin: 40px auto 20px ; }
p img { padding: 0; max-width: 100%; }

/* Images*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Lists */ 
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px; font-size: 1.2em; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

/* Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; } 
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }