/*-----------------------------------
Filename: screen.css
Title: Screen Style Sheet
Author: Faust Gertz, Faust@LeeMarvin.com
URL: http://oldstpats.org/events//css/screen.css
Description: Master style sheet for screen
   -----------------------------------*/ 

@import url(http://oldstpats.org/events/css/reset.css);

html, body {
 background:#FFF8F1 url(/events/images/background/body/html-body.png) repeat-x;
 color:#000;
 font-family:Georgia,Times New Roman,Times,serif;
}
body {
 font-size:0.875em; /* 16px * 0.875 = 14px */
 line-height:1em;   /* 14px */
}

/* / Container \ */
#container {
 background:#EEE8DC url(/events/images/background/content/content.gif) repeat-y top right; /* striped lines for content */
 left:-1px; /* match positioning of the rest of site */
 margin:auto;
 overflow:auto;
 position:relative;
 top:1px; /* match positioning of the rest of site */
 width:950px;
}
/* \ Container / */


/* / Branding \ */
#branding {
 background:#EEE8DC url(/events/images/background/branding/branding-background.jpg) repeat-x;
 height:406px;
 width:950px;
}
#branding-logo, 
#branding-logo span,
#branding-theme, 
#branding-theme span {
 background:url(/events/images/branding/logo/old_st_patricks_logo.jpg) no-repeat;
 display:block;
 height:286px;
 overflow:hidden;
 position:relative;
 text-align:center;	
 width:240px;
}
#branding-theme, 
#branding-theme span {
 background:url(/events/images/branding/theme/theme.jpg) no-repeat;
 height:120px;
}
#branding-logo span,
#branding-theme span {
 left:0;
 position:absolute;
 top:0;
 z-index:1;
}
/* \ Branding / */


/* / Navigation \ */

#nav-main {
 background:#473 url(/events/images/background/navigation/nav-main.jpg) no-repeat;
 float:left;
 height:38px;
 overflow:hidden;
 padding:0 49px;
 position:absolute;
 top:406px;
 width:852px;	
}
#nav-main li {
 float:left;
 height:38px;
 position:relative;	
}
#nav-main li a:link,
#nav-main li a:visited,
#nav-main li a:focus,
#nav-main li a:hover,
#nav-main li a:active,
#nav-main li span {
 background:url(/events/images/background/navigation/nav-main.jpg) no-repeat;
 color:#fff;
 display:block;
 height:38px;
 line-height:38px;	
 overflow:hidden;
 position:relative;
 text-align:center;
 text-decoration:none;
 text-transform:uppercase;
 width:100px;
}
#nav-main li a:focus,
#nav-main li a:hover,
#nav-main li a:active {
 background:#362;
 font-weight:bold;
}
#nav-main li span {
 left:0;
 position:absolute;
 top:0;
 z-index:1;
}
#nav-main li.about-us,
#nav-main li.about-us span,
#nav-main li.about-us a:link,
#nav-main li.about-us a:visited {
 background-position:-49px 0;
 width:163px;
}
#nav-main li.about-us a:focus,
#nav-main li.about-us a:focus span,
#nav-main li.about-us a:hover,
#nav-main li.about-us a:hover span,
#nav-main li.about-us a:active,
#nav-main li.about-us a:active span {
 background-position:-49px -38px;
}
#nav-main li.giving,
#nav-main li.giving span,
#nav-main li.giving a:link,
#nav-main li.giving a:visited {
 background-position:-212px 0;
 width:94px;
}
#nav-main li.giving a:focus,
#nav-main li.giving a:focus span,
#nav-main li.giving a:hover,
#nav-main li.giving a:hover span,
#nav-main li.giving a:active,
#nav-main li.giving a:active span {
 background-position:-212px -38px;
}
#nav-main li.liturgy,
#nav-main li.liturgy span,
#nav-main li.liturgy a:link,
#nav-main li.liturgy a:visited {
 background-position:-306px 0;
 width:112px;
}
#nav-main li.liturgy a:focus,
#nav-main li.liturgy a:focus span,
#nav-main li.liturgy a:hover,
#nav-main li.liturgy a:hover span,
#nav-main li.liturgy a:active,
#nav-main li.liturgy a:active span {
 background-position:-306px -38px;
}
#nav-main li.community,
#nav-main li.community span,
#nav-main li.community a:link,
#nav-main li.community a:visited {
 background-position:-418px 0;
 width:148px;
}
#nav-main li.community a:focus,
#nav-main li.community a:focus span,
#nav-main li.community a:hover,
#nav-main li.community a:hover span,
#nav-main li.community a:active,
#nav-main li.community a:active span {
 background-position:-418px -38px;
}
#nav-main li.learning,
#nav-main li.learning span,
#nav-main li.learning a:link,
#nav-main li.learning a:visited {
 background-position:-566px 0;
 width:126px;
}
#nav-main li.learning a:focus,
#nav-main li.learning a:focus span,
#nav-main li.learning a:hover,
#nav-main li.learning a:hover span,
#nav-main li.learning a:active,
#nav-main li.learning a:active span {
 background-position:-566px -38px;
}
#nav-main li.seasonal,
#nav-main li.seasonal span,
#nav-main li.seasonal a:link,
#nav-main li.seasonal a:visited {
 background-position:-692px 0;
 width:127px;
}
#nav-main li.seasonal a:focus,
#nav-main li.seasonal a:focus span,
#nav-main li.seasonal a:hover,
#nav-main li.seasonal a:hover span,
#nav-main li.seasonal a:active,
#nav-main li.seasonal a:active span {
 background-position:-692px -38px;
}
#nav-main li.shop,
#nav-main li.shop span,
#nav-main li.shop a:link,
#nav-main li.shop a:visited {
 background-position:-819px 0;
 width:82px;
}
#nav-main li.shop a:focus,
#nav-main li.shop a:focus span,
#nav-main li.shop a:hover,
#nav-main li.shop a:hover span,
#nav-main li.shop a:active,
#nav-main li.shop a:active span {
 background-position:-819px -38px;
}
#nav-secondary { 
 overflow:hidden;
 padding:40px 10px 10px;
 width:220px;
}


#nav-access,
#nav-top {
 left:-999em;
 position:absolute;
}
/* \ Navigation / */

/* / Content  \ */
#wrapper {
 background:url(/events/images/background/sidebar/sidebar.jpg) repeat-y  0 240px;
 margin:38px 0 0;
 overflow:auto;
}
#content {
 background:url(/events/images/background/content/old_st_patricks_spacerbar.jpg) no-repeat top right;
 float:right;
 line-height:1.28571em; /*14px * 1.28571 = 18px */
 overflow:hidden;
 padding:40px 10px 10px;
 position:relative;
 width:690px;
}
#content p {
 margin:0 0 2ex;
}
#content-media {
 height:406px;
 position:absolute;
 right:0;
 top:0;
 width:710px;
}
#content-media.default {
 background:url(/events/images/branding/content-media/placeholder-image.jpg) no-repeat;
}

/* \ Content / */



/* / Site Info \ */
#siteinfo {
 background:url(/events/images/background/content/old_st_patricks_bottom_menu.jpg) no-repeat;
 clear:both;
 height:35px;
 margin:auto;
 width:950px;	
}
#siteinfo .vcard {
 left:-999em;
 position:absolute;
}
/* \ Site Info / */