/* general */

html {
  margin:0;
  padding:0;
  background:url(../images/background.png);
  font-family:verdana,arial,sans-serif;
  font-size:62.5%;
  line-height:16px;
}
body {
  margin:0;
  padding:0;
}
.content {
  width:750px;
  margin:0 auto;
  padding:0;
  font-size:1.1em;
  overflow:hidden;
}
a {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
p {
  margin:0;
  padding:0 0 10px 0;
}
p.no-padding {
  padding:0;
}
h3,h4 {
  font-size:1em;
  line-height:1.5em;
  margin:0;
  padding:0 0 10px 0;
}

/* generic */

.no-padding {
  padding:0;
}
.right {
  float:left;
}
.right {
  float:right;
}
.orange {
  color:#FF7700;
}

/* header */

#header {
  float:left;
  width:100%;
  background:url(../images/header.v1.png) no-repeat top center;
}
#header .content {
  width:731px;
  height:100px;
  padding:0 15px 0 4px;
  text-align:right;
  color:white;
}
#header .content h1 {
  display:block;
  font-size:2em;
  line-height:50px;
  height:50px;
  padding:0;
  margin:15px 0 0 0;
  font-weight:normal;
  white-space:nowrap;
  overflow:hidden;
}
#header .content ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
#header .content ul li {
  display:inline;
}
#header .content a {
  color:white;
}

/* top nav */

#topnav {
  float:left;
  width:100%;
  background:url(../images/header.v1.png) no-repeat bottom center;
}
#topnav .content {
  width:758px;
  height:56px;
  text-align:right;
  color:white;
}
#topnav .content .search {
  margin:12px 0 0 10px;
  color:black;
  font-weight:bold;
  float:left;
}
#topnav .content .search input {
  border:0;
  position:relative;
  top:1px;
  left:3px;
  padding:5px 15px 4px 15px;
  width:125px;
  line-height:18px;
  font-size:11px;
  background:url(../images/search.png) no-repeat 4px 2px;
}
#topnav .content ul {
  list-style-type:none;
  margin:10px 0 0 10px;
  padding:0;
  font-weight:bold;
  color:black;
  float:right;
}
#topnav .content ul li {
  float:left;
  padding-left:2px;
  background:url(../images/topnav.divider.png) no-repeat;
}
#topnav .content ul li a {
  display:block;
  color:black;
  float:left;
  padding:0 8px;
  height:28px;
  line-height:28px;
}
#topnav .content ul li.selected a,
#topnav .content ul li a:hover {
  color:white;
  background:#CCC url(../images/header.v1.png) 200px 84px;
  text-decoration:none;
}
#topnav .content ul li a.last {
  background-position:140px 84px;
}
#topnav .content ul li a:hover {
  opacity:0.5;
}

/* main content */

#main {
  float:left;
  width:100%;
  background:url(../images/centre.v1.png) repeat-y top center;
}
#main .content {
  position:relative;
  top:-4px;
  margin-bottom:-7px;
}
#main a {
  font-weight:bold;
  color:#FF7700;
}
#main a:hover {
  color:red;
}

/* sidebar/nav */

