/* --------- global style control ---------- */
body { margin: 10px 0px 10px 0px; padding: 0; font-size: 12px; font-family: Verdana, sans-serif; background-color: #003366; }
a { color: #036; }
a:hover { color: #f00; }
p, .text { font-size: 10pt; line-height: 1.4; }
.innertitle { font-size: 14px; font-weight: bold; line-height: 1.5; margin: 5px 0 8px 0; }
.innertitle2 { font-size: 10pt; font-weight: bold; line-height: 1.5; }
.innertitle2 a { color: #00f; }
.innertitle2 a:hover { color: #f00; }
.titleline { font-size: 10pt; font-weight: bold; border-bottom: 2px solid #06F; padding: 4px; margin: 10px 0 5px 0; }
.usericon { margin: 5px; padding: 1px; border: 1px solid #999; }
.smalltext { font-size: 8pt; color: #999; }
.statustext { font-size: 12px; color: #999; }
.separator { border-bottom: 1px solid #CCC; margin: 5px 0; float: none; clear: both; }
.datestamp { font-size: 12px; color: #999; }
.commendline { background-image: url(../images/commentline.jpg); background-repeat: repeat-x; height: 9px; background-position: left center; }

/* -------- form elements --------- */
form { margin: 0; }
select, input { font-size: 12px; }
.cutetextbox { font-family: Arial; font-size: 12px; border: #b8c8c6 1px solid; padding: 2px; height:14px; width:110px; }
.cutebutton { font-family: Arial; font-size: 12px; border: #b8c8c6 1px solid; padding: 2px; }

/* --------- external links -------------- */
#external_links { font-size: 12px; }
#external_links span { display: block; float: right; padding: 4px; border: #CCC 1px solid; background-color: #f0f0f0; }
#external_links a { color: #003366; text-decoration: none; }
#external_links a:hover { color: #336699; text-decoration: underline; }

/* -------------- navigate bars --------------- */
#nav_links { padding: 5px; margin-bottom: 8px; background-color: #004182; color: #FFFFFF; }
#nav_links_articles span, #nav_links_blogs span { color: #ccffff; }
#nav_links a { color: #FFF; }
#nav_separator { background-image: url(../images/catalogline.jpg); background-repeat: repeat-x; background-position: left center; }
#nav_links a:hover { color: #9cf; }

/* --------------- scrollbar & searchbar ----------------- */
#scrollbar { padding: 5px; margin-bottom: 8px; background-color: #f5f5f5; }
#searchbar { padding: 5px; background-color: #f5f5f5; }

/* ------------------- spotlights --------------------- */
#spotlight_article, #spotlight_blog { padding: 5px; }
#spotlight_article .photo, #spotlight_blog .photo { float: left; margin: 5px; width: 120px; height: 120px; overflow: hidden; }
#spotlight_article .intro, #spotlight_blog .intro { }

/* --------------- archive links ---------------- */
#hot_articles { margin: 5px; line-height: 1.5; }
#hot_articles .archive_link { width: 50%; float: left; overflow: hidden; }
#hot_articles .archive_link a { color: #00f; }
#hot_articles .archive_link a:hover { color: #f00; }
#hot_articles .archive_link span { width: 60px; margin-top: -1.5em; text-align: left; float: right; }
#hot_articles .archive_link span a { color: #036; }
#hot_articles .archive_link span a:hover { color: #f00; }

/* --------------- recommended blog links -------------- */
#recommended_blogs { margin: 5px; line-height: 1.5; }
#recommended_blogs .blog_link { width: 25%; float: left; overflow: hidden;  }
#recommended_blogs .blog_link a { color: #036; }
#recommended_blogs .blog_link a:hover { color: #f00; }

.titleheader { font-size: 15px; font-weight: bold; }
.nod { font-size: 8px; text-align: center; }
.miantable { background-color: #FFFFFF; }
.tablepostion { padding: 5px; }
.navposticon { padding-top: 6px; padding-left: 10px; padding-bottom: 4px; }
.tablepostionimg { padding-top: 7px; padding-left: 10px; padding-bottom: 7px; }
.logintitle { background-color: #666666; color: #FFFFFF; }
.content { padding: 5px; background-color: #f5f5f5; }
.content a { color: #003366; text-decoration: underline; }
.content a:hover { color: #FF0000; }
.altercontent { background-color: #ffffff; }
.altercontent a { color: #003366; text-decoration: underline; }
.altercontent a:hover { color: #FF0000; }
.contentborder { border: 1px #f5f5f5 solid; background-color: #ffffff; }

.navtitle { background-color: #004182; color: #FFFFFF; }
.navtitle span { float: left; color: #ccffff; }

.navtitle a { text-decoration: underline; color: #FFFFFF; }
.navtitle a:hover { color: #FFFFFF; }
.horizontal { background-image: url(../images/catalogline.jpg); background-repeat: repeat-x; }
.horizontal2 { border: #FFFFFF 1px solid; }
.top { margin-top: 12px; }
.smalltop { margin-top: 10px; }
.left { margin-left: 10px; }
.commentarticle { background-image: url(../images/red.jpg); background-repeat: repeat-x; color: #FFFFFF; }
.commentblog { background-image: url(../images/blue.jpg); background-repeat: repeat-x; color: #FFFFFF; }
.bloggroup { background-image: url(../images/green.jpg); background-repeat: repeat-x; color: #FFFFFF; }
.blackback { background-image: url(../images/black.jpg); background-repeat: repeat-x; color: #FFFFFF; }

.con_img img { border: #b8c8c6 1px solid; padding: 1px; width: 122px; height: 127px; }
.con_img1 img { border: #b8c8c6 1px solid; padding: 1px; width: 91px; height: 91px; }
.con_img1 { width: 91px; height: 91px; text-align: center; }
.tb { width: 100px; border: #b8c8c6 1px solid; }
.tb1 { width: 50px; border: #b8c8c6 1px solid; }
.less { font-size: 11px; text-align: center; }
.spanpostion { display: block; float: right; margin-top: -16px; }
.spanpostion2 { display: block; float: right; margin-top: -16px; margin-right:10px; }
.spanpostion a { color: #FFFFFF; }
.spanpostion2 a { color: #FFFFFF; }
.rightnav { background-color: #004182; color: #FFFFFF; border-bottom: #999999 2px solid; }

.topiccontent A { color: #003366; text-decoration: underline; }
.topiccontent a:hover { color: #FF0000; }
.topiccontent div { float: right; }

/* ------------- Page Numbers ------------- */
.pages { font-family: sans-serif; font-size: 8pt; padding: 20px 2px 20px 2px; float: right; }
.pages a, .pages span { display: block; float: left; padding: 2px 5px 2px 5px; margin: 0 0 2px 2px; border: 1px solid #fff; background: #fff; }
.pages span.current { border: 1px solid #06c; font-weight: bold; background: #06c; color: #fff; }
.pages a { border: 1px solid #9AAFE5; text-decoration: none; }
.pages a:hover { border-color: #06c; }
.pages a.nextprev { /* font-weight: bold; */ }
.pages span.nextprev { color: #666; }
.pages span.nextprev { border: 1px solid #ddd; color: #999; }
.row1 { background-color: #dee3e7; }
.row2 { background-color: #CCCCCC; }

/* ----------- Thumbnail View ------------- */
div.photocell { padding: 5px 5px 0 5px; height: 108px; margin: 5px; border: 1px solid #CCC; background-color:#FFF; float: left; }
div.photocaption { padding: 5px; text-align: center; }
div.thumbnail { width: 100px; height: 80px; text-align:center; overflow: hidden; }