/*
Color Palette
=============
Light Gray	#DDDDDD
Black		#000000
Charcoal	#222222 (used for blog tag foreground)
Med Gray	#BBBBBB
White		#FFFFFF
purpley-blue	#3C479E
Lavender	#CCCCFF
Blue		#0000FF (links)
pale gray:	#808080;

Easter colors
-------------
pastel blue: #b1e8f3;
pastel green: #bdf3bb;
pastel yellow: #f0f674;
magenta: #e881f5;
peach: #f4c6c6;
pastel pink: #f4d2e1;

St Patrick's Day colors
-----------------------
bright green: #66DD66;
medium green: #66CC66;
dark green: #66BB66;
pale green: #ccffcc;

Mexicano colors
---------------
burnt orange: #CC6666;
flesh: #ffcccc;

USA colors
----------
blue: #44AAEE;
red: #EE4444;

*/

/* ==========  Page shell classes  =========== */
.BlogShellTable {
	border:0;
	width: 100% }

.BlogHeadingTable {
	width: 100%;
	height: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0 }

/* ==========  Blog Heading classes  =========== */
.BlogHeadingRow  {
	 height: 18}

.BlogHeadingCellLeft {
	background-color: #3C479E;
	border:0;
	padding: 0;
	cellspacing: 0;
	color: #FFFFFF;
	font-weight: bold;
	text-align: middle}

.BlogHeadingCellMiddle  {
	background-color: #3C479E;
	border:0;
	cellspacing: 0;
	padding: 0;
	width: 150;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom }

.BlogHeadingCellRight {
	background-color: #3C479E;
	border:0;
	cellspacing: 0;
	padding: 0;
	width: 150;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom }

/* ==========  Menu bar classes  =========== */
.MenuBar {
    background-image: url("images/grade.gif");
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	/*padding-left: 5px;*/
	height: 52px;
	border:0;
	padding: 0;
	border-spacing: 0;
	position: relative}

#MenuLinks {
	color: #000000;
	text-decoration: none;
}
#MenuLinks:hover {
	color: #0000FF;
	text-decoration: underline;
}

.BlogSelectDropdown {
	width: 100px;
}

.BlogSelectDropdown:onmouseover {
	width: 300px;
}

/* ==========  Left panel classes  =========== */
.LeftPanelCell {
	WIDTH: 160px;
	vertical-align: Top;
	border:0;
	padding: 0 }

.LeftPanelTable {
    WIDTH: 182px;
    border:0;
    border-spacing: 4;
     cellpadding: 0 }

.PanelTitle {
	font-size:  14px}

.ActionOptionsPanel {
	background-color: #DDDDDD;
	color: #000000;
	font-family: verdana;
	font-size:  12px;
	padding: 0;
	border:0}

.PollPanel {
	background-color: #3C479E;
	color: #FFFFFF;
	vertical-align: middle;
	font-family: verdana;
	border:0;
	padding: 0;
	font-size:  12px}

.EmoticonPanel {
	background-color: #DDDDDD;
	color: #000000;
	border:0;
	padding: 0;
	font-family: verdana;
	font-size:  12px}

.AudiConPanel {
	background-color: #BBBBBB;
	color: #000000;
	border:0;
	padding: 0;
	text-align: center;
	font-family: verdana;
	font-size:  12px}

.LinksPanel {
	background-color: #3C479E;
	color: #FFFFFF;
	vertical-align: middle;
	font-family: verdana;
	border:0;
	padding: 0;
	font-size:  12px}

.LinksPanel a {
	background-color: #3C479E;
	color: #FFFFFF;
	vertical-align: middle;
	font-family: verdana;
	border:0;
	padding: 0;
	font-size:  12px}

.LinksPanel a:hover {
	font-weight: bold;
}

.TrafficPanel {
	background-color: #DDDDDD;
	color: #000000;
	border:0;
	padding: 0;
	font-family: verdana;
	font-size:  12px}

/* ==========  Content panel classes  =========== */
.MiddlePanelCell {
    vertical-align: top;
	text-align: left;
	border:0;
	padding: 0 }

.ContentTable {
    border:0;
     padding: 0;
     border-spacing: 8px;
     cellpadding: 0;
     width: 100% }

.Copyright {
    color: #808080;
	font-family: verdana;
	font-size: 10px}

/* ==========  Ad panel classes  =========== */
.AdSpace {
    WIDTH: 140px;
	vertical-align: Top;
	border: 1;
	cellspacing: 10	}

.AdCell {
	align: Middle;
	vertical-align:Center }

