/* CSS Document *//*
	Theme Name: Buna Vestire
	Author: George Huszar
	Author URI: http://www.georgehuszar.com
	Description: Basic CSS
	Version: 1.0
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

-------------------------------------------------------------------------

	1.	Browser Reset 
	2.	Globally Applied Styles
	3.	Header
	4.	Main Menu
	5.	Left Column
	6.	Content
	7.	Right Column
	8.	Footer

-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------*/
/*	1.	Browser Reset
/*-------------------------------------------------------------------------*/
html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1;
  background: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }


/*-------------------------------------------------------------------------*/
/*	2. Globally Applied Styles
/*-------------------------------------------------------------------------*/

html { font-size: 62.5%; } 
body { font-size: 12px; font-size: 1.2rem; } /* =12px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */

body {
	-webkit-font-smoothing: antialiased;
	font-family:'Helvetica, Arial, sans-serif';
	background-color: #1b3406;
	line-height:1rem; line-height: 12px;
}


a:link {color:#FFBB70;} /* sets normal link color */
a:visited {color:#FFBB70;} /* sets visited link color */
a:active {color:#FFBB70;} /* sets active link color */

.mainContainer {
	min-width:1200px;
	display: block;
	text-align:center;
	padding-bottom:70px;
}

.clearRight {
	clear:right
}

/*-------------------------------------------------------------------------*/
/*	3. Headder
/*-------------------------------------------------------------------------*/

.wrapper {
	width: 100%;
	clear:right;
	display:inline-block;
}

.titleImage {
	width: 1100px;
	height: 464px;
}

.heightAdjust {
	margin-top: -15px;
}

.mainWrapper {
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------------------------------------------------*/
/*	4. Main Menu
/*-------------------------------------------------------------------------*/

.menuWrapper {
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
}

.topMenuItem {
	float:left;
}

.topMenuItemLast {
	float:left;
	clear:right;
}

.CmanuImage {
	background-image:url('../img/centerMenu_back.png');
	background-repeat:no-repeat;
	height:96px;
	width: 910px;
	z-index: 100;
	position: relative;
}

.TopMenuLabel {
	font-size: 14px;
	font-family: arial;	
	font-weight:normal;
	text-decoration:none;
	color:#96c97e;
	padding:42px 8px 0px 8px;
	width:auto;
	text-shadow: 2px 2px 2px #000000;
}

.TopMenuLabel:hover {
	color:#ffce65;
}

.TopMenuLabel:active {
	color:#ffce65;
}

.TopMenuLabelSelected {
	color:#ffce65;
}

.menuSeparator {
	font-size: 14px;
	font-family: arial;	
	font-weight:normal;
	text-decoration:none;
	color:#96c97e;
	padding:42px 0px 0px 0px;
	float:left;	
}

.lSpacer { 
	width:70px;
	height: 96px;
	float: left;
	
}

/*-------------------------------------------------------------------------*/
/*	5. Left Column 
/*-------------------------------------------------------------------------*/


.lColumn_Wrapper{
	width: 230px;
	height:auto;
	background: #1b3406;
	float:left;	
}

 #nav {
	background-image: url('../img/sideMenu_mid.png');
	background-position:center;
	background-repeat: no-repeat;
	padding: 0;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	width: 210px;
	min-height: 180px;
}

 #nav li {
	height:30px;
	width:150px;
	font-size: 14px;
	font-family: arial;	
	font-weight:normal;
	text-decoration:none;
	color:#96c97e;
	text-shadow: 2px 2px 2px #000000;
	border-bottom: 1px solid #3d490c;
	line-height:29px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
}

 #nav li a {
      text-decoration: none;
      color:#96c97e;
}

.Selected {
      color:#ffce65 !important;
}


 #nav li:last-child {
      text-decoration: none;
      color:#96c97e;
      border-bottom:0;
}

 #nav li a:hover {
      color: #ffce65;
}

.lMenuTop {
	background-image:url('../img/sideMenu_top.png');
	background-repeat:no-repeat;
	width:210px;
	height:96px;
	margin-left:11px;
	margin-right:auto;
}

.lMenuBottom {
	background-image:url('../img/sideMenu_bottom.png');
	background-repeat:no-repeat;
	width:210px;
	height:160px;
	margin-left:11px;
	margin-right:auto;
}

.navExtension {
	background-image: url('../img/sideMenu_extension.png');
	background-repeat: repeat-y;
	padding: 0;
	margin-left: 9px;
	margin-right: auto;
	width: 210px;
}

/*-------------------------------------------------------------------------*/
/*	6. Content 
/*-------------------------------------------------------------------------*/


.content {

	width: 600px;
	min-height: 650px;	 
	background: #e6f7d8;
	z-index:1;
	position:relative;
	margin-top: -28px;
	padding:30px;
	float:left;
	box-shadow: 0px 0px 30px rgba(0,0,0,.7);
	font-family:"Times New Roman";
	font-weight:normal;
	color:#1b3406;
	font-size:14px;
	text-align:justify;
}

#content .tit {
	font-family: Helvetica Neue;
	font-size:30px;
	text-align:center;
	color:#1b3406;
	font-weight: normal;
	line-height:30px;
	position:relative;
}

#evanghelie {
	font-family: Helvetica Neue;
	font-size:30px;
	text-align:center;
	color:#1b3406;
	font-weight: normal !important;
	line-height:35px;
	position:relative;
}

#evanghelie > table  > tbody > tr > td > table  > tbody > tr > td > font > strong {
	font-weight:normal !important;
	font-family: Helvetica Neue;
}

#evanghelie > table  > tbody > tr > td > table  > tbody > tr + tr {
	line-height:20px !important;
}

