/*
    Document   : layout.css
    Created on : Feb 7, 2012, 10:38:14 AM
    Author     : ken
    Description:
        Purpose of the stylesheet follows.
*/

body {
	background: #FFF;
}

body > div > .content {
	width:960px;
	margin:auto;
	position:relative;
}

/************ Header ************/

#header {
	width:100% !important;
	background: inherit;
	padding:0;
	z-index: auto;
}

/* top menu */
#nav-user {
	height:38px;;
	box-shadow: inset 0px -3px 12px -5px black;
	background: #EEEEEE; color: #313131;
	font-size:13px;
	padding:0;
}
#nav-user .nav-header {
	z-index:3;
}
#nav-user > ul > li {
	font-size:13px;
	float:right;
	margin:0;
	padding:0;
}
#nav-user > ul > li > a {
	padding:9px 18px;
	display:block;
	font-weight:bold;
	letter-spacing: .2em;
}
#nav-user ul > li a:hover {
	color:inherit;
}

#nav-user .parish-mode, #nav-user .individual-mode { background-color:#999999; color:white;text-align:center; width: 157px;}
#nav-user .parish-mode:hover { background-color:#669933; }
#nav-user .parish-mode.active { background-color:#336600; }
#nav-user .individual-mode:hover { background-color:#6699CC; }
#nav-user .individual-mode.active { background-color:#336699; }
#nav-main > ul > li > a {
	font-size:15px;
}

.nav-header {
	width:960px; margin:auto;
	z-index:2;
}

.nav-header > li {
	font-weight:normal;
	text-transform:uppercase;

	padding:7px;
}


.nav-header.cssOnly li ul li {
	margin:0;
}

.nav-header a { color:inherit; }
.nav-header > li > a {
	font-weight: bold;
}
.nav-header li ul li a { color:inherit; display:block; }
.nav-header.cssOnly li a[class], #navigation.cssOnly li ul li a {
	background-repeat:no-repeat;
	background-position: 25px;
	padding: 6px 50px;
}

/* navigation bar */
ul.navbar { position:relative; list-style-type:none; list-style-position:outside; }

ul.navbar li { float:left; display:inline; position:relative; white-space:nowrap; }
ul.navbar li ul li { float:none; display:block; }
ul.navbar li ul li:hover { background-color:#333333; }

ul.navbar > li.gap { border-left:solid thin; height:100%; }
ul.navbar li ul li.gap { border-top:1px groove #BED6F8; height:0px; padding:0 !important; margin:2px 10px !important; }

ul.navbar li ul { position:absolute; visibility:hidden; left: 0px;}
ul.navbar li ul li ul { left:100%; top:0px; }
ul.navbar li:hover ul { visibility:visible; }
ul.navbar li:hover ul li ul { visibility:hidden; }
ul.navbar li ul li:hover ul { visibility:visible; }

/* about submenu fix: change sides */
ul.navbar li.reverse-submenu ul li ul { left: auto; right: 100%; }

ul.navbar li ul li a { height:auto; }
ul.navbar li a { height:20px; padding: 2px 2px 5px 2px; text-decoration:none; }

	/*
	.navbar li ul {  -webkit-transform: scale(.5); -webkit-transition: none; }
	.navbar li:hover > ul { -webkit-transform: scale(1); -webkit-transition: -webkit-transform .3s ease; }
	*/

/* floating nav bar (for moc) */
.floater {
	position:fixed; top:0px; left:0px;
	z-index: 3;
	opacity: .5;
}
.floater:hover {
	opacity: 1;
}
.floater .logo {
	float:left;
	background-color: white;
	color: black;
	border-bottom-right-radius: 10px;
}
.floater .logo img { width:50px; }
.floater .navbar {
	background-color: white;
	color: black;
	float:left;
	padding-left:5px;
}
.floater .navbar li { margin:0px; }
.floater .navbar li a {
	height:auto; padding:5px; display:block;
	font-weight: bold;
}
.floater .navbar li a.close-button { cursor:pointer; }


#navigation > li.search {
	padding: 0px;
	position: absolute;
	right: 0px;
}
/* header center */
#header #logo {
	padding: 19px 0 17px 0;
	margin:0;
	text-align: left;
	height:64px;
	color: #000 !important;
	text-transform: uppercase;
	font-size: 15px;
	width: 604px;
}

#header #logo i {
	display: inline-block;
}

#header #logo span {
	display: inline-block;
	color: #000 !important;
	width: 334px;
	padding-left: 15px;
}

