#intro{width:230px;}
#poten{border:1px solid #6699CC; background-color:#E6F2F5; width:260px; padding:10px; font-size:12px;}
#poten li{ line-height:1.5em;}
#headerLink{text-decoration:none; color:#333;}
#headerLink:hover{color: #000000;}
.col1, .col2{margin-right:2.4em;}
.col1{position: absolute; width:240px; margin-right:3em;}
.col2{position: absolute;  width:282px; margin-left:270px;}
.col3{width:290px; margin-left:580px;}
.round{-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;}
#viewBooksNow, #submit, #vote, #amazonLink{width: 160px; height: 40px; background-color: #fff; -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid #333; color: #242424; font-size: 18px; }
#amazonLink{ padding: 8.5px 1em 8.5px 1em; -moz-border-radius: 20px; -khtml-border-radius: 10px; -webkit-border-radius: 18px; }
#amazonLink:hover{ background-color: #f3f3f3; text-decoration: none; color: #59bccc; cursor:pointer; cursor:hand;}
#viewBooksNow:hover, #book #submit:hover, #vote:hover{ background-color: #f3f3f3; color: #59bccc; cursor:pointer; cursor:hand; }

#book #pic{ margin-right: 1em; text-align: right;}
#book h2, #writer h2{ margin-bottom:10px; }
#writer input[type=text], #writer textarea{background-color: #effcff; width: 300px; padding: 0px 5px 0 5px; font-size: 14px; border: 1px solid #aaaaaa; color: #777; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; }
#writer input[type=text]{ height: 30px; width: 200px; }
#writer textarea{ padding: 8px 5px 8px 5px; width: 300px; height: 100px; }
#writer td{ font-weight: bold; padding-right: 1em; }
#writerTable{width: 400px; border:1px solid #aaa; padding:1em 0 1em 1em; -moz-border-radius: 20px; -webkit-border-radius: 20px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; float:left; position:relative;}
#comments{ position: relative; width:430px; margin-left: 450px;}
#comments #user{font-weight: bold; color: #AD691A; padding-bottom: 1em;} 
#comments #userComment{ line-height: normal; }
#comments li{list-style:none; line-height:2px; padding:1em; border-bottom:1px solid #aaa; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; }
#comments #commentNo{ font-size: 22px; margin-top: 1em; }
.clear{ clear:both;}
.column{ float: left; width: 165px; font-size: 11px; position: relative; border: 1px solid #aaa; height: 160px; padding: 1em; margin: 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.column p{padding-left:0; }
.column img{ border: 1px solid #aaa; }
#rank{position:absolute; border-bottom: 1px dashed #aaa; margin-left:1em; margin-right:3em; width: 100px; float: right; text-align: right;}
#voteNum{font-size: 22px;padding-right:5px;}
.firstPlace, .secondPlace, .thirdPlace{font-size: 16px;}
.firstPlace{ color: orange; }
.secondPlace{ color: grey; }	
.thirdPlace{ color: brown; }
#byMonth{ margin: auto; width: 800px;}
#byMonth ol{ margin-bottom:4em; line-height: normal; }
#top100 a{color: #AD691A; font-weight: bold;}
#subContact{color: #ffffff; height: 68px; width: 60px; border: none; background-color: #4e4e4e; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px;}
#sub:hover, #subContact:hover{ background-color: #196B99;}
#monthYear{margin-left:2em; text-decoration:underline;}
.monthTable td{padding:5px; font-size:14px;}
#contactForm{float:right; margin-left:400px; margin-right:2em;}

/*Tweetbox styles*/
.title{margin:5px}
#tweetbox{border:1px solid #6699CC;background-color:#fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
#tweetbox a{color:#333;}
#tweetbox a:hover{color:#2A81FF; text-decoration:none;}
#tweetbox p{margin-bottom:0;}
.tweet{padding:10px; font-size:12.5px; background-color:#DAE4F0; border:1px dashed #fff;}

#voteRankList{width:100%;border:1px solid #6699CC; border-collapse:collapse; }
#voteRankList h2{padding:0; margin:0;}
#voteRankList td{padding:5px;}
#voteRankList .even{background-color:#E6F2F5;}
#voteRankList .pos{width:10px;}