/* 

CASCADING STYLE SHEET

Site Name: Creative Catechist 
Url: www.creativecatechist.com

Designed & developed by The A Group | www.agroup.com

*/  

/* BASICS & TYPOGRAPHY */

@import url("../taglib/css/reset.css");

body {
	background: #60dde7 url("../images/main/bg-body.jpg") no-repeat center top;
	color: #222;
	font: 13px/1.6em "lucida sans unicode", "lucida grande", verdana, sans-serif; 
}

a {
	color: #a00;
	outline: none !important;
}

#main h1 {
	font-size: 3em;
	line-height: 1.6em;
	margin: 0 0 .8em;
	letter-spacing: -3px;
	font-family: "arial black", "lucida sans unicode", "lucida grande", verdana, sans-serif;
	border-bottom: 3px dashed #ddd; 
	color: #000;
}

#main h2 {
	font-size: 1.33em;
	line-height: 1.203em;
	margin: 1.804em 0 .601em;
	letter-spacing: -1px;
}

#main p,
#sub p {
	margin-bottom: 1.6em;
}

#main ul {
	list-style: disc;
	margin: 1.6em 0 1.6em 3em;
}

#main ol {
	list-style: decimal;
	margin: 1.6em 0 1.6em 3em;
}

.link-pdf {
	padding-left: 27px;
	background: url("../images/main/link-pdf.png") no-repeat left center;
}

#main button,
.sub-module button {
	background: url("../images/main/bg-sub-button.png") repeat-x left top;
	padding: 3px .66em 4px;
	color: #fff;
	border: 1px solid #3b778c;
	font-size: 13px;
	font-family: "arial black", arial, helvetica, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#main input[type="text"],
#main input[type="password"],
#main textarea,
#main select,
.sub-module input[type="text"] {
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
	color: #555;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 7px 7px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.sub-module input[type="text"] {
	color: #777;
}


/* MAIN CONTAINER */

#container {
	width: 990px;
	margin: 0 auto;
}


/* HEADER */

#header {
	padding: 0 15px;
	height: 160px;
}

#header #logo {
	height: 120px;
	width: 364px; 
	float: left;	
}

#header #logo a {
	height: 120px;
	display: block;
	text-indent: -900em;
}

#header #tagline {
	display: none;
}

form#header-search {
	float: right;
	padding-top: 48px;
	height: 30px;
	line-height: 30px;
}

form#header-search label {
	display: none; 
}

form#header-search input[type="text"] {
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
	color: #666;
	border: 1px solid #54c2cb;
	background-color: #fff;
	padding: 7px 7px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	width: 120px;
}

form#header-search button {
	height: 30px;
	width: 30px;
	border: none;
	padding: 0;
	background: url("../images/main/bg-header-search-btn.png");
	text-indent: -900em;
	margin-left: 2px;
}

#header-nav {
	padding-top: 48px;
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	color: #097078;
}

#header-nav li {
	float: left;
	background: url("../images/main/bg-header-nav-li.png") no-repeat right center;
	padding: 0 11px 0 9px;
}

#header-nav li a {
	color: #097078;
	text-decoration: none;
	display: block;
}

#header-nav li a:hover {
	text-decoration: underline;
}

#header-nav li.link-subscribe {
	padding-right: 9px;
}

#header-nav li.link-subscribe a {
	background: url("../images/main/bg-header-nav-subscribe.png") no-repeat;
	height: 30px;
	width: 88px;
	text-indent: -900em; 
}

#header-nav li.link-facebook {
	background-image: none;
	padding-right: 0px;
	padding-left: 9px;
}
#header-nav li.link-twitter {
	background-image: none;
	padding-right: 11px;
	padding-left: 5px;
}

#header-nav li.link-facebook a {
	background: url("../images/main/facebook24.png") no-repeat center center;
	height: 30px;
	width: 24px;
	text-indent: -900em; 
}

#header-nav li.link-twitter a {
	background: url("../images/main/twitter24.png") no-repeat center center;
	height: 30px;
	width: 24px;
	text-indent: -900em; 
}

