/*
Theme Name: Yellow
Theme URL: http://marymagdalens.org/
Description: Courteously provided by your friends at expanse content management system We heart your face.
Version: 1.0
Author: Ian Tearle
Author URL: iantearle.com
*/

/*
-------------------------------------------------
Global values
=================================================
*/
body{
margin: 0;
background-color: #fef7d3;
font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
color: #444444;
}

@font-face {
	font-family: 'AdobeCaslonProRegular';
	src: url('../images/ACaslonPro-Regular.eot');
	src: local('Adobe Caslon Pro Regular'), local('ACaslonPro-Regular'), 
	url('../images/ACaslonPro-Regular.woff') format('woff'), 
	url('../images/ACaslonPro-Regular.otf') format('opentype'), 
	url('../images/ACaslonPro-Regular.svg#ACaslonPro-Regular') format('svg');
}

#mainContainer{
margin: 0;
}
#container{
width: 960px;
margin: 0 auto;
}
.dotted_line{
border-bottom: dotted #cfcfcf 1px;
}
a{color: #444444;}
a:hover{color: #cc9400;}
#jMonthCalendar .Meeting { background-color: #DDFFFF;}
		#jMonthCalendar .Birthday { background-color: #DD00FF;}
		#jMonthCalendar #Event_3 { background-color:#0000FF; }
/*
-------------------------------------------------
Typography
=================================================
*/
span.of, span.for{
font-variant: normal;
}
span.of, span.for,
span.amp {
font-family: Baskerville, Palatino, "Book Antiqua", serif;
font-style: italic;
}
h1,h2,h3,h4,h5,#search p,span.month,#calDate{
font-variant: small-caps;
font-weight: normal;
}
h1 span{
font-variant: normal;
font-style: italic;
}
p:first-letter{
text-transform: uppercase;
}
a{text-decoration: none;}
li{letter-spacing: 1px;}
dl.mass-times-dl{width: 50%;}
dt{float: left;clear: both;margin: 0 0 5px 0;}
dd{float: right; clear: right;margin: 0 0 5px 0;}
/*
-------------------------------------------------
Paging
=================================================
*/
.paging{
margin: 5px 10px;
font-size: 12px;
}
.paging .page{
padding: 3px;
border: solid #cfcfcf 1px;
}

/*
-------------------------------------------------
Header
=================================================
*/
#header{
background: url(../images/bg.jpg) no-repeat center top;
width: 100%;
height: 141px;
margin: 0; 
}
body#page-home #header{
height: 251px;
}
#header .header-inner{
width: 990px;
margin: 0 auto;
}
#header #branding{
position: relative;
}
#header #branding h1{
position: absolute;
top: 20px;
left: 10px;
text-indent: -9999px;
background: url(../images/branding.png) no-repeat;
}
#header #branding h1 a{
display: block;
width: 381px;
height: 56px;
}
#header #social{
position: relative;
}
#header #social ul{
position: absolute;
right: 20px;
top: 20px;
}
#header #social ul li{
float: left;
}
#header #social ul li a{
text-indent: -9999px;
display: block;
height: 32px;
width: 32px;
background: url(../images/elinks.png) no-repeat;
}
#header #social ul li a.flickr{
background-position: 0 0;
}
#header #social ul li a.flickr:hover{
background-position: 0 -32px;
}
#header #social ul li a.twitter{
background-position: -32px 0;
}
#header #social ul li a.twitter:hover{
background-position: -32px -32px;
}
#header #social ul li a.facebook{
background-position: -64px 0;
}
#header #social ul li a.facebook:hover{
background-position: -64px -32px;
}
#header #social ul li a.rss{
background-position: -96px 0;
}
#header #social ul li a.rss:hover{
background-position: -96px -32px;
}
#header #location{
position: relative;
display: none;
}
body#page-home #location{
display: block;
}
#header #location p a{
position: absolute;
top: 125px;
left: 10px;
color: #9d8136;
font-size: 10px;
}
#header #location p a span{
background: url(../images/map_sml_sq.png) no-repeat;
display: block;
height: 57px;
width: 56px;
text-indent: -9999px;
padding-bottom: 2px;
}