#sidebar {
  float:left;
  width:130px;
}
#sidebar .sidenav {
  float:left;
  background:gray;
  background:url(../images/sidenav.background.png) repeat-y top center;
}
#sidebar .sidenav div {
  margin:0;
  padding:0;
  background:url(../images/sidenav.top.png) no-repeat top left;
  float:left;
}
#sidebar .sidenav div h2 {
  margin:0;
  position:relative;
  top:4px;
  float:left;
  display:block;
  width:112px;
  padding:5px 9px 4px 9px;
  line-height:12px;
  color:black;
  font-size:1em;
  background:url(../images/sidenav.header.png) repeat-y 4px 0;
}
#sidebar .sidenav div ul {
  margin:0;
  padding:4px 0 5px 0;
  list-style-type:none;
  background:url(../images/sidenav.bottom.png) no-repeat bottom left;
  float:left;
}
#sidebar .sidenav div ul li a {
  display:block;
  width:112px;
  padding:5px 9px 4px 9px;
  line-height:12px;
  background:url(../images/sidenav.divider.png) no-repeat 0 -4px;
}
#sidebar .sidenav div ul li a.level1 {
  color:black;
  font-weight:normal;
  background:url(../images/sidenav.header.png) repeat-y 4px 0;
}
#sidebar .sidenav div ul li a.level1:hover {
  background-position:4px 21px;
  color:white;
  text-decoration:none;
}
#sidebar .sidenav div ul li a.level2 {
  color:black;
  font-weight:normal;
  background:url(../images/sidenav.divider.png) no-repeat 0 -4px;
}
#sidebar .sidenav div ul li a.level3,
#sidebar .sidenav div ul li a.level4 {
  color:black;
  font-weight:normal;
  background:url(../images/sidenav.divider2.png) no-repeat 0 -4px;
  padding-left:16px;
  width:100px;
}
#sidebar .sidenav div ul li a.level4 {
  background:none;
  padding-left:24px;
  width:92px;
  margin-top:-4px;
}
#sidebar .sidenav div ul li a.level2:hover,
#sidebar .sidenav div ul li a.level3:hover,
#sidebar .sidenav div ul li a.level4:hover {
  color:red;
  text-decoration:underline;
}

/* skyscraper ads */

.sky,
.sky-600 {
  background:url(../images/sky.background.png) repeat-y;
  float:left;
}
.sky div,
.sky-600 div {
  width:130px;
  background:url(../images/sky.bottom.png) no-repeat bottom left;
  float:left;
}
.sky div div,
.sky-600 div div {
  width:120px;
  padding:5px;
  background:url(../images/sky.top.png) no-repeat top left;
}
.sky-600 {
  background:url(../images/sidenav.background.png) repeat-y;
}
.sky-600 div {
  background:url(../images/sidenav.bottom.png) no-repeat bottom left;
}
.sky-600 div div {
  background:url(../images/sidenav.top.png) no-repeat top left;
}

/* columns */

#main .content .column,
#main .content .right {
  width:310px;
  float:left;
}

/* swapped columns */

#main .swapcolumns .column {
  float:right;
}

/* swapped columns */

#main .swapcolumns .column {
  float:right;
}

/* box */

.box {
  width:310px;
  background:white url(../images/panel.dual.background.png) repeat;
  overflow:hidden;
  padding:0;
  float:left;
}
.box h2 {
  width:310px;
  height:30px;
  background:url(../images/panel.dual.header.png) repeat-x;
  line-height:28px;
  padding:0 0 0 10px;
  font-size:1em;
  margin:0;
}
.box div {
  width:284px;
  padding:2px 13px 11px 13px;
  background:url(../images/panel.dual.divider.png) repeat-x bottom left;
  float:left;
}
.box div.divider2 {
  background-image:url(../images/panel.dual.divider2.png);
}
.box div.top {
  width:310px;
  height:9px;
  padding:0;
  background:url(../images/panel.dual.top.png) no-repeat top left;
}
.box div.last {
  background-image:url(../images/panel.dual.bottom.png);
}

/* right-aligned box */

.right .box {
  background-position:310px 0;
}
.right .box h2 {
  background-position:310px 0;
}
.right .box div {
  background-position:bottom right;
}
.right .box div.divider2 {
  background-position:bottom right;
}
.right .box div.top {
  background-position:top right;
}
.right .box div.last {
  background-position:bottom right;
}

/* borderless box */

.imagebox {
  background:url(../images/panel.dual.background.png) repeat;
  float:left;
}
div.article .imagebox,
.right .imagebox {
  background-position:310px 0;
}
.imagebox div {
  width:310px;
  background:url(../images/panel.dual.bottom.png) no-repeat bottom left;
  float:left;
}
div.article .imagebox div,
.right .imagebox div {
  background-position:bottom right;
}
.imagebox div div {
  width:300px;
  padding:5px;
  background:url(../images/panel.dual.top.png) repeat-x top left;
}
div.article .imagebox div div,
.right .imagebox div div {
  background-position:310px 0;
}

/* full-width box */

