﻿/**
* LAST MOD: NOV 07 2009: DREW @ WWW.DREAMDESIGNSWEB.COM
* -----------------------------------------------------
* Primary color scheme for this site is:
* dark red: #6c1c13;
* brownish: #787451;
* black: #000000;
* white: #ffffff;
* Primary font (mostly not avail on systems) is:
* perpetua
*/
body { margin: 0px; padding: 0px; font-family: tahoma,arial; font-size: 13px; background-color: #808080; color: inherit; }
img { border: none; }
h2 { margin: 0px; padding: 0px; font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
form { margin: 0px; padding: 0px; }
legend { font-size: 14px; color: #000000; background-color: transparent; }
embed, object { z-index: -1; }
/*== COMMON CLASSES ==*/
.px11 { font-size: 11px; }
.px12 { font-size: 12px; }
.px13 { font-size: 13px; }
.px14 { font-size: 14px; }
.px15 { font-size: 15px; }
.px18 { font-size: 18px; }
.px20 { font-size: 20px; }
.px24 { font-size: 24px; }
.subtitle { font-weight: bold; font-size: 14px; }
.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }
.noBullet { list-style: none; }
.noUnder { text-decoration: none; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mb5 { margin-bottom: 5px; }
.ml20 { margin-left: 20px; }
.imgL { float: left; margin: 0px 10px 10px 0px; }
.redIt { color: #ff0000; background-color: transparent; }
.blueIt { color: #0000ff; background-color: transparent; }
.tpBrown { color: #787451; background-color: transparent; }
.tpRed { color: #6c1c13; background-color: transparent; }
.tpBGBrown { color: #ffffff; background-color: #787451; }
.tpBGRed { color: #ffffff; background-color: #6c1c13; }
.pt10 { padding-top: 10px; }
.pad10 { padding: 10px; }
.pad5 { padding: 5px; }
.pad3 { padding: 3px; }
.px18 { font-size: 18px; }
.font_perpetua { font-family: perpetua; }
.floatR { float: right; }
.floatL { float: left; }
.boldIt { font-weight: bold; }
.formButton {
	background-color: #6c1c13;
	color: #ffffff;
	border: solid 1px #000000;
	font-size: 11px;
}
.formButton:hover {
	cursor: pointer;
	background-color: #787451;
}
.divider { position: relative; height: 1px; font-size: 1px; }
/*== BEGIN MAIN CONTENT DIV ==*/
#main { position: relative; width: 850px; height: auto; margin: 0px auto; background-color: #ffffff; color: #000000; }
#mainHeader { position: relative; width: 850px; height: 50px; background-color: #000000; color: #ffffff; }
#mainUpper { position: relative; width: 850px; height: 220px; overflow: visible; z-index: 998; }
#muLeftDiv {  position: relative; float: left; width: 135px; height: 220px; }
#muTopLeftDiv { position: relative; width: 135px; height: 164px; text-align: center; background-color: #6c1c13; color: #ffffff; }
#muTopLeftDiv img { margin: 13px 0px 5px 0px; }
#muTopLeft2Div { position: relative; width: 135px; height: 56px; }
#muLogoDiv { position: relative; float: left; width: 390px; height: 220px; }
#muLogo { position: relative; width: 371px; height: 210px; margin: 10px 0px 0px 7px; }

#pageTitleDiv { position: absolute; z-index: 999; left: 0px; padding-left: 224px; bottom: -50px; color: #6c1c13; background-color: transparent; font-size: 29px; }
.pageTitleDiv { position: relative; left: 0px; text-align: left; padding-left: 58px; color: #6c1c13; background-color: transparent; font-size: 28px; }
.pageSubTitleDiv { position: relative; left: 0px; text-align: left; padding-left: 58px; color: #6c1c13; background-color: transparent; font-size: 24px; }

#muMenuDiv { position: relative; float: right; width: 325px; height: 220px; }
#muMenuUpper { position: relative; width: 325px; height: 164px; background-color: #6c1c13; color: #ffffff; }
.muMenuUpperInner { position: relative; padding: 20px 10px 0px 20px; }
#muMenu { position: relative; width: 325px; height: 31px; background-color: #787451; color: #ffffff; }

/*== BEGIN MENU BAR ==*/
.menuBar { position: relative; padding: 5px 0px 0px 0px; margin-left: 20px; }
.menuLink { padding: 2px 7px 2px 7px; float: left; font-size: 13px; font-weight: bold; }
.menuLink a { color: #ffffff; background-color: transparent; text-decoration: none; }
.menuLink a:hover { color: #c0c0c0; border-bottom: solid 1px #c0c0c0; border-top: solid 1px #c0c0c0; }
.shopMenuItem {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #ffca56;
	padding: 2px 7px 2px 7px;
}
.shopMenuItem a {
	color: #ffca56;
	background-color: transparent;
	text-decoration: none;
}
.shopMenuItem:hover {
	padding-top: 1px;
	border-bottom: solid 1px #ffca56;
	border-top: solid 1px #ffca56;
}

/*== BEGIN MAIN CONTENT ==*/
#mainContent { position: relative; width: 850px; height: auto; background-color: #6c1c13; color: #ffffff; }
#contentLeft { position: relative; float: left; width: 135px; height: auto; min-height: 450px; }
#contentLeftLower { position: relative; font-size: 11px; padding: 8px; background-color: #787451; color: #ffffff; }
#contentLeftLower a { color: #ffffff; background-color: transparent; }
#contentRight { position: relative; float: right; width: 715px; height: auto; min-height: 605px; background-color: #ffffff; color: #000000; }
#innerContent { position: relative; padding: 20px 30px 20px 30px; }
/*=== BEGIN LEFT MUGSHOTS ==*/
.mugDiv { position: relative; text-align: center; }
.mug { margin-top: 10px; }
.mug1 { margin-top: 20px; }
.mug img { border-left: solid 1px #808080; border-bottom: solid 1px #808080; padding-bottom: 5px; }
/*== BEGIN FOOTER INFO ==*/
#mainFooter { position: relative; width: 850px; height: 80px; background-color: #787451; color: #ffffff; }
#mainFooter a { color: #ffffff; }
#innerFooter { position: relative; padding: 5px; text-align: center; font-size: 11px; }
.copyrightInfo { position: relative; margin-top: 10px; font-size: 9px; }
.copyrightInfo a { color: #ffffff; }

.blogDivide { position: relative; height: 1px; width: 96%; background-color: #c0c0c0; color: #c0c0c0; font-size: 1px; margin-top: 20px; margin-bottom: 20px; }
.postedByDiv { position: relative; margin: 20px 0px 0px 0px; color: #808080; background-color: transparent; }
.postedBlock { position: relative; height: 23px; }
.postedAuthor { position: relative; float: left; margin-bottom: 5px; }

#previewDiv { position: absolute; display: none; width: 700px; height: 600px; z-index: 9999; background-color: #ffffff; color: #000000; border: solid 3px #c0c0c0; overflow: auto; }
#previewHeader { position: relative; height: 20px; padding: 10px; background-color: #6c1c13; color: #ffffff; font-weight: bold; font-size: 16px; }
#innerPreview  { padding: 10px; }

.msgFS { padding: 10px; margin-bottom: 10px; margin-top: 10px; }
#commentSuccessDiv {
	position: absolute;
	width: auto;
	height: auto;
	top: -15px;
	right: 100px;
	padding: 10px;
	border: solid 2px #c0c0c0;
	background-color: #ffffff;
	color: #000000;
	z-index: 99999;
}
.spacerDiv {
	height: 1px;
	margin: 5px 0px 5px 0px;
	font-size: 1px;
}

/*=== ADMIN: LEFT MENU AREA ===*/
.menuLeft { position: relative; z-index: 99999; margin-top: 20px; margin-left: 6px; padding-left: 6px; list-style: none; font-weight: bold; }
.menuLeft a { color: #ffffff; background-color: transparent; text-decoration: none; }
.menuLeft a:hover { border-top: solid 1px; border-bottom: solid 1px; }
.menuLeft li { margin-bottom: 10px; }

.needApprovalFS legend { font-size: 15px; }
.naDiv { margin: 10px 0px 5px 0px; padding: 5px; }

/*=== BUBBLE ===*/
#bubbleDiv { position: absolute; display: block; width: auto; height: 42px; top: 55px; left: 340px; z-index: 9999; }
#bubbleBody { position: relative; width: auto; height: 30px; }
#bubbleImgLeft { position: relative; float: left; width: 7px; height: 100%; font-size: 1px; }
#bubbleCenter { position: relative; float: left; width: auto; height: 100%; background: url('../images/quotes/bubble_strip.png') center repeat-x #787451; color: #ffffff; font-size: 11px; }
/*#bubbleCenterInner {  padding-top: 6px; }*/
#bubbleImgRight { position: relative; float: right; width: 7px; height: 100%; font-size: 1px; }
#bubblePoint { position: relative; width: auto; height: 11px; }

/*=== BUBBLE 2 ===*/
#bubble2Div { position: relative; width: 200px; margin: 0px 0px 0px 10px; }
.bubble2Top { position: relative; width: 100%; height: 16px; background: url('../images/quotes_2/bubble_slice_top.jpg') top repeat-x; }
.bubble2CornerTL { position: absolute; left: 0px; top: 0px; width: 16px; height: 16px; }
.bubble2CornerTR { position: absolute; right: 0px; top: 0px; width: 16px; height: 16px; }
.bubble2Center { position: relative; width: 100%; height: auto; background: url('../images/quotes_2/bubble_center_left.jpg') left repeat-y; }
.bubble2Center2 { position: relative; width: 100%; height: auto; background: url('../images/quotes_2/bubble_center_right.jpg') right repeat-y; }
#bubbleCenterInner { position: relative; margin: 0px 10px 0px 10px; color: #ffffff; background: url('../images/quotes_2/bubble_center_slice.jpg'); }
.bubble2Bott { position: relative; width: 100%; height: 16px; z-index: 89; background: url('../images/quotes_2/bubble_slice_bott.jpg') top repeat-x; }
.bubble2CornerBTL { position: absolute; left: 0px; bottom: 0px; width: 16px; height: 16px; }
.bubble2CornerBR { position: absolute; right: 0px; bottom: 0px; width: 16px; height: 16px; }
.bubble2Point { margin-left: 10px; z-index: 90; }

/*=== ADSENSE CONTAINERS ===*/
.adSenseDiv { position: relative; width: 120px; margin: 0px auto; }

/*== SHOP AD SEGMENTS ==*/
.shopAdDiv {
	
}
/*== SIGNIN DIV ==*/
#signinDiv {
	position: relative;
	float: right;
	font-size: 11px;
	margin: 3px 5px 0px 0px;
	color: #c0c0c0;
}
#signinDiv input {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	border: none;
	color: #dddddd;
	background-color: #a0a0a0;
}
#signinHandle, #signinEmail {
	width: 90px;
	height: 14px;
}
#signinErrorDiv {
	position: relative;
	margin: 7px 0px 0px 0px;
	text-align: center;
	color: #ffff00;
}
#logoffHref {
	text-decoration: none;
	color: #c0c0c0;
	background-color: transparent;
}
#logoffHref:hover {
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
}