/* Stylesheet for the Bulgaria-telep page */

/* GENERAL STYLE */
body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	padding-top: 10px;
	font-family: arial;	
}
div.container {
	width: 980px;
	/*border: 1px solid white;*/
	margin: auto;
	background-color: #FDFEEB;	/* will be background color of the page */
	background-image: url("Images/leftbg.jpg");
	background-repeat: repeat-y;	
}
a {text-decoration: none; color: black;}

/* LAYOUT STYLE */
div.headerView{
 	background: #004400;
	background-image: url("Images/header.jpg"); background-repeat: no-repeat;
	color: white;
	height: 166px;
	/*padding: 5px;	*/
	/*border-bottom: 2px solid black; */
}
div.mainView {	/* Holds the menu view and the page view */
	width: 100%;
	height: 100%;
}
div#footerView {
	background-image: url("Images/footer.jpg"); background-repeat: no-repeat;
	width: 980px; height: 64px;	clear: both; padding: 0px; margin-top: 0px; border-top: 1px solid black;
 	color: #002200; text-align: center; font-size: 11px; font-family: arial;  }
div#footerText{margin: auto; padding-top: 5px;}
div#footerTextRight{ float: right; padding-top: 5px; padding-right: 300px;}

div.sideView {
	background-image: url("Images/header-plus.jpg"); background-repeat: no-repeat;
	width: 230px; min-height: 500px; float: left; padding-top: 30px;
}
div.pageView {
	width: 750px; float: left; padding-bottom: 10px;	
}

/* TOP NOTE style */
div#topNote {background: #AA0000; color: white; border: 1px solid white; padding: 8px; text-align: center; font-size: 13px; }
div#topNote a {text-decoration: underline; font-weight: bold; color: #FFF3B6; font-size: 14px;}

/* SIDE VIEW parts*/
 /* Navigation */
 ul#navigation { width: 200px; padding: 0px; margin-left: auto; margin-right: 6px; margin-top: 20px;}
 ul#navigation li { list-style: none;  text-align: left; margin: 0px; margin-top: 0px;}
/*  	background-image: url("Images/catbg.jpg"); background-repeat: repeat-x; height: 33px; */
 ul#navigation li div#menuItem {
	 background-image: url("Images/catbg.jpg"); background-repeat: repeat-x; height: 33px; overflow: hidden;}
 ul#navigation li div#menuItemFront {float: left;
	 background-image: url("Images/catfront.jpg"); background-repeat: no-repeat; height: 33px; width: 10px;}
 ul#navigation li div#menuItemText {color: #FDFEEB;
  padding: 6px;	font-family: times, sans-serif; font-size: 18px; letter-spacing: 2px; padding-left: 15px; }
 	 
 ul#navigation li div#menuItem:hover {background-image: url("Images/catbg-o.jpg"); cursor: pointer;}
 ul#navigation li div#menuItem:hover div#menuItemFront {background-image: url("Images/catfront-o.jpg");}
 
/* ul#navigation li div#menuItem {
    background-image: url("Images/catfront.jpg"); background-repeat: no-repeat; height: 33px;
 	color: #FDFEEB; /*padding: 8px;	font-family: times, sans-serif; font-size: 18px; letter-spacing: 2px;
    padding-left: 20px;}*/
    