/* ==========  Button classes  =========== */
.button  {
    background-image: url("images/empty.gif");
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-family: verdana;
	height: 24px;
	width: 88px;
	border:0;
	font-size:  12px }

.buttonmid  {
    background-image: url("images/emptymid.gif");
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-family: verdana;
	height: 24px;
	width: 110px;
	border:0;
	font-size:  12px }

.buttonlrg  {
    background-image: url("images/emptylrg.gif");
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-family: verdana;
	height: 24px;
	width: 150px;
	border:0;
	font-size:  12px }

.buttonxlrg  {
    background-image: url("images/emptyxlrg.gif");
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-family: verdana;
	height: 24px;
	width: 164px;
	border:0;
	font-size:  12px }

.AddComment {
    background-image: url("images/addcmnt.gif");
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-family: verdana;
	height: 30px;
	width: 150px;
	border:0;
	font-weight: bold;
	font-size:  14px}

.button#Bold { font-weight: bold}
.button#Italic { font-style: italic}
.button#Underline { text-decoration: underline}
.button#Strikethru { text-decoration: line-through}
.button#Link { text-decoration: underline; font-weight: bold}

.buttonxlrg#EmoPopupBtn {background-color: #DDDDDD}
.buttonxlrg#AudiPopupBtn {background-color: #BBBBBB}
.buttonmid#PopSubmit {background-color: #DDDDDD}
.buttonmid#PopCancel {background-color: #DDDDDD}
.buttonmid#SaveEmoticons {background-color: #FFFFFF}
.buttonmid#SaveAudicons {background-color: #FFFFFF}

/* ==========  Blog Post classes  =========== */

.BlogPostTable {
	width: 100%;
	border:0;
     	border-spacing: 8px;
	cellspacing: 5px;
	padding: 0 }

.BlogPost {
	background-color: #DDDDDD;
	color: #000000;
	border:0;
	padding: 0;
	font-family: verdana;
	font-size:  12px}

.BlogTag {
	background-color: #DDDDDD;
	color: #222222;
	font-family: verdana;
	font-size: 10px}

.BlogTitle {
	background-color: #DDDDDD;
	color: #000000;
	border:0;
	padding: 0;
	font-family: verdana;
	font-size:  18px;
	font-weight: bold}

.BlogTitleB {
	background-color: #BBBBBB;
	color: #000000;
	border:0;
	padding: 0;
	font-family: verdana;
	font-size:  18px;
	font-weight: bold}

.EditBox {
	background-color: #3C479E;
	color: #FFFFFF;
	font-family: verdana;
	font-size:  12px;
	font-weight: bold}

.CommentA {
	background-color: #DDDDDD;
	color: #000000;
	border:0;
	padding: 0;
	margin-bottom: 10px;
	font-family: verdana;
	text-align: left;
	font-size:  12px}

.CommentB {
	background-color: #BBBBBB;
	color: #000000;
	border:0;
	padding: 0;
	margin-bottom: 5px;
	font-family: verdana;
	text-align: left;
	font-size:  12px}

.CommentEdit {
	background-color: #666666;
	color: #FFFFFF;
	width: 20px;
	font-weight: bold;
	height: 20px }

.QuoteBox {
	background-color: #ccccff;
    color: #000000;
    font-family: verdana;
    font-size: 12px;
    border-right: #3C479E 1px solid;
	padding-right: 2px;
	border-top: #3C479E 1px solid;
	padding-left: 2px;
    padding-bottom: 2px;
    border-left: #3C479E 1px solid;
    padding-top: 2px;
    border-bottom: #3C479E 1px solid}

/* =========  post tag classes  ========= */
div.tagbots {
	clear: both;   text-align: right;   float: right;
}

div.tagbots div {
	padding-right:4px;
	float: left;
	text-align: left;
}

div.tagbot_header {
	font-weight: bold;
}

div.tagbot_seperator {
	clear: both;
	height: 0px;
}

div.tagbot a img {
	filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50;
}

div.tagbot a:hover img {
	 filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99; -khtml-opacity:0.99;
}

html .fb_share_link {
	padding:2px 0 0 20px;
	height:16px;
	background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?6:26981) no-repeat top left;
}

