@import url(../../common/css/flickr.css);
@import url(../../common/css/chapel.css);
@import url(../../orthodoxcamps/css/backgrounds.css);

body {
  font-family: 'Questrial', sans-serif; font-weight: normal; line-height: normal;
  width: 100%;
  background: #fff url(/assets/themes/orthodoxcamps/images/occa-field.jpg) no-repeat fixed;
  background-size: cover;
}

.body-container {
  background: rgba(255,255,255,0.8); 
  padding: 15px 0 25px 0;
  min-height: 500px;
}

.container {
  padding-left: 0;
  padding-right: 0;
}

.row {
  margin-left: 0;
  margin-right: 0;
}


/* ---------- Right Column ---------- */
.right_column {
	padding: 10px;
}

#resource_buttons {
	border-bottom: 1px dotted rgba(182, 182, 182, 0.35);
	margin-bottom: 20px;
}

#resource_buttons img {
	float: left;
	margin: -4px 10px 0 0;
	height: 37px;
	width: 37px;
}

#resource_buttons p {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 25px;
	clear: both;
}

/* ---------- Footer ---------- */
footer {
  position: relative;
  min-height: 140px;
  bottom: 0;
  width: 100%;
  border-top: 10px solid #b58f38; 
  background-color: /*#001e2b*/ #a7a591;
  padding: 20px 0 0 0;
}

.footer-container	{	position: relative; max-width: 1200px; margin: 0 auto; }
.footer-container a {	color: #5f5744; text-decoration: none;	}
.footer-container p {	color: #5f5744 !important; }
p.print_footer	{	display: none !important;	}

/* ---------- Header ---------- */
#header { height:400px; width:100%; z-index:10; position: relative; }

#parish_id  { position: absolute; bottom:0;   }

#goa_logo { display:none;  }

#header_titles {  float: left; width: 95%; color: #fff; }
#header_titles h1 { font-size: 3em; font-weight: 600; text-transform: capitalize; margin: 0; padding:0; line-height: normal; font-family: Arial,Verdana, sans-serif; text-shadow:0 2px 3px #000; }
#header_titles h1 a {	color: #fff; text-decoration: none;	}
#header_titles h4 { font-weight: 600; text-transform: capitalize; margin: 0; padding:0; line-height: normal; font-family: 'Cinzel Decorative', cursive; text-shadow:0 2px 3px #000; }

#logo {
  height: 162px;
}

@media (max-width: 767px) {
	#header_titles 		{	padding: 0 10px; width: 85% !important; }
	#header_titles h1 	{ 	font-size: 2.5em; }
	#header_titles h4	{ 	font-size: small;}
}

@media (max-width: 700px) {
	#header 				{	height: 280px;	}
	.cb-slideshow li span 	{	height: 450px;	}

}

@media (max-width: 500px) {
	#header 			{	height: 300px;	}
	#header_titles h1 	{ 	font-size: 2em; }
	#header_titles h4	{ 	font-size: x-small;}
}


/* ---------- Navigation ---------- */
@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}

.navbar {
  margin-bottom: 5px;
  min-height: 35px; 
}

.navbar-nav>li>a {
  padding-top: 6px;
  padding-bottom: 6px;
}

.navbar-nav > li:hover > .dropdown-menu {
  display: block;
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-default {
  background: #a7a591;
  border-color: transparent;
}

.navbar-default .navbar-brand {
  color: #fff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #0066cc;
  background-color: #aaddf4;
}

.navbar-default .navbar-text {
  color: #fff;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0066cc;
  background-color: #aaddf4;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #aaddf4;
  background-color: #006e95;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #aaddf4;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #0066cc;
  background-color: #aaddf4;
}

.dropdown-menu { width: 100%; min-width: 200px; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #0066cc;
    background-color: #aaddf4;
  }
}

/* ---------- Side Navigation ---------- */

#side_navigation			{	position: relative; width: 100%; padding: 0; margin: 5px 0; border-bottom: 1px solid #eee;  }
#side_navigation ul			{	list-style: none; margin: 0; padding: 0;  	}
#side_navigation ul li			{	margin: 0; border-bottom: 1px solid #ccc; text-align: left;	}
#side_navigation ul li.last		{	}
#side_navigation ul li a		{	display: block; color: #656565; padding: 7px 5px; border: none; text-decoration: none; 
									font-weight: normal; margin: 0; font-size: medium; 	}
#side_navigation ul li a:hover		{	background-color: #aaddf4; color: #004a6b;  	}

#side_navigation ul li:active	{	background-color: #aaddf4;	}
#side_navigation ul li a:active	{	color: #004a6b;	}

