/*

Theme Name: ActiveVideo Theme

Theme URI: http://www.activevideo.com

Description: ActiveVideo Theme by <a href="http://www.odweb.com/">Online Design</a>.

Version: 1.0

Author: Fernando Perez

*/



body {

	font-family: "Lucida Grande", Verdana, Arial, sans-serif;

	font-size: .9em;

	margin: 0;

	padding: 0;

	color: #000121;

	background: #3d99d0 url(http://www.activevideo.com/images/bg.jpg) 50% 0 repeat-x;

}



* {

	margin: 0;

	padding: 0; 

}



img, form, a {

	border: none;

}



a, a:link, a:active, a:visited {

	color: #19456a;

	margin: 0;

	padding: 0;

}



a:hover {

	color: #b17b06;

}



a:active {

	outline: none;

}





a:focus {

	-moz-outline-style: none;

}





.clear {

	clear: both;

	height: .01em;

	overflow: hidden;

}



.input {

	float: right;

	filter:alpha(opacity=70);

	-moz-opacity:0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

}



#container {

	width: 998px;

	margin: 0 auto;

	position: relative;

}



#header {

	width: 998px;

	height: 91px;

	background: url(http://www.activevideo.com/images/bg_header2.jpg) 0 0 no-repeat; 

}



#header .logo {

	float: left;

	margin: 19px 0 0 20px;	

}



#header ul {

	float: right;

	margin: 18px 22px 0 0;

	padding: 0;

	list-style-type: none;

	width: 380px;

	height: 13px;

}



#header li {

	display: block;	

	float: left;

	height: 13px;

	text-indent: -9999px;

}



#header li a {

	display: block;

	overflow:hidden;

	cursor:pointer;

	height: 13px;

	text-decoration: none;

	padding: 0;

}



#header li a.company {

	background: url(http://www.activevideo.com/images/btn_company.gif) 0 0 no-repeat;

	width: 63px;

}



#header li a.blog {

	background: url(http://www.activevideo.com/images/btn_blog.gif) 0 0 no-repeat;

	width: 44px;

}



#header li a.europe {

	background: url(/images/buttons/btn_europe.gif) 0 0 no-repeat;

	width: 60px;

}



#header li a.login {

	background: url(http://www.activevideo.com/images/btn_login.gif) 0 0 no-repeat;

	width: 34px;

}

#header li a.playtag {
	background: url(http://www.activevideo.com/images/btn_playtag.gif) 0 0 no-repeat;
	width: 80px;
}

#header li a.whitepapers {
	background: url(http://www.activevideo.com/images/btn_whitepapers.gif) 0 0 no-repeat;
	width: 85px;
}

#header li a:hover {

	background-position: 0 -13px;

}



#dropmenudiv{

	position:absolute;

	line-height:17px;

	z-index:100;

	background:url(http://www.activevideo.com/images/bg_subnav.jpg) 0 0 no-repeat;

	padding: 0 4px;

	font-size: .85em;

}



#dropmenudiv a{

	width: 88%;

	display: block;

	text-indent: 3px;

	border-bottom: 1px solid #91aec7;

	padding: 1px 0;

	text-decoration: none;

	font-size: .85em;

	color: #fff;

}



#dropmenudiv a.last {

	border-bottom: none;

}



#dropmenudiv a:hover {

	color: #b17b06;

}



#nav {

	height: 40px;

	width: 954px;

	margin: 0 0 0 22px;

	padding: 0;

	background: url(http://www.activevideo.com/images/bg_nav.png) 0 0 no-repeat;

}



/* Main Navigation */



#navigation {

	position: relative;

	height: 27px;

	z-index: 2;

	}

	

#navigation ul.level_0 {

	height: 27px;	

	position: absolute;

	top: 13px;

	left: 50%;

	margin-left: -178px; 

	}

	

#navigation ul.level_0 li {

	margin-left: 4px;	

}



#navigation ul .home, #navigation ul .news, #navigation ul .pressreleases, #navigation ul .events {

	cursor: pointer;

	float: left;

	list-style: none;

	}



