﻿*{padding:0; margin:0;}

#RoyalFlopColorPalette 
{
color: #620F1D; /* Red-tone background */
color: #345E8C; /* Blue-tone Links and NavMenu */
color: #292320; /* Blacktone TopMenu */
color: #E9DBD1; /* Ivory-tone Sponsors */
color: #3E3423; /* Brown-tone */
}

body 
{
	background-color: #620F1D;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 0;	
	height: 100%;
	width: 100%;
}

a { color: #345E8C; }
a:visited { color: #292320 }

#container 
{
	position: relative;
	margin: 0 auto;
	height: 100%;
	width: 100%;
}

/*-------------------------------
  Top First Row 
-------------------------------*/

#top 
{
	position: relative;
	width: 790px;
	height: 195px;
	background-color: #292320;
	text-align: left;
	margin: 0 auto;	
}

/*-------------------------------
  Logo Positioning
-------------------------------*/

#logo 
{
	position: absolute; 
	left: 0; 
	top: 1px; 
	float: left; 
	width: 317px; 
	height: 193px; 
}

/*-------------------------------
  ByLine Positioning
-------------------------------*/

#byline 
{
	position: absolute;
/*	left: 240px;
	top: 100px; */
	top: 70px;
    left: 375px;
	height: 28px;
	width: 343px;
}

/*-------------------------------
  Top Menu
-------------------------------*/

#topmenu { position: absolute; top: 2px; left: 320px; }
#topmenu p, #topmenu a:link, #topmenu a:visited { font-family: Arial; font-size: 11px; font-variant:small-caps; color: rgb(130,130,130); text-decoration: none; line-height: 1.8em;}
#topmenu a:hover { border-bottom: solid 1px white; line-height: 1.8em; color: rgb(225,225,225); }
#topmenu a img { border: 0; }

/*-------------------------------
  Search
-------------------------------*/

#searcharea 
{
	position: relative;
	float: right;
	padding: 5px 5px 0 0;
}

#searchbox {
	margin-top: 0px;
	font-size: 10px;
}

#searchbox input {
	font-size: 15px;
	font-family: Arial;
	font-weight: normal;
}

#searchbox #searchbutton 
{
	display: none;	
	margin-left: 2px;
	width: 50px;
}

#searchbox #searchfield { width: 160px; }

#searchbox #searchcomments { display: none; }

/*-------------------------------
  Top Banner
-------------------------------*/

#topbanner
{
	position: relative;
	top: 130px;
	left: 320px;
	height: 60px;
	width: 468px;
}

/*-------------------------------
  Containers
-------------------------------*/

#wrapper
{ 
	position: relative;
	width: 790px;
	margin: 0 auto;	
}
#main 
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 650px;
	text-align: left;
	margin: 0 auto;
}

#body-main
{
	position: relative;
	top: 30px;
	width: 659px;
	min-height: 1000px;
	background-color: #FFFFFF;
	height: 100%;
}

#content
{
	margin-left: 3px;
	font-family: Arial;
}

/*-------------------------------
  Navigation Menu
-------------------------------*/

#nav-menu 
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 659px;
	height: 30px;
	background-color: #345E8C;
	text-align: left;
	font-family: Trebuchet MS;
	font-variant:small-caps;
	font-size: 18px;
	color: #FFFFFF;
	float: left;
	padding: 0px;
/*	color: #E9DBD1; */
}

#nav-menu ul {list-style-type: none; margin: 0 auto; height: 100%; float: none; display:block; text-indent: 0px; background-image:none; padding: 0;}
#nav-menu ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #E9DBD1; height: 100%; vertical-align: bottom; padding: 2px 10px 0 10px;}
#nav-menu ul li:hover {background-color:#292320; margin: 0; display:block;}
#nav-menu a:link, #nav-menu a:visited {color: #FFFFFF; text-decoration: none; display:block;}
#nav-menu ul li ul {display:none; border:none;}


/*-----------------------------
  Content Body
-----------------------------*/
#body-col1 
{
	position: relative;
	background-color: #FFFFFF;
	width: 500px;
	left: 3px;
	margin-left: 1px;
	padding-bottom: 40px;
	height: 100%;
}

#body-col1 h1, div.post h1, .mceContentBody h1 { font-family: Trebuchet MS, Times New Roman; font-size: 1.6em; color: #3E3423; font-weight: normal; letter-spacing: -0.05em; line-height: 1.1em; padding-top: 5px; padding-bottom: 6px;}
#body-col1 h2, div.post h2, .mceContentBody h2 { font-family: Trebuchet MS, Times New Roman; font-size: 1.3em; color: #345E8C; font-weight: normal; letter-spacing: -0.05em; line-height: 1.1em; padding: 20px 0 5px 0}
#body-col1 h3, div.post h3, .mceContentBody h3 { font-family: Trebuchet MS, Times New Roman; font-size: 1.2em; color: #3E3423; font-weight: normal; letter-spacing: -0.05em; line-height: 1.1em; padding: 10px 0 5px 0}
#body-col1 h4, div.post h4, .mceContentBody h4 { font-size: 0.8em; color: #000000; font-weight: bold; word-spacing: -0.05em; font-family: Arial; padding-bottom: 10px; }
#body-col1 p { font-size: 1.0em; color: #000000; font-weight: normal; font-family: Arial; margin-bottom: 1em;}