/* ul#navigation li:hover { background-image: url("Images/catbg-o.jpg"); }
 ul#navigation li div:hover {color: white; background-image: url("Images/catfront-o.jpg"); cursor: pointer;}
 */
 
 /* SubNavigation */
 ul#navigation ul { background-color: #1F4F16; margin: 0px; padding: 0px; display: none; padding-right: 0px;
 	margin-left: 10px;/* height: 45px; */overflow: hidden;}
 ul#navigation ul li {list-style: none; text-align: left; margin-left: 2px; margin-bottom: 1px;
 	padding-left: 5px; height: 22px; 
	background-image: url("Images/pagbg.jpg"); background-repeat: repeat-y; background-color: #82B576;
	}
 ul#navigation ul li a {color: #003300; text-decoration: none; font: caption; font-size: 12px; font-weight: bold;
 	display: block; padding: 3px;}
 ul#navigation ul li:hover {background-image: url("Images/pagbg-o.jpg");} 
 ul#navigation ul li:hover a{color: black;} 

 /* NoteView*/
 div#noteView {
	background-color: #FFF3B6; border: 1px solid #AAAAAA;
	border-right: 1px solid gray; border-bottom: 1px solid gray;
	margin: 5px; font-size: 12px; padding: 10px; 
	overflow: hidden;}
 div#noteView img {float: right;}

 /* Advertisment column */
div#advColumn {padding-left: 10px;
	text-align: center; color: black; font-family: sans-serif; font-size: 12px; font-weight: bold;}
div#advColumn a {text-decoration: none;}
div#advColumn a img {border: 0px;}
div#advColumn div#taize {width: 212px; height: 84px;
	background-image: url("Images/Adv/taize2009.jpg");}
div#advColumn div#taize:hover {background-image: url("Images/Adv/taize2009-o.jpg");}
  
/* PAGE VIEW */
div.pageViewInside {
	margin: 10px;
}


/* GENERAL PLUGIN - styles */
div#pluginHolder {margin: 5px;  clear: both;}
div#pluginHeader {
	background-image: url("Images/plugin-tm.jpg");	background-repeat: repeat-x;
	height: 28px; color: black;
}
div#phLeft {
	background-image: url("Images/plugin-tl.jpg");	background-repeat: no-repeat;
	height: 28px; width: 8px;	float: left;
}
div#phRight {
	background-image: url("Images/plugin-tr.jpg");		background-repeat: no-repeat;
	height: 28px;	width: 8px;	float: right;
}
div#phTitle {	padding: 3px;	
	font-family: serif;	
	font-size: 18px;
	font-weight: normal;	
	color: #330000;
}
div#pluginHeaderThin {background-image: url("Images/plugin-thin-tm.jpg"); background-repeat: repeat-x;	height: 12px; }
div#phLeftThin { background-image: url("Images/plugin-thin-tl.jpg");	background-repeat: no-repeat;
	height: 12px; width: 8px;	float: left; }
div#phRightThin  {background-image: url("Images/plugin-thin-tr.jpg");		background-repeat: no-repeat;
	height: 12px;	width: 8px;	float: right; }
div#pluginFooter {background-image: url("Images/plugin-bm.jpg"); background-repeat: repeat-x;	height: 12px; }
div#pfLeft {
	background-image: url("Images/plugin-bl.jpg");	background-repeat: no-repeat;
	height: 12px; width: 8px;
	float: left;
}
div#pfRight {
	background-image: url("Images/plugin-br.jpg");	background-repeat: no-repeat;
	height: 12px;	width: 8px;
	float: right;
}
div#pluginContent {
	background-color: white;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	padding: 10px;
}
div#phTitle span#counter {
	font-size: 12px;
	font-weight: normal;
	margin-left: 7px;
}
div#pluginNotes {
	font-family: sans-serif; font-size: 12px; color: black;
}

/* CONTENT PLUGIN (More further down)*/
div#contentPlugin {
 	background-image: url("Images/contentbg.jpg"); background-repeat: no-repeat;
	color: black; background-color: white; padding: 10px; border: 1px solid #AAAAAA;
	font-family: verdana, helvetica; font-size: 11px; overflow: hidden;
	}
div#contentTitle {text-align: center;	font-family: serif;	font-size: 20px; font-weight: normal; color: #330000; }
div#contentTitle #line {text-align: left; background-color: #EB8806;
	margin-top: 5px; margin-bottom: 5px; border-bottom: 1px solid black; border-right: 1px solid black;
	background-image: url("Images/contentline.jpg"); background-repeat: no-repeat; height: 3px;
	overflow: hidden;}