#navigation ul a.main {

	background: url(http://www.activevideo.com/images/sprite-topnav.gif) no-repeat top left;

	display: block;

	outline: none;

	position: relative;

	height: 27px;

	text-decoration: none;

	width: auto;

	}



#navigation ul a.main span { display:none; }



#navigation ul a.main span.tt {

	padding: 0;

	left: 0;

	}



/* Standard Links (div#foot-navigation ul li a.main) */



#navigation ul .home a.main {

	background-position: 0 0;

	width: 78px;

	z-index: 1;

	}



#navigation ul .news a.main {

	background-position: -78px 0;

	width: 79px;

	z-index: 2;

	}



#navigation ul .pressreleases a.main {

	background-position: -157px 0;

	width: 128px;

	z-index: 3;

	}



#navigation ul .events a.main {

	background-position: -285px 0;

	width: 86px;

	z-index: 4;

	}



#navigation a.main span.hover {

	background: url(http://www.activevideo.com/images/sprite-topnav.gif) no-repeat top left;

	cursor: pointer !important;

	display: block !important; /* Overriding previous span hide */

	padding: 0;

	position: absolute;

	top: 0;

	right: 0;

	height: 27px;

	width: 100%;

	z-index: 100;

	}



#navigation .home a.main .hover {

	background-position: 0 -27px;	

	padding: 0;

	}



#navigation .news a.main .hover {

	background-position: -78px -27px;

	}



#navigation .pressreleases a.main .hover {

	background-position: -157px -27px;

	}



#navigation .events a.main .hover {

	background-position: -285px -27px;

	}





/* End Main Nav */



#flash {

	width: 998px;

	height: 430px;

}



/* Begin Inner Pages */



#sidenav {

	width: 239px;

	margin: 34px 0 0 21px;

	float: left;

}



#sidenav .bucket {

	margin: 0;

	padding: 0;

	width: 240px;

	font-size: .75em;

}



#sidenav .bucket .top {

	height: 10px;

	background:url(http://www.activevideo.com/images/sidebucket-top.png) 0 100% no-repeat;

	width: 240px;

}



#sidenav .bucket .middle {

	background:url(http://www.activevideo.com/images/sidebucket-middle.png) 0 0 repeat-y;

	width: 206px;

	padding: 5px 17px 13px;

}



#sidenav .bucket .middle img {

	padding: 0 0 23px 0;

}



#sidenav .bucket .middle ul {

	list-style-type: none;	

}



#sidenav .bucket .middle ul li {

	padding-bottom: 7px;

}



#sidenav .bucket .bottom {

	height: 47px;

	background: url(http://www.activevideo.com/images/sidebucket-bottom.png) 0 0 no-repeat;

	width: 240px;

}



#sidenav .bucket .middle ul.news {



}

#sidenav .bucket .middle ul.news li {



}



#content {

	width: 657px;

	float: right;

	margin: 34px 22px 0 0;

}

#content a:link, #content a:visited {

	text-decoration: none;

}



#content img.title {

	padding-bottom: 20px;

}



#content p {

	font-size: .78em;

	margin-top: 8px;

	line-height: 133%;

}



#content .navigation {

	font-size: .78em;

}



#content p.item a:hover {

	text-decoration: underline;

}



#content p.item {

	margin-top: 15px;

	padding: 0 0 26px 0; 

	position: relative;

}



#content p.pritem {

	margin-top: 15px;

	padding: 0 0 40px 0; 

	position: relative;

}



#content .bucket {

	margin: 0;

	padding: 0;

	width: 657px;

}



#content span {

	font-weight: bold;

}



#content .bucket .top {

	height: 12px;

	background:url(http://www.activevideo.com/images/contentbucket-top.png) 0 100% no-repeat;

	width: 657px;

}



#content .bucket .middle {

	background:url(http://www.activevideo.com/images/contentbucket-middle.png) 0 0 repeat-y;

	width: 627px;

	padding: 0 15px;

}



