/* Created by Carlos Porto, Design Drifter. Contact at cporto(at)designdrifter.com */

body {
margin:0;
padding:0;
font-family:"Trebuchet MS", "Liberation Sans", verdana, arial, helvetica, sans-serif ;
font-size:76%;
color:#333;
background:#e4ffc9 url(/img/bg-repeat.png) repeat-x 0 0;
text-align:center;
}

/*typography ------------------------------------------------------------------------------*/
//a, a:link, a:visited, a:active, a:hover {color:#333;}
a, a:link, a:visited, a:active, a:hover {color:#666666;}
//a:hover{background:#7ea356; color:#FFFF7D;}
a:hover{color:#666666;}

h1,h2,h3,h4,h5,h6{
clear:both;
margin:1.6em 0em .2em 0em;
text-align:left;
}
h1 {
color:#507f19;
font-size:1.6em;
margin:.6em 0em .2em 0em;
}
h2 {
color:#81b34e;
font-size:1.4em;
}
h3 {
color:#67804e;
font-size:1.2em;
}
h4 {
font-size:1.2em;
}
h5 {
font-size:1.0em;
}
h6 {
font-size:0.8em;
}

img {border:0; margin:0; padding:0;}
ol, ul, li {
line-height:1.8em;
margin-top:0.2em;
margin-bottom:0.1em; 
}
p {
line-height:1.2em;
margin:1em 0em 1em 0em;
}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small*/
font-family:monospace;
font-size:1.0em;
}
strong, b {font-weight:bold;}
fieldset{
margin:0;
padding:0;
border:none;
}

/* Layout ------------------------------------------------------------------------------*/
#container{
background:transparent url(/img/bg.png) no-repeat center top;
text-align:left;
margin:0;
padding:0;
z-index:1;
font-size:1.1em;
}

#wrapper{
background:url(/img/bg-wrapper.png) repeat-x bottom;
width:960px;
padding-bottom:10px;
margin:0 auto;
position:relative;
overflow: visible;
}
#heading{
height:170px;
width:960px;
}
#content{
padding:10px;
margin:20px 10px 10px 10px;
background:#dbfcc0 url(/img/bg-body.png) repeat-x 0 -20px;
width:640px;
float:left;
}

div#quickmenu{
width:260px;
height:108px;
float:left;
margin:-27px 0 9px 0;
}

#sidebar{ 
background:url(/img/bg-ads.png) repeat-x 0 0;
width:235px;
padding:20px 10px 10px 10px;
color:#fff;
position:relative;
z-index:50;  
float:left;
}

/* Branding, logo  ------------------------------------------------------------------------------*/
#branding{
background:url(/img/logo.png) no-repeat 0 0;
width:265px;
height:79px;
position:absolute;
top:30px;
right:-17px;
z-index:40;
}

#branding a.ir{
background:url(/img/logo.png) no-repeat 0 0;
z-index:60;
width:265px;
height:79px;
position:absolute;
top:0;
left:0;
}

/*Navigation  ------------------------------------------------------------------------------*/
.access{display:none;}

#nav{
color:#333;
height:170px;
margin:0;
padding:0;
}

#nav-section {
margin:0 -4px ;
padding:0;
height:140px;
}

#nav-section li { /*float the main list items*/
margin:0;
float:left;
display:block;
width:7em;
}

/* top link styling*/
#nav-section li a {
text-decoration:none;
color:#333;
padding:110px 0 0 0;
height:30px;
width:100%;
text-align:center;
outline:none;
display:block;
font-size:1.1em;
}

#nav-section li.off:hover ul {/* sub nav bg styling*/
display:block;
margin-top:0;
background:transparent url(/img/bg.png) no-repeat -165px -140px;
width:640px;
}

#nav-section li li{/* Sub nav styling */
background:none;
margin:0;
padding:0;
width:auto;
height:50px;
line-height:50px;
position:relative;
z-index:5;
}

#nav-section li ul {display:none;}