#body-col1 h1 a, div.post h1 a, .mceContentBody h1 a, div.post h1 a { color: #3E3423; text-decoration: none; }
#body-col1 h1 a:hover, div.post h1 a:hover, .mceContentBody h1 a:hover, div.post h1 a:hover { color: rgb(80,80,80); text-decoration: none; border-bottom: dashed 1px rgb(200,200,200); }

/*-----------------------------
  Author & Publishing Details
-----------------------------*/
.AuthorPhoto, .AuthorPhoto img { border: 0; text-align: left; padding-right: 5px; vertical-align: text-top; float: left; padding-left: 0px;}
.author, .categories { font-family: Arial; font-size: 11px; letter-spacing: 1px; word-spacing: -2px;}
.author a:link, .author a:visited, .categories a:link, .categories a:visited { color: #345E8C; text-decoration: none; border-bottom: dashed 1px rgb(200,200,200); font-weight: bold; }
.author a:hover, .categories a:hover { color: #3E3423; text-decoration: none; border-bottom: solid 1px rgb(200,200,200); font-weight: bold; }
.pubDate { font-size: 16px; color: rgb(120,120,120); }


/*-----------------------------
  Page Separator
-----------------------------*/
#page-separator 
{
	position: absolute;
	top: 0px;
	left: 510px;
	width: 1px;
	height: 90%;
	min-height: 400px;
	background-color: #345E8C;
	margin-top: 40px;
}
/*-----------------------------
  2nd Column with Links
-----------------------------*/
#body-col2 
{
	position: absolute;
	top: 10px;
	left: 512px;
	width: 145px;
	min-height: 800px;
	height: 100%;
	background-color: #FFFFFF;
	text-align: left;
	overflow:hidden;
}

#body-col2 h2 {	font-size: 18px; letter-spacing: -1px; font-weight: normal; font-family: Trebuchet MS; word-spacing: 1px; padding-left: 5px; padding-top: 5px; }
#body-col2 p, #body-col2 ul, .recentArticles li, .featuredContent li, .categoryList li {
	font-size: 11px; font-family: Arial; padding-left: 2px; padding-bottom: 3px; line-height: 1em; text-decoration: none; }
.recentArticles a, .featuredContent a, .categoryList a { color: rgb(80,80,80); text-decoration: none; border-bottom: dashed 1px rgb(200,200,200);}
#body-col2 a:hover { color: #345E8C; text-decoration: none; border-bottom: solid 0px;}
#body-col2 .recentArticles a { color: #345E8C; }
#body-col2 .recentArticles a:hover { color: #3E3423; }
#body-col2 .featuredContent a { color: #620F1D; }
#body-col2 .featuredContent a:hover { color: #345E8C; }
#body-col2 .popularTopics a { font-size: 12px; color: Red; text-decoration: underline; border: 0px}
#body-col2 .popularTopics a:hover { text-decoration: none;}
#blogroll img { display: none; }
.categoryList img { display: none; }
.categoryList h2 a, .categoryList h2 a:visited { border: 0; color: Black; }

/*----------------------------
  Page Specific
----------------------------*/

#page {
	padding: 3px 10px;
	margin-bottom: 20px;
	background-color: white;
	line-height: 17px;
}

#page h1 {
	margin: 3px 0 10px 0;
}

#page #admin {
	border-top: 1px solid silver;
	margin-top: 10px;
	padding: 5px 0;
}
/*-----------------------------
  Post Specific
-----------------------------*/
div.post .text {
	margin-left: 0px;
	margin-top: 12px;
	margin-bottom: 15px;
	font-size: 1.0em;
	font-family: Arial;
}