#content .bucket .middle p.first {

	margin: 0;

}



#content .bucket .bottom {

	height: 12px;

	background: url(http://www.activevideo.com/images/contentbucket-bottom.png) 0 0 no-repeat;

	width: 657px;

}



#content .bucket .middle span {

	width: 100px;

	display: inline-block;

}



#content .bucket .middle img.eventlogo {

	float: right;

	filter:alpha(opacity=70);

	-moz-opacity:0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;



}



#content .share {

	width: 201px;

	height: 22px;

	background:url(http://www.activevideo.com/images/bg_share.png) 0 0 no-repeat;

	position: absolute;

	bottom: 0;

	right: 0;

	padding: 10px 5px 5px 5px;

	font-weight: normal;

}



#content ul, #content ol {

	padding: 7px 0 5px 20px;

}



#content ul li, #content ol li {

	padding-top: 9px;

	font-size: .78em;

}



#content .share ul {

	float: left;

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#content .share li {

	float: left;

	font-size: .85em;

	padding-top: 0;

}



#content .share li a {

	display: block;

	padding: 0 10px 0 26px;

	border-right: 1px solid #4f768f;

	width: auto;

	text-decoration: none;

}



#content .share li a:hover {

	text-decoration: underline;

}



#content .share li a.send {

	background: url(http://www.activevideo.com/images/icon-envelope.gif) 10px 4px no-repeat;

}



#content .share li a.rss {

	background: url(http://www.activevideo.com/images/icon-rss.gif) 8px 1px no-repeat;

}



#content .share li a.print {

	background: url(http://www.activevideo.com/images/icon-print.gif) 8px 1px no-repeat;

	border-right: none;	

}



#content h2 {

	font-size: 1.1em;

}



/* End Inner Pages */



/* Send to Friend */



#sendto a.action{

	display:block; 

}

	

#sendto fieldset{

	padding:5px 0;  

	border:none;

}

	

#sendto fieldset em{

	display:block; 

}



#sendto fieldset p{

	margin:2px 0; 

	padding:0;

}

	

#sendto fieldset p.disclaim{

	font-size:85%; 

	margin:5px 0; 

}

	

#sendto fieldset.submit{

	padding-bottom:10px; 

	text-align:center; 

	float: left;

}

	

#sendto fieldset .txt{

	width:430px; 

}



#sendto fieldset p.disclaim{

	font-size:75%; 

	margin:5px 0; 

}



/* End Send to Friend */

#vertical_container h2 {

	font-size: .78em;

	font-weight: strong;

	padding: 4px 0;

	cursor:pointer;

}

#vertical_container h2.first {

	padding-top: 15px;

}

#vertical_container p {

	padding-bottom: 8px;

}

#buckets-top {

	height: 10px;

	width: 954px;

	margin: 0 22px;

	padding: 0;

	background: url(http://www.activevideo.com/images/buckets-top.png) 0 100% no-repeat;

}



#buckets-middle {

	width: 954px;

	margin: 0 22px;

	padding: 0;

	background: url(http://www.activevideo.com/images/buckets-middle.png) 0 0 repeat-y;

	position: relative;

}



#buckets-middle #spotlight, #buckets-middle #news, #buckets-middle #events {

	margin: 0 0 18px 60px;

	width: 266px;

	float: left;

}



#buckets-middle #news a:link, #buckets-middle #news a:visited {

	text-decoration: none;

}



#buckets-middle #news p.padded {

	margin-top: 5px;

}



#buckets-middle #news a:hover {

	text-decoration: underline;

}



#buckets-middle #spotlight {

	margin: 0 0 0 15px;

}



#buckets-middle #spotlight .title, #buckets-middle #news .title, #buckets-middle #events .title {

	height: 33px;

	margin: 5px 0 0 3px;

	clear: both;

}



#buckets-middle p {

	font-size: .75em;

}



#buckets-middle #spotlight .more, #buckets-middle #news .more, #buckets-middle #events .more {

	width: 266px;

	height: 6px;

	clear: both;

	text-align: right;

	padding: 0 0 8px 0;

	position: absolute;

	bottom: 0;

	line-height: 6px;

	overflow: hidden;

}



