#main {
width: 1000px;
}

div#why-rain {
padding: 10px 45px;
}

div.item {
/* background: url(/why-rain/images/gradient.jpg) left top no-repeat; */
height: 600px;
padding: 10px 45px;
border-bottom: 1px solid #ccc;
}

div.right {
padding-right: 380px;
}

div.right_narrow {
padding-right: 490px;
}

div.left {
padding-left: 380px;
}

div.left_narrrow {
padding-left: 490px;
}

div.item h2 {
width: auto;
}

div.item h3 {
font-size: 140%;
margin-right: 0;
color: #000;
}

div.item p {
font-size: 120%;
line-height: 1.6em;
}

div.item img, {
display: none;
}

#design {
background: url(/why-rain/images/design.jpg) left top no-repeat;
}

#balance {
background: url(/why-rain/images/balance.jpg) left top no-repeat;
}

#support {
position: relative;
background: url(/why-rain/images/support.jpg) left top no-repeat;
}

#support .footnote {
position: absolute;
bottom: 15px;
left: 45px;
font-size: 90%;
width: 900px;
}

#users {
background: url(/why-rain/images/users.jpg) right top no-repeat;
}


/* icons */
.yinyang {
background: url(/why-rain/images/icons/yinyang.jpg) left top no-repeat;
padding-left: 100px;
padding-bottom: 30px;
line-height: 1.4em;
font-size: 80%;
}

.quiet {
background: url(/why-rain/images/icons/quiet.jpg) left top no-repeat;
padding-left: 100px;
padding-bottom: 30px;
line-height: 1.4em;
font-size: 80%;
}



#section-nav {
width: 900px;
margin: 15px auto;
height: 175px;
overflow: hidden;
}

div.callout {
float: left;
width: 180px;
margin: 10px 20px;
}

div.callout h2 {
font-size: 140%;
}

.last_col {
margin-right: 0;
}




#userlist {
overflow: hidden;
}

#userlist ul {
list-style-type: none;
}

#userlist ul li {
padding-bottom: 10px;
}

#userlist-left, #userlist-right {
width: 245px;
color: #000;
font-size: 115%;
}

#userlist-left {
float: left;
}

#userlist-right {
float: right;
width: 240px;
}




div#users {
height: auto;
}