body {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10pt; margin: 0px; padding: 0px;  }
h1 {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 16pt; }
h2 {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 14pt; }
h3 {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12pt; }
img { background-color: #fff; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #BBB; }

#page {max-width: 900px; margin: auto; background-color: #eee;}

#header {background-color: #fff; width: 100%; height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; }
.headername a {border: none; background-color: #fff;}
#header a {float:left; color: #333; text-decoration:none; height: 20px; padding: 2px 5px 2px 5px; margin: 2px; }
#header a:hover {color: #444; background-color: #ddd; }
.headerbox {float:left; color: #333; text-decoration:none; height: 20px; background-color: #eee; border: 1px solid #79719A; padding: 2px 5px 2px 5px; margin: 2px; }

#membersheader {background-color: #fff; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; }
#membersheader a { color: #333; text-decoration:none;  padding: 2px 5px 2px 5px; margin: 2px; }
#membersheader a:hover {color: #444; background-color: #ddd; }
#membersheader img { max-height: 200px; }

.newdot {float:left; height: 20px; background-color: #DDD;  padding: 2px 5px 2px 5px; margin: 2px; }
#divnewdot { display: none; position: absolute; z-index: 5; margin: 10px; padding: 10px;  width: 260px; border: 1px solid #999999; border-radius: 15px; background-color: #fff; left: 0px; top: 18px; }
#divnewlist { position: relative; clear: left; z-index: 5; margin: 10px; padding: 10px;  width: 260px; border: 1px solid #999999; border-radius: 15px; background-color: #fff;  }
.lists {float:left; margin: 10px; padding: 5px; width: 346px;  border: 1px solid #79719A; border-radius: 15px; background-color: #fff;  }
.lists img { margin: 0px 5px 0px 0px; border-radius: 15px; border: none; float: left; max-height: 60px;}
.lists a {display: block; text-decoration: none; color: #666; }
.listsreview {margin: 0px 10px 10px 10px;}
.actionlists {float:left; margin: 10px; padding: 5px; width: 300px;  border: 1px solid #79719A; border-radius: 15px; background-color: #fff;  }
.actionlists img { max-height: 80px; margin: 0px 5px 0px 0px; border-radius: 15px; border: none; float: left;}
.actionlists a {display: block; text-decoration: none; color: #666; }

.list {float:left; margin: 10px; padding: 10px; width: 620px; max-width: 90%;  border: 1px solid #79719A; border-radius: 15px; background-color: #fff;  }


.list img { margin:5px 0px 0px 0px;   border: none; max-width: 100%;}
.3img {  max-width: 30%; float: left; }
.list h1 {clear: left;}
.list a {display:block; text-decoration: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12pt; text-align: center; color: #222; background-color: #DDD; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #79719A; }
.list a:hover {color: #444; background-color: #EEE; }
.toplistdot p {text-align: center; clear:both;}
.toplistdot img {max-height: 100px; margin: 5px; }
.toplistdot a {display: inline; float: left; }
.nextlistdot {clear:both; border-top-width: 1px; border-top-style: solid; border-top-color: #79719A; padding-top: 5px; margin-top:5px; }
.nextlistdot img {float:left; max-height: 100px; }
.nextlistdot a {text-align:left; font-size:12pt; border: none;  background-color: #fff;}
.nextlistdots img {max-height: 60px; margin: 0px; }
.nextlistdots a {display: inline; float: right; }
.listdot {clear:both; border-top-width: 1px; border-top-style: solid; border-top-color: #79719A; padding-top: 5px; margin-top:5px; }
.listdot img {float:left; max-height: 40px; }
.listdot a {text-align:left; font-size:10pt; border: none;  background-color: #fff;}

.detail {align: right; font-size: 9pt;}

.listedbox {float: left; height: 150px; width: 90px; margin: 10px; padding: 0px; overflow: hidden; text-align: center; border-radius: 15px; border: 3px solid #eee; background-color: #eee;}
.listed { margin-left: -60px;  text-align: center; width: 200px; }
.listed a {text-decoration: none; display: block; margin: 0px; padding: 0px;}
.listed img:hover {opacity: 0.5;}
.listed img {opacity: 1.0; padding: 0px; margin: 0px; border: none;  max-height: 150px;}

.headlistedbox {float: left; height: 60px; width: 40px; margin: 10px; padding: 0px; overflow: hidden; text-align: center; border-radius: 15px; border: 3px solid #eee; background-color: #eee;}
.headlisted { margin-left: -30px;  text-align: center; width: 90px; }
.headlisted a {text-decoration: none; display: block; margin: 0px; padding: 0px;}
.headlisted img:hover {opacity: 0.5;}
.headlisted img {opacity: 1.0; padding: 0px; margin: 0px; border: none;  max-height: 60px;}

.lister {float: left; margin: 15px; padding: 5px; }
.lister a  {text-decoration: none; display: block; margin: 0px; padding: 0px;}
.lister img {max-height: 150px; border-radius: 15px; border: 3px solid #eee; background-color: #eee;}
.lister img:hover {opacity: 0.5;}

.collection {background-color: #fff; float: right; width: 280px; }
.collection a {text-decoration: none; color: #333;}

.search {background-color: #fff; float: right; width: 280px; padding: 5px;}

.action { }



.reviewbox {width: 90%;}
.reviewarea {width: 90%; height:140px;}
.mediumarea {width: 240px; height:80px;}
.reviewsubmit {width: 90%;}
.warning {font-size: 8pt; color: #666;}
.dot {clear: left; float:left; margin: 10px; padding: 10px; max-width: 400px;  border: 1px solid #79719A; border-radius: 15px; background-color: #fff;  }
.dot img { float: left; margin: 0px 5px 0px 0px; border-radius: 7px; border: none;}
.story {clear: left; float:left; margin: 10px; padding: 10px; max-width: 600px;  border: 1px solid #79719A; border-radius: 15px; background-color: #fff;  }
.story img { float: left; margin: 0px 5px 0px 0px; border-radius: 7px; border: none;}
.action a {float: right; text-decoration: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10pt; color: #222; background-color: #DDD; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #79719A; }
.action a:hover {color: #444; background-color: #EEE; }
.action img {max-height:40px;}
.listor {clear: left; }
.buynow {float: left; text-align: center; margin-right: 10px; }
.buynow a {float: right; text-decoration: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10pt; color: #222; background-color: #DDD; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #79719A; }

.selectorbox {float: left; width: 120px; }

.covers {float:left; margin: 10px; padding: 10px; max-width: 100px;  border: 1px solid #79719A; border-radius: 15px; background-color: #fff;  }
.covers a { text-decoration: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10pt; color: #222; background-color: #DDD; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #79719A; }
.covers a:hover {color: #444; background-color: #EEE; }
.covers img {max-width: 80px; max-height: 100px;}

.editcover {float:left; margin: 10px; padding: 10px; width: 520px; border: 1px solid #79719A; border-radius: 15px; background-color: #fff;  }
.editcover img { float: left; margin: 0px 5px 0px 0px; border-radius: 7px; border: none;}
.editcover a { text-decoration: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10pt; color: #222; background-color: #DDD; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #79719A; }
.editcover a:hover {color: #444; background-color: #EEE; }

.thumbcheck img { float: left; margin: 5px; border-radius: 10px; border: none; max-height: 250px;}
.smlthumbcheck  img { float: left; margin: 5px; border-radius: 10px; border: none; max-height: 80px;}


.footer {font-size: 8pt; color: #444; clear: both; }