/*  
Theme Name: WATERFALL (Function)
Theme URI: http://www.waterfallmagazine.com/
Description: 
Version: 2009.07.21
Author: y8
Author URI: http://www.whypluseight.com/
Tags: waterfall
*/
html,body{
margin:0;
padding:0;
}
body{
color:#333;
font-size:12px;
font-family:serif, Verdana, Arial;
line-height:160%;
}
a{
color:#888;
text-decoration:none;
}
a:hover{
color:black;
text-decoration:none;
}
a img{
border:0;
}
.black{
color:black;
}
.margin-10-0{
margin:10px 0 !important;
}
#header{
border-bottom:3px solid black;
padding-bottom:2px;
padding-top:20px;
margin-bottom:20px;
position:relative;
}
h1{
margin:0;
padding:0;
width:251px;
height:42px;
margin-bottom:16px;
float:left;
display:inline;
}
h1 a{
display:block;
height:42px;
width:251px;
background:url(images/h10723.jpg) no-repeat;
font-weight:normal;
font-size:.1em;
padding-top:42px;
height:0;
overflow:hidden;
}
#description{
margin:0;
padding:0;
margin-left:270px;
padding-top:26px;
color:#bbb;
}
#navigator{
margin:0;
padding:0;
clear:both;
border-bottom:1px solid black;
height:22px;
padding-bottom:2px;
}
#navigator li{
float:left;
display:inline;
height:22px;
margin-right:22px;
}
#navigator li a{
display:block;
font-size:.1em;
padding-top:22px;
height:0;
overflow:hidden;
background:url(images/navigator_2010.jpg) no-repeat;
}
li#currentIssueLink a{
width:88px;
background-position:-1px 0;
}
li#shopLink a{
width:36px;
background-position:-338px 0;
}
li#stockists a{
width:59px;
background-position:-91px 0;
}
li#pastIssuesLink a{
width:70px;
background-position:-152px 0;
}
li#about a{
width:44px;
background-position:-224px 0;
}
li#exhibition a{
width:68px;
background-position:-270px 0;
}
#wrap{
width:1000px;
margin:0 auto;
position:relative;
}
#main{
width:1000px;
position:relative;
height:1% !ie;
background:url(images/main.gif) repeat-y 200px 0;
margin-bottom:20px;
}
#main:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
#leftColumn{
float:left;
width:190px;
}
#rightDivision{
float:right;
display:inline;
width:784px;
}
#content{
width:612px;
float:left;
display:inline;
}
#rightColumn{
float:right;
width:140px;
}
.sidebar{
margin:0;
padding:0;
list-style:none;
}
#rightWrapper{
}
#searchform{
position:absolute;
top:73px;
right:0;
width:230px;
}
#searchform p{
margin:0;
text-align:right;
}
#searchform #s{
border:1px solid #eee;
}
#searchform #searchsubmit{
font-family:serif,Verdana,Arial;
font-size:12px;
margin:0;
border:0;
color:black;
background:white;
}
h2{
color:black;
}
h2 a{
color:black;
text-decoration:none;
}
h2 a:hover{
text-decoration:underline;
}
.tags{
text-align:right;
}
.postmetadata{
text-align:left;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
padding:10px 0;
margin:10px 0;
color:#888;
}
.posted{
text-align:right;
}
.postmetadata a{
text-decoration:underline;
}
.sidebar ul{
margin-left:20px;
padding:0;
list-style:disc;
}
#footer p{
margin:0;
padding:0;
}
#footer{
clear:both;
text-align:center;
border-top:1px solid black;
padding-top:2px;
}
#footer div{
border-top:3px solid black;
position:relative;
padding:10px 0;
}
.pagenav h2{
display:none;
}
#rightColumn h2{
display:none;
}
textarea{
width:98% !important;
}
#tagCloud{
padding-bottom:15px;
}
.pagenav ul,
#recentComments ul,
#recentPosts ul,
#tagCloud ul{
margin:0;
padding:0;
list-style:none;
}
.pagenav ul,
#recentComments ul,
#recentPosts ul{
padding-left:3px;
}
#currentIssue{
padding-bottom:20px;
}
#currentIssue h2{
display:none;
}
#currentIssue p{
margin:0;
padding-bottom:6px;
line-height:1.2em;
}
#recentPosts h2,
#recentComments h2{
height:25px;
font-size:.1em;
font-weight:normal;
margin:0;
padding:0;
text-indent:-5000px;
background:url(images/lefth2.jpg) no-repeat;
margin-bottom:8px;
}
#recentPosts h2{
background-position:-3px -25px;
}
#recentComments h2{
background-position:-3px -50px;
}
#recentPosts li,
#recentComments li{
line-height:1.3em;
margin-bottom:8px;
}
#lessonOne h2{
height:25px;
font-size:.1em;
font-weight:normal;
margin:0;
padding:0;
margin-bottom:8px;
}
#lessonOne h2 a{
padding-top:20px;
height:0;
width:90px;
display:block;
overflow:hidden;
background:url(images/lessontitle.jpg) no-repeat;
}
#lessonOne h3{
margin:0;
padding:0;
font-size:1em;
}
#lessonOne p{
margin:3px 0;
line-height:1.4em;
}
.pagenav,
#lessonOne,
#call-for-submissions,
#recentPosts{
padding-bottom:20px;
}
#content h2{
margin:0;
padding:0;
font-size:15px;
}
.postdate{
margin:0;
color:#bbb;
margin-bottom:8px;
}
.left{
float:left;
margin-right:10px;
margin-bottom:8px;
}
.right{
float:right;
margin-left:14px;
margin-bottom:8px;
}
.page_item{
font-size:1.2em;
}
.page_item a{
color:black;
}
.page_item a:hover{
text-decoration:underline;
}
#content .navigation,
#entriesNav{
margin:0;
padding:0;
list-style:none;
height:30px;
}
#content .navigation .alignleft,
#entriesNav .prev{
float:left;
width:300px;
text-align:left;
}
#content .navigation .alignright,
#entriesNav .next{
width:300px;
float:right;
text-align:right;
}
.italic{
font-style:italic;
}
#contactUsList{
margin:0;
padding:0;
list-style:none;
}
#contactUsList li{
padding-bottom:5px;
border-bottom:1px dotted black;
margin-bottom:20px;
}
#contactUsList li.last{
}
#contributorslist{
margin:0;
padding:0;
margin:0 30px;
padding-top:20px;
list-style:none;
clear:right;
}
#contributorslist{
height:1% !ie;
}
#contributorslist:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
#contributorslist li{
width:174px;
float:left;
margin-right:10px;
border-bottom:1px solid #eee;
margin-bottom:2px;
}
#dotdescription{
float:right;
width:200px;
padding:4px;
border:1px solid #eee;
text-align:center;
}
#dotdescription ul{
margin:0;
padding:0;
list-style:none;
}
#dotdescription img{
margin-right:5px;
}
#dotdescription li{
display:inline;
margin-right:10px;
}
* html #contributorslist li{
height:20px;
}
#issuesList_small{
margin:0;
padding:20px 1px;
list-style:none;
line-height:11px;
font-size:10px;
}
* html #issuesList_small{
font-family:Arial;
}
#issuesList_small{
height:1% !ie;
}
#issuesList_small:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
#issuesList_small li{
width:100px;
text-align:center;
height:180px;
float:left;
margin:5px 11px;
display:inline;
}
#issuesList_small div{
height:140px;
padding-bottom:5px;
}
#issuesList_small p{
margin:0;
}
#index{
padding:15px 0;
margin:15px 0;
border-top:1px solid #b8b8b8;
border-bottom:1px solid #b8b8b8;
height:1% !ie;
}
#index:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
.category_list{
margin:0;
padding:0 10px 0 0;
list-style:none;
margin-left:210px;
}
#index .cover{
float:left;
margin:0;
padding:0;
}
#pastIssues{
margin:0;
padding:0;
list-style:none;
}
#pastIssues .issue{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #b8b8b8;
}
#pastIssues .issue{
height:1% !ie;
}
#pastIssues .issue:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
#pastIssues .cover{
float:left;
width:190px;
height:254px;
margin:0;
}
#pastIssues div{
margin-left:210px;
width:402px;
}
#pastIssues .enter{
padding-top:10px;
}
#pastIssues .enter a{
color:black;
border-top:1px solid black;
border-bottom:1px solid black;
padding:2px 5px;
}
#pastIssues h3{
color:black;
font-size:14px;
margin-top:0;
}
.news .category_list{
margin-left:20px;
}
#donateus{
padding:0 0 20px;
}
#donateus form{
margin:0;
padding:0;
}
.entry{
padding-top:20px;
}
#sandwich{
padding-bottom:20px;
background:white;
}
.sandwich2{
border-bottom:3px solid black;
padding-bottom:2px;
}
.sandwich3{
border-bottom:1px solid black;
height:1%;
padding-bottom:12px;
}
.sandwich3:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
#sandwich .content{
width:326px;
float:left;
}
#sandwich .content p{
margin:0;
}
#sandwich .content p.en{
margin-top:11px;
margin-bottom:8px;
line-height:17px;
}
#sandwich .content p.zh{
margin-bottom:11px;
line-height:18px;
}
* html #sandwich .content p{
margin-top:7px;
}
#sandwich .image{
float:right;
height:200px;
width:450px;
overflow:hidden;
}
#sandwich h2{
margin:0;
padding:0;
}
#whats_your_function_in_life_title{
font-size:.1em;
text-indent:-5000px;
width:300px;
height:14px;
background:url(images/whats_your_function_title.jpg) no-repeat -1px 0;
}
#everyone_has_their_own_rooms_title{
font-size:.1em;
text-indent:-5000px;
width:309px;
height:15px;
background:url(images/everyone_has_their_own_rooms_title.jpg) no-repeat;
}
.waterfall_button{
border-top:1px solid black;
border-bottom:1px solid black;
}
.waterfall_button a{
font-size:12px;
color:black;
border-top:1px solid white;
border-bottom:1px solid white;
display:block;
padding:2px 4px;
line-height:12px;
background:white;
}
body .reverse_button a,
.waterfall_button a:hover{
background:black;
color:white;
}
body .reverse_button a:hover{
border-top:1px solid black;
border-bottom:1px solid black;
}
.sidebar ul.inlinelist,
.inlinelist{
margin:0;
padding:0;
list-style:none;
height:22px;
}
.inlinelist li{
float:left;
margin-right:20px;
}
.inlinelist li.right{
float:right;
margin:0 0 0 20px;
}
#infoLinks{
margin:0;
padding:0;
list-style:none;
font-size:1.1em;
}
#infoLinks li{
display:inline;
margin:0 5px;
}
#infoLinks li a{
color:black;
}
#infoLinks li a:hover{
text-decoration:underline;
}
body.donate #content h2,
body.rss-feeds #content h2,
body.advertising-information #content h2,
body.contributors #content h2,
body.contact #content h2,
body.about #content h2,
body.past-issues #content h2,
body.stockists #content h2,
body.shop #main h2,
#pastExhibitions h2{
height:20px;
font-size:.1em;
font-weight:normal;
margin:0;
padding:0;
text-indent:-5000px;
background:url(images/page_title_2010.jpg) no-repeat;
}
#pastExhibitions h2{
background-position:0 -105px;
}
body.donate #content h2{
background-position:0 -230px;
}
body.rss-feeds #content h2{
background-position:0 -205px;
}
body.advertising-information #content h2{
background-position:0 -130px;
}
body.contact #content h2{
background-position:0 -155px;
}
body.contributors #content h2{
background-position:0 -180px;
}
body.stockists #content h2{
background-position:0 -30px;
}
body.past-issues #content h2{
background-position:0 -55px;
}
body.about #content h2{
background-position:0 -5px;
}
body.shop #main h2{
background-position:0 -250px;
}
body.exhibition #content .entry{
border-bottom:1px solid #bbb;
height:1%;
padding-bottom:15px;
}
body.exhibition #content .entry:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
body.exhibition #content .entry h3{
margin:0;
margin-left:264px;
margin-bottom:10px;
font-size:15px;
color:black;
}
body.exhibition #content .entry .image{
float:left;
display:inline;
position:relative;
margin-top:-29px;
}
body.exhibition #content .entry .text{
margin-left:264px;
}
body.exhibition #content .entry h4{
font-size:1em;
margin:0;
}
body.exhibition #content .entry .info{
color:#999;
}
#stockistsContent h3{
font-size:15px;
color:black;
margin-top:0;
margin-bottom:10px;
}
#stockistsContent .area{
padding-bottom:15px;
}
#stockistsContent ul{
margin:0;
padding:0;
list-style:none;
}
#stockistsContent .area li{
margin-bottom:5px;
line-height:1.2em;
}
#stockistsContent .area li p{
margin:0;
}
#stockistsContent .area li .address{
color:#999;
}
#stockistsContent .area li .name{
color:#888;
}
#stockistsContent .area li .name a{
}
#stockistsContent .area li .name a:hover{
text-decoration:underline;
}
#stockistsContent .columnleft{
width:285px;
float:left;
display:inline;
margin-left:15px;
}
#stockistsContent .columnright{
width:300px;
float:right;
}
/* waterfall function buy now
http://gotothezoo.waterfallmagazine.com/news/waterfall-buy-now/
--------------------------------------------------*/
#function-buy-now-1,
#function-buy-now-2,
#function-buy-now-3,
#function-buy-now-4{
background:url(http://www.waterfallmagazine.com/images/function-buy-now-title.jpg) no-repeat;
font-size:.1em;
text-indent:-5000px;
height:21px;
border-bottom:1px solid #333;
}
#function-buy-now-1{
background-position:0 0;
}
#function-buy-now-2{
background-position:0 -25px;
}
#function-buy-now-3{
background-position:0 -50px;
}
#function-buy-now-4{
background-position:0 -75px;
}
#function-buy-now-area-0{
padding-bottom:50px;
}
#function-buy-now-area-1,
#function-buy-now-area-2,
#function-buy-now-area-3,
#function-buy-now-area-4{
padding:10px 0;
}
#function-buy-now-area-1 .shop-area,
#function-buy-now-area-3,
#function-buy-now-area-4{
height:1% !ie;
}
#function-buy-now-area-1 .shop-area:after,
#function-buy-now-area-3:after,
#function-buy-now-area-4:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
#function-buy-now-area-3 .image{
float:left;
width:238px;
margin:0;
}
#function-buy-now-area-3 .text{
margin-left:250px;
width:362px;
}
#function-buy-now-area-1 .shop-area{
border-bottom:1px solid #eee;
padding:15px 0;
}
#function-buy-now-area-1 .shop-area-left{
float:left;
width:280px;
}
#function-buy-now-area-1 .shop-area-right{
margin-left:430px;
padding-top:15px;
}
#function-buy-now-area-4 .column{
float:left;
width:170px;
margin-left:20px;
display:inline;
}
#function-buy-now-area-4 .column ul{
margin:0;
padding:0;
list-style:none;
}
#function-buy-now-area-4 h5{
margin:0;
color:black;
letter-spacing:.2em;
font-size:1em;
}
/* ================ end of waterfall function buy now */