#header .user {
	position:absolute; top:0px; right:0px;
	width:250px;
	background:#F0F0F0; color:#666666;
	padding:32px;
	font-size:20px; text-align:left;
}

#header .user .welcome { line-height: 1; font-size: 18px;}
#header .user .welcome a { color:inherit; }
#header .user .cart {
	font-size: 11px;
	font-weight: bold;
}
#header .user a#cartLink {
	text-transform:uppercase;
}

/* my account and my parish menu */
#header .user .user-menu {
	display:none; width:100%;
	position:absolute; top:100px; left:0; z-index:3;
	background:inherit; color:inherit;
}
#header .user:hover { background:#6699CC; color:white; }
#header .user:hover a { color:inherit; }
#header .user:hover .user-menu { display:block; }
#header .user .user-menu li { margin:0; padding:0 45px; list-style: none;}
#header .user .user-menu li.divider { margin:12px 0; }
#header .user .user-menu li a { display:block; padding:7px 0 7px 30px; background-repeat:no-repeat; background-position: left center; }

#header .user .user-menu li.logout { background:#555; }
#header .user .user-menu li.logout a { padding-top:11px; padding-bottom:11px; }

#header .search_wrapper { float:right; margin:0px; padding:0px; }
#header .search_input { color:#8c8685; height:16px; width:200px; padding:6px 8px; font-size: 14px}

/* icons */
.icon-logout { background-image:url(/icons/menu/logout.png); }
.icon-my-account { background-image:url(/icons/menu/account.png); }
.icon-subscriptions { background-image:url(/icons/menu/subscriptions.png); }
.icon-orders { background-image:url(/icons/menu/orders.png); }
.icon-downloads { background-image:url(/icons/menu/downloads.png); }
.icon-friends { background-image:url(/icons/menu/friends.png); }


/************ Content ***********/

#content {
	width:960px;
	background: #fff;
	position:relative;
	margin-top: -20px;
	z-index: 1;
  box-shadow: 0px 0px 5px 0px rgba( 1, 1, 1, .5 );
}
#content .content {
	padding:15px;
	width:930px;
}


/************ Footer ************/

#footer {
	width: 100%;
	min-height:245px; clear:both; font-size: 1.2em;
	padding:30px 0;
	background: #2C5782;
	margin-top:-25px;
	color:white;
}

#footer h3, #footer h4 {
	text-align: left;
	text-shadow: 1px 1px black;
}
#footer h2 {
	letter-spacing: .38em;
	line-height:24px;
	font-weight: bold;
	font-size:24px;
	padding:12px 0px;
	text-align:center;
	text-transform:uppercase;
	color:inherit;
}
#footer hr {
	margin:2px 0;
}

#footer a { color:inherit; text-decoration:underline; }
#footer a:hover { color:white; }

#footer p {
	color:#CCC;
	font-size:13px;
}
#footer .column {
	float:left; width:150px;
	margin:20px 15px 0 15px;
}
#footer .logo {
	display:block;
	margin-bottom:20px;
}
#footer strong {
	text-transform:uppercase;
	color:white;
}
#footer h3 {
	text-transform:uppercase;
	color:inherit;
	font-size:15px; font-weight:bold;
	line-height: normal;
}
#footer h3 + * {
	margin:0;
}

#footer ul.nav { margin-top:10px; }
#footer ul.nav li {
	margin-bottom:3px;
	color:#CCC;
}
#footer ul.nav li:first-child { }
#footer ul.nav li a {
	display: block;
	font-size:13px;
	font-weight: bold;
}

#footer .links {
	width:200px;
	float:right;
}
#footer .links > a {
	display:block; margin:5px 20px 5px 0px;
	text-align:center; font-size:9px;
}

div.social-small {
	margin-top:16px;
}
div.social-small a {
	line-height:32px;
	margin: 10px 16px 10px 0;
	text-decoration:none;
}
div.social-small a img {
	width: 32px;
}

#contact-block { float:right; width: 256px; background: #425C9A; border: 1px solid #6684CC; margin-top:10px; }
#contact-block .phone { margin-top: 4px; width: 16px; height: 16px; float: left; }
#contact-block p {margin: 15px 10px;font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;color: #FFF;}
#contact-block strong {font-size: 1.2em;font-weight: normal;color: #FFB732;}
#contact-block a { font-weight: bold; }

.footer-copyright { color:black; font-size:11px; text-align:left; }
.footer-copyright a { color:black; text-transform:uppercase; text-decoration:underline; }
#copyright { color:#555; font-size:13px; font-weight:bold; }