html { height: 100%; margin-bottom: 1px; }
body { font-family: arial, helvetica, sans-serif; font-size: 0.875em; background: transparent; margin: 0px; padding: 0px; }

/* Tag Formatting
============================================================================= */
img { border: 0px; }
table { border: 0px; }
td { text-align: left; }
h1 { padding: 0px; margin: 0px; }
h2 { padding: 0px; margin: 0px; }
h3 { padding: 0px; margin: 0px;}
ul { list-style: none; margin: 0px; padding: 0px; }
a { color: #000; text-decoration: underline; cursor: pointer; }
a { color: #488a9c; text-decoration: none; }
ol li { padding-bottom: 8px; }

/* General
============================================================================= */
.alt { display: none; }
.clear { clear: both; height: 0px; }
.fl { float: left; }
.fr { float: right; }
.aligncenter { text-align: center; }
.wrapper { width: 960px; margin: 0px auto; }

#content h1 { font-size: 1.3em; font-weight: normal; }
#content h2 { font-size: 1.2em; font-weight: bold; color: #454545; margin-top: 20px; border-bottom: 1px dashed #454545; margin-bottom: 10px; }

.paging { padding-top: 20px; text-align: center; line-height: 24px; clear: both; }
.paging span .page-button { color: #ccc; font-size: 1.1em; font-weight: normal; }
.paging a.page-button { color: #488a9c; text-decoration: none; font-size: 1.1em; font-weight: normal; }
.paging a:hover.page-button { color: #000; text-decoration: underline; font-size: 1.1em; font-weight: normal; }
.pageno-current { background: url(/inc/img/page_current.png) no-repeat; width: 24px; height: 24px; display: inline-block; color: #898989; }
.pageno-other {  width: 24px; height: 24px; display: inline-block; color: #488a9c; text-decoration: none; }

.recent-item { height: 40px; clear: both; overflow: hidden; margin-bottom: 10px; }
.recent-image { float: left; width: 40px; height: 30px; overflow: hidden; margin-right: 5px; }
.recent-copy { float: left; width: 380px; overflow: hidden; }
.recent-item a.recent-title { font-size: 1.1em; color: #000; display: block; text-decoration: none; white-space: nowrap; }
.recent-item a:hover.recent-title { color: #000; display: block; text-decoration: none; }
.recent-item a.recent-subtitle { color: #488a9c; display: block; font-size: 0.800em; text-decoration: none; }
.recent-item a:hover.recent-subtitle { color: #000; display: block; font-size: 0.800em; text-decoration: none; }

.listing-item { height: 100px; clear: both; overflow: hidden; margin-bottom: 10px; border-bottom: 1px dashed #e0e0e0; padding-bottom: 10px; }
.listing-thumb { float: left; width: 120px; height: 90px; margin-right: 15px; }
.listing-copy { float: left; width: 525px; overflow: hidden; }
.listing-item a.h1 { font-size: 1.4em; font-weight: normal; font-family: Trebuchet MS; color: #000; clear: both; padding: 0px; margin: 0px; text-decoration: none; display: block; height: 25px; overflow: hidden; white-space: nowrap; }
.listing-item a.h2 { font-size: 1.1em; font-weight: normal; font-family: Trebuchet MS; color: #488a9c; clear: both; padding: 0px; margin: 0px; text-decoration: none; display: block; height: 20px; overflow: hidden; white-space: nowrap; }
.listing-desc { color: #777; padding: 5px 15px; font-size: 0.8em; height: 45px; }
.listing-rating { height: 20px; padding: 20px 0px 0px 0px; }
.listing-number { font-size: 0.875em; line-height: 20px; color: #777; }

.viewed-item { height: 40px; clear: both; overflow: hidden; margin-bottom: 10px; }
.viewed-image { float: left; width: 40px; height: 30px; overflow: hidden; margin-right: 5px; }
.viewed-copy { float: left; width: 380px; overflow: hidden; }
.viewed-item a.viewed-title { font-size: 1.1em; color: #000; display: block; text-decoration: none; white-space: nowrap; }
.viewed-item a:hover.viewed-title { color: #000; display: block; text-decoration: none; }
.viewed-item a.viewed-subtitle { font-size: 1.0em; color: #488a9c; display: block; font-size: 0.800em; text-decoration: none; }
.viewed-item a:hover.viewed-subtitle { font-size: 1.0em; color: #000; display: block; font-size: 0.800em; text-decoration: none; }
.viewed-number { font-size: 0.875em; }

.popular-item { height: 40px; clear: both; overflow: hidden; margin-bottom: 10px; }
.popular-image { float: left; width: 40px; height: 30px; overflow: hidden; margin-right: 5px; }
.popular-copy { float: left; width: 380px; overflow: hidden; }
.popular-item a.popular-title { font-size: 1.1em; color: #000; display: block; text-decoration: none; white-space: nowrap; }
.popular-item a:hover.popular-title { color: #000; display: block; text-decoration: none; }
.popular-number { font-size: 0.875em; line-height: 20px; color: #777; }

#series-media {width: 350px; float: left; }
#series-media .popular-item { height: 40px; clear: both; overflow: hidden; margin-bottom: 10px; }
#series-media .popular-image { float: left; width: 40px; height: 30px; overflow: hidden; margin-right: 5px; }
#series-media .popular-copy { float: left; width: 230px; overflow: hidden; }
#series-media .popular-item a.popular-title { font-size: 1.1em; color: #000; display: block; text-decoration: none; white-space: nowrap; }
#series-media .popular-item a:hover.popular-title { color: #000; display: block; text-decoration: none; }
#series-media .popular-number { font-size: 0.875em; line-height: 20px; color: #777; }
.series-views { font-size: 1.0em; color: #000; }

.series-item { height: 130px; clear: both; overflow: hidden; margin-bottom: 10px; border-bottom: 1px dashed #e0e0e0; padding-bottom: 10px; }
.series-thumb { float: left; width: 160px; height: 120px; margin-right: 15px; }
.series-copy { float: left; width: 525px; overflow: hidden; }
.series-item a.h1 { font-size: 1.4em; font-weight: normal; font-family: Trebuchet MS; color: #000; clear: both; padding: 0px; margin: 0px; text-decoration: none; display: block; height: 25px; overflow: hidden; white-space: nowrap; }
.series-item a.h2 { font-size: 1.1em; font-weight: normal; font-family: Trebuchet MS; color: #488a9c; clear: both; padding: 0px; margin: 0px; text-decoration: none; display: block; height: 20px; overflow: hidden; white-space: nowrap; }
.series-desc { color: #777; padding: 5px 15px; font-size: 0.8em; height: 45px; }
.series-rating { height: 20px; padding: 0px 15px; }
.series-number { font-size: 0.875em; line-height: 20px; color: #777; }

.search-area { }
.search-fields { font-size: 1.1em; margin-top: 3px; }

.wait { text-align: right; font-size: 0.875em; color: #488a9c;}
.loading { height: 16px; overflow: hidden; }
.loading-featured { float: left;width: 300px;text-align:center; }

#ContactForm { margin-top: 10px; }
#ContactForm input { margin: 2px 0px 5px 0px; }
#ContactForm select { margin: 2px 0px 5px 0px; font-size: 1.1em; }
#ContactForm label { display: block; }
#ContactForm .left-field { float: left; margin-right: 5px; }


#tabs { list-style: none; margin: 0px 10px; padding: 0px; clear: both; height: 35px; overflow: hidden; }
#tabs li { float: left; margin-right: 3px; }
#tabs a { text-decoration: none; color: #898989; font-size: 0.875em; }
#tabs a:hover { text-decoration: none; color: #3d3333; }
#tabs .left {  float: left;background: url(/inc/img/tabs_left.png) no-repeat top left; display: block; width: 10px; height: 35px; overflow: hidden; cursor: pointer; }
#tabs .right { font-weight: bold;line-height: 35px;display: block; float: left; background: url(/inc/img/tabs_right.png) no-repeat top right; height: 35px; padding: 0px 20px 0px 10px; display: block;cursor: pointer; }

#tabs a.main .left { float: left;background: url(/inc/img/tabs_left.png) no-repeat bottom left; display: block; width: 10px; height: 35px; overflow: hidden; }
#tabs a.main .right { font-weight: bold;line-height: 35px;display: block; float: left; background: url(/inc/img/tabs_right.png) no-repeat bottom right; height: 35px; padding: 0px 20px 0px 10px; display: block;color: #3d3333; }

#tabcontent { background: url(/inc/img/tab_content_left.png) no-repeat; min-height: 300px; padding: 10px 20px; }

.form {}
.form input { margin: 2px 0px 5px 0px; }
.form select { margin: 2px 0px 5px 0px; font-size: 1.1em; }
.form label { display: block; }
.form .left-field { float: left; margin-right: 5px; }