h3#backToIssueIndex{
font-size:1em;
margin:0;
font-weight:normal;
}
h3#backToIssueIndex a{
color:#888;
}
h3#backToIssueIndex a:hover{
color:black;
text-decoration:underline;
}
#online-bookstore-list{
margin:0;
padding:0;
list-style-type:none;
height:36px;
}
#online-bookstore-list li{
width:170px;
float:left;
}
/* ================ online shop */
body.wide #main{
background:none;
}
ul#shopList{
margin:0;
padding:0;
list-style:none;
margin-bottom:80px;
margin-top:30px;
}
ul#shopList:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
* html ul#shopList{
height:1%;
}
ul#shopList li{
width:300px;
height:300px;
margin-right:50px;
display:inline;
float:left;
}
ul#shopList li.list_3{
margin-right:0;
}
ul#shopList .excerpt{
width:300px;
height:200px;
overflow:hidden;
background:url(images/shop_image_default.jpg) no-repeat;
}
ul#shopList .excerpt p{
margin:0;
}
ul#shopList li h3{
margin:12px 0 0;
padding:0;
font-size:1em;
}
ul#shopList li h3 a{
color:black;
}
ul#shopList li h3 a:hover{
text-decoration:underline;
}
/* single shop post */
a#backToShop{
color:black;
}
#shopPost .shopleft{
width:500px;
float:left;
display:inline;
margin-left:20px;
}
#shopPost .shopright{
margin-left:570px;
width:400px;
}
#shopPost h2{
border-bottom:1px solid black;
text-align:center;
margin-bottom:0;
padding-bottom:40px;
font-size:30px;
padding-top:20px;
}
#shopPost h3{
font-size:11px;
margin:0;
padding:0;
position:relative;
}
#shopPost h3 span{
position:absolute;
top:0;
left:0;
width:100px;
background:white;
}
#shopPost .detail h4{
margin-top:12px;
font-size:15px;
}
#shopPost .detail ul,
#shopPost .price ul{
margin:0;
padding:0;
margin-left:18px;
}
.delete{
text-decoration:line-through;
}
#shopPost .text{
margin-top:60px;
padding-top:60px;
border-top:1px solid black;
}
#shopPost h4{
font-size:15px;
}
#shopPost .desc{
color:#999;
padding-left:18px;
margin-top:0;
}
.waterfall_button form{
margin:1px 0;
padding:0;
}
.waterfall_button input{
border:0;
background:white;
font-family:serif,Verdana,Arial;
font-size:12px;
padding:2px;
margin:0;
}
.waterfall_button input.hover{
color:white;
background:black;
}
.commentlist{
margin:0 50px;
padding:0;
list-style:none;
}
.commentmetadata{
display:none;
}
.reply_author{
font-weight:bold;
}
.reply_author a{
color:black;
text-decoration:underline;
}
.commentlist li p{
margin:0;
padding:0;
}
.commentlist li{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid black;
}