/*
-------------------------------------------------
Menu
=================================================
*/
#menu{
width: 960px;
height: 40px;
margin: -41px auto 0 auto;
background-color: #ffb900;
position: relative;
}
#menu ul{
background: url(../images/menu_sep.png) repeat-y right 0;
height: 40px;
padding: 0 2px 0 0;
width: auto;
float: left;
}
#menu ul li{
height: 40px;
float: left;
}
#menu ul li a{
color: #fff;
display: block;
height: 40px;
padding: 0 10px 0 10px;
line-height: 40px;
font-size: 16px;
background: url(../images/menu_sep.png) repeat-y 0 0;
}
#menu ul li a:hover{
background-color:#e8a902;
}
#menu #search{
position: absolute;
top: 0;
right: 0;
}
#menu #search {
color: #fff;
font-weight: 100;
line-height: 40px;
padding: 0 0 0 30px;
width: 200px;
}
#menu #search div{
float: left;
}
#search-input{
width: 100px;
}
#search-submit{
width:40px;
height:20px;
border:none;
color:#fff;
cursor:pointer;
margin: 10px 0 0 0;
padding: 0;
}
/*
-------------------------------------------------
Content
=================================================
*/
#content{
border: solid #cfcfcf 1px;
background-color: #fff;
margin: 10px 10px 10px 10px;
padding: 0 0 50px 0;
width: 940px;
}
#content .rhs{
margin: 10px 0 0 10px;
}
#content .lhs{
margin: 10px 10px 0 0;
}
#content .section{
float: left;
}
#content .width300{
width: 300px;
}
#content .width460{
width: 460px;
}
#content .width620{
width: 620px;
}
#content .width960{
width: 960px;
}
#content .title{
height: 30px;
clear: both;
}
#content .title{
position: relative;
}
#content .lhs .title h2 a{
display: block;
position: absolute;
top: 0;
left: -10px;
color: #fff;
background-color: #ffb900;
line-height: 30px;
height: 30px;
width: 290px;
padding: 0 0 0 20px;
font-size:18px;
}
#content .rhs .title h2 a{
display: block;
position: absolute;
top: 0;
right: -10px;
color: #fff;
background-color: #ffb900;
line-height: 30px;
height: 30px;
min-width: 290px;
padding: 0 10px 0 10px;
font-size:18px;
}

#content .lectionary{
background: url(../images/splash-bg.jpg) no-repeat;
}
#content .rhs .lectionary .title h3{
display: block;
position: absolute;
top: 0;
right: -10px;
color: #fff;
background: url(../images/scroll.png) repeat-x;
line-height: 35px;
height: 35px;

padding: 0 0 0 10px;
font-size:18px;
}

#content .lectionary .date{
text-align: center;
width: 100px;
height: 100px;
margin: 0 10px 0 0;
padding: 40px 0 0 0;
float: left;
}
#content .lectionary .date span.month{
font-size: 24px;
}
#content .lectionary b{
color: #830466;
font-weight: bold;
}

