/*
 CSS
	Author:  Petro M. Salema
	Client:  International Chapel of Vienna
	Contact: petro@petrosalema.com
 COLOR KEY
	backdrop:	b0dfe9	- Sky Blue
	background:	ffffff	- White
	text:		7c838f	- Blueish Gray
	headers:	a0cfd9 - Light Blue
	subheaders:	709fb3	- Darker Blue
	links:		709fb3	- Aqua Blue
	hover		103f53	- Dark Blue
*/

/* Global Reset
============================================================ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* Base
============================================================ */
h1 { /* 18px */ font-size:138.5%; }
h2 { /* 16px */ font-size:123.1%; }
h3 { /* 14px */ font-size:108%; }
h1,h2,h3 { margin:1em 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
abbr,acronym { /* indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em { font-style:italic; }
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }
ol li { list-style:decimal outside; }
ul li { list-style:disc outside; }
dl dd { margin-left:1em; }
th,td {
	border:0px solid #000;
	padding:0em;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
p,fieldset,table { margin-bottom:1em; }

/* Classes
============================================================ */
.right:after
{
	display:block;
	content:"";
	clear:both;
	height:0;
	visibility:hidden;
}
.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }
.float-left { float:left; }
.float-right { float:right; }
.inline { display:inline; }
.block { display:block; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.normal { font-weight:normal; }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.hidden, .visibile { display:none; }
.clear {
	clear:both;
	float:none;
	font-size:0;
}

/* Layout
============================================================ */
div { position:relative; }
ul{ margin:0; }
#red-strip {
	float:left;
	width:22px;
	height:568px;
}
#red-strip img {
	position:absolute;
	top:-180px;
	left:0;
}
#header, #torso, #footer {
	width:100%;
	min-width:1024px;
	text-align:left;
}
#header {
	z-index:999; /* Needed here for IE */
	height:170px;
	margin:10px 0 0;
}
#torso { padding-top:16px; }
#footer {
	margin:20px 0 0;
	padding:50px 0;
	background:url(../images/divider.png) no-repeat top center;
}
.wrapper {
	width:860px;
	height:100%;
	margin:0 auto;
	padding:0 20px;
}
.page_width { width:960px; }

/* Header */
#banner {
	float:left;
	left:30px;
	width:580px;
	height:110px;
	padding-top:10px;
}
#banner img { vertical-align:middle; }
#search {
	float:right;
	width:210px;
	height:130px;
	padding:5px 10px;
	color:#161245;
	font-weight:bold;
	font-size:115%;
	font-family:Arial, sans-serif;
}
#search input#search-query {
	width:75px;
	background:#fefdb6;
	color:#8e8d46;
}
#search a { text-decoration:none; }
#search input#search-btn { vertical-align:middle; }
#navigation {
	top:-20px;
	left:30px;
	width:620px;
	height:30px;
}

/* Main Styles
============================================================ */
#main-content {
	float:left;
	width:600px;
	margin:0 0 0 8px;
}
#main-content h2 {
	height:17px;
	margin:0;
	padding:9px 32px 10px;
	background-repeat:no-repeat;
	color:#fff;
	font-size:14px;
}
#main-content h2.h2_sandy { background-image:url(../images/bar_sandy_bg.png); }
#main-content h2.h2_purple { background-image:url(../images/bar_purple_bg.png); }
#slideshow {
	height:300px;
	background:#fff;
	font-size:20px;
	text-align:center;
}
.main-block {
	width:590px;
	overflow-x:hidden;
	margin:0 0 20px 10px;
}
.main-block p {
	margin-bottom:10px;
	padding:10px 20px;
	font-size:14px;
	line-height:150%;
}
.feature-picture {
	width:560px;
	height:200px;
	margin:0 10px 20px 20px;
	background-color:#ccc;
	background-position:center center;
}
.field-focus { background:#fefdb6; }

/* Side Styles
============================================================ */
#side-content {
	float:right;
	width:230px;
}
#side-content h2 {
	position:relative;
	left:-10px;
	width:198px;
	height:17px;
	margin:0;
	padding:8px 16px;
	background:url(../images/small_bar_bg.png) no-repeat;
	color:#fff;
	font-size:14px;
}
.side-block {
	width:230px;
	margin:0 auto 40px;
}
.side-block.sb-small { }

/* Drawers
============================================================ */
ul.drawer {
	position:relative;
	width:100%;
}
	ul.drawer li {
		display:block;
		position:relative;
		width:100%;
		overflow:hidden;
		background:#fff;
		border-top:1px solid #ececec;
		cursor:default;
	}
	ul.drawer li.first {
		background:#fff;
		border:none;
	}
		ul.drawer li a.drawer_handle {
			position:relative;
			display:block;
			padding:8px 6px 4px;
			color:#565295;
			font-weight:bold;
			font-size:14px;
		}
		ul.drawer li a.drawer_handle:hover {
			color:#6a1015;
		}
		ul.drawer li.first .drawer_handle { background:#fff; }
		ul.drawer li .drawer_box {
			padding:0 6px 12px;
			background:#fff url(xhttp://www.petrosalema.com/assets/gradient?c1=fff&c2=eee&h=50) repeat-x bottom left;
			font-size:12px;
			line-height:150%;
		}
		ul.drawer li.last .drawer_box { }

.media_info {
	color:#aaa;
	font-size:11px;
}

/* Main Menu
============================================================ */
#mainmenu {
	width:620px;
	height:25px;
	padding:5px 0 5px 20px;
	font-weight:bold;
	background:url(../images/menu_bg.png) no-repeat;
}
#topMenu {
	position:relative;
	margin:0;
	padding:0;
	font-size:12px;
}
#topMenu ul {
	display:none;
	position:absolute;
	top:0;
	left:100%;
	margin:0;
	padding:0;
	border-left:4px solid #6a1015;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=ccc&c2=fff&w=25&o=y) repeat-y top left;
}
#topMenu ul.roots {
	top:25px;
	left:6px;
}
#topMenu li {
	position:relative;
	margin:0;
	padding:4px 4px 4px 2px;
	list-style:none;
}
#topMenu ul.roots li { padding:4px 8px 4px 0; }
#topMenu li.highlighted {
	background:#465295 url(http://www.petrosalema.com/assets/gradient?c1=161245&c2=465295&w=50&o=y) repeat-y top left;
}
#topMenu li a {
	background:#161245;
	color:#fff;
	line-height:150%;
	white-space:nowrap;
}
#topMenu ul li a {
	background:transparent;
	color:#161245;
}

