/*
=============================================================
	2easy Personal
=============================================================
	SX STYLES - CONTENT CLASSES
=============================================================*/

/*	
=============================================================
////////////////////////////////////// LEFT CONTENT
=============================================================*/


/*	===================================
	NAVIGATION MENU
	=========== =========== =========== */

#navBG {
	background-color: #f0e0b0;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgImgLight.gif'); 
	background-repeat:repeat; 
	margin-left:0; margin-right:1px; margin-top:0; margin-bottom:15px;
	background-color: #F2E5BD;
	}

#navHead {
	background-position: left top; 
	background-image:url('../imgPG/sx.bgBar.gif'); 
	background-repeat:repeat-x; 
	background-color: #DAB545;
	border-top:1px solid #010101;
	border-bottom:1px solid #010101
	}
#navHead div {
}
#navHead span {
   display: block;
	color: #010101;
	font-weight: bold; 
	padding: 7px 2px 5px 4px;
}

#navLink {
	text-decoration: none;
	border-top: 1px solid #ffffff;
	}

#navLink a {
	display: block;
	padding: 3px; 
	color: #010101; 
	font-size: 10px;
	font-weight: bold;
	}
#navLink a:hover {
	color: #f4f4f4; 
	background-color: #c00000; 
	padding: 3px; 
	}

/*	
=============================================================
////////////////////////////////////// MIDDLE CONTENT
=============================================================
*/
/*	===================================
	CATEGORY AND PAGE HEADER
	=========== =========== =========== */
.pgHead {
	font-size: 13px; 
	font-weight: bold; 
	color: #010101;
	padding: 0 15px 2px 15px;
	margin-bottom: 12px;
	background-color: #010101; 
	}
.pgHead div {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-position: left bottom; 
	background-image:url('../imgPG/sx.bgBarR.gif'); 
	background-repeat:repeat-x;
	background-color: #cc9900; 
	padding: 5px 5px 4px 5px;
}
/*	===================================
	TEXT-TITLES
	=========== =========== =========== */
.heading1 {
	margin-bottom: 8px;
	font-size: 14px;
	color: #010101;
	font-weight: bold;
	text-decoration: none;
	line-height: 133%;
	}
.heading1 a			{color: #010101;}
.heading1 a:hover	{color: #c00000;}

.heading2 {
	font-size: 12px;
	margin-bottom: 6px;
	font-weight: bold;
	line-height: 133%;
	}
.heading3 {
	font-weight: bold;
	margin-bottom: 4px;
	line-height: 133%;
	}

/*	===================================
	TEXT AND IMAGE CLASSES
	=========== =========== =========== */
.imageLeft		{float: left; margin: 0 5px 5px 0;}
.imageCenter	{text-align: center; margin: 0 0 5px 0;}
.imageRight    {float: right; margin: 0 0 5px 5px;}
.imageText		{font-size: 10px; text-align: center; background-color: #e4e6e8; padding: 2px 0}
#defaultPageImage {
	text-align: center;
	padding-bottom: 6px;
	margin-bottom: 12px;
	}
#cellImageMiddle {
	text-align: left;
	padding-bottom: 6px;
	margin-bottom: 12px;
	border-bottom: 1px solid #666666;
	}
#cellImageRight {
	text-align: center;
	padding-bottom: 6px;
	margin-bottom: 12px;
	}

/*=======================================================================
	Obs! overflow: visible AND width: 100% fixes a BUG in IE - Don't remove!
=========================================================================*/
/* all text areas (first page, etc.) except those bellow
==========================*/
.text {
	overflow: visible;
	width: 100%;
	margin: 12px 0 12px 0;
	text-align: left;
	line-height: 140%;
	}
/* For introduction text in archives, themes etc.
========================== */
.justText {
	overflow: visible;
	width: 100%;
	margin: 0 0 12px 0;
	text-align: justify;
	}
.justText a {font-weight: bold; font-size: 10px}
.justText a:hover {}
.justText span {font-weight: bold; font-size: 10px}

/* ordinary reading text.
========================== */
.normalText  {
	overflow: visible;
	width: 100%;
	margin: 12px 0 12px 0;
	line-height: 125%; 
	text-align: justify;
	font-size: 12pt;
	font-family:  "Times new Roman", Arial, Verdana, Tahoma, Helvetica; 
	}
.bigText  {
	font-family:  Arial, "Times new Roman", Tahoma, Verdana, Helvetica; 
	font-size: 11pt;
	overflow: visible;
	width: 100%;
	margin: 12px 0 12px 0;
	line-height: 140%;
	text-align: left; }

/* Lines for reading more.
========================== */
.readMoreFirst {
	position: relative;
	clear:both;
	width: 100%;
	padding: 0 0 3px 0; 
	margin: 0 0 20px 0; 
	text-align: right; 
	border-bottom: 1px dotted #bbbbbb;
	}