#header-categories {
	clear: both; 
	height: 40px;
	background: url("../images/main/bg-header-categories.png") no-repeat center top;
}

#header-categories > li {
	float: left;
	width: 192px;
	text-align: center;
}

#header-categories > li > a {
	display: block;
	height: 40px;
	text-indent: -900em;
}

#header-categories > li.teachings:hover {
	background: url("../images/main/bg-header-categories-hover.png") no-repeat left top;
}

#header-categories > li.toolbox:hover {
	background: url("../images/main/bg-header-categories-hover.png") no-repeat -192px top;
}

#header-categories > li.activities:hover {
	background: url("../images/main/bg-header-categories-hover.png") no-repeat -384px top;
}

#header-categories > li.leaders:hover {
	background: url("../images/main/bg-header-categories-hover.png") no-repeat -576px top;
}

#header-categories > li.resources:hover {
	background: url("../images/main/bg-header-categories-hover.png") no-repeat -768px top;
}

#header-categories > li:hover .popup {
	display: block;
}

#header-categories .popup {
	position: absolute;
	text-align: left;
	display: none;
	width: 575px;
	overflow: auto;
	background-color: #fff;
	z-index: 5000;
}

#header-categories .popup ul {
	width: 191px;
	padding: 0 0 5px;
	float: left;
}

#header-categories .popup ul li a {
	padding: .8em 1em;
	line-height: 1.2em;
}

#header-categories .popup ul li a:hover {
	background-color: #ccc;
}

#header-categories .popup ul li a {
	font-family: "arial", helvetical, sans-serif;
	font-weight: bold;
	text-decoration: none;
	display: block;
	font-size: 1.1em;
}

#header-categories .popup .recent_articles {
	padding: 20px 25px 15px;
	float: left;
	width: 333px;
}

#header-categories .popup .recent_articles h2 {
	font-size: 1.15em;
	letter-spacing: -1px;
	margin-bottom: 10px;	
	font-family: "arial black", helvetical, sans-serif;
}

#header-categories .popup .feed li {
	overflow: auto;
	margin-bottom: 15px;	
	line-height: 1.2em;
}

#header-categories .popup .feed .title a {
	text-decoration: none;
	display: block;
	font-size: .9em;
}

#header-categories .popup .feed .title a:hover {
	text-decoration: underline;
}

#header-categories .popup .feed .thumb {
	height: 49px;
	width: 49px;
	background-color: #ddd;
	float: left;
	margin: 0 .75em 0 0;
}

#header-categories .popup .feed .author {
	font-size: .8em;
	color: #ccc;	
}


#header-categories > li.teachings .popup {
	background: #cb1417 url("../images/main/bg-categories-teachings.png") repeat-y left top;
	color: #fff;
}

#header-categories > li.teachings .popup a {
	color: #fff;	
}

#header-categories li.teachings .popup ul {
	border-top: 1px solid #e43f46;
}

#header-categories li.teachings .popup ul li a {
	border-bottom: 1px solid #e43f46;
	padding: .8em 1em;
	line-height: 1.2em;
}

#header-categories li.teachings .popup ul li a:hover {
	background-color: #e43f46;
}


#header-categories > li.toolbox .popup {
	background: #007fa3 url("../images/main/bg-categories-toolbox.png") repeat-y left top;
	color: #fff;
}

#header-categories > li.toolbox .popup a {
	color: #fff;	
}

#header-categories li.toolbox .popup ul {
	border-top: 1px solid #00afc8;
}

#header-categories li.toolbox .popup ul li a {
	border-bottom: 1px solid #00afc8;
	padding: .8em 1em;
	line-height: 1.2em;
}

#header-categories li.toolbox .popup ul li a:hover {
	background-color: #00afc8;
}

#header-categories > li.activities .popup {
	background: #eba40a url("../images/main/bg-categories-activities.png") repeat-y left top;
	color: #fff;
}