#content .excerpt,
#content .descr{
padding: 10px 10px 20px 10px;
}
#content .descr h3{
margin: 0 0 10px 0;
}
#content .descr h3 a{
color: #444444;
font-size: 16px;
}
#content .excerpt p,
#content .descr p{
line-height: 24px;
font-size: 15px;
color: #222222;
margin: 0 0 10px 0;
}
#content a.more{
background-color: #028705;
color: #fff;
font-size: 12px;
padding: 2px 3px;
}
/*
-------------------------------------------------
Events
=================================================
*/
#content .two_tone{
margin: 0 0 10px 0;
}
#content .two_tone a{
display: block;
height: 309px;
width: 610px;
background: url(../images/church_two_tone.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#content .two_tone a:hover{
background-position: 0 -309px;
}
#content .search_item,
#content .event_item{
border-bottom: solid #cfcfcf 1px;
padding: 10px 0 10px 0;
display: block;
float: left;
}
#content .odd{
background-color: #f7f7f7;
}
#content .search_item .search_date,
#content .event_item .event_date{
text-align: center;
width: 60px;
margin: 0 10px 0 0;
float: left;
}
#content .search_item .search_date span.small{
font-size: 10px;
}
#content .search_item .search_date span.month,
#content .event_item .event_date span.month{
font-size: 24px;
}
#content .event_item .event_details{
float: left;
display: block;
width: 230px;
position: relative;
}
#content .search_item .search_details{
float: left;
display: block;
width: 850px!important;
position: relative;
min-height: 40px;

}
.press .event_item .event_details{
float: left;
display: block;
width: 550px!important;
position: relative;
min-height: 40px;
}
#content .search_item .search_details a span.read,
#content .event_item .event_details a span.read{
display: none;
}
#content .search_item .search_details a:hover span.read,
#content .event_item .event_details a:hover span.read {
display: block;
background: url(../images/read.png) no-repeat;
position: absolute;
top:50%;
right: 20px;
width: 63px;
height: 32px;
margin: -16px 0 0 0;
}
#content .event_item .event_details .event_title h3 a{
color: #666666;
font-size: 14px;
}
#content .event_item .event_details .excerpt,
#content .event_item .event_details .descr{
padding: 0;
color: #888888;
}
#content .event_item .event_details .excerpt p,
#content .event_item .event_details .descr p{
line-height: 17px;
font-size: 12px;
}
.press_full .event_item .event_details .descr p{
line-height: 20px!important;
font-size: 14px!important;
}
.press_full .event_date{
text-align: center;
width: 60px;
margin: 0 10px 0 0;
float: left;
}
.press_full .event_date span.month{
font-size: 24px;
}
.press_full #event_item{
padding: 10px 0 10px 0; 
}
.press_full .further_information{
margin: 0 10px 10px 10px;
width: 290px;
float: left;
}
.press_full .further_information h3{
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: solid #ffb900 2px;
}
dl.tablestyle1 {
	margin: 0;}
.tablestyle1 dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 5em;}
.tablestyle1 dd {
	margin-left: 6em;
	margin-bottom: 5px;}
#content #cal{
margin: 10px 0;
}
#content #calDate{
width: 270px;
border: solid #cfcfcf 1px;
background: #cfcfcf url(../images/caldate_bg.png) repeat-x;
padding: 10px 5px;
}
#content #calDate a{
border-bottom: dotted #cc9400 1px;
}
#content .calHead{
background-color: #cfcfcf;
text-align: center;
padding: 3px 0;
margin: 0 0 3px 0;
}
#content .calContent{
border:1px solid #cccccc;
width:280px;
}
#content .calLnk{
color: #fff;
background: #ffb900;
cursor: pointer;
}
#content .todaybg{
background: #ffb900;
font-weight: bold;
}
#content .todaybg span{
color: #000!important;
}
#content .calDay span{
padding: 3px 0;
width: 40px;
display: block;
}

.simple_advert {
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: center;
}
.simple_advert a {
	text-align: center;
	margin: 10px auto!important;
	width: 130px;
}