#side_navigation_title	{	border-bottom: 1px solid #3f5a27; 
					padding: 5px 3px !important; margin: 0 0 10px 0 !important; 
					text-transform: uppercase; color: #333; text-align: left; 	}
#side_navigation_title a	{	color: #333; text-decoration: none; }

.side_navigation.linkIcon	{	width: 24px; height: 24px; border: none; padding: 0 10px 0 0;	}

/* ---------- Page Body ---------- */
#stay_connected	{	display: none;	}		
#connected_text	{	display: none;	}
#connected_text p	{	padding: 6px 0; margin: 0; line-height: normal; color: #97b1cb; font-weight: bold; font-size: large; text-transform: uppercase; 	}	
#connected_text p a	{	text-decoration: none; color: #97b1cb;	}
#connected_text p a:hover	{	text-decoration: underline; color: #fff;	}
			

/* ---------- Content Area ---------- */

#column1 h1	{	background-color: /*#6f9151*/#001e2b; border-bottom: 1px solid #3f5a27; 
					padding: 5px 3px !important; margin: 0 0 10px 0 !important; 
					text-transform: uppercase; color: #fff; text-align: left; font-size: large;	}

#column2 h2	{	/*background-color:*/ /*#6f9151*//*#001e2b;*/ color: #001e2b !important; border-bottom: 1px solid #3f5a27; 
					padding: 5px 3px !important; margin: 0 0 10px 0 !important; 
					text-transform: uppercase; color: #fff; text-align: left; font-size: small;	}
#column2 h5	{	background-color: /*#6f9151*/#001e2b; border-bottom: 1px solid #3f5a27; 
					padding: 5px 3px !important; margin: 0 0 10px 0 !important; 
					text-transform: uppercase; color: #fff; text-align: left; 	}

#col2_contpgs h2	{	padding: 0 3px; border-bottom: 1px solid #ccc;	}
#col2_contpgs h5	{	background-color: /*#6f9151*/#001e2b; border-bottom: 1px solid #3f5a27; 
					padding: 5px 3px !important; margin: 0 0 10px 0 !important; 
					text-transform: uppercase; color: #fff; text-align: left; 	}
					
.right_columns p img		{	text-decoration: none; border: none !important; float: left; padding: 0 5px;	}
.right_columns a			{	text-decoration: none; font-weight: normal;	}
.right_columns p			{	font-size: small; line-height: normal;	}

.right_col_ditto		{	margin: 0; padding: 0; border-bottom: 3px solid #1e2e3a;	}
.right_col_ditto h4		{	font-size: 14pt; border-bottom: 1px dotted #b4b4b4;	}
.right_col_ditto h4 a		{	color: black; 	}
.right_col_ditto p		{	font-size: 9pt !important; 	}

.graphic_buttons p	{	border-bottom: none; 	}
.resources p		{	border-bottom: 1px solid #b4b4b4; min-height: 50px; padding: 5px 0; margin: 5px 0;	}

.ditto_summaryPost	{	border-bottom: 1px solid #ccc; padding: 4px 0;	}
.ditto_title	{	font-size: large;	}

.col	{	width: 45%; float: left; margin: 0 2%;	}
.col .date	{	margin: 0; padding: 0; line-height: normal;	}


/* ---------- Homepage News ---------- */			
.homepage_news_item	{	border-bottom: 1px solid #eee; margin: 10px 0; padding: 0 0 5px 0;  	}
.homepage_news_item .date	{	font-size: x-small; color: #6aa6e4; text-transform: uppercase; font-weight: bold;	}
.homepage_news_item p	{	margin: 0; padding: 0;	}
.homepage_news_item h3 a	{	margin: 0; padding: 0; line-height: normal; color: #333; margin: 0; padding: 0;	}	
.homepage_news_item_last h3 a	{	margin: 0; padding: 0; color: #333;	}
.homepage_news_item .news_thumb	{	float: left; position: relative; width: 50px; height: auto;	}


/* -------------------- Forms --------------------- */

#EmailForm input			{	float:left; padding: 6px; }
#EmailForm textarea			{	padding: 6px; }
#EmailForm label			{	float:left; width:40%; line-height:1.5em; padding-right:10px; text-align:right;	}
#EmailForm div				{	clear:both; padding: 10px 0;	} 
#EmailForm h3				{	clear:both; margin: 15px 0 5px 0; }
#EmailForm					{	border: 0; 	}
fieldset 					{	border: none; }
.checkboxquestion			{	float:left;	}

.errors						{	padding: 8px; margin: 8px; border: 1px dashed red; color: red;	}