#header-categories > li.activities .popup a {
	color: #fff;	
}

#header-categories li.activities .popup ul {
	border-top: 1px solid #f5cf19;
}

#header-categories li.activities .popup ul li a {
	border-bottom: 1px solid #f5cf19;
	padding: .8em 1em;
	line-height: 1.2em;
}

#header-categories li.activities .popup ul li a:hover {
	background-color: #f5cf19;
}

#header-categories li.activities .popup .feed .author {
	color: #eee;
}


#header-categories > li.leaders .popup {
	background: #3d8b20 url("../images/main/bg-categories-leaders.png") repeat-y left top;
	color: #fff;
	margin-left: -384px;
}

#header-categories > li.leaders .popup a {
	color: #fff;	
}

#header-categories li.leaders .popup ul {
	float: right;
	border-top: 1px solid #87c34e;
}

#header-categories li.leaders .popup ul li a {
	border-bottom: 1px solid #87c34e;
	padding: .8em 1em;
	line-height: 1.2em;
}

#header-categories li.leaders .popup ul li a:hover {
	background-color: #87c34e;
}


/* CONTENT */

#content {
	background: url("../images/main/bg-content.png") repeat-y center top;
	padding: 20px 35px;
}

#main .breadcrumb {
	list-style: none;
	margin: 0 0 0em;
}

#main .breadcrumb li {
	display: inline;	
	font-size: .85em;
	padding-left: 8px;
	background: url("../images/main/bg-breadcrumb-li.gif") no-repeat left center;
}

#main .breadcrumb li:first-child {
	padding-left: 0;
	background-image: none;	
}

/* ASIDE */

#sub-nav {
	margin-bottom: 30px;
}

#sub-nav li {
	background: url("../images/main/bg-sub-nav-li.png") left top;
}

#sub-nav li:first-child {
	font-size: 1.25em;
	letter-spacing: -1px;
	background: url("../images/main/bg-sub-nav-li-first.png") repeat-x;
	border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
}

#sub-nav li:first-child a {
	border-bottom: 1px solid #12a3b8;
}
	
#sub-nav a {
	border-bottom: 1px solid #14a4b9;
	padding: 10px 13px;
	display: block;
	text-decoration: none;
	color: #fff;	
	font-weight: bold;
	line-height: 1.2em;
}

#sub-nav li:hover {
	background: url("../images/main/bg-sub-nav-li-first.png") repeat-x;
}

#sub-nav li:hover a {
	border-bottom: 1px solid #12a3b8;
}
	

.sub-module {
	margin: 40px 0 30px;
	padding: 20px;
	background-color: #e0f7ff;
	border: 1px solid #b5dce9;
	color: #333;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.sub-module h2 {
	font-size: 15px;
	line-height: 16px;
	margin: -36px 0 14px -2px;
	letter-spacing: -1px;
	font-family: "arial black", "lucida sans unicode", "lucida grande", verdana, sans-serif;
}

.sub-module h2 span {
	padding: 6px 1em 8px;
	color: #5190a4;
	background-color: #fff;
	border: 1px solid #b5dce9;
	border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	display: inline-block;
}

/* SUBSCRIBE AREA */

#sub #subscribe {
	height: 320px;
	background: url("../images/main/bg-sub-subscribe.png");
	margin-bottom: 30px;
}

#sub #subscribe h2 {
	height: 155px;
	margin: 0;
	padding: 0;
	text-indent: -900em;
}

#sub #subscribe #sample_cover {
	width: 112px;
	padding: 0px 5px 0 15px;
	text-align: center;
	float: left;
}

#sub #subscribe #sample_cover .link-view_sample {
	display: block;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}

#sub #subscribe ul {
	width: 149px;
	margin-top: 27px;
	list-style: none;
	background: url("../images/main/bg-sub-subscribe-ul.png") no-repeat left top;
	float: left;
}

#sub #subscribe ul li {
	margin-bottom: 6px;	
}	
	
#sub #subscribe ul li a {	
	height: 47px;
	display: block;
	text-indent: -900em;
}	