div.adverts a img { 
float:left; 
margin:0 10px 0 0; 
padding:0; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

div.adverts p { margin:0 }

div.adverts br { display:none }
div.adverts .powered a{ 
font-size: 10px;
margin: 10px 0 0 0;
color: #888;
}

#content .press_item{
margin: 10px 0 10px 10px;
width: 220px;
float: left;
}
#content .first{
width:440px;
}
#content .press_item h3 a{
color: #444444;
position: relative;
display: block;
margin: 0 0 10px 0;
}
#content .press_item h3 a span.infini{
position: absolute;
top: 25%;
right: 0;
}
#content .press_item h3 a:hover{
color: #cc9400;
}
#content .press_item .image{
float: left;
width: 210px;
display: block;
}
#content .first .descr{
clear: both;
width: 440px;
margin: 0;
padding: 0;
}
#content .first .excerpt{
float: left;
width: 210px;
}
#content .press_item .excerpt p{
font-size: 14px;
}
#content .press_item .permalink p{
text-align: right;
}
#content .press_item .permalink p a{
background:url(../images/permalink.gif) no-repeat;
padding: 0 0 0 15px;
font-style: italic;
color: #444444;
font-size: 13px;
}
#content .press_item .permalink p a:hover{
color: #cc9400;
}
#content .subcats{
margin: 20px 0 0 0;
}
#content .subcats li{
border-bottom: solid #cfcfcf 1px;
}
#content .subcats li a{
display: block;
height: 30px;
line-height: 30px;
padding: 0 10px 0 10px;
color: #444444;
}
#content .subcats li a:hover{
background-color:#ffecb8;
}
#content .subcats li.even{
background-color: #f7f7f7;
}
#content .extra_fields{
margin: 10px 0 0 0;
}
#content .share_links ul{
margin: 10px 0;
}
#content .share_links li{
float: right;
margin: 5px;
}
#content .share_links li a{
height: 32px;
width: 32px;
display: block;
text-indent: -9999em;
}
#content .share_links #facebook{
background: url(../images/facebook_32.png) no-repeat;
}
#content .share_links #twitter{
background: url(../images/twitter_32.png) no-repeat;
}
#content .share_links #virb{
background: url(../images/virb_32.png) no-repeat;
}
#content .share_links #digg{
background: url(../images/digg_32.png) no-repeat;
}
#content .meta{
font-size: 11px;
color: #ccc;
margin: 20px;
}
/*
-------------------------------------------------
Comments
=================================================
*/
#comments{
margin: 10px;
}
#comments h6{
font-size: 12px;
}
/*
-------------------------------------------------
Form fields
=================================================
*/
#comments{
float: left;
}
#contactform,
#commentform{
margin:1em 0 1em 35px;
padding-top:10px;
border: #fff solid 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#contactform fieldset,
#commentform fieldset{
margin:0;
padding:0;
border:none;	
float:left;
display:inline;
width:260px;
margin-left:5px;
}
#contactform legend,		
#commentform legend{display:none;}	
#contactform p,
#commentform p{margin:.5em 0;}	
#contactform label,
#commentform label{display:block; font-size: 12px;}	
#contactform input, #contactform textarea,
#commentform input, #commentform textarea{		
width:242px!important;
border:1px solid #ddd;
background:#fff url(../images/form_input.gif) repeat-x;
padding:3px 5px;
}		
#contactform textarea,
#commentform textarea{
height:125px;
overflow:auto;
}					
#contactform p.submit,
#commentform p.submit{
clear:both;
padding:0 65px 20px 25px;
margin:0;
text-align:right;
}	
#contactform button,
#commentform button{
width:150px;
height:37px;
line-height:37px;		
border:none;
background:url(../images/submit.png) no-repeat 0 0;
color:#fff;
cursor:pointer;
text-align:center;
text-indent: -9999em;
}
.formNote {
background:#fafafa;
padding:.5em;
border:1px solid #53B2F8;
width:70%;
margin:1em auto;
text-align:left;
font-size:90%;
color:#777;
clear:both;
text-align:center;
}
.formNote a {
color:#000;
border: none;
padding: 0;
}