div#contentIndex {
 	background-image: url("Images/indexbg.jpg"); background-repeat: no-repeat;
	color: black; background-color: white; padding: 10px; border: 1px solid #AAAAAA;
	font-family: sans-serif; font-size: 12px;}
div#contentIndexTitle {text-align: center;	font-family: serif;	font-size: 20px; font-weight: normal; color: #1C3B07; }
div#contentIndexTitle #line {text-align: left; background-color: #65931F; margin: 5px;
	border-bottom: 1px solid black; border-right: 1px solid black; overflow: hidden;}
div#contentIndex ul {list-style-image: url("Images/listshape.jpg"); }
div#contentIndex ul li:hover {list-style-image: url("Images/listshape-o.jpg"); }
div#contentIndex li { padding-top: 5px; font-weight: bold;}
div#contentRightFloat {	width: 250px; float: right; margin-left: 10px; overflow: hidden;}
/* margin-left: 15px; margin-bottom: 5px; padding: 5px;	border-left: 1px dotted gray;}*/

div#contentPicture {text-align: center; margin: auto;}
div#contentPicture img {margin-right: auto; margin-top: 5px; border: 1px solid #AAAAAA; padding: 4px; /*width: 240px;*/
	background-color: #FDFEEB; width: 95%;}

/* PLAIN PLUGIN */
div#plainPlugin {color: #330000; background-color: #FFF4BE; padding: 10px; border: 1px solid #AAAAAA;}
div#plainHeader{font-family: sans-serif; font-size: 14px; font-weight: bold; color: black; margin-bottom: 5px;}
div#plainText {font-family: sans-serif; font-size: 12px; text-align: justify;}
div#plainText p {text-indent: 10px; margin-top: 0px; margin-bottom: 5px;}
div#plainPlugin div#photo {border: 1px solid gray; padding: 2px; background: white; float: left;}
div#plainPlugin div#photo img {width: 100px;}

/* NEWS PLUGIN */
div#newsHeader {}
span#newsTitle {font-family: sans-serif; font-size: 14px; font-weight: bold; color: black;} 
span#newsDate {	font-family: sans-serif; font-size: 12px; font-style: italic; color: gray; float: right;}
div#newsText {clear: both; font-family: sans-serif; font-size: 11px; margin: 10px;
	 padding-bottom: 15px;	border-bottom: 1px dotted green; text-align: justify; text-indent: 15px;}

/* ECHO PLUGIN */
div#echoHolder {
	background-image: url("Images/echobg.jpg"); background-repeat: no-repeat; background-color: #FDFEEB;
	margin-bottom: 5px;	padding: 5px;
	border-right: 1px solid #B8AA95; border-bottom: 1px solid #B8AA95;	}
div#echoHeader {float: left; margin-right: 10px;}
span#echoAutor {font-family: sans-serif; font-size: 14px; font-weight: bold; color: #26562B;}
span#echoDate {	font-family: sans-serif; font-size: 11px; font-style: normal; color: gray;}
div#echoText {font-family: sans-serif; font-size: 12px; margin: 10px; margin-top: 5px; text-align: justify; }

/* GALLERY PLUGIN */	 
div#galleryContainer {overflow: hidden;}
div#thumbHolder { background-color: #EBEBEB; padding: 5px; float: left; margin: 5px;
	border: 1px solid #B8AA95;}
div#thumbHolder:hover { background-color: #FDFEEB;}	
div#thumbHolder img { border: 0px solid black; width: 105px; height: 78px;}

/* ATTACHMENT PLUGIN */
div#attachHolder { background-image: url("Images/bubble.jpg"); background-repeat: no-repeat;
	padding-left: 14px; }
div#attachHolder:hover { background-image: url("Images/bubble-o.jpg"); }
div#attachHolder div#inner {
  background-color: #EBEBEB; font-family: sans-serif; font-size: 13px; font-style: normal; color: #26562B;
  padding-left: 5px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 2px; overflow: hidden;
  border-left: 1px solid #1C3B07; border-bottom: 1px dotted #B8AA95; border-right: 1px dotted #B8AA95; }