.full-width {
  float:right;
  width:620px;
  background:url(../images/panel.background.png) repeat-y;
}
.full-width h2 {
  width:620px;
  background:url(../images/panel.header.png) repeat-x;
}
.full-width div {
  width:594px;
  background:url(../images/panel.divider.png) repeat-x bottom left;
}
.full-width div.divider2 {
  background-image:url(../images/panel.divider2.png);
}
.full-width div.top {
  width:620px;
  background:url(../images/panel.top.png) no-repeat top left;
}
.full-width div.last {
  background-image:url(../images/panel.bottom.png);
}
.imagebox div.last {
  width:620px;
}
.full-width div div {
  width:610px;
  padding:5px;
  background:url(../images/panel.top.png) repeat-x top left;
}

/* tables */

table {
  float:right;
  width:620px;
  background:url(../images/panel.background.png) repeat-y;
}
table caption {
  width:620px;
  height:30px;
  background:url(../images/panel.header.png) repeat-x;
  line-height:28px;
  padding:0;
  font-size:1em;
  margin:0;
  text-align:left;
  font-weight:bold;
}
table caption span {
  margin-left:10px;
}
table tr th,
table tr td {
  height:25px;
  text-align:left;
  vertical-align:top;
  background:url(../images/panel.divider.png) no-repeat center bottom;
  padding-left:5px;
  padding-right:5px;
}
table tr th.first-column,
table tr td.first-column {
  padding-left:10px;
  background-position:left bottom;
}
table tr th.last-column,
table tr td.last-column {
  background-position:right bottom;
  padding-right:10px;
}
table tr.last td {
  background-image:url(../images/panel.bottom.png);
}
table tbody tr td {
  background-image:url(../images/panel.divider2.png);
}

/* misc box styles */

.box div div {
  background-image:none;
  padding:0;
}
.box img {
  border:0;
  padding:0;
  margin:2px 5px 2px 0;
  float:left;
}
.box img.frame {
  padding:1px 5px 5px 1px;
  background:url(../images/frame.png) no-repeat top left;
  margin:2px 2px -2px 0;
}
.box ul,
.article ul {
  list-style-image:url(../images/bullet.gif);
}
.box ul,
.box ol,
.article ul,
.article ol {
  padding:0;
  margin:0 0 0 16px;
}
.box ol,
.article ol {
  margin-left:18px;
}
.box ul.no-padding,
.article ul.no-padding {
  list-style:none;
  margin-left:1px;
}
.box blockquote,
.article blockquote {
  margin-top:0;
  margin-left:0;
  font-size:1.1em;
  font-style:italic;
  border-left:3px solid #CCC;
  color:#777;
  padding-left:1em;
}

/* feature panels */

.box .feature {
    padding-left:116px;
    width:180px;
}
.full-width .feature {
    width:490px;
}
.box .feature img {
    margin-left:-104px;
}

/* new! icon */

.box li,
.article li {
  padding-bottom:10px;
}
.box div.new {
  height:42px;
  width:42px;
  padding:0;
  margin:6px 0 0 265px;
  border:0;
  background:url(../images/new.png) no-repeat top left;
  position:absolute;
  z-index:1;
}
.box div.new * {
  visibility:hidden;
}
.box div div.new {
  height:42px;
  width:42px;
  padding:0;
  float:right;
  top:-3px;
  left:6px;
  position:relative;
  background:url(../images/new.png) no-repeat top left;
}

/* footer */

#footer {
  float:left;
  width:100%;
  height:152px;
  background:url(../images/footer.png) no-repeat top center;
}
#footer .content {
  width:742px;
  padding: 0 4px 0 4px;
}
#footer .content .banner {
 height:15px;
 margin:27px 0 17px 10px;
}
#footer .content ul {
  float:right;
  list-style-type:none;
  padding:0;
  margin:0;
}
#footer .content ul li {
  display:inline;
}
#footer a {
  color:black;
}

/* forms */

.box form {
  margin:0;
  padding:0;
}
.box label {
  margin:0 0 4px 0;
  padding:0;
  float:left;
  clear:left;
  line-height:20px;
  height:20px;
  width:60px;
}
.box input,
.box select,
.box textarea {
  float:left;
  margin:0 0 4px 6px;
  font-size:1em;
}
.box .textbox {
  width:150px;
}
.box textarea {
  height:150px;
  width:210px;
  font-family:verdana;
}
.full-width textarea {
  width:520px;
}
.box form div.input-note {
  float:left;
  width:50px;
  margin-left:5px;
  line-height:18px;
  white-space:nowrap;
  overflow:visible;
}