div.post .text a, div.post .text a:visited { color: #345E8C; text-decoration: none; border-bottom: solid 1px silver; }
div.post .text a:hover { color: #620F1D; text-decoration: none; border-bottom: dashed 1px silver; }

div.post ul { font-family: Arial; font-size: 1.0em; margin: 10px 0px 20px 5px; }
div.post li { list-style-image: url('/images/bul-diamond.gif'); vertical-align: middle; margin: 5px 0 5px 15px;}

div.post strong { color: rgb(75,75,75); }
div.post .tags {
	font-size: 12px;
	font-family: Arial;
}

div.post .footer .tags a 
{
	font-size: 12px; 
	color: #345E8C;
	text-decoration: none;
	border-bottom: dashed 1px silver;
}

div.post .footer .tags a:hover 
{
	color: #620F1D;
	border-bottom: none;
	}

div.post .footer 
{
	border-top: solid 1px silver;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #F5F5F5;
	border-bottom: solid 3px silver;
	font-family: Arial;
	font-size: 12px;
}

div.post .footer a
{
	color: rgb(80,80,80);
	text-decoration: none;
	border-bottom: dashed 1px silver;
}

div.post .footer a:hover
{
	text-decoration: none;
	border-bottom: 0px;
}
/*-----------------------------
  BlogRoll ID
-----------------------------*/

#blogroll ul a:link, #blogroll ul a:visited {
	list-style-type: none;
	padding: 0px;
}

#blogroll ul li ul li a:link, #blogroll ul li ul li a:visited {
	margin-left: 0px;
	margin-right: 5px;
	color: Black;
}

#blogroll ul li a img {
	border: none;
	margin-right: 3px;
	display: none;
}


/*-----------------------------
  Related Posts
-----------------------------*/
#relatedPosts 
{
	background: white;
	padding: 5px 10px 10px 10px;
	border: 1px solid silver;
	font-family: Arial;
}

h1#relatedPostsHead { font-size: 1.2em; margin-bottom: -5px; text-align: left; padding-top: 20px;}

#relatedPosts a:link, #relatedPosts a:visited {	
	margin-top: 5px;
	display: block;
	color: #620F1D;
	text-decoration: underline;
}

#relatedPosts span {
	color: rgb(80,80,80);
	text-indent: 10px;
	font-size: 11px;
}
/*-----------------------------
  Comments
-----------------------------*/
/*#commentsarea
{
	position: absolute;
	top: 100%;
	left: 0px;
	font-family: Arial;
}

#commentlist {overflow: hidden;}
*/
h1#comment { font-size: 1.2em; margin-top: 15px; }
h1#addcomment { font-size: 18px; }


.comment {
	border: 1px solid silver;
	background-color: white;
	padding: 3px;
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 14px;
}

.comment .date {
	font-size: 10px;
	color: #666666;
	text-align: right;
	margin: 0;
	padding: 3px 0px;
}

.comment .author {
	margin: 0;
	padding: 3px 0px;
	font-size: 12px;
}

.self {
	border: 2px solid black;
	background-color: #F5F5F5;
}

.self a { color: #620F1D; }

.comment .gravatar {
	float: left;
	clear: both;
	margin: 5px 10px 5px 0;
}

.comment .gravatar img {
	height: 80px;
	width: 80px;
}

.comment .content {
	min-height: 85px;
}

.comment img.flag {
	position: relative;
	top: 2px;
}

.commentForm {
	padding: 5px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input {
	width: 250px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
}

.success {
	color: green;
	font-weight: bold;
	font-family: Arial;
}

/*-----------------------------
  BE.NET Markup
-----------------------------*/
.hilite {
	background-color: #ff0;
}

.loginbox{
	margin: 0 auto;
}

#postPaging, #postPaging a
{
	font-family: Arial;
	font-size: 0.9em;
	color: #292320;
	padding-bottom: 10px;
	
}
#postPaging a:hover { text-decoration: none; color: #345E8C; }

/*-----------------------------
  Calendar
-----------------------------*/

#calendarContainer {
	font-family: Arial;
	font-size: 10px;
	text-transform: capitalize;
	margin: 0 auto;
}

.calendar {
	border: none;
	margin: 0 auto;
	font-size: 10px;
	font-family: Arial;
}

.calendar .weekend {
	background-color: #F1F1F1;
}

.calendar .other {
	color: silver;
}

.calendar a.exist {
	display: block;
	font-weight: bold;
	background-color: #F1F1F1;
}

.calendar td {
	vertical-align: top;
	background: white;
}

/*-----------------------------
  Sponsors
-----------------------------*/
#sponsors 
{
	position: absolute;	
	top: 0px;
	left: 660px;
	width: 130px;
	min-height: 500px;
	background-color: #E9DBD1;
	font-family: Trebuchet MS;
}

#sponsors h2 
{
	font-size: 18px; 
	font-weight: bold; 
	letter-spacing: -0.05em; 
	padding-top: 1px; 
	color: #292320; 
	padding-bottom: 5px;
}

#sponsors p { font-size: 12px; }

#sponsors a, #sponsors a:visited { color: #3E3423; text-decoration: underline; }
#sponsors a:hover { color: #345E8C; }
#sponsors img { padding-bottom: 1px; }
#sponsors .sponsorContent { margin-left: 1px; }

/*-----------------------------
  TagCloud - Popular Topics
-----------------------------*/
#tagcloud {
	margin-bottom: 10px;
	white-space: normal;
}

