html, body {
background-color: #ffffff;
color: #1a1a1a ;
font-family: Helvetica, Arial, sans-serif ;
font-size: 16px;
height: 100% ;
line-height: 30px ;
margin: 0px ;
max-width: 1200px ;
min-width: 400px;
padding: 0px ;
}


h1 {
color: #1a1a1a ;
font-family: Helvetica, Arial, sans-serif ;
font-size: 50px ;
font-weight: bold ;
margin: 0px ;
max-width: 1200px ;
}

h2 {
color: #cccccc ;
font-size: 40px ;
margin: 0px ;
max-width: 1600px ;
padding: 30px ;
padding-top: 50px ;
}

h3 {
color: #cccccc ;
font-family: Helvetica, Arial, sans-serif ;
font-size: 30px ;
font-weight: bold ;
margin: 0px ;
max-width: 1200px ;
padding-top: 15px ;
padding-bottom: 0px ;
}

a {
margin: 0px ;
text-decoration: none ;
white-space: nowrap ;
}

ul, ol, li {
list-style: none; margin: 0px ;
padding-top: 10px;
}


#container {
height: auto !important ;
margin: 0;
min-height: 100% ;
position: relative ;
width: 1000px ;
}

#header {
background-image: url('../images/weird_gears.png');
background-position: 200px 5px;
background-repeat: no-repeat;
color: #1a1a1a ;
background-color: #ffffff ;
height: 230px;
margin: 0px ;
overflow: visible;
padding-bottom: 0px;
padding-left: 60px ;
padding-top: 30px;
width: 1110px ;
}

#header h1 {
float: left;
padding-left: 243px;
padding-top: 95px;
}

#open {
color: #ffffff;
display: inline;
padding-left: 3px;
padding-right: 25px;
}

#gears {
float: left;
height: 220px;
padding-top: 0px;
width: 210px;
}

/*#signup{
clear: both;
float: right;
padding-right: 277px;
padding-top: 20px;
}*/

a {
color: #00afff;
}

a:visited {
color: #00afff; 
text-decoration: none ; 
} 

a:active { 
color: #00afff; 
text-decoration: none; 
}

a:hover { 
color: #ffae2a; 
text-decoration: none; 
}

#description {
clear: both;
float: left;
max-width: 550px;
min-width: 500px;
overflow: hidden;
padding-left: 215px;
padding-top: 50px ;
padding-bottom: 64px ;
}

#outlets {
clear:both;
font-size: 40px;
color
}

#chat {
float: left;
padding-left: 260px;
}

#email {
float: left;
padding-left: 215px;
}

#stats {
float: left;
padding-top: 0px;
width: 100%;
} 

#permonth {
float: left;
padding-left: 110px;
padding-top: 40px;
}

#permonth h2{
padding-bottom: 100px;
padding-left: 240px;
}

#istats-container {
clear:both;
float: left;
margin: 0;
padding-left: 290px;
padding-top: 120px;
padding-bottom: 30px;
}

#istats {
background-color: #00d455;
color: white;
float: left;
font-size: 20px;
margin: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
solid #000; 
padding-bottom: 30px;
padding-left: 30px;
padding-right: 70px;
padding-top: 20px;

}

#inquiries {
float: left;
}

#answers{
float: left;
}

#videos {
clear: both;
float: left;
min-width: 900px;
padding-left: 300px;
padding-top: 90px;
}

#videos h2 {
padding-bottom: 70px;
padding-left: 40px;
}


#topics {
clear: both;
float: left;
min-width: 1200px;
padding-left: 40px;
padding-top: 90px;
}

#topics h2 {
padding-bottom: 70px;
padding-left: 50px;
}

#cloud {
float: left;
max-width: 900px;
padding-left: 50px;
}

.s1{
font-size: 46px;
padding-left: 15px;
padding-right: 15px;
}

.s2{
font-size: 43px;
padding-left: 15px;
/padding-right: 15px;
}

.s3{
font-size: 40px;
padding-left: 15px;
padding-right: 15px;
}

.s4{
font-size: 37px;
padding-left: 15px;
}

.s5{
font-size: 34px;
padding-left: 15px;
padding-right: 15px;
}

.s6{
font-size: 31px;
padding-left: 15px;
padding-right: 15px;
}

.s7{
font-size: 28px;
padding-left: 15px;
padding-right: 15px;
}

.s8{
font-size: 25px;
padding-left: 15px;
padding-right: 15px;
}

.s9{
font-size: 22px;
padding-left: 15px;
padding-right: 15px;
}

.s10{
font-size: 19px;
padding-left: 15px;
padding-right: 15px;
}

#topics p {
float: left;
padding-left: 230px;
padding-top: 40px;
}
#related {
clear: both;
float: left;
padding-left: 320px;
padding-top: 110px;
}
#related ul {
padding-left: 120px;}

#tietogether {
clear: both;
float: left;
max-width: 700px;
padding-left: 195px;
padding-top: 110px;
}

#footer {
background-repeat: no-repeat ;
border-top: none ;
bottom: 0 ; 
clear: both ;
font-family: Helvetica, Sans-Serif, Arial ;
font-size: 10px ;
left: 0 ;
margin-top: 0px ;
position: relative ;
width: 100% ;
}

#legal {
float: left ;
line-height: 17px;
margin-bottom: 0px;
max-width: 700px; 
padding-bottom: 0px;
padding-left: 220px;
padding-top: 100px;
}


#backhome {
float: left;
padding-bottom: 40px;
padding-left: 80px;
padding-top: 200px;
}

/*
#backhome img {
border: none;
}*/

#hp-container {
background-attachment: scroll;
background-image: url('../images/backhome.png');
background-position: top left;
background-repeat: no-repeat;
padding-left: 90px;
}

#hp-content {
padding-left: 200px;
padding-top: 50px;
}