/* definition lists */

dl.faq,
dl.formats,
dl.release-notes {
  margin:0 0 -16px 0;
  overflow:hidden;
}

/* faqs */

.faq dt {
  font-weight:bold;
  font-style:italic;
  margin:0 0 8px 0;
  padding-left:17px;
  background:url(../images/q.gif) no-repeat top left;
}
.faq dd {
  margin:0 0 8px 0;
  padding:0 0 8px 17px;
  background:url(../images/a.gif) no-repeat top left;
  border-bottom:1px solid #9C9C9C;
}

/* release notes */

.release-notes dt {
  font-weight:bold;
}
.release-notes dd {
  margin:8px 0 8px 0;
  padding:0 0 0 0;
  border-bottom:1px solid #9C9C9C;
}
.release-notes dd ul {
  margin-bottom:0;
}
.release-notes dt a:hover {
  text-decoration:none;
}

/* formats */

.formats dt {
  font-weight:bold;
  font-style:italic;
  margin:0 0 8px 0;
}
.formats dd {
  margin:0 0 8px 0;
  padding:0 0 8px 17px;
  border-bottom:1px solid #9C9C9C;
}

/* download icons */

ul.downloads {
  float:left;
  width:290px;
  height:80px;
  margin:-4px 0 0 -4px;
  list-style-type:none;
  padding:0;
  padding-bottom:6px; 
}
.downloads li {
  display:inline; /* ie hack */
}
#main .downloads a {
  float:left;
  display:block;
  height:64px;
  width:58px;
  background-position:top;
  font-weight:normal;
}
#main .downloads a:hover {
  background-position:bottom;
}
.downloads a {
  cursor:pointer;
}
.downloads .ppc {
  background-image:url(../images/downloads.ppc.png);
}
.downloads .ppc-disabled {
  background-image:url(../images/downloads.ppc.disabled.png);
  cursor:default;
}
.downloads .intel {
  background-image:url(../images/downloads.intel.png);
}
.downloads .intel-disabled {
  background-image:url(../images/downloads.intel.disabled.png);
  cursor:default;
}
.downloads .universal {
  background-image:url(../images/downloads.universal.png);
}
.downloads .universal-disabled {
  background-image:url(../images/downloads.universal.disabled.png);
  cursor:default;
}
.downloads .windows {
  background-image:url(../images/downloads.windows.png);
}
.downloads .windows-disabled {
  background-image:url(../images/downloads.windows.disabled.png);
  cursor:default;
}
.downloads .linux {
  background-image:url(../images/downloads.linux.png);
}
.downloads .linux-disabled {
  background-image:url(../images/downloads.linux.disabled.png);
  cursor:default;
}
.downloads .appstore {
  background-image:url(../images/downloads.appstore.png);
}
.downloads .appstore-disabled {
  background-image:url(../images/downloads.appstore.disabled.png);
  cursor:default;
}
.downloads .android {
  background-image:url(../images/downloads.android.png);
}
.downloads .android-disabled {
  background-image:url(../images/downloads.android.disabled.png);
  cursor:default;
}
.downloads a span {
  display:block;
  width:58px;
  position:relative;
  text-align:center;
  top:64px;
}

/* alerts */

.alert-warning,
.alert-success {
  float:right;
  width:620px;
  background:url(../images/alerts.red.background.png) repeat-y;
}
.alert-warning img,
.alert-success img {
  position:absolute;
  padding:9px 0 0 9px;
}
.alert-warning ul,
.alert-success ul {
  padding:0;
  margin:0;
  list-style-type:none;
  background:url(../images/alerts.red.top.png) no-repeat top left;
}
.alert-warning ul li,
.alert-success ul li {
  padding:0 9px 0 30px;
  margin:0;
  color:#EE0701;
}
.alert-warning ul li.first {
  padding-top:9px;
}
.alert-warning ul li.last {
  padding-bottom:9px;
  background:url(../images/alerts.red.bottom.png) no-repeat bottom left;
}
.alert-success {
  background-image:url(../images/alerts.green.background.png);
}
.alert-success ul {
  background-image:url(../images/alerts.green.top.png);
}
.alert-success ul li {
  padding:9px 9px 9px 30px;
  background:url(../images/alerts.green.bottom.png) no-repeat bottom left;
  color:#049304;
}