#buckets-middle .more a:link, #buckets-middle .more a:visited, #buckets-middle .more a:active {

	text-align: right;

	padding: 0 16px 0 0;

	background: url(http://www.activevideo.com/images/more.gif) 100% 2px no-repeat;

	font-size: .7em;

}





#buckets-middle #events span {

	font-weight: bold;

	width: 75px;

	display: inline-block;

}



#buckets-bottom {

	height: 10px;

	width: 954px;

	margin: 0 22px;

	padding: 0;

	background: url(http://www.activevideo.com/images/buckets-bottom.png) 0 0 no-repeat;

}



/* Footer Navigation */



#footer {

	width: 954px;

	height: 100px;

	margin: 33px 0 0 22px;

	background: url(http://www.activevideo.com/images/bg_footer.png) 0 0 no-repeat;

	position: relative;

}



#foot-navigation {

	position: relative;

	height: 27px;

	z-index: 2;

	clear: both;

	}

	

#foot-navigation ul.level_0 {

	height: 27px;	

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -208px; 

	}

	

#foot-navigation ul.level_0 li {

	margin-left: 4px;	

}



#foot-navigation ul .contact, #foot-navigation ul .careers, #foot-navigation ul .faq, #foot-navigation ul .legal, #foot-navigation ul .sitemap {

	cursor: pointer;

	float: left;

	list-style: none;

	}



#foot-navigation ul a.main {

	background: url(http://www.activevideo.com/images/sprite-bottomnav.gif) no-repeat top left;

	display: block;

	outline: none;

	position: relative;

	height: 27px;

	text-decoration: none;

	width: auto;

	}



#foot-navigation ul a.main span { display:none; }



#foot-navigation ul a.main span.tt {

	padding: 0;

	left: 0;

	}



/* Standard Links (div#foot-navigation ul li a.main) */



#foot-navigation ul .contact a.main {

	background-position: 0 0;

	width: 93px;

	z-index: 1;

	}



#foot-navigation ul .careers a.main {

	background-position: -93px 0;

	width: 86px;

	z-index: 2;

	}



#foot-navigation ul .faq a.main {

	background-position: -179px 0;

	width: 61px;

	z-index: 3;

	}



#foot-navigation ul .legal a.main {

	background-position: -240px 0;

	width: 73px;

	z-index: 4;

	}



#foot-navigation ul .sitemap a.main {

	background-position: -313px 0;

	width: 83px;

	z-index: 5;

	}



#foot-navigation a.main span.hover {

	background: url(http://www.activevideo.com/images/sprite-bottomnav.gif) no-repeat top left;

	cursor: pointer !important;

	display: block !important; /* Overriding previous span hide */

	padding: 0;

	position: absolute;

	top: 0;

	right: 0;

	height: 27px;

	width: 100%;

	z-index: 100;

	}



#foot-navigation .contact a.main .hover {

	background-position: 0 -27px;	

	padding: 0;

	}



#foot-navigation .careers a.main .hover {

	background-position: -93px -27px;

	}



#foot-navigation .faq a.main .hover {

	background-position: -179px -27px;

	}



#foot-navigation .legal a.main .hover {

	background-position: -240px -27px;



	}



#foot-navigation .sitemap a.main .hover {

	background-position: -313px -27px;

	}



#footer .bottom {

	width: 998px;

	color: #347aac;

	position: absolute;

	bottom: 0;

	text-align: center;

	font-size: .75em;

}



#footer .bottom a {

	color: #347aac;



	text-decoration: none;

	margin: 0 0 0 30px;

}



#footer .bottom a:hover {

	text-decoration: underline;

}

<!-- Sociable CSS -->
div.sociable {
	margin: 16px 0;
	}
	
	div.sociable_tagline {
	font-size:11px;
	color: #000121;
	}

span.sociable_tagline { position: relative; 
}
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: #000121;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
<!-- end Sociable CSS -->