body { margin: 0px; padding: 0px; background-color: #919393; font-family: Droid Sans, Verdana, Sans-Serif;}
.left { float: left; }
.right { float: right; }
br.clear { clear: both; }
img { border: 0px; }

footer, nav, section, aside { display: block; }

div#container { background-color: #CCC; width: 80%; min-width: 770px; max-width: 1000px; margin: 75px auto 0px auto; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 2px #000 solid; padding-bottom: 20px; }

h1 { margin: -50px auto 14px auto; width: 408px; height: 112px; background: url('/resources/landing/sabnzbd_logo.png') no-repeat; text-indent:-500em;}

ul#slideshow { list-style: none; margin: 18px auto; padding: 0px; width: 80%; min-width: 640px; height: 150px; background-color: #DDD; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
ul#slideshow li { list-style: none; margin: 0px; padding: 0px; width: 100%; height: 100%; }

section { border-style: dashed; border-width: 3px 0px; border-color: #CCC; background-color: #DDD; padding: 0 10% 14px 10%; margin: 0px;}

section h3 { display: block; float: left; margin: 0px; margin-top: -3px; padding: 12px 14px 0px 0px;}
section p { font-size: 11pt; margin: 0px; padding: 14px 0 0 0; }

section#blog { border: 0px; background: none; }
section#blog h2 { font-weight: normal; font-size: 14pt; font-style: italic; }
section#blog h3 { float: none; font-weight: normal; margin: 0px; }
section#blog p { font-size: 11pt; }

aside { float: right; text-align: center; font-size: 80%; }

nav { margin-left: 3%; padding-left: 40px; }
nav section { padding: 18px 0 18px 18px; background: none; margin-right: 10px; width: 28%; float: left; border: 0px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
nav section:hover { background-color: #D6D6D6; }
nav section h3 { float: none; margin: 0px; padding: 0px; margin-bottom: 12px; }
ul.item { padding-left: 30px; margin: 0px; }
ul.item li { padding-left: 0px; width: 100%; float: none; border: none; }
ul.item li:hover { background-color: none; }

section#highlight { border: 2px solid #0B4C0B; background-color: #CDF2CD; }
section#highlight ul li:hover { background-color: #CDF2CD; }
section#highlight a, li#highlight a:visited { color: #0B4C0B; }
section#highlight a:hover { color: #159115; }
ul.green li { list-style-image: url('/resources/landing/ledgreen_s.png'); }
ul.blue li { list-style-image: url('/resources/landing/ledblue_s.png'); }
ul.yellow li { list-style-image: url('/resources/landing/ledyellow_s.png'); }

h3#download { width: 181px; height: 30px; background: url('/resources/landing/get_sabnzbd.png') no-repeat; text-indent: -500em;}
h3#support { width: 182px; height: 30px; background: url('/resources/landing/get_support.png') no-repeat; text-indent: -500em;}
h3#addons { width: 169px; height: 30px; background: url('/resources/landing/get_addons.png') no-repeat; text-indent: -500em;}

ul#slideshow h2 { margin: 0px; padding: 20px 20px 0px 20px; }
ul#slideshow p { margin: 0px; padding: 0px 20px; font-size: 12pt; line-height: 1.3em;}

img.slideshow { margin-right: 20px; float: left; }

p#stats { clear: both; text-align: center; margin: 0px; padding: 16px 0; }

footer { text-align: center; font-size: 80%; margin: 16px 0; }

a, a:visited { font-weight: bold; color: #5A3E00; }
a:hover { color: #D88900; }