div#attachHolder:hover div#inner { background-color: #FDFEEB; border-left: 1px solid #834608;}

/* SERMONS PLUGIN (extends ATTACHMENT styles )*/
div#attachHolder div#date { float: left; width: 80px; font-size: 12px; padding-bottom: 3px;}
div#attachHolder div#text { float: left; width: 200px; font-weight: bold; color: #1C3B07; padding-bottom: 3px;}
div#attachHolder div#person { float: left; font-size: 12px; font-weight: bold; padding-bottom: 3px;}
div#attachHolder div#notes {font-size: 11px; margin-bottom: 3px; font-weight: normal;}
div#attachHolder span#location {font-size: 11px; font-weight: normal;}

/* BIBLEVERS PLUGIN */
div#bibleversHeader {background-image: url("Images/dailyv.jpg"); background-repeat: no-repeat;
	padding-left: 140px; height: 41px; text-align: right; padding-right: 10px;
	font-family: serif; font-size: 15px; padding-top: 0px;}
div#bibleversHeader span#date {font-weight: bold; font-size: 30px; color: #AAAAAA;}
div#bibleVers {font-family: serif; text-align: center; color: #1C3B07; font-size: 16px; font-weight: bold;
	margin-top: 10px;}
div#bibleLoc {text-align: right; font-family: sans-serif; color: gray; font-size: 12px; margin-top: 2px;}
hr#biblevers {border: dotted;}


/* FORMS style */
form { background: #BCD593; padding: 5px; border: 1px solid #26562B; margin-top: 10px;
 font-family: sans-serif; font-size: 13px; font-style: normal; color: #26562B;}
form input { border: 1px solid black; background: #FDFEEB;
 margin-left: 10px; margin-bottom: 5px; margin-right: 10px;}
form .button { border: 1px solid #FDFEEB; background: #26562B; color: white; font-weight: bold;
 margin-left: 10px; margin-bottom: 5px; margin-right: 10px;}
form textarea { border: 1px solid black; background: #FDFEEB; margin-left: 10px; margin-bottom: 5px;}
form input#eUserName {width: 220px;}
form textarea#eUserComment {cols: 10;}

/* STANDARD LAYOUT MANAGER styles */
div#LayoutBlock{
	width: 100%;
	clear: both;
}
div#LeftLayout {
 	width: 60%;
	float: left;
}
div#RightLayout {
 	width: 40%;
	float: right;
}


/* ADMIN style */
/*div#adminView {
	border: 1px solid green;
	background-color: #D5ECD1;
	padding: 5px;
	font: caption; font-size: 11px;
	margin-bottom: 5px;
}*/
span#adminBar {
	border: 1px solid green;
	background-color: #D5ECD1;
	padding: 2px;
	font: caption; font-size: 11px;

}
span#adminBar a {
	font-weight: bold;
	color: white;
	font: caption; font-size: 11px;
	text-decoration: none;
	background-color: #004400;	
	padding: 1px;
	border: 1px solid white;
}
div#loginBar {margin: auto; padding: 0px; text-align: center; color: gray; background: black; font-family: arial;
	font-size: 12px;}
div#loginBar form {border: 0px; background: black; color: gray; padding: 0px;}
div#loginBar input {border: 1px solid gray; background: black; color: gray; padding: 0px; margin: 0px;}
div#loginBar a#button {border: 1px solid gray; background: black; color: gray; padding: 2px;}

/* CONTENT PLUGIN content styles */
div#contentText {text-align: justify; font-size: 13px; font-family: arial;}
div#contentText p {text-indent: 10px; margin-top: 0px; margin-bottom: 5px;}
div#contentText h1 {font-size: 15px; color: #1C3B07; text-indent: 10px;}
div#contentText h2 {font-size: 15px; color: #330000; text-indent: 10px;}
div#contentText dt {font-weight: bold;}