#sub #subscribe ul li.link-archives {
	display: none;
}

		
/* READER'S POLL */

#sub #readers_poll .question {
	font-weight: bold;
	margin-bottom: .8em
}	

#sub #readers_poll h2 span {
	background: #fff url("../images/home/bg-readers_poll-h2.png") no-repeat 8px center;
	width: 105px;
	text-indent: -900em;
}

#sub #readers_poll ul {
	margin: 0 0 1.6em 0;
	list-style: none;	
}

#sub #readers_poll ul li {
	margin: .8em 0;
}


/* NEWSLETTER SIGN UP */

#sub #newsletter_signup h2 span {
	background: #fff url("../images/home/bg-newsletter_signup-h2.png") no-repeat 8px center;
	width: 212px;;
	text-indent: -900em;
}

#sub #newsletter_signup p {
	margin-bottom: .8em;
}

#newsletter_signup label {
	display: none;	
}

/* FOOTER */

#footer {
	background: url("../images/main/bg-footer.png") no-repeat center top;
	padding: 30px 35px 60px;
	font-family: arial, helvetica, sans-serif;
	color: #096f77;
}

#footer a {
	color: #096f77;
	text-decoration: none;
}

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

#bayard_publication {
	height: 100px;
	width: 215px;
	background: url("../images/main/bg-footer-bayard_publication.png") no-repeat left top;
	text-indent: -900em;
	float: left;
	border-right: 1px solid #42b7c1;
	margin-right: 20px;
}

#footer-nav > li {
	display: block;
	margin-bottom: .4em;
}

#footer-nav > li > a {
	font-weight: bold;	
}

#footer-nav > li.creative_catechist > a {
	font-size: 15px;
}


#footer ul ul {
	display: inline;
}

#footer ul ul li {
	display: inline;
}

#footer ul ul li:before {
	content: "|";
}

#footer ul ul li a {
	padding-left: .33em;
}

#footer .social_media {
}

#footer .social_media li {
	display: inline;
}

#footer .social_media li:after {
	content: "|";	
}

#footer .social_media li a {
	padding: 1px .33em 1px 19px;	
}

#footer .social_media li.link-rss a {
	background: url("../images/main/rss.png") no-repeat left center;
}

#footer .social_media li.link-facebook a {
	background: url("../images/main/facebook.png") no-repeat left center;
}

#footer .social_media li.link-twitter a {
	background: url("../images/main/twitter.png") no-repeat left center;
}

#footer .social_media li.link-twitter:after {
	content: "";
}

#footer h2 {
	display: none;
}

#bayard_network {
	clear: both;
	margin-top: 25px;
	padding: 10px 0 10px 238px;
	height: 50px;
	background: url("../images/main/bg-footer-bayard_network.png") no-repeat center center;
	
	border-top: 1px solid #42b7c1;
	border-bottom: 1px solid #42b7c1;
}

#bayard_network li {
	float: left;	
}

#bayard_network li a {
	display: block;
	height: 50px;
	width: 120px;
	margin-right: 7px;	
	text-indent: -900em;
}

#bayard_network li.link-cd a {
	display: block;
	height: 50px;
	width: 90px;
	margin-right: 7px;	
	text-indent: -900em;
}

#footer .copyright {
	font-size: .8em;
	padding-top: 10px;
	text-align: left;
}

#footer .copyright a {
	font-weight: bold;
}

#footer .copyright .link-powered_by {
	float: right;	
}


/* ADS */

span.ad_notice {
	display: block;
	color: #aaa;
	font-size: .85em;
	text-align: center;
	background: url("../images/main/bg-ad_notice.gif") no-repeat center center;
	margin-bottom: 5px;
}

#rectangle {
	text-align: center;
	margin-bottom: 30px;
}

#small_rectangle {
	margin-bottom: 30px; 
}

#large_rectangle {
	margin-bottom: 30px; 
}

#wide_skyscraper {
	text-align: center;
	margin-bottom: 30px;
}