body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blocquote, pre, form, fieldset, legend { margin: 0; padding: 0 }
sup, sub, code { line-height: 1em }
table, acronym, textarea { font-size: 1em }

body {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  background: #000000 url(/templates/images/body_back.png) center top repeat-x;
}

#main-background {
  background: url(/templates/images/footer_back2.png) center bottom repeat-x;
}

#main {
  width: 880px;
  margin: 0 auto;
  background: #3C3C32 url(/templates/images/main_back.png) repeat-y;
}

#header {
  position: relative;
  height: 23px;
  text-align: right;
  font-size: 1.2em;
  color: #3C3C32;
  background: url(/templates/images/header_back.png) top right no-repeat;
  padding: 137px 46px 0 0;
}

#header img { position: absolute; width: 640px; height: 160px; left: 0; top: 0 }
#header a { position: absolute; display: block; width: 240px; height: 100px; top: 30px; right: 0 }

#menu {
  height: 60px;
  line-height: 20px;
  background: #3C3C32;
}

#menu a:hover { text-decoration: none }

#menu ul { list-style: none; margin: 0 }
#menu li { position: relative; float: left; margin: 0 }
#menu li a {display: block; width: 80px; height: 40px; text-align: center }
#menu li a span { position: absolute; left: 0; top: 0; width: 80px; height: 40px; cursor: pointer }
#menu li a:hover span { background-position: 0 -40px }
#menu li a.active span, #menu li a.active:hover span { background-position: 0 -80px }

#datetime {
  float: left;
  width: 160px;
  height: 20px;
  line-height: 1.75em;
  text-align: center;
  margin-right: 15px;
}

#orderby {
  float: left;
  width: 455px;
  font-size: 0.9em;
}

#orderby table { width: 100%; text-align: center }
#orderby table td { padding: 0 }
#orderby a:hover, #orderby a.active { color: #CBFE66 }

#search {
  float: right;
  width: 240px;
}

#search input { vertical-align: bottom }
#search input.text { width: 194px; height: 15px; font-size: 1em; padding: 3px 3px 2px 3px }
#search input.button { color: #FFFFFF }

#article-right {
  float: right;
  width: 204px;
  background: #262620;
  padding: 20px 18px 0 18px;
}

#article-right h2 { line-height: 23px; margin-top: 18px }

#my-services {
  float: right;
  width: 204px;
  background: #262620;
  padding: 0 18px 0 18px;
}

#my-services h2 { margin: 0 -18px }

#potw {
  clear: right;
  float: right;
  width: 240px;
}

#potw h2 { height: 17px; font-size: 20px; text-align: right; background: url(/templates/images/pick_of_the_week.png); color: #FF321E; padding: 3px 3px 0 0; margin: 0 }

#menu-right {
  clear: right;
  float: right;
  width: 240px;
  min-height: 120px;
  text-align: right;
  background: url(/templates/images/content_back.png) left top no-repeat;
}

#menu-right p { margin: 16px 18px }

#copyright {
  float: left;
  width: 400px;
  height: 90px;
  background: url(/templates/images/content_back.png) left bottom no-repeat;
  text-align: center;
  font-size: 0.9em;
  padding: 0 0 0 240px;
}

#copyright p { margin-top: 58px }

#footer {
  clear: both;
  height: 190px;
  background: url(/templates/images/footer_back.png) center top no-repeat;
}

.hidden { display: none }

.clear { clear: both; height: 0; overflow: hidden }

.nowrap { white-space: nowrap }

.center, .center-table { text-align: center }
.left { text-align: left }
.right { text-align: right }

.block-right { float: right; margin-top: 16px }

p, h2, h3 { margin: 16px 0 }

