body {background: #e7ebf7 url(../images/smtd_bg.gif); margin: 0px; margin-top: 4px; font-family: Tahoma, Arial, sans-serif; font-size: 10pt;}
.big_body {font-size: 12pt;}

.change_font {font-size: 80%; padding-left: 1em; margin-top: 8px;}
.change_font a {padding: 4px; text-decoration: none; font-weight: bold; color: blue}
.change_font a:hover {background: yellow;}
.page table {font-size: 100%}
.page_big table {font-size: 110%}

.page {width: 1000px; border: none; text-align: center; background: #e7ebf7; border: 1px #888888 solid; padding: 8px; font-weight: normal; font-size: 100%}

.page .header {width: 100%; margin-bottom: 8px;}
.page .header_l {width: 310px;}
.page .header_c {width: auto;}
.page .header_r {width: 200px; text-align: center;}
.page .header .logo {width: 291px; height: 90px; background: url(../images/smtd_logo_b.gif) no-repeat; float: left}

.page .body {width: 100%}
.page .body_l {width: 180px;}
.page .body_c {width: auto; padding-left: 1.0em; padding-right: 1.0em}
.page .body_c hr {clear: both;}
.page .body_r {width: 180px;}

.page .footer {text-align: center;  font-weight: normal; }
.page .footer .credit { font-weight: normal; font-size: 80%; color: #aaaaaa}

.topmenu {background: #708090 url(../images/topmenu_bg.gif);  font-size: 120%; margin-top: 2px; margin-bottom: 8px; line-height: 36px;}
.topmenu .menu_item {color: #111111; padding-top: 8px; padding-bottom: 8px; width: 125px; text-decoration: none; font-weight: bold; margin-left: 4px; margin-right: 4px;}
.topmenu .menu_item img {border: 0px; vertical-align: middle;}
.topmenu .menu_item:hover {background-color: #67B4FD; color: #fff;}

.menu {background: #fefefe;  font-weight: bold; font-size: 100%;}
.menu h3 { font-weight: bold; font-size: 120%; color: #fff; background: #67B4FD;padding:0px; padding-left: 1.0em; line-height: 2.0em; margin: 0px;}
.menu a {display: block; width: 180px; line-height: 1.0em; color: #000080; display: block; text-decoration: none; padding-left: 1.0em; padding-top: 0.5em; padding-bottom: 0.5em}
.menu a:hover {color: #fff ; background: #B0C4DE  }
.menu hr {width: 90%; border: none; border-top: 1px #888888 solid; margin-top: 0px; margin-bottom: 0px; padding: 0px}
.author {}
.author h2 {background: #67B4FD url(../images/user.gif) no-repeat; background-position: 4px center; padding-left: 22px; line-height: 1.8em;  font-size: 140%; color: #fff}
.author h3 {background: none; line-height: 1.3em;  font-size: 120%; border-top: #4682B4 3px solid; padding: 2px; margin: 0px; clear: both;}
.author .articlelist {margin-top: 4px;}
.author .articlelist .article_entry {line-height: 1.5em;}

.LatestArticle {Font-Family: Tahoma; font-size: 100%; padding-top: 0.3em; border-top: 1px #aaaaaa dashed; margin-top: 0.6em; clear: both}
.LatestArticle a.title {font-weight: bold; color: #336699; text-decoration: none}
.LatestArticle a.author {font-weight: bold; color: #008000; text-decoration: none; font-size: 80%}
.LatestArticle a:hover {text-decoration: underline}
.LatestArticle .date {color: #888; font-size: 80%}
.LatestArticle .summary {font-weight: normal; margin-top: 0.2em}

.articlelist {font-size: 100%; margin-bottom: 6px; padding-bottom: 4px}
.articlelist h2 { font-size: 130%; font-weight: bold;  margin: 0px; line-height: 1.5em; background-color: #eeeeee; border-top: 3px #BC8F8F solid ; padding-left: 4px;}
.articlelist .navigation {text-align: right}

.article_entry { font-size: 100%; background: url(../images/bullet_purple.gif) no-repeat; background-position: left 0.3em; padding-left: 16px; line-height: 1.7em}
.article_entry .title {text-decoration: none; color: #111111; font-size: 110%;}
.article_entry .title:hover {text-decoration: underline; color: blue} 
.article_entry .type {color: brown; font-style: italic;}
.article_entry .author {text-decoration: none; color: #111111; color: #336699}
.article_entry .author:hover {text-decoration: underline; color: blue;}
.article_entry .time { color: #555555; font-weight: normal; font-size: 80%}

.article { font-size: 110%}
.article h2 { background: #aec1ee url(../images/open_book.gif) no-repeat; background-position: 4px center; padding-left: 26px; line-height: 1.5em;  font-size: 110%; color: #191970;font-weight: bold; margin: 0px; margin-bottom: 6px;}
.article .title { font-size: 120%; color: #111111; font-weight: bold;}
.article .info { line-height: 1.5em; margin-bottom: 4px; font-size: 85%} 
.article .info .post {color: #888888; font-size: 85%; }
.article .info .views {color: #888888; font-size: 85%; }
.article .info .author a{font-weight: bold; text-decoration: none;color: blue}
.article .info .author a:hover {text-decoration: underline;}
.article .body {line-height: 1.4em}
.article .body p {padding: 0px; margin: 0.2em 0px; }
.article .body table td {vertical-align: top}
.article .body table tr .first {padding-right: 1.0em; vertical-align: top;}
.article .body table tr .middle {padding-left: 1.0em; vertical-align: top;}
.article .thumbnails {}
.article .thumbnails table {float: right; width: 100px;}

.article .discussions {font-size: 100%; margin-top: 4px;}
.article .discussions h2 {background: #FFFACD url(../images/comments.gif) no-repeat; background-position: 4px center; padding-left: 26px; padding-top: 4px; line-height: 1.5em;  font-size: 120%; color: #8B4513;font-weight: bold; margin: 0px; margin-bottom: 6px; border-top: 2px #aaaaaa solid}
.article .discussions .post_link {}
.article .discussions .discussion_form_hide {display: none}
.article .discussions .discussion_form_show {}
.article .discussions .discussion_form_show form {margin:0px;padding: 0px;}
.article .discussions .discussion_entry {padding-top: 4px; margin-top: 4px; border-top: 1px #888888 dashed; font-size: 95%;}
.article .discussions .discussion_entry .subject {font-weight:bold;}
.article .discussions .discussion_entry .info {font-size: 80%;}
.article .discussions .discussion_entry .info .member a {color: #336699; font-weight: bold; text-decoration: none}
.article .discussions .discussion_entry .info .member a:hover {color: red; text-decoration: underline}
.article .discussions .discussion_entry .info .time {color: #888888; font-weight: normal;}
.article .discussions .discussion_entry .body {}

.discussions tr th {text-align: right;}

.forums {margin-top: 4px;}
.forums h2 {background: #67B4FD url(../images/comments.gif) no-repeat; background-position: 4px center; padding-left: 26px; line-height: 1.4em; font-size: 140%; color: #483D8B; font-weight: bold; margin: 0px; }
.forums .forumlist {font-size: 100%;}
.forums .forumlist .forum_entry {margin-top: 0.5em; margin-bottom: 0.5em; clear: both; font-size: 100%}
.forums .forumlist .forum_entry .info {font-size: 100%; color: #336699}
.forums .forumlist .forum_entry .title {font-weight: bold; font-size: 140%; border-top: 3px #336699 solid; line-height: 1.8em;}
.forums .forumlist .forum_entry .title a {color: #483D8B; text-decoration: none}
.forums .forumlist .forum_entry .title a:hover {color: blue; text-decoration: underline}
.forums .forumlist .forum_entry a img {float: left; border:none; margin-right: 4px; margin-bottom: 8px;}
.forums .navigation a img {border: none; vertical-align: middle; padding-right: 8px; padding-left: 8px;}

.forum h2 a {color: #483D8B;}
.forum .discussion_form_hide {display: none}
.forum .discussion_form_show {padding: 1.0em}
.forum .discussion_form_show form {margin:0px;padding: 0px;}
.forum .photo {text-align: center; padding: 4px;}
.forum .post_link {line-height: 1.5em; margin-top: 4px; margin-bottom: 4px;}
.forum .post_link a {padding: 4px; background: #FAFAD2; font-size: 90%; font-weight: bold; color: blue; border: 1px #555555 solid; text-decoration: none}
.forum .post_link .post {background: #FAFAD2 url(../images/comment_add.gif) no-repeat; background-position: 4px center; padding-left: 24px; }
.forum .post_link a:hover {background-color: yellow;}
.forum .navigation {background: #eeeeee; padding: 4px;}
.forum .body {font-size: 120%; padding: 0.2em}
.forum .threads {}
.forum .threads .thread_entry {border-top: 1px #888888 solid; border-left: 1px #888888 solid;  margin-top: 4px; margin-bottom: 4px; padding: 0px 0px 0px 4px}
.forum .threads .thread_entry h3 {margin: 0px; font-size: 100%; font-weight: bold; margin-top: 2px}
.forum .threads .thread_entry h3 a {color: blue; text-decoration: none;}
.forum .threads .thread_entry h3 a:hover {color: green;}
.forum .threads .thread_entry .info {margin-bottom: 8px; padding-bottom: 4px;}
.forum .threads .thread_entry .info .member {color: #4B0082}

.forums .thread {}
.thread h2 {color: #fff; font-size: 120%; line-height: 1.8em; margin: 0px;}
.thread h2 a {color: #fff; text-decoration: none}
.thread h2 a:hover {color: blue; text-decoration: underline}
.thread .post_link {line-height: 1.5em; margin-top: 4px; margin-bottom: 4px; clear: both;}
.thread .post_link a {padding: 4px; background: #FAFAD2; font-size: 90%; font-weight: bold; color: blue; border: 1px #555555 solid; text-decoration: none}
.thread .post_link .post {background: #FAFAD2 url(../images/comment_add.gif) no-repeat; background-position: 4px center; padding-left: 24px; }
.thread .post_link a:hover {background-color: yellow;}

.thread .openning {}
.thread .openning .member {font-size: 100%; float: left; width: 15%; }
.thread .openning .member .name {color: blue; font-weight: bold; text-decoration: none }
.thread .openning .member .name:hover {color: red; text-decoration: underline }
.thread .openning .member .avatar {text-align: center}
.thread .openning .member .avatar img {margin-top: 1.0em; margin-bottom: 1.0em; }
.thread .openning .info {font-size: 100%; float: right; width: 84%; background: #cbd7ea; padding-left: 4px;}
.thread .openning h3 {font-size: 100%; float: right; width: 84%; padding-left: 4px;}
.thread .openning .body {font-size: 100%; float: right; width: 84%; padding-left: 4px;}

.thread .photo img {float: left; margin-right: 4px; margin-bottom: 4px; border: none;}
.thread .navigation {background: #eeeeee; padding: 4px;}
.thread .discussion_form_hide {display: none}
.thread .discussion_form_show {padding: 1.0em}
.thread .discussion_form_show form {margin:0px;padding: 0px;}
.thread .replies {}
.thread .replies .reply_entry {border-top: 1px #888888 solid; border-left: 1px #888888 solid;  margin-top: 4px; margin-bottom: 4px; padding: 0px 0px 0px 4px; float: left; width: 100%}
.thread .replies .reply_entry h3 {margin: 0px; font-size: 100%; font-weight: bold; margin-top: 2px}
.thread .replies .reply_entry .member {font-size: 100%; float: left; width: 15%; }
.thread .replies .reply_entry .member .name {color: blue; font-weight: bold; }
.thread .replies .reply_entry .member .avatar {text-align: center}
.thread .replies .reply_entry .member .avatar img {margin-top: 1.0em; margin-bottom: 1.0em; }
.thread .replies .reply_entry .info {font-size: 100%; float: right; width: 84%; background: #cbd7ea; padding-left: 4px;}
.thread .replies .reply_entry h3 {font-size: 100%; float: right; width: 84%; padding-left: 4px;}
.thread .replies .reply_entry .body {font-size: 100%; float: right; width: 84%; padding-left: 4px;}

.bio { font-size: 120%; padding: 0.5em}
.bio .title {text-align: center; font-size: 140%}
.bio .thumbnails {text-align: center}
.bio .thumbnails table {float: none}

.activ_list {border: 1px #888888 solid} 
.activ_list h2 {border: none; background: #cccccc} 

.authorlist {font-size: 100%; }
.authorlist h2 {background: #aec1ee url(../images/group.gif) no-repeat; background-position: 4px center; padding-left: 26px; padding-top: 6px; padding-bottom: 6px;  color: #fff; font-size: 110%; margin: 0px;}
.authorlist .author_entry {background: url(../images/bullet_green.gif) no-repeat; background-position: 4px center; padding: 0px; margin:0px; padding-left: 22px; padding-top: 4px; padding-bottom: 4px}
.authorlist .author_entry .name {text-decoration: none; color:#224466; font-weight: bold;}
.authorlist .author_entry .name:hover {text-decoration: underline; color: purple}

.mostread {margin-bottom: 0.5em}
.mostread h2 {font-size: 140%; margin: 0px; color: #000080; margin-bottom: 3px}
.mostread .article_entry {font-size: 100%}
.mostread .article_entry .views {font-size: 100%; color: #888888}

.body_r .mostread {font-size: 100%; border: 1px #67B4FD solid}
.body_r .mostread h2 {font-size: 110%; font-weight: bold; color: #fff; background: #67B4FD; text-align: center; padding: 3px}
.body_r .mostread .article_entry {font-size: 80%}

.latest_articles {margin-bottom: 0.5em}
.latest_articles h2 {font-size: 140%; margin: 0px; color: #000080; margin-bottom: 3px}
.latest_articles .article_entry {font-size: 100%}
.latest_articles .article_entry .title {font-weight: bold;}

.body_r .latest_articles {font-size: 100%; border: 1px #67B4FD solid}
.body_r .latest_articles h2 {font-size: 110%; font-weight: bold; color: #fff; background: #67B4FD; text-align: center; padding: 3px}
.body_r .latest_articles .article_entry {font-size: 80%}

.search_author {width: 270px; border: 2px #888888 solid; float: right;padding: 8px;font-size: 100%; margin-top: 1.0em}
.search_author form {padding:0px; margin: 0px}


.user_account {}
.user_account .header {text-align: left; font-family: Verdana; font-weight: bold; font-size: 14pt; padding: 4px; padding-left: 22px; color: #336699; background: #eeeeee url(/images/user.gif); background-repeat: no-repeat; background-position: 4px 8px; margin-top: 8px;}
.user_account .links {font-family: Arial; font-weight: bold; font-size: 10pt; padding: 4px; text-align: center}
.user_account .links a {color: blue; text-decoration: none; margin-left: 4px; margin-right: 4px;padding: 2px;}
.user_account .links a img {border: none; vertical-align: bottom;}
.user_account .links a:hover {background-color: #ccffff }
.user_account table {text-align: left}
.user_account table th {text-align: right}
.user_account .avatar {}
.user_account .avatar a {display: block}
.user_account .user_stats {text-align: left; font-family: sans-serif; font-size: 10pt}
.user_account .user_stats table {text-align: left;font-size: 10pt}
.user_account .user_stats table tr td a {color: blue; font-family: Verdana; font-size: 8pt; font-weight: bold; text-decoration: none}
.user_account .user_stats table tr td a:hover {color: red; background-color: #cccccc}

.user_list {font-family: sans-serif; font-size: 10pt; font-weight: normal}
.user_list .header {font-size: 14pt; font-weight: bold; margin: 10px;}
.user_list table {width: 90%; text-align: left; border: 1px #555555 solid; font-size: 10pt}
.user_list table tr th {border-bottom: 1px #555555 solid;}
.user_list table .user_even {}
.user_list table .user_odd {background-color: #eeeeee}

.user_search_form {width: 40.0em; font-family: sans-serif; font-size: 10pt; margin: 10px; text-align: center; }
.user_search_form legend { font-weight: bold; color: #555555; padding: 4px;}


.album {}
.album h2 {background: #B0C4DE url(../images/photo.gif) no-repeat; background-position: 4px center; padding-left: 26px; font-size: 140%; color: #483D8B ; margin: 0px;line-height: 1.8em;}
.album .navigation {text-align: center; margin-top: 8px; clear: both;}
.album .navigation a {padding: 4px; border: 1px #888888 solid; color: blue; font-weight: bold; margin: 4px; text-decoration: none}
.album .navigation a:hover {color: red; background: #eeeeee}
.albumlist {}
.album_entry {float: left; width: 99%; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px #888888 dashed}
.album_entry .title { font-size: 120%; line-height: 1.8em}
.album_entry .title a {color: #111111; text-decoration: none; font-weight: bold}
.album_entry .title a:hover {color: green; text-decoration: underline;}
.album_entry a img {float: left; border: 0px; margin-right: 4px;}

.RootLink {background: #eeeeee; font-family: sans-serif; font-size: 10pt; color: blue; text-decoration: none; font-weight: bold;}
.RootLink:hover {background: yellow; }

.slideshow {clear: both; }
.slideshow .title { font-size: 130%; font-weight: bold; line-height: 1.5em;}
.slideshow .info {font-size: 80%; color: #555555; font-weight: normal;}
.slideshow .body { font-size: 130%; padding: 4px; line-height: 1.5em}
.slideshow .body a:hover {color: red}
.slideshow .slide {width: 600px; height: 450px; border: 3px #336699 solid; text-align: center; overflow: auto; padding-top: 8px;}
.slideshow .slide img {border: 1px #888888 solid }
.slideshow .thumbs {width: 600px; white-space: nowrap; height: 120px; overflow-x: auto; overflow-y: hidden; text-align:center; margin-top: 4px;}
.slideshow .thumbs .thumb {width: 85px; height: 80px; text-align: center; padding-left: 4px; padding-right: 4px}
.slideshow .thumbs .thumb a {}
.slideshow .thumbs .thumb a img { border: 0;}
.slideshow .thumbs .thumb a:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5; background-color: green;}
.slideshow .thumbs .thumb .normal {}
.slideshow .thumbs .thumb .selected {border: 2px #1E90FF solid}

.weblinks { border: 1px #67B4FD solid; clear: both; padding: 0px; margin-top: 0.5em}
.weblinks .header { font-weight: bold; color: white; font-size: 110%; text-align: center; background-color: #67B4FD; line-height: 1.5em; margin: 0px; clear: both;}
.weblinks .content {padding: 0.5em;}
.weblinks .content p {margin: 0.1em;}

.pictureframe {display: none; left: 0px; top: 0px; width: 350px; height:450px; position: absolute; border: 1px #888888 solid; background: #fff; text-align: center;}
.pictureframe iframe {scroll: none; overflow: hidden;border: none; padding: 4px}

.aboutus {font-size: 110%; }
.aboutus h2 {text-align: center; color: #483D8B;font-size: 140%}

.error {font-size: 120%; font-weight: bold; color: red; background: yellow}
.admin_message {font-size: 100%; font-weight: bold; color: #00008B}