/* feeds */

.feeds img {
  float:left;
  margin:1px 10px 0 0
}

/* search boxes */

.search {
  height:53px;
}
.search form {
  margin:0;
}
.search a {
  position:absolute;
  display:block;
  margin:0;
  border:0;
}
.search a img {
  margin:0;
  border:0;
  padding:0;
}
.search input.text {
  width:130px;
  margin:5px 6px 0 84px;
}
.search input.submit {
  margin:5px 0 1px 0;
}
.search input.radio {
  margin:10px 8px 0 6px;
}
.box .search label {
  clear:none;
  position:relative;
  line-height:22px;
  vertical-align:top;
  margin:4px 5px 0 0;
}

/* search results */

.search-results div {
  width:602px;
  position:relative;
  left:-2px;
  overflow:hidden;
}
.search-results iframe {
  position:relative;
  left:-6px;
  width:610px;
  height:690px;
}

/* open source */

.feature .description {
  min-height:68px;
}
#main div.oss-links {
  float:right;
  width:auto;
  background:black url(../images/wedge.gif) no-repeat;
  height:20px;
  line-height:20px;
  padding:0 4px 0 10px;
  color:white;
  position:relative;
  top:6px;
  margin:-20px -9px 0 0;
  display:inline;
}

/* article */

.article {
  width:610px;
  float:left;
  padding:5px 5px 0 5px;
  margin-bottom:-2px;
  overflow:hidden;
}
div.article .imagebox {
  float:right;
  margin:4px -5px 4px 4px;
}

/* macupdate */

#main .box .macupdate div {
  float:right;
  display:inline;
  height:32px;
  width:160px;
  margin:0;
  background:url(../images/stars.gif) repeat-x bottom left;
}
#main .box .macupdate div div {
  float:left;
  height:32px;
  width:auto;
  margin:0;
  background:url(../images/stars.gif) repeat-x top left;
}
#main .box .macupdate a {
  float:left;
  color:black;
  font-weight:normal;
  height:32px;
  line-height:32px;
  margin:0 0 0 -4px;
  padding-left:56px;
  background:url(../images/macupdate.gif) no-repeat top left
}

/* screenshots */

#inspector {
  position:absolute;
  width:200px;
  height:200px;
  padding:20px;
  display:none;
  background:url(../images/screenshots.inspector.png);
}
#inspector div {
  width:200px;
  height:200px;
}
img.thumbnail {
  background:url(../images/screenshots.frame.png);
  width:64px;
  padding:3px 5px 5px 3px;
  margin-bottom:0;
  opacity:0.3;
}
a img.thumbnail {
  opacity:1;
}

/* share form */

#share-form ul {
  margin:0 0 -4px 0;
  padding:0;
  list-style-type:none;
  white-space:nowrap;
  height:18px;
}
#share-form li {
  display:inline;
  padding:2px 5px 2px 19px;
  background:no-repeat center left;
  vertical-align:center;
}
#send-to-friend label {
  width:auto;
  clear:none;
}
#send-to-friend input {
  width:120px;
}

/* iphone */

#iphone-horizontal {
	width:750px;
	height:414px;
	background:url(../images/iphone.horizontal.png) no-repeat center;
}
#iphone-horizontal iframe {
	width: 480px;
	height: 320px;
	border: none;
	overflow: hidden;
	margin: 41px 0 0 142px;
}

/* print styles */

@media print {

  #header,
  #topnav,
  #sidebar,
  #footer,
  .article .imagebox {
    display:none;
  }
  #main,
  .content,
  .article {
    float:left;
    background:white;
    overflow:visible;
  }
  .box {
    float:left;
  }
  #main a {
    font-weight:normal;
    text-decoration:none;
    color:black;
  }
  
}