/*
-------------------------------------------------
Footer
=================================================
*/
#footer{
width: 960px;
margin: 40px auto;
font-size: 11px;
}
#footer .left{
float: left;
}
#footer .right{
float: right;
}
/*
-------------------------------------------------
Error/Success Messages
=================================================
*/
.contenterror {
background:#FFF1ED url(../images/error.gif) no-repeat .5em 50%;
padding:.5em .5em .5em 2.2em;
border:1px solid #900;
width:50%;
margin:.15em auto;
text-align:center;
}
.contentsuccess {
background:#F4FDEF url(../images/success.gif) no-repeat .5em 50%;
padding:.5em .5em .5em 2.2em;
border:1px solid #3F9305;
width:50%;
margin:.15em auto;
text-align:center;
}
.contentalert {
background:#FEFFDF url(../images/alert.gif) no-repeat .5em 10%;
padding:.5em .5em .5em 2.2em;
border:1px solid #EFEFEF;
width:50%;
margin:.15em auto;
text-align:center;
}
.errortext {
color:#C00;
}
.successtext {
color:#090;
}
.contenterror ul,.contentsuccess ul {
padding:0;
margin:0 0 0 25px;
text-align:left;
list-style:none;
}
.formNote {
background:#fafafa;
padding:.5em;
border:1px solid #53B2F8;
width:70%;
margin:1em auto;
text-align:left;
font-size:90%;
color:#777;
clear:both;
text-align:center;
}
.formNote a {
color:#000;
border: none;
padding: 0;
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Google Maps */
#main #gmap { border: 1px solid #d7d7d7; color: #fff; float: right; width: 432px; }
#gmap h4 { font-size: 14px; }
#gmap img { behavior: none; }

/* overlay */
#gmap #overlay { background: url(../images/gmap_overlaytop.png) no-repeat top left; margin-top: -2em; padding: 5px 0 0; position: relative; left: 100px; width: 243px; }
#gmap #overlay a { cursor: pointer; }
#gmap #overlay a.close { background: url(../images/gmap_close.gif) no-repeat top left; color: #fff; height: 13px; overflow: hidden; outline: none; position: absolute; top: 6px; right: 6px; text-indent: -9999px; text-decoration: none; width: 13px; }
#gmap #overlay a.close:hover { text-decoration: none; }
#gmap #overlay ul.tabs { height: 0; margin: 0; }

#gmap #overlay #overlay_tab { background: url(../images/gmap_overlaybg.png) repeat-y top left; clear: left; font-size: 11px; margin: 0; padding: 0.5em 20px; width: 203px; }
#gmap #overlay #overlay_tab h3 { margin-top: 5px; margin-bottom: 3px; color: #fff; font-size: 13px; font-weight: normal;}
#gmap #overlay #overlay_tab .vcard { margin-bottom: 10px; line-height: 11pt; color: #fff; }
#gmap #overlay #overlay_tab p { margin-bottom: 0; color: #6cd4ff;}
#gmap #overlay #overlay_tab .get_directions { padding-bottom: 4px; }
#gmap #overlay #overlay_tab a#gmap-directions { background: url(../images/morearrow_6cd4ff.gif) no-repeat 100% 60%; color: #6cd4ff; padding-right: 10px; }

#gmap #overlay .bottom { background: url(../images/gmap_overlaybottom.png) no-repeat bottom left; height: 14px; margin: 0 0 -24px; }

#gmap #overlay button.directions{
	margin: 10px 0 0 4px;
	padding:0;
	border:none;
	width: 99px;
	height: 20px;
	text-indent:-9999px;
	background:url(../images/maps_overlay_getdirections.png) 0 0 no-repeat;
	position:relative;
	top:-1px;
	cursor:pointer;
	outline:none;
}
* html #gmap #overlay button.directions{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/maps_overlay_getdirections.png', sizingMethod='scale'); 
}

#gmap #overlay button.cancel{
	margin:10px 0 0 0px;
	padding:0;
	border:none;
	width: 100px;
	height: 20px;
	text-indent:-9999px;
	background:url(../images/maps_overlay_cancel.png) 0 0 no-repeat;
	position:relative;
	top:-1px;
	cursor:pointer;
	outline:none;
}
* html #gmap #overlay button.cancel{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/maps_overlay_cancel.png', sizingMethod='scale'); 
}
/* misc */
.hcard .fn, .hcard .org { display: none; }
.hcard .adr, .hcard .street-address, .hcard .tel { display: block; }
.right { float: right; }
.left { float: left; }
.no_bottom { margin-bottom: 0; }

/* ===== MAPS ===== */

.hcard .org { font-weight: bold; }
#googlemap { position: relative; }
/* get directions */
form#get-directions { margin-bottom: 18px; width: 300px; }
form#get-directions label#show-directions { background: none; color: #666; }
form#get-directions input#address { width:242px!important;
border:1px solid #ddd;
padding:3px 5px; }
form#get-directions fieldset.buttons { text-align: right; }
form#get-directions fieldset.buttons a#cancel { cursor: pointer; }
form#get-directions.closed label#show-directions { background: url(../images/morearrow_08c.gif) no-repeat 100% 60%; color: #08c; cursor: pointer; padding-right: 8px; }
form#get-directions.closed input#address { display: none; }
form#get-directions.closed fieldset.buttons { display: none; }
form#get-directions.closed label#show-address { display: none; }
form#get-directions.open label#show-directions { display: none; }

/* ==== STORE DETAIL ====  */
p.hcard { margin-bottom: 0; }
p.hcard .adr { color: #666; }
p.hcard .adr .street-address { display: block; }
p.hcard .adr .locality,
p.hcard .adr .regioun,
p.hcard .adr .postal-code {  }
p.hcard .phone { color: #666; display: block; }