#nav-section li.off ul, #nav-section li.on ul { /*put the subnav below*/
position:absolute;
top:140px;
left:5px;
width:100%;
padding-left:5px;
margin:0;
width:640px;
height:50px;
z-index:10;
}
#nav-section li.on ul { /*make sure sub nav shows under the hover */
z-index:5;
}
#nav-section li.on ul a, #nav-section li.off ul a {
float:left; /*ie doesn't inherit the float*/
color:#fff;
margin:0;
padding:0 10px;
height:50px;
line-height:50px;
white-space:nowrap;
}
#nav-section li.on a {background:transparent url(/img/bg-nav-hover.png) repeat-x left -140px;}
#nav-section li.on ul {
display:block;
height:50px;
margin:0;
}

/*hover colors*/
#nav-section li.on a {color:#000; font-weight:bold;}
#nav-section li.on li a, #nav-section li li a{font-weight:normal; background:transparent; width:auto;}
#nav-section li.on li.on a{color:#fa140f;}
#nav-section li.off a:hover {color:#000; background:url(/img/bg-nav-hover.png) repeat-x left 0px;}
#nav-section li.off li a:hover, #nav-section li.on li a:hover {/* subnav hover*/
color:#FFFF7D;
background:#5e7d3a;
}
#nav-section li.on li.on a {/* subnav hover On*/
color:#FFFF7D;
background:#495e2f;
}

/* Image Carousel  ------------------------------------------------------------------------------*/
div#carousel{
background:url(/img/bg-carousel.png) repeat-x top left;
height:140px;
width:640px;
margin:0 auto 2em auto;
position:relative;
text-align:center;
}

div#rotator{
margin:0 auto;
padding:0;
white-space:nowrap;
width:500px;
height:140px;
position:relative;
overflow:hidden;
}

ul#rotator-content{
list-style:none;
position:absolute;
top:0px;
width:5418px;
height:140px;
margin-left:-60px;
overflow:hidden;
}

ul#rotator-content li{
float:left;
height:120px;
line-height:140px;
padding:10px 15px;
margin:0;
position:relative;
z-index:3;
}

div#carousel2{
background:url(/img/bg-carousel.png) repeat-x top left;
height:260px;
width:640px;
margin:0 auto 2em auto;
position:relative;
text-align:center;
}

div#rotator2{
margin:0 auto;
padding:0;
white-space:nowrap;
width:600px;
height:260px;
position:relative;
overflow:hidden;
}

ul#rotator-content2{
list-style:none;
position:absolute;
top:0px;
width:600px;
height:260px;
margin-left:0px;
overflow:hidden;
}

ul#rotator-content2 li{
float:left;
height:120px;
line-height:260px;
padding:10px 5px;
margin:0;
position:relative;
z-index:3;
}

p#btn-left, p#btn-right{
margin:0;
padding:0;
width:70px;
height:140px;	
position:absolute;
top:0;
}

p#btn-left{ left:0;}
p#btn-right{ right:0;}

p#btn-left a, p#btn-right a {
display:block;
background-image:url(/img/btn-carousel.png);
background-repeat:no-repeat;
width:70px;
height:140px;
outline:none;
z-index:20;
}
div#content-article p#btn-left, div#content-article p#btn-right {
margin:0;
}

p#btn-left a.ir, p#btn-right a.ir{
background-image:url(/img/btn-carousel.png);
background-repeat:no-repeat;
position:absolute;
left:0;
top:0;
display:block;
width:70px;
height:140px;
z-index:40;
}

p#btn-left a.ir, p#btn-left a{background-position:0 0;}
p#btn-left a.ir:hover, p#btn-left a:hover{ background-position:0 -140px;}

p#btn-right a.ir, p#btn-right a{ background-position:-70px 0;}
p#btn-right a.ir:hover, p#btn-right a:hover{ background-position:-69px -140px;}


/* quick Buttons  ------------------------------------------------------------------------------*/
ul#buttons{
margin:0;
padding:0;
list-style:none;
position:relative;
z-index:50;
}

ul#buttons li{
width:85px;
height:108px;
float:left;
text-align:center;
}