html .twitter_share_link {
	padding:2px 0 0 20px;
	height:16px;
	background:url(http://www.FourFreedomsBlog.com/images/twitter.gif) no-repeat top left;
}
/* ==========  List Table classes  =========== */
.TableStyle {
	width: 100% }

.TableHeading {
	background-color: #BBBBBB;
	color: #000000;
	font-family: verdana;
	font-weight: bold;
	text-align: center;
	width: 100% }

.TableRowOdd {
	background-color: #FFFFFF;
	color: #000000;
	font-family: verdana;
	font-size:  12px}

.TableRowEven {
	background-color: #DDDDDD;
	color: #000000;
	font-family: verdana;
	font-size:  12px}

/* ==========  Aux classes  =========== */
.ErrMsg {
	color: #FF0000;
	font-family: verdana;
	font-size: 18px}

.Highlight {
	background-color: #3C479E;
	color: #FFFFFF;
	font-family: verdana;
	font-size:  12px;
	font-weight: bold}

P {
	background-color: #FFFFFF;
	color: #000000;
	font-family: verdana;
	font-size:  12px}

H3 {
    background-color: #FFFFFF;
	color: #000000;
	font-family: verdana;
	font-size:  18px}

.Link {
	color: #0000FF;
	text-decoration: underline;
	font-family: verdana;
	font-size:  12px}

a {
    color: #0000FF;
	font-family: verdana;
	font-size:  12px}

.General {
	background-color: #FFFFFF;
	color: #000000;
	font-family: verdana;
	font-size:  12px}

/* ==========  popup screen classes  =========== */
.OptionBox {
	background-color: #DDDDDD;
	color: #000000;
	width: 100%;
	font-family: verdana;
	font-size:  12px}

.EditPopTitle {
	background-color: #DDDDDD;
	color: #000000;
	font-family: verdana;
	font-size:  18px}


/* ============  Audicon pop up screen classes  ======== */
.tab{
   color: navy;
   background-color: white;
   border: thin solid navy;
   position: absolute;
   top: 10;
   width: 80;
   text-align: center;
   font: 9pt Verdana,sans-serif;
   z-index: 2;
   padding: 3;
   cursor: pointer;
   cursor: hand;
}
.panel{
   position: absolute;
   top: 32;
   left: 10;
   width: 95%;
   z-index: 1;
   height: 85%;
   visibility: hidden;
   font: 12pt Verdana,sans-serif;
   color: navy;
   border: thin solid navy;
   padding: 10;
   overflow: auto;
}

/* ==========  visual effect classes  =========== */
.Invisible {
	display: none}

#soft_corner_ul {
background:url("http://www.fourfreedomsblog.com/images/corner_ul.gif") no-repeat top left}

#soft_corner_ur {
background:url("http://www.fourfreedomsblog.com/images/corner_ur.gif") no-repeat top right}

#soft_corner_ll {
background:url("http://www.fourfreedomsblog.com/images/corner_ll.gif") no-repeat bottom left}

#soft_corner_lr {
background:url("http://www.fourfreedomsblog.com/images/corner_lr.gif") no-repeat bottom right}

/*  ==============  Dead classes   ================
.MenuA {
    background-image: url("images/4F_Grade.jpg");
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	height: 45px;
	position: relative}

.Login {
    background-image: url("images/4F_Grade.jpg");
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	height: 45px;
	position: relative}

.BlogHeadingCell {
	background-color: #DDDDDD;
	color: #FFFFFF;
	font-family: verdana;
	font-size:  18px;
	font-weight: bold}

.ActionOptions {
	background-color: #DDDDDD;
	color: #000000;
	font-family: verdana;
	font-size:  12px}

.buttonbold {
	color: #000000;
	font-family: verdana;
	font-weight: bold;
	font-size:  12px}

.buttonitalic {
	color: #000000;
	font-family: verdana;
	font-style: italic;
	font-size:  12px}

.buttonunderline {
	color: #000000;
	font-family: verdana;
	text-decoration: underline;
	font-size:  12px}

.buttonstrikethru {
	color: #000000;
	font-family: verdana;
	text-decoration: line-through;
	font-size:  12px}

.buttonplain {
	color: #000000;
	font-family: verdana;
	font-size:  12px}

.BlogPostCell {
	background-color: #DDDDDD;
	color: #000000;
	font-family: verdana;
	font-size:  12px}

.MenuB {
    background-image: url("images/4F_Grade.jpg");
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	height: 45px;
	position: relative}
	
.MenuText {
    color: #000000;
	font-family: verdana;
	font-size: 12px;
	vertical-align: middle;
	text-align: middle;
	height: 45px;
	line-height: 12px;
	position:relative;
	top: 3px}

.LoginText {
    color: #000000;
	font-family: verdana;
	font-size: 12px;
	vertical-align: middle;
	text-align: right;
	height: 45px;
	line-height: 12px;
	position:relative;
	top: 6px}

.Help {
	color: #FFFFFF;
	font-family: verdana;
	font-size:  12px}

.ArrowText {
	color: #FFFFFF;
	font-family: marlett;
	font-size:  12px}


*/