.readMore {
	clear:both;
	margin: 0 0 10px 0; 
	padding: 0 0 3px 0; 
	text-align: right; 
	border-bottom: 1px dotted #bbbbbb;
	}
#readMoreTable {width: 100%}
#videoPhotoBG {}

.goToPrint {
	clear: both; float: right; margin: 10px 0 10px 10px;}


/*	===================================
	FLOATING LISTS - As good as a Pattent: don't change it
	=========== =========== =========== */
#floatingListBG{
	float: right; 
	width: 40%; 
	padding: 0 0 5px 10px;
	font-family: arial, vardana, tahoma, helvetica, sans-serif;
	line-height: 120%;
	font-size: 12px;
	text-align: left;
	}
#floatingListTitle {
	background-color: #010101; 
	}
#floatingListTitle table div{
	color: #e0e0e0; 
	padding: 4px 2px; 
	text-align: center; 
	font-weight: bold;
	}


#floatingListTheme {
	color: #010101; 
	font-weight: bold; 
	text-align: center; 
	padding: 3px 0 3px 0;
	}
#floatingListCategory {
	border-top: 2px solid #010101; 
	background-color:#E3E9E9;
	color: #010101;
	padding: 3px 2px;
	margin: 2px 0;
	font-weight: bold; 
	}

#floatingListContent {margin: 2px 0 4px 0}
#floatingListContent td {padding: 2px 2px 1px 3px; color: #010101}
#floatingListContent a {color: #c00000; text-decoration: none}
#floatingListContent a:hover {color: #010101; text-decoration: none}

#floatingListMore {background-color: #010101; padding: 2px; margin: 5px 0 0 0; }
#floatingListMore a {color: #d0d4d8; text-decoration: none}
#floatingListMore a:hover {color: #f0e090;}


/*	===================================
   LISTS OF RELATED TEXTS - As good as a Pattent: don't change it
	=========== =========== =========== =========== */
#relatedListCategory {
	border-top: 2px solid #010101; 
	background-color:#E3E9E9;
	color: #010101;
	padding: 3px 5px;
	margin: 2px 0;
	font-weight: bold; 
	}
#relatedListEntry {
	clear: both;
	overflow: visible;
	height: 100%;
	padding: 1px 0 0 1px;
	margin-bottom: 10px; 
	border-top: 1px solid #E3E9E9;
	border-left: 1px solid #E3E9E9;
	border-right: 1px solid #E3E9E9;
	}
#relatedListEntry .left  {
	float: left;
	color: #010101; 
	border-right: 1px solid #E3E9E9;
	background-color:#E3E9E9;
	padding: 3px 6px 12px 6px;
	margin: 0 1px 0 0;
	}
#relatedListEntry .right {
	float: left;
	padding: 5px 4px 0 4px;
	border-left: 1px solid #E3E9E9;
	}
#relatedListEntry a {color: #c00000; text-decoration: none}
#relatedListEntry a:hover {color: #010101; }

/*
=============================================================
////////////////////////////////////// RIGHT CONTENT
=============================================================*/

/*	ALL RIGHT LISTS
	=========== =========== =========== */
#rightBG {
	clear: both;
	margin-bottom: 15px; 
	padding: 1px 0 0 1px;
	border-top: 1px solid #010101;
	border-left: 1px solid #010101;
}
#rightTitle {
	margin: 0 0 1px 0;
	border-left: 6px solid #c00000;
	border-bottom: 2px solid #c00000;
	}
#rightTitle div {
	color: #010101;
   font-weight: bold;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-position: right top; 
	background-image:url('../imgPG/sx.bgBarR.gif'); 
	background-repeat:repeat-x; 
	padding: 7px 2px 5px 3px;
   }

.rightSubTitle {
	color: #010101;
	font-weight: bold;
	padding: 2px;
	margin: 1px 0;
	font-size: 11px;
	font-weight: bold;
	}

#rightContent {
	background-color: #e0e0e9; 
	border: 1px solid #010101;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgLight.gif'); 
	background-repeat:repeat; 
	padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px
	}
#rightContent table {}
#rightContent table td {color: #010101; padding: 2px}
#rightContent a {color: #010101; text-decoration: none}
#rightContent a:hover {color: #c00000}


/*	ALL LISTS FOR ARCHIVES, THEMES etc.
	=========== =========== =========== */
#rightSelectList {
	clear:both;
	border-top: 2px solid #010101; 
	border-bottom: 2px solid #010101; 
	color: #010101;
	font-weight: bold; 
	padding: 3px 0;
	margin: 1px 0;
	text-align: center;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgBar.gif'); 
	background-repeat:repeat-x; 
	background-color: #c0c0c0;
	}
.pageNavigationBG {
	text-align: center; 
	padding-bottom: 5px;
	}
.pageNavigationBG form {
	background-color: #d0d0d0;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgImgLight.gif'); 
	background-repeat:repeat; 
	}


/* END

*/