ul#buttons a{
display:block;
width:85px;
height:25px;
background:url(/img/buttons.png) no-repeat 0 0;
outline:none;
padding-top:83px;
color:#fff;
text-decoration:none;
}
ul#buttons li a:hover, ul#buttons li a.on{color:#000;}

ul#buttons li#btn-donate a{ background-position:-5px 0;}
ul#buttons li#btn-donate a:hover{ background-position:-5px -108px;}
ul#buttons li#btn-donate a.on{ background-position:-5px -108px;}

ul#buttons li#btn-forum a{ background-position:-90px 0;}
ul#buttons li#btn-forum a:hover{ background-position:-90px -108px;}
ul#buttons li#btn-forum a.on{ background-position:-90px -108px;}

ul#buttons li#btn-download a{ background-position:-170px 0;}
ul#buttons li#btn-download a:hover{ background-position:-170px -108px;}
ul#buttons li#btn-download a.on{ background-position:-170px -108px;}


/* Ads  ------------------------------------------------------------------------------*/
#sidebar input#search{
width:180px;
line-height:24px;
color:#333;
padding:3px 6px;
background:#ccffaa;
border:solid 2px #81ab64;
}

#sidebar input#btn-search{
width:30px;
height:25px;
padding:0;
margin:0 0 -7px 0;
}

#sidebar a, #sidebar a:hover{
background:none;
padding:0;
margin:0;
}


ul.ads, ul.sponsors{
margin:0;
padding:0;
list-style:none;
}
ul.ads li, ul.sponsors li{
background:#c5daaf;
width:235px;
margin:10px 0;
border:solid 1px #81ab64;
text-align:center;
line-height:0;
}
.article-ads{
background:#cae8b2;
padding:5px;
margin:20px 0;
text-align:center;
}
.ads-banner{
background:#cae8b2;
padding:0px;
margin:20px 0;
text-align:center;
}
.ads-banner a, .ads-banner a:hover{margin:0; padding:0; line-height:0;}


/* Content Article  ------------------------------------------------------------------------------*/
div#content-article{
min-height:400px;
}

div#content-article div.article{
background:#f1ffd8;
padding:1em;
margin:10px 0;
overflow:hidden;
}
div#content-article div.article h1, div#content-article div.article h2{
margin:.2em 0;
padding:0;
}
div#content-article p{
margin:1em;
}
#content-article p a, #content-article p a:visited{
//background:#f3fea4;
//color:#333;
color:#666666;
padding:0px 5px 0 5px;
}
#content-article p a:hover{
//background:#7ea356;
//color:#FFFF7D;
color:#666666;
}
div#content-article p.timestamp{
color:#798a4f;
margin:0;
padding:0;
font-size:0.9em;
}
div#content-article div.article img.thumb{float:left; margin:10px 10px 10px 0;}

/* Content Release notes  ------------------------------------------------------------------------------*/
div#content-releasenotes{
min-height:400px;
}

div#content-releasenotes div.article{
background:#f1ffd8;
padding:1em;
margin:10px 0;
overflow:hidden;
}
div#content-releasenotes div.article h1, div#content-article div.article h2{
margin:.2em 0;
padding:0;
}
div#content-releasenotes p{
margin:1em;
}
div#content-releasenotes p.timestamp{
color:#798a4f;
margin:0;
padding:0;
font-size:0.9em;
}
div#content-releasenotes div.article img.thumb{float:left; margin:10px 10px 10px 0;}

/* Site Info  ------------------------------------------------------------------------------*/
#siteinfo-legal{
clear:both;
text-align:left;
background:#e4ffc9 url(/img/bg-footer.png) repeat-x 0 0;
padding:10px 10px 10px 10px;
margin:10px 10px 0px 10px ;
}
#siteinfo-legal p{
font-size:0.8em;
}
.copyright{font-weight:bold;}

