@import '/css/core/reset.css';
@import '/css/core/typography.css';
@import '/css/pages/common.css';

html {margin-left:6px;margin-right:6px;}
h4 {font-weight:bold;}
body, img, div {max-width:100%!important;}

.aside {font-size:75%;}
.download {width:30%;}
.separator {padding-top:.75em;clear:both;}
.note {color:#666;clear:both;float:left;font-size:11px;line-height:18px;}

#page #mainmenu {padding:0;margin:0;background:#C80000 url(/bitmaps/mainmenu/handheld/top-logo.png) left top no-repeat!important;color:#fff;height:auto;}
#page #mainmenu a {color:inherit;text-decoration:none;margin:0;padding:3px;}
#page #mainmenu a span {background:transparent;}
#page #mainmenu li {display:inline-block;font-size: 1.2em;height:auto;background:#C80000;}
#page #mainmenu li.on a {background:#B20000;font-weight: bold;}
#products #nav .menu-products a, #home #nav .menu-home a {font-weight: bold;background:#fff;color:#000;}
#nav {padding:10px 10px 0;background:#C80000;}

#nav li a:hover {background:#B20000;text-shadow: #300 0px 2px 2px;}

div#nav {margin:10px 0 25px 0;}
.billboard div#nav {margin:10px 0 0 0;}
#nav li {list-style:none;margin:0 2px;}
#nav li a {color:#fff;display:block;line-height:1.8;padding:0 1em;text-decoration:none;white-space:nowrap;}
#nav li ul {display:none;}
#nav ul#mainmenu,
.billboard #nav ul#mainmenu {background:none;margin:0;min-height:30px;padding:50px 0 0 0;}

/* current home*/
#opera-for-phones .branding {padding:5px;}
#page #desktop-promo {background: transparent none;padding:0;}
#page #desktop-promo p.download {display:none;}
#page #desktop-promo h2 a, body #page #desktop-promo h3 a {color:#0078CA;}
p.introduction {background:rgba(0,0,0,0.75);}
html, body#home {background:none !important;}

#header {clear:both;}
#header h2 {line-height:1.5em;margin:3px 0 0 5px;}

#developer .pagetitle {display:none;}

.subnav {margin-right:5px;}

.callout {/*top:24px !important;left:24px !important;*/max-width:80% !important;min-width:240px;}
.callout h1, .callout h1 *, #campaign h1, #page #campaign-mini5beta h2 {font-size:20px !important;margin-bottom:0.5em;}
#page #campaign-mini5beta h2 {max-width:100%;}

#splash,
#campaign-splash2 {padding-top:10px;}

#front_news {height:40px;}
#front_news h4 {display:none;}
#front_news ul {margin-left:12px !important;}
.mini #front_news {background:none!important;}
#page #campaign-mini5beta, #page #campaign-mini5beta li {background-position: top right;}
#page .campaign-42-09 {background-position: top center;}
#page .campaign-42-09 div {padding:24px 24px 0 24px;}

div .article {width:55%;float:left;padding:1em 3% 0 0;}
#support .aside {padding-top:6.5em;}
div .article.separator {width:100%;}
div.aside {width:40%;float:right;margin-top:1em;}
div.aside .pagenav li {line-height:2em;}
.aside .aside {width:100%;}
.campaign h2 {width:50%;}

.releases .post img {display:none;}
.releases .post .date {width:150px;color:#666;display:block;}

#company .span-7 {overflow:auto;}

.third img,
.span-4 img,
.span-5 img {margin-bottom:.5em;}
.span-5 {width:30%;float:left;padding-right:2%;overflow:auto;}
.span-5 {width:30%;float:left;padding-right:2%;overflow:auto;}
.span-5 h3 {clear:left;font-size:1.2em;}
#page img {height:auto;}
.span-10 {width:50%;}
.last {width:auto;margin-right:0;}
.textbox {background-color:rgba(255,255,255,0.65);padding:0 6px;}
#developer .span-5.last,
#company .span-5.last {width:30%;clear:left;}

.third,.span-4 {width:30%;float:left;padding-right:3%;}
div > div.span-4:nth-of-type(3n-1) {clear:left;}

#footer .search {width:168px;float:right;position:relative;top:0;}
#footer .section ul {width:33%;}
#footer .sitenav li {padding-left:0;border-left:none;}