#tagcloud li {
	display: inline;
}

#tagcloud a {
	margin-right: 3px;
	display: inline;
}

#tagcloud a.biggest {
	font-size: 21px;
	color: #FF1D23;
}

#tagcloud a.big {
	font-size: 18px;
	color: #D40D12;
}

#tagcloud a.medium {
	font-size: 16px;
	color: #94090D
}

#tagcloud a.small {
	font-size: 14px;
	color: #5C0002;
}

#tagcloud a.smallest {
	font-size: 10px;
	color: #450003;
}

.topicList #tagcloud a { font-size: 10px; color: #345E8C; }
.topicList #tagcloud a:hover { font-size: 10px; color: #3E3423; }
/*-----------------------------
  Rating / Stars
-----------------------------*/

.rating{
	margin-top: 5px;
	margin-bottom: -15px;
	font-size: 12px;
}

.rating p{
	display: inline;
	position: relative;
	top: 20px;
	left: 65px;
}

.star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.star-rating li {
	display: inline;
}

.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
	margin: 0;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating {
	z-index: 1;
	background-position: left center;
}

/* smaller star */
.small-star {
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(/images/star_small.gif);
	line-height: 10px;
	height: 10px;
}

/*----------------------------
				Search page
----------------------------*/

#searchpage{
	margin-bottom: 30px;
}

#searchpage input#q{
	width: 300px;
}

#searchpage input#comment{
	clear: both;
}

.searchresult{
	margin-bottom: 20px;
}

.searchresult a{
	font-weight: bold;
}

.searchresult span.text{
	clear: both;
	display: block;
	margin: 3px 0;
}

.searchresult span.type{
	display: block;
}

.searchresult span.url{
	color: Gray;
}

.searchpage ul.paging{
 list-style-type: none;
 margin:0px;
 margin-bottom: 20px;
 padding:0px;
}

.searchpage ul.paging li{
 display: inline;
 border: 1px solid gray; 
 background: #f1f1f1;
 margin-right: 5px;
}

.searchpage ul.paging li a{
 padding: 5px 8px;
}

.searchpage ul.paging li.active{
 background: #f1f1f1;
 border: 1px solid black;
}

#searchonsearch {
	background: white;
	padding: 5px 10px;
	margin-bottom: 20px;
	border: 1px solid silver;
}

#searchonsearch h3 {
	margin: 3px;
	font-size: 13px;
}

#searchonsearch ol li {
	margin: 2px 0;
}

/*----------------------------
 Contact Page
----------------------------*/

#contact{
	background : white;
	padding: 10px;
}

#contact h1{
	margin-top: 0;
}

#contact label{
	display: block;
	padding-top: 5px;	
}

#contact input.field{
	width: 200px;
}

#contact textarea{
	display: block;	
	overflow: auto;
	width: 75%;
	height: 150px;
	margin: 0;
}

/*----------------------------
					Archive
----------------------------*/

#archive {
	background-color: white;
	padding: 10px;
}

#archive h1 {
	margin: 0;
	padding-bottom: 9px;
}

#archive h2 {
	border-bottom: 1px solid silver;
	padding-bottom: 4px;
	font-size: 1.0em;
	margin-bottom: 10px;
	color: rgb(80,80,80);
}

#archive h2 img {
	margin-right: 3px;
	border: 0;
}

#archive ul {
	list-style-type: square;
	margin: 0 10px;
	padding: 10px;
}

#archive ul li {
	margin-right: 20px;
}

#archive table{
	width: 100%;	
	border-collapse: collapse;
}

#archive table td, #archive table th{
	text-align:left;
}

#archive table td{
	text-align:left;
	border-bottom: 1px solid #D8D8D8;
	padding: 2px 0;
}

#archive .date{
	width: 70px;
	font-size: 12px;
}

#archive .comments{
	width: 70px;
	text-align: center;
}

#archive .rating{
	width: 70px;
	text-align: center;
}

/*-----------------------------
  Main Body Footer
-----------------------------*/
#body-footer 
{
 position: relative;
 width: 659px;
 height: 55px;
 background-image: url(images/body-footer.gif);
 background-repeat:no-repeat;
}

#body-footer p { font-size: 11px; font-family: Arial; padding-left: 35px; padding-right: 20px; padding-top: 30px; color: rgb(150,150,150); float: right;}
#body-footer a, #body-footer a:visited { color: rgb(100,100,100); text-decoration: none; border-bottom: dashed 1px rgb(200,200,200); display: inline-block; }
#body-footer a:hover { color: rgb(25,25,25); text-decoration: none; border-bottom: solid 1px black;  }