/* Footer Styles
============================================================ */
#footerMenu {
	width:800px;
	margin:0 auto;
}
#footerMenu li {
	position:relative;
	float:left;
	margin-left:20px;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	font-size:13px;
}
#footerMenu li ul li {
	float:none;
	margin-left:0;
	font-weight:normal;
	font-size:11px;
	font-family:Verdana;
	font-style:normal;
}
#footerMenu li a {
	line-height:200%;
}

/* Contact Form
============================================================ */
#contact-form {
	width:520px;
	margin:0 auto;
	font-size:12px;
}
#contact-form input, #contact-form .submit {
	width:221px;
	padding:4px;
	border:1px solid #dedede;
	color:#666669;
	font-family:Arial;
	font-size:12px;
}
#contact-form input.extended { width:470px; }
#contact-form .submit {
	background:#ece9d8;
	color:#6e6e6e;
}
#contact-form textarea {
	width:470px;
	padding:4px;
	border:1px solid #dedede;
	color:#666669;
	font-family:Arial;
	font-size:12px;
}
#contact-form .form-field {
	float:left;
	padding:5px 0 5px 20px;
}
.tiny {
	color:#aaa;
	font-size:80%;
}
.server-msg {
	padding:12px;
	color:#465295;
	text-align:center;
}
#contact-form .clear { line-height:0; }

/* Articles
============================================================ */
.article {
	width:550px;
	overflow:show;
	margin:0 auto;
}
.article p { padding:3px 0; }
.article img {
	padding:4px;
	background:#efefff;
	border:1px solid #eaeaee;
}
.article-header {
	padding:6px;
	border-bottom:1px solid #eaeaee;
	color:#465295;
	font-size:30px;
	line-height:1em;
}
.article-subheader {
	padding:6px 6px 12px;
	color:#aaaaae;
	font-size:12px;
}
.article-lead {
	padding:12px 32px;
	color:#aaaaae;
	font-size:16px;
}
.article-footer {
	margin:6px 0 24px;
	padding:6px;
	border-top:1px solid #eaeaee;
	color:#aaaaae;
	font-size:12px;
}
.article-body { padding:6px; }

/* Sitemap
============================================================ */
#sitemap {
	/* height:700px;  */
	/* overflow:show; */
	padding-left:20px;
}
#sitemap ul li { list-style:none; }
#sitemap ul ul {
	margin-left:8px;
	padding-left:6px;
	border-left:3px solid #efefef;
}
#sitemap ul ul ul {
	margin-left:16px;
	border:0;
}

#sitemap ul ul ul li {
	list-style:disc outside;
	color:#cecece;
}
#sitemap ul li a {
	display:block;
	margin:18px 0 6px;
	padding:6px 3px 6px;
	background:url( ../images/divider.png ) no-repeat -330px bottom;
	font-weight:bold;
}
#sitemap ul ul li a{
	margin:0;
	padding:3px;
	background:0;
	font-weight:normal;
}

/* Search results
============================================================ */
.search-result {
	width:550px;
	margin:0 auto;
}
.search-result-header {
	padding:6px;
	border-bottom:1px solid #eaeaee;
	color:#465295;
	font-size:20px;
	line-height:1em;
}
.search-result-body { padding:6px; }
.search-result-footer {
	margin:6px 0 24px;
	padding-left:6px;
	color:#aaaaae;
	font-size:12px;
}
.search-result-highlight { background:#fefdb6; }

/* Autocomplete
============================================================ */
.autocomplete-results {
	width:100%;
	height:150px;
	overflow:hidden;
	font-weight:normal;
	font-size:12px;
	font-family:Arial, sans-serif;
	white-space:nowrap;
}
.autocomplete-results ul {
	margin-top:5px;
	padding-top:5px;
}
.autocomplete-results li {
	padding:1px;
	border-top:1px solid #eaeaee;
}
.autocomplete-results li a {
	position:relative;
	display:block;
	padding:1px 0 1px 4px;
}
.autocomplete-results li a:hover, .autocomplete-results li a:hover .search-result-highlight {
	position:relative;
	background:#465295;
	color:#fff;
}
.autocomplete-results li a:hover .search-result-highlight {
	color:#fefdb6;
}

/* Text & Links
============================================================ */
body {
	color:#808090;
	font-size:15px;
	font-family:Arial, sans-serif;
	line-height:1em;
}
a {
	color:#465295;
	text-decoration:none;
}
a:hover { color:#6a1015; }