#evanghelie > table  > tbody > tr > td > table  > tbody > tr + tr + tr > td {
	text-align:center!important;
	}


#content p {
	font-family:Helvetica Neue;
	font-weight:normal;
	color:#1b3406;
	font-size:14px;
	font-size:1.4rem;
	text-align:justify;
	line-height:20px;
	position:relative;
}

#content li {
	font-family:Helvetica Neue;
	font-weight:normal;
	color:#1b3406;
	font-size:14px;
	font-size:1.4rem;
	text-align:left;
	line-height:20px;
	position:relative;
	list-style:disc;
	margin-left:20px;
}

#form {
	font-family:Helvetica Neue;
	font-weight:normal;
	color:#1b3406;
	font-size:14px;
	font-size:1.4rem;
	text-align:justify;
	line-height:20px;
	position:relative;
}

.input {
	line-height:20px;
	margin-bottom:10px;
}

#form textarea {
	width:353px;
}

#content .image {
	float: left;
	margin: 0px 20px 10px 0px;
	border: 2px solid #1b3406;
	max-width:600px;
}

.vignette {
	font-size:18px !important;
	border: 2px solid #1b3406;
	padding: 20px !important;
}

#content .imageSmall {
	float: left;
	margin: 0px 20px 10px 0px;
	border: 2px solid #1b3406;
	max-width:200px;
}

#album .imageAlbum {
	float: left;
	margin: 0px 10px 20px 0px;
	border: 2px solid #1b3406;
	width:190px;
	height:130px;
}

#album td {
	vertical-align:top;
}

#album .image {
	float: left;
	margin: 0px 10px 20px 0px;
	border: 2px solid #1b3406;
	height:190px;
	width:190px;	
}

#album .albumLabel {
	text-align:left;
	clear:left;
	float:left;
	margin: -15px 0px 0px 0px;
	font-weight: bold;
}

#content .separator {
	margin-bottom:30px;
}

.tit3 
{
	font-family: Arial, Helvetica,sans-serif;
	font-size:18px;
	text-align:center;
	color:#fabb70;
	font-weight:bold;
}

.tit2 
{
	font-family: Arial, Helvetica,sans-serif;
	font-size:14px;
	text-align:left;
	color:#fabb70;
	font-weight:bold;
}

#content .reg a
{
	font-family: Arial, Helvetica,sans-serif;
	font-size:14px;
	text-align:right;
	color:#1B3406 ;
	padding-top:5px;
	text-decoration:underline;
}

#content .reg a:hover
{
	color:#29A3D8 ;
}

.sinaxar 
{
	font-family: Arial, Helvetica,sans-serif;
	font-size:11px;
	color:#dd662b;
}

.sinaxar2 
{
	font-family: Arial, Helvetica,sans-serif;
	font-size:11px;
	color:#feb778;
}

.bottom 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c24e01;
}

.bottom2 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

.txtRight {text-align:right !important;}
.center {text-align:center !important;}
.txtLeft {text-align:left !important;}
/*-------------------------------------------------------------------------*/
/*	7. Right Column 
/*-------------------------------------------------------------------------*/


.rColumn_Wrapper{
	width: 230px;
	height:auto;
	background: #1b3406;
	float:left;
	clear:right;
}


.sinaxarTop {
	background-image:url('../img/sinaxar_top.png');
	background-repeat:no-repeat;
	width:210px;
	height:96px;
	margin-left:11px;
	margin-right:auto;
}

.sinaxarWrapper {
	display:inline-block;
	clear:right;
}

#nav td {
	text-align:center;
}

#nav td font {
	color:#96c97e;
}

#nav td font em {
	font-style:normal;
}


/*-------------------------------------------------------------------------*/
/*	7. Footer
/*-------------------------------------------------------------------------*/


.footerMenuItem {
	float:left;
}

.footerMenuItemLast {
	float:left;
	clear:right;
}


.footerMenuLabel {
	font-size: 12px;
	font-family: arial;	
	font-weight:normal;
	text-decoration:none;
	color:#96c97e;
	padding:0px 8px 0px 8px;
	width:auto;
	text-shadow: 2px 2px 2px #000000;
	
}

.footerMenuLabel:hover {
	color:#ffce65;
}

.footerMenuLabel :active {
	color:#ffce65;
}

.footerMenuSeparator {
	font-size: 12px;
	font-family: arial;	
	font-weight:normal;
	text-decoration:none;
	color:#96c97e;
	padding:0px 0px 0px 0px;
	float:left;	
}

.copyright {
	font-family:Arial;
	font-size: 12px;
	color: #f7debf;
	float: left;
	margin-top:20px;
}

.copyright p {
	margin-bottom:30px;
}

.copyright a {
	font-family:arial;
	font-size:10px;
	color: #f7debf;
}

.copyright a:hover {
	color: #ffffff;
}

.footerMenu {
	display: inline-block;
}

.footerWrapper {
	width:100%;
}

.bottomScroll {
	z-index: 110;
	position: relative;
	margin-top: -38px;
	clear:right;
}

.pause {
	background-image: url('../img/audio_off.png');
	background-repeat: no-repeat;
	background-color: transparent;
	width: 155px;
	height: 48px;
	cursor: pointer;
	border: 0;
}

.pause:hover {
	background-image: url('../img/audio_off_hov.png');
}

.play {
	background-image: url('../img/audio_on.png');
	background-repeat: no-repeat;
	background-color: transparent;
	width: 155px;
	height: 48px;
	cursor: pointer;
	border: 0;
}

.play:hover {
	background-image: url('../img/audio_on_hov.png');
}


.audioLabel p {
	font-family:arial;
	font-size:10px;
	color: #eca542;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	line-height: 48px;
}