/* About Us  ------------------------------------------------------------------------------*/
dl.team{
background:#f1ffd8;
padding:10px;
margin:10px 0;
overflow:hidden;
}
dl.team dt{
font-weight:bold;
font-size:1.3em;
color:#67804e;
margin:0 0 .6em 0;
}

dl.team dd{ margin:0; padding:0; position:relative;}
dl.team dd img{
float:right;
margin:-4em 0 .6em 1em;
border:5px solid #fff;
}
div#content-article dl.team dd p{margin:1em 0;}

/* slideshow   ------------------------------------------------------------------------------*/
div#screens{
margin: 0;
padding:0;
}
div#screens h2{margin-top:0;}

div#slider {
position: relative; /* important */
overflow: hidden; /* important */
width: 640px; /* important */
height: 480px; /* important */
margin: 0;
padding: 0;
background: #fff;
}
div#slider li {
display: block;
float: left;
margin: 0;
padding: 0;
}

ul#sliderContent {
position: absolute;
top: 0;
margin-left: -40px;
width: 13440px;
height: 480px;
}

ul#sliderContent li {
list-style: none;
margin: 0;
padding: 0;
}

#sliderThumbs {
margin: 0;
padding: 0;
clear: both;
}

#sliderThumbs ul {
background:#F1FFD8;
list-style: none;
margin: 5px 0;
padding: 5px;
overflow: hidden;
height: auto;
}

#sliderThumbs li {
margin: 2px;
float: left;
}
#sliderThumbs li a{ outline:none;}
#sliderThumbs ul li img{
padding: 2px;
width:55px;
height:41px;
}
#sliderThumbs ul li img:hover {background-color: #9cdf5a;}

/* Sponsor table   ------------------------------------------------------------------------------*/

table.sponsor-table{
padding: 0;
margin: 0;
border-collapse: collapse;
font-family:"Trebuchet MS", "Liberation Sans", verdana, arial, helvetica, sans-serif ;
width: 100%;
}

table.sponsor-table th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #ffff7d;
border-top:solid 1px #72875B;
border-bottom:solid 1px #72875B;
text-transform: uppercase;
text-align: center;
padding: 6px;
background:#96B278;
}

table.sponsor-table td {
background: #fff;
padding: 6px;
text-align: center;
}
table.sponsor-table td.donation {
font-size:1.8em;
color:#777;
font-weight: bold;
font-family: "Liberation Serif", Times, serif;
}
table.sponsor-table tr.alt td {background:#e5f5d5;}
table.sponsor-table td img.icon{height:20px; margin:0; padding:0;}

/* table styling   ------------------------------------------------------------------------------*/

table.table{
padding: 0;
margin: 0 0 20px 0;
border-collapse: collapse;
font-family:"Trebuchet MS", "Liberation Sans", verdana, arial, helvetica, sans-serif ;
width: 100%;
border:solid 1px #779756;
}

table.table th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
padding: 6px;
background:#779756;
}

table.table td {
background: #fff;
padding: 6px;
text-align: center;
}

table.table tr.alt td {background:#e5f5d5;}

/* release   ------------------------------------------------------------------------------*/
ul#release-info{
list-style:none;
margin:10px 0 20px 0;
padding:10px;
background:#D6EDBE;
}

ul#release-info strong{
display: block;
float: left;
width:7em;
text-align: right;
padding-right:10px;
font-size:1.2em;
}


/* downloads   ------------------------------------------------------------------------------*/
dl.download-release{}

dl.download-release dt{
color:#81b34e;
font-size:1.4em;
font-weight: bold;
margin:20px 0;
}
dl.download-release dd.iso, dl.download-release dd.torrent{
width:140px;
margin:10px 80px 20px 80px;
text-align: center;
float: left;
}
dl.download-release dd.iso a, dl.download-release dd.torrent a{
text-decoration:none;
display: block;
width:140px;
}
dl.download-release dd.md5, dl.download-release dd.sha1{
clear: both;
}

/* login form ------------------------------------------------------------------------------*/
div#login-form{
margin:20px;
padding:20px;
background:#D6EDBE;
}
div#login-form h2{margin-top:0;}