h2 { font-size: 1.46em; color: #FFFFFF }

h3 { font-size: 1.2em }

table { text-align: left; border-collapse: collapse; margin-right: -16px }
table td { vertical-align: top; padding: 0 16px 0 0  }
table td p { margin: 0 }

table.topic, table.topic_list { margin-right: 0 }
table.topic td.first { padding-left: 4px }

table.images { margin-bottom: 16px }

.right table { float: right }

a { color: #FFFFFF; text-decoration: none }
a:hover { text-decoration: underline }

h2 a:hover { text-decoration: none }

a.button { position: relative; text-decoration: none; font-weight: bold; background: #4DAF4E; color: #FFFFFF; padding: 2px 3px 3px 4px }

img { border: none; vertical-align: bottom }

.img-shadow {text-align: center;}

.pagination { clear: both; padding-left: 18px; margin-top: 20px }
.article_container .pagination { clear: none; float: right; width: 490px; padding-left: 0 }
.browse_container .pagination { float: left; width: 622px; margin-top: 0 }
.pagination a.current, .pagination a.current:hover { font-weight: bold; text-decoration: none; color: #CBFE66 }

.browse_container, .article_container { float: left; width: 650px; padding-top: 20px; margin-right: -10px }
.article_container { padding-bottom: 20px }
.browse_container .evenRow, .browse_container .oddRow { margin-bottom: 20px }

.browse_container .article-article { background: #ABA799 url(/templates/images/article_back.png) right bottom no-repeat }

.article-image, .gallery-image { float: left; width: 120px; height: 90px; text-align: center; /*background: #3C3C32*/ }
.article-date { position: relative; float: left; width: 40px; height: 85px; text-align: center; color: #000000; background: #329BB4 url(/templates/images/article-browse-date_back.png) no-repeat; padding-top: 5.05px }
.article-date span { display: block; color: #FFFFFF; margin-bottom: 2px }
.article-comments { position: relative; left: -1px; top: 16px }
.article-comments a, .article-comments a:hover { color: #000000; text-decoration: none }
.article-comments img { position: relative; left: 2px; bottom: 1px }
.article-article { display: inline; position: relative; float: right; width: 468px; min-height: 78px; background: #ABA799; color: #000000; padding: 0 6px 12px 6px; margin-right: 10px }
.article-article a, #comments a { font-weight: bold; color: #000000; background: url(/templates/images/link_icon.png) right 4px no-repeat; padding-right: 11px }
.article-article a:hover, #comments a:hover { color: #FFFFFF; text-decoration: none; background-position: right -16px }
.article-article h2 { line-height: 0.95em; position: relative; height: 0.905em; background: url(/templates/images/heading_back.png) right top no-repeat; padding: 4px 66px 0 6px; margin: 0 -6px }
.article-article h2 a { color: #FFFFFF; background: none; padding: 0 }
.article_container .browse_container .article-article h2 a { line-height: 0.95em }
.article-article a.voting, .article-article a.voting:hover { background: url(/templates/images/voting-link_back.png) right bottom no-repeat }
.article-article a.voting img { vertical-align: top }
.article-article a.voting, .gallery-image a.voting, .gallery-views a.voting { position: absolute; width: 60px; height: 10px; bottom: 0; right: 0; padding-top: 10px; outline: none }
.article-article p { margin: 2px 0 8px 0 }
.article-article a.article-link { position: absolute; left: 0; bottom: 0; width: 468px; height: 19px; background: transparent url(/templates/images/news_back.png) right top no-repeat; padding: 1px 6px 0 6px }
.article-article a.article-link:hover { background-position: right -20px }

.related-links, .related-links a { color: #ABA799 }

.article_container p { margin: 2px 0 16px 0 }
.article_container .article-left { clear: both; float: left; width: 160px; color: #FFFFFF }
.article_container .article-left p { margin: 16px 18px }
.article_container .article-left a, #article-right .article a { background: url(/templates/images/link_icon.png) right -16px no-repeat; padding-right: 11px }
.article_container .article-left a.noicon, #article-right a.noicon { background: none !important; padding: 0 !important }

.article_container .article-article { min-height: 90px; padding-bottom: 0 }

a.back-link { color: #E1E0DB; background: none; padding: 0 }

#full_image { text-align: center; margin-right: 10px }
#full_image img { border: 1px solid #ABA799 }
.thumbnails { clear: both; margin: 20px -10px 0 0; padding-bottom: 20px }
#full_image a, .thumbnails a { outline: none }
.thumbnails a:hover { text-decoration: none }

#full_video { width: 640px; line-height: 0.7em; background: #000000 }

div.voting { z-index: 100; position: absolute; top: -80px; right: 0; width: 60px; line-height: 15px; text-align: center; background: #FF6E1E; color: #FFFFFF }
div.voted { top: -30px }
div.voting a { display: block; width: 60px; height: 10px; line-height: 10px; font-weight: normal; font-size: 0.9em; background: #FAD200 !important; color: #FAD200; padding: 0 !important; overflow: hidden }
div.voting a:hover { background: #329BB4 !important; text-decoration: none; color: #FFFFFF }
div.voting a img { float: left }

.thumbnail { margin: 2px 0 18px 0 }
a.thumbnail { background: none !important; padding: 0 5px }

.gallery-image { position: relative; margin: 0 10px 20px 0 }
.gallery-image a.voting { width: 50px; bottom: 0 }
.gallery-image div.voting { bottom: 10px; top: auto }
.gallery-image div.voted { bottom: 10px; top: auto }
.gallery-image .video { display: table-cell; vertical-align: middle; width: 120px; height: 90px; text-align: center; background: url(/templates/images/video_icon.png); cursor: pointer }
.gallery-image span { font-size: 18px; font-weight: bold; line-height: 22px; color: #329BB4 }

.multimedia-evenRow, .multimedia-oddRow { display: inline; float: left; width: 315px; height: 90px; overflow: hidden; background: #ABA799 url(/templates/images/multimedia_back.png); color: #000000; margin: 0 10px 20px 0 }
.multimedia-oddRow { text-align: right }
.multimedia-evenRow .gallery-image, .multimedia-oddRow .gallery-image { margin: 0 }
.multimedia-oddRow .gallery-image { float: right }
.multimedia-oddRow .gallery-image a.voting { left: 0 }
.multimedia-evenRow a, .multimedia-oddRow a { color: #000000 }
.multimedia-evenRow a:hover, .multimedia-oddRow a:hover { color: #FFFFFF; text-decoration: none }
.multimedia-evenRow p, .multimedia-oddRow p { float: left; width: 185px; padding: 0 5px; margin: 2px 0 }

.article-left .gallery-views { position: relative; height: 20px; line-height: 1.75em; background: #329BB4 url(/templates/images/gallery-views_back.png) right bottom no-repeat; padding-left: 5px }
.article-left .gallery-views a.voting { position: absolute; top: 0; background: none; padding: 10px 0 0 0 !important }

.prev-next { width: 240px; height: 20px; line-height: 1.75em; background: #ABA799; color: #000000; font-weight: bold; text-align: center; margin: 0 -18px }
.prev-next a { width: 75px; height: 20px; background: red; color: #000000 }
.prev-next a.prev { float: left; background: url(/templates/images/prev_back.png); text-align: right }
.prev-next a.prev:hover, .prev-next a.next:hover { background-position: 0 -20px; text-decoration: none; color: #FFFFFF }
.prev-next a.next { float: right; background: url(/templates/images/next_back.png) right top; text-align: left }
.prev-next a.next:hover { background-position: right -20px }

#comments { display: inline; float: right; width: 480px; background: #ABA799 url(/templates/images/comments_back.png) right bottom no-repeat; color: #000000; padding-bottom: 60px; margin-right: 10px }
#comments p { margin: 16px 0 }
#comments a.e-mail { font-weight: normal }
#comments .comment { width: 468px; padding: 16px 6px 0 6px; overflow: hidden }
#comments .oddRow { background: #C6C4BA }
#comments .add-comment-link { display: block; width: 468px; height: 20px; line-height: 1.75em; text-align: center; color: #262620; background: #E1E0DB url(/templates/images/add-comment_back.png) right top no-repeat; padding: 0 6px; outline: none }
#comments .add-comment-link:hover { color: #ABA799; background-position: right -20px }

ul, ol { margin: 16px 0 }
li { margin-left: 30px }

input, textarea { font-family: sans-serif; background: #FFFFFF; color: #000000; border: none }

#post_form { width: 480px; background: #FFFFFF; color: #000000; padding-top: 2px }
#post_form div.tags { clear: both; height: 20px; line-height: 1.75em; background: #E1E0DB; color: #ABA799; text-align: right }
#post_form div.tags a { color: #ABA799; background: none; padding: 0 6px }
#post_form div.tags a:hover { color: #329BB4 }
#post_form div.user_data div { position: relative; float: left; width: 320px; height: 20px }
#post_form div.user_data em { display: inline; position: absolute; right: 5px; bottom: 3px; color: #ABA799 }
#post_form img { float: left }
#post_form textarea { float: left; width: 475px; height: 90px; padding: 0 0 0 5px; margin: 0 }
#post_form label { font-weight: bold; color: #ABA799; line-height: 1.6em; padding-left: 6px }
#post_form input.text { width: 265px; padding-left: 3px }
#post_form input.narrow { width: 130px; }
#post_form .add-comment-link { margin: 0 }

#sharethis_0 a, #sharethis_1 a { float: right; background: url(/templates/images/sharethis_icon.png) right top no-repeat !important; height: 19px; padding: 0 20px 0 0; margin: 2px 0 -4px 0 }
.article-left #sharethis_0 a { float: left; background-position: left top !important; padding: 0 0 0 20px; margin: 0 0 13px 0 }

.rss-link { float: right; background: url(/templates/images/rss_icon.png) right top no-repeat !important; height: 19px; padding: 0 20px 0 0; margin: 2px 0 -4px 18px }