/* Software  ------------------------------------------------------------------------------*/
body.software #content{ text-align:center;}
body.software #content h1{ margin:0 0 .6em 0;}

/* Software Version*/
body.software div#version{
background:#b5e781;
padding:10px;
}
body.software div#version h2{
color:#507F19;
margin:0;
}
body#software.software div#version ul{
list-style:none;
margin:10px 0;
padding:0;	
}
body#software.software div#version li{
margin:5px 0;
}
body.software div#version li a{
/*background:#FFFF7D;
color:#7ea356;*/
background:#f3fea4;
color:#333;
display: block;
padding:5px 10px;
text-decoration: none;
font-size:1.2em;
}
body.software div#version li a:hover{
background:#FFFF7D;
}

/* Software Featured */
div#apps-featured{
background:url(/img/bg-carousel.png) repeat-x top left;
height:140px;
text-align:left;
margin:0;
padding:.6em;
}
div#apps-featured h2{
margin:0;
padding:0;
}

/* Software Recent - Popular */
dl#apps-recent, dl#apps-popular{
float:left;
width:310px;
background:#edffdc;
text-align:left;
}
dl#apps-recent{
margin:1em 10px 1em 0;
min-height:180px;
}
dl#apps-popular{
margin:1em 0 1em 10px;
min-height:180px;
}
dl#apps-recent h2, dl#apps-popular h2{
margin:.6em .6em 0 .6em;
padding:0;
}
dl#apps-recent dd, dl#apps-popular dd{
font-size:1.2em;
margin:.2em .4em;
padding:0;
}
dl#apps-recent dd a, dl#apps-popular dd a{
display:block;
padding:.2em 8px .2em 25px;
text-decoration:none;
}
dl#apps-recent dd a{
background:transparent url(/img/new.png) no-repeat 4px center;
}
dl#apps-popular dd a{
background:transparent url(/img/fave.png) no-repeat 4px center;
}

dl#apps-recent dd a:hover, dl#apps-popular dd a:hover{
background-color:#7ea356;
color:#FFFF7D;
}

/* Software Category */
dl#apps-category{
text-align:left;
margin:0 auto;
padding:0;
background:#edffdc;
overflow:hidden;
clear:both;
width:100%;
}
dl#apps-category h2{
margin:.6em .6em 0 .6em;
padding:0;
}
dl#apps-category dd{
margin:8px 16px;
float:left;
font-size:1.2em;
position:relative;
}
dl#apps-category dd a{
display:block;
padding:10px 5px 10px 60px;
width:115px;
background:#d6edbe;
text-decoration:none;
}
dl#apps-category dd a:hover{background:#7ea356;color:#FFFF7D;}
dl#apps-category dd a:hover em{color:#fff;}

dl#apps-category dd img{
position:absolute;
left:.15em;
top:.35em;
}
dl#apps-category dd em{
display:block;
font-style:normal;
font-size:.8em;
color:#666;
}

/* Software login */
dl#login{
margin:1.4em 0;
padding:5px 0;
background:url(/img/bg-ads.png) repeat-x 0 0;
}
dl#login h2{
margin:0 10px;
padding:0;
color:#507f19;
}
dl#login dd{
margin:10px 10px;
font-size:1.1em;
}
dl#login dd a{text-decoration:none;}
dl#login dd a:hover{
background:#7ea356;
color:#FFFF7D;
}

.message{
background:#FFFF7D;
margin:5px;
padding:0 5px;
color:#333;
}


/* Software Category */
body.software div#content{text-align:left; position:relative;}

body.software div#content ul{
list-style:none;
margin:0;
padding:0;
}
div#content-cat{
background:#d6edbe;
padding-bottom:.6em;
}

ul#sort{
background:#effbd2;
height:25px;
}

ul#sort li{
float:left;
margin:0 5px;
padding:4px .5em 1px .5em;
background:#8f9f7f;
height:20px;
line-height:20px;
border-right:solid 1px #777;
}
ul#sort li a{
color:#fff;
background:transparent;
text-decoration:none;
}

ul#sort li a:hover{
text-decoration:underline;
}

ul#sort li.on{
background:#d6edbe;
border-right:1px solid #7e8c70;
border-bottom:solid 1px #d6edbe;
font-weight:bold;
}

ul#sort li.on a{color:#333;text-decoration:none;}

body#software.software p.page{clear:both; text-align:right; margin:5px 10px;}

ul#cat-list li{
margin:10px 10px 30px 10px;
padding:.1em .5em;
background:#f1ffd8;
position:relative;
}
ul#cat-list li h2{
margin:5px 0 0 0;
padding:0;
}

/* software install button */
div#content-cat ul#cat-list li p.cat-install{
position:absolute;
top:5px;
right:5px;
z-index:10;
}

div#content-cat p.cat-install{
width:80px;
height:42px;
font-size:.7em;
padding:0;
margin:0;
position:relative;
}
div#content-cat p.cat-install a.ir{
position:absolute;
left:0;
width:80px;
height:42px;
z-index:20;
background:transparent url(/img/software/btn-install.png) no-repeat 0 0;
}
div#content-cat p.cat-install a.ir:hover{
background:transparent url(/img/software/btn-install.png) no-repeat 0 -42px;
}

div#content-cat ul#cat-list li ul.stats{
background:transparent;
}

ul#cat-list li ul.stats li{
float:left;
margin:.5em 1em 1em 0;
padding:0;
color:#666;
}
ul.stats label, ul.info label{
font-weight:bold;
color:#444;
margin-right:.3em;
}

ul#cat-list p.description{
clear:both;
background:#dae9bf;
padding:.5em;
}

/*Software Item */
body#software.software h1{
  padding-right:90px;
}

#info h2, #description h2, #screenshot h2, #review h2, #review-input h2{
  margin:0;
  padding:0;
}

#info h2{color:#507F19;}

body#software.software div#info, body#software.software div#description, body#software.software div#screenshot, body#software.software div#review, body#software.software div#review-input{
background:#f1ffd8;
padding:10px;
margin:10px 0;
}

body#software.software div#info{
background:#e6ffcd url(/img/bg-ads.png) repeat-x 0 -90px;
}

body#software.software div#screenshot div#carousel{
width:620px;
margin:10px 0 0 0;
}

body#software.software ul.info{
margin:0;
padding:0;
list-style:none;
clear:both;
width:100%;
overflow:hidden;
}

body#software.software ul.stats{
margin:10px 0 0;
padding:5px 10px;
list-style:none;
clear:both;
width:97%;
overflow:hidden;
background:#D6EDBE;
}
body#software.software ul.stats li{
margin:0 1.3em 0 0;
padding:0;
color:#666;
float:left;
}

body#software.software p.install{
position:absolute;
top:10px;
right:10px;
z-index:10;
width:120px;
height:62px;
padding:0;
margin:0;
}
body#software.software p.install a.ir{
position:absolute;
left:0;
width:120px;
height:62px;
z-index:20;
background:transparent url(/img/software/btn-mintinstall.png) no-repeat 0 0;
}
body#software.software p.install a.ir:hover{
background:transparent url(/img/software/btn-mintinstall.png) no-repeat 0 -62px;
}

/* Software reviews */
dl.review{margin:1em 0;padding:0; position:relative;}
dl.review dt{
margin:0;
padding:0 0 1.1em 0;
font-weight:bold;
background:transparent url(/img/software/bg-review.png) no-repeat 30px 18px;
}
dl.review dd{
clear:both;
margin:0;
padding:.5em;
background:#dae9bf;
}
dl.review dd.summary{margin:0 0 1em 0;}
dl.review dd{
clear:both;
margin:0;
padding:.5em;
background:#dae9bf;
}
dl.review dd.rating{font-weight:bold;}
dl.review dd.summary{margin:0 0 1em 0;}

div#review-input input#comment{
height:60px;
overflow:auto;
width:100%;
}


div#frapper-map{
margin:30px auto;
}