#tweetbutton, #fblikebutton { float:left; margin-right:10px; }



div.contentpane .blogger-card
{
    float:left;
    width:208px;
}

div.contentpane .comment-count
{
    font-size:12px;
}

div.contentpane .blogger img
{
    display:block;
    margin:0 auto;
    padding-top:0;
}

div.contentpane .blog-post-author 
{
    font-size:14px;
    font-weight:bold;
    margin:5px 0;
}

div#TwoColContentPane .post h3
{
    margin:0 0 5px;
    padding-bottom:2px;
    border-bottom:1px solid #000;
}

div#TwoColContentPane .post h3 a
{
    color:#000;
    text-decoration:none;
}

div#TwoColContentPane .post h3 a:hover
{
    color:#555;
    text-decoration:none;
}

div.contentpane .blog-post-author  a
{font-size:14px;
    font-weight:bold;
}

div.contentpane .post
{
    clear:both;
    margin-bottom:20px;
    overflow:hidden;
}

div.contentpane .post-info
{
    float:left;
    width:462px;
    margin-left:16px;
}

body
{
    background-color: #cccccc;
    padding: 0;
}

div span.photo_credit
{
    display:block; 
    margin:4px 0;
    text-align:right;
     margin-right:2px;
     font-size:10px;
}

div.main
{
    background-color: #ffffff;
    border-right: #333366 1px solid;
    border-top: #333366 1px solid;
    border-left: #333366 1px solid;
    border-bottom: #333366 1px solid;
    width: 970px;
    margin: 0 auto;
    font-family: Tahoma, Arial, Verdana;
    font-size: 12px;
    background-image: url(images/interface/bg.gif);
    background-repeat: repeat-y;
}
div.top
{
    background-color: #ffffff;
    height: 27px;
    padding: 0px;
   
}

div.contentpane div.prayer
{
    width:65%;
    padding:8px;
    border:2px solid #F9C;
    background-color:#FDD;
    margin:auto;
}

div.contentpane div.prayer p.prayertext
{
    white-space:pre;
    margin-bottom:0;
    
}

div.contentpane div.prayer p.sub
{
    text-align:center;
    margin:0;
}

div.contentpane div.prayer h4
{
    font-size:100%;
    border:0;
    margin:0;
    text-align:center;
}

div.vid
{
    margin:0 0 0 8px;
    padding:0;
    float:right;
}

div.links
{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 2px;
    font-family: Tahoma, Arial, Verdana;
    font-size: 12px;
    color: #333366;
    font-style: normal;
    text-align: left;
    white-space: nowrap;
    float: left;
    background: #ffffff;
}
div.search
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 12px;
    color: #333366;
    text-align: right;
    white-space: nowrap;
    float: right;
    background: #ffffff;
}

div.contentpane div.i1
{
    float:right; margin:0 0 8px 8px;
    width:202px;
    font-size:80%;
    text-align:center;
}

div.contentpane div.i1 img
{
    float:right; margin:0 0 2px;
    padding:0;
    border:2px solid #336;

}

div.contentpane div#map
{
    width:235px; height:235px;
    border:2px solid #336;
    float:right;
    margin-left:8px;
    margin-bottom:8px;
    overflow:hidden;
}

div.contentpane ol li
{
    margin:8px 0;
}


div.contentpane div.i1 strong
{
}
div.ArchdioceseofChicago
{
    height: 40px;
    background-color: #333366;
   
    border-bottom: #f4df98 5px solid;
    clear: both;
}
div.ArchdioceseofChicago p
{
    padding-left: 20px;
    padding-right: 6px;
    font-family: Times New Roman, Arial, Verdana;
    font-variant: small-caps;
    font-size: 30pt;
    color: #f4df98;
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
    margin: 0;
}
div.navigation
{
    height: 27px;
    background-color: #333366;
    border-top: #f4df98 2px solid;
    border-bottom: #f4df98 2px solid;
    clear: both;
}

div.formhp
{
    display:none;
}

div#ThePost
div#TheControlList
{
    margin-top:32px;
}

div#ThePost
div#TheControlList img
{
    padding:0;
    margin:0;
    vertical-align:bottom;
}

div.upcomingpost 
{
    margin-bottom:20px;
}


div#ThePost
div#TheControlList a
{
    position:relative;
    top:-3px;
    padding-right:18px;
    text-decoration:none;
}

div#ThePost
div#TheControlList a:hover
{/*
    border-bottom:1px solid #336;*/
}

div#ThePost h3
{
    margin-top:8px;
}

div#ThePost h3 span
{
    display:block;
    font-weight:normal;
    font-style:italic;
}

div#ThePost blockquote
{
    margin-left:10px;
    margin-right:10px;
    
}

div#ThePost span.quote
{
    font-weight:bold;
}

div#ThePost img.floatr 
{
    float:right;
    margin:0 0 0 8px;
    padding:0;
}

div#ThePost img.img10
{
    border:4px solid #336;
    display:block;
    margin:8px auto;
    padding:0;
}

div.left p a
{
    text-decoration:underline;
}

div#ThePost
div#ActionBox 
{
    float:right; 
    width:120px; 
    border:2px solid #336;
    padding:8px;
    margin-left:8px;
    margin-bottom:8px;
    background-color:#F8F9EB;
}

div#ThePost
div#ActionBox a
{
    font-weight:bold;
    text-decoration:none;
}

div#ThePost
div#ActionBox img 
{
    padding:0;
    padding-right:4px;
    margin:0;
    vertical-align:bottom;
}

div#ThePost
div#ActionBox ul
{
    margin:0;
    padding:0;
    list-style-type:none;
}

div#ThePost
div#ActionBox li
{
    list-style-type:none;
    list-style-position:outside;
    
}

div.log
{
    background-color: #f8f9eb;
    border-bottom: #f4df98 1px solid;
    height: 27px;
    padding: 0px;
}
div.archchicago
{
    padding: 6px;
    text-align: center;
    width: 200px;
    float: left;
}
div.directories
{
    text-align: right;
    float: right;
    padding: 6px;
}

div.blog
{
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom:20px;
 
  
  
}
div.blog img
{ 
    float:left;
    vertical-align:top;  
}

div.blog h1
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 40px;
    color: #333366;
    font-style: normal;
    font-weight: bold;
    text-align:center;
    margin-bottom:10px;
    padding-right:150px
   
}
div.blog h2
{
    font-family:  Arial, Verdana;
    font-style:italic;
    font-size: 18px;
    color: #666666;
    font-weight: normal;
    text-align:center;
    margin-top:0px;
        padding-right:150px
     
   
    
}


/*
===========================
Content columns
===========================
*/

div.main2
{
    clear: both;
    display: block;
}

div.left
{
    background-color: #D3DEED;
    border-right: #333366 1px solid;
    padding: 6px;
    float: left;
    width: 208px;
    height: 100%;
}
div.contentpane
{
    padding: 10px;
    float: left;
    width: 478px;
}


div.rightcolumn
{
    background-color: #f8f9eb;
    font-family: Tahoma;
    font-size: 11px;
    color: #333333;
    border-left: #f4df98 1px solid;
    padding: 6px;
    float: right;
    width: 238px;
}
/*
========================================================
CONTENT
========================================================
*/



div.contentpane h1
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    color: #333366;
    text-transform: uppercase;
    border-bottom: #333366 solid 2px;
    padding-bottom: 6px;
    padding-top: 6px;
}

div.contentpane h2
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}
div.contentpane h3
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
    border-bottom: 3px solid #f4df98;
}
div.contentpane h4
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    border-bottom: 3px solid #c51f41;
}
div.contentpane h5
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    color: #c51f41;
}
.comments
{
    font-family: Arial, Helvetica;
    font-size: 9pt;
    font-weight: normal;
    color: #333333;    
}

div.comment
{
    border:1px solid black;
    margin-bottom:10px;
    padding:8px;
    overflow:hidden;
}

div.comment.rejected
{
    background-color:#BBB;
}

div.comment.unmodded
{
    background-color:#FBB;
}

div.comment.approved
{
    background-color:#BFB;
}

div.comment.blogger
{
    background-color:#F8F9EB;
}

div.comment input
{
    margin:4px 0 0 4px;
}

div.AspNet-DataList table
{
    width:100%;
}
/**********************/
div.contentpane
div.image3
{
    float:right;
    width:200px;
    margin-left:8px;
    border:1px solid #336;
    padding:8px;
    background-color:#F4DF98;
}

div.contentpane
div.image3 img
{
    padding:0;
    margin:0 auto;
    display:block;
}

div.contentpane
div.image3 p
{
    margin-top:4px;
    color:#000;
    margin-bottom:0;
    font-size:11px;
}

div.contentpane
div.image3 p.credit
{
    text-align:right;
    margin:0;
}

div.contentpane
div.image2
{   
    float:left;
    width:316px;
    margin-right:8px;
    
}

div.contentpane
div.image2 img
{
    padding:0;
    margin:0 auto;
    display:block;
    border:4px solid #336;
}

div.contentpane
div.image2 p
{
    margin-top:4px;
    color:#333;
    margin-bottom:0;
    font-size:11px;
}

/************************/
div.contentpane
div.image
{   
    overflow:hidden;
    padding:8px;
    background-color:#f8f9eb;
    border:2px solid #F4DF98;
    width:458px;
}

div.contentpane
div.image img
{
    padding:0;
    float:right;
    margin-left:16px;
}

div.contentpane
div.image p
{
    color:#333;
    margin:0 0 4px;
    font-size:11px;
}

div.contentpane p
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
div.contentpane .disclaimer p
{
    
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    line-height:14px;
    margin-bottom:5px;
    text-align:left;
    border:soild 1px #333366;
    background:   #f8f9eb;
    padding:6px;
    
    
    
}

div.contentpane div#ThePost a 
{
    text-decoration:underline;
    font-weight:bold;
}

 .disclaimer
{
    
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333366;
    width:445px;
    
   
    border:soild 1px #333366;
    background:   #f8f9eb;
    padding:6px;
   
    text-align:center;
    
    
}

p.commentername 
{
    font-style:italic;
    color:#555;
    margin:0;
}
  
  
.date
{
    font-family: Arial;
    font-size: 9pt;
    font-weight: normal;
    color: #666666;
    margin:0;
}

div.comment .date
{
    border-bottom:1px solid black;
}

div.contentpane p.more
{
    padding: 0 0 10px 0;
}

div.contentpane p a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333366;
}


div.contentpane ul
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin-left: 30px;
    padding-left: 0;
}
div.contentpane ul li
{
    padding: 4px;
    list-style-type: square;
}
div.contentpane ul li a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333366;
    text-decoration: none;
}

div.contentpane img
{
    padding-right: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: left;
    border: solid 0px #000000;
}

div.messagepanel
{
    border:1px solid black;
    background-color:#F8F9EB;
    margin-bottom:10px;
    padding:4px 8px;
}

div.messagepanel p 
{
    margin:4px;
}

fieldset label
{
    float:left;
    width:200px;
    clear:left;
    text-align:right;
    margin-bottom:8px;
    margin-right:8px;
}

fieldset label span 
{
    display:block;   
}

fieldset input
{
    float:left;
    width:100px;
}

fieldset textarea
{
    float:left;
    width:250px;
}

#PostList
{
    margin-left:10px;
    margin-right:20px;
    padding-left:10px;
    list-style-type:none;
    list-style-position:outside;
}

#PostList li
{
    list-style-type:none;
    padding-bottom:10px;
    border-bottom:1px solid;
    margin-bottom:10px;
}

#PostList li p.date
{
    margin:0;
    font-size:11px;
}

#PostList li h3 
{
    margin:4px 0;
    border:0;
}

#PostList li h3 a
{
    font-weight:bold;
    font-size:16px;
}

#PostList li h3 a:hover
{
    text-decoration:underline;
}

#PostList li p
{
    margin:4px 0;
}

#PostList li ul
{
    margin:0;
}

#PostList li ul li 
{
    display:inline;
    padding:0 10px 0 0;
    border:0;
    margin:0;
}

#PostList li ul li a
{
    font-weight:bold;
}

#PostList li ul li img
{
    vertical-align:bottom;
    padding:0;
}

/*
========================================================
 END CONTENT
========================================================
*/

/*
========================================================
 RIGHT COLUMN 
========================================================
*/
div.rightcolumn h2
{
    font-family: Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 5px;
    margin-top: 5px;
}
div.rightcolumn p
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #4c4c4c;
    padding-left: 0;
    list-style-position: inside;
}

div#UpcomingSchedule p 
{
    margin:4px 0;
    border-top:1px solid black;
    padding-top:4px;
}

div#RecentPosts p 
{
    margin:4px 0;
    border-top:1px solid black;
    padding-top:4px;
}

div#EmailForm
{
 width:400px;  
 margin:0 auto;
 text-align:center;
}

div#EmailForm input
{
    float:left;
    margin-left:4px;
    margin-bottom:4px;
}

div#EmailForm label
{
    float:left;
    clear:left;
    width:150px;
    margin-top:2px;
    text-align:right;  
}

div#EmailForm .insertbutton
{
    float:none;
    display:block;
    width:50px;
    clear:both;
    margin:10px auto;
}

div.rightcolumn ul
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #4c4c4c;
    margin-left: 50px;
    padding-left: 0;
    list-style-position: inside;
}
div.rightcolumnul li
{
    padding: 4px;
    list-style-type: square;
}
div.rightcolumn ul li a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333366;
    text-decoration: none;
}
div.rightcolumna
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333366;
    text-decoration: none;
    text-align: center;
}
div.rightcolumn hr
{
    height: 1px;
    color: #333366;
}
div.rightcolumn div
{
    
    
    vertical-align:top;
}
div.rightcolumn div.blue
{
    border: #333366 solid 1px;
    padding: 6px;
    background: #D3DEED;
    vertical-align:top;
}

div.rightcolumn div.none
{
    border: #333366 solid 0px;
    padding: 6px;
}
div.rightcolumn div.white
{
    border: #333366 solid 1px;
    padding: 6px;
    background: #ffffff;
    
}



div.rightcolumn div.dblue
{
    border: #D3DEED solid 1px;
    padding: 6px;
    background: #333366;
   
    
}
div.rightcolumn  div.dblue  h2
{
    font-family: Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 0px;
   
    
}
div.left div
{
    border: #333366 solid 1px;
    padding: 6px;
    background: #ffffff;
    vertical-align: top;
    background:#F8F9EB;
 
}
div.left hr
   {
    color:#333366;
    height:1px;
 
}
div.left div.yellow
{
    border: #333366 solid 1px;
    padding: 6px;
    background: #f8f9eb;
}

div.left #TheHost img
{
    display:block;
    margin:0 auto;
	width:190px;
}

div.left h1
{
      margin-bottom: 5px;
    margin-top: 5px;
    font-family: Tahoma, Verdana;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #333366;
}
div.left h3
{
      margin-bottom: 5px;
    margin-top: 5px;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #333366;
    text-align:center;
}
div.left h2
{
      margin-bottom: 5px;
    margin-top: 5px;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #333366;
}
div.left p
{
    font-family:  Arial;
    font-size: 12px;
     font-weight: normal;
    color: #333333;
     margin-top: 0px;
}
div.left ul
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #4c4c4c;
    margin-left: 20px;
    padding-left: 0;
    list-style-position: inside;
}
div.left li
{
    padding: 4px;
    list-style-type: square;
    color: #333366;
}
div.left ul li a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333366;
    text-decoration: none;
}

/*
========================================================
 END RIGHT COLUMN 
========================================================
*/

/*
========================================================
 END FOOTER
========================================================
*/
div.footer
{
    padding: 6px;
    text-align: center;
    border-top: #f4df98 3px solid;
    border-bottom: 10px solid #333366;
    background-color: #f8f9eb;
    clear: both;
    height: 60px;
}

div.footer p
{
    text-align: center;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #4c4c4c;
    margin: 0;
}
div.footer p a
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #333366;
}



/*
========================================================
 END FOOTER
========================================================
*/




div.hr
{
    color: #333366;
    margin-bottom: 0pt;
    margin-top: 0pt;
    height: 1px;
}











/* ==============================
Style for the Boxes
================================= */

.BoxGrey
{
    background-color: #DDDDDD;
    border-right: #333366 1px solid;
    border-top: #333366 1px solid;
    border-left: #333366 1px solid;
    border-bottom: #333366 1px solid;
}

.BlueBox /*backround light yellow*/
{
    background-color: #F8F9eb;
    border-right: #333366 1px solid;
    border-top: #333366 1px solid;
    border-left: #333366 1px solid;
    border-bottom: #333366 1px solid;
    vertical-align: top;
}
.BoxWhite /*backround  white*/
{
    background-color: #ffffff;
    border-right: #333366 1px solid;
    border-top: #333366 1px solid;
    border-left: #333366 1px solid;
    border-bottom: #333366 1px solid;
}
.BoxLightBlue /*backround light blue */
{
    background-color: #D3DEED;
    border-right: #333366 1px solid;
    border-top: #333366 1px solid;
    border-left: #333366 1px solid;
    border-bottom: #333366 1px solid;
}


.BoxTitle /*Blue 11 pt title for the row */
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    color: #333366;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-top: 4px;
}
.BoxTitleSmall /*Blue 10pt title for the row */
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold;
    color: #333366;
    padding-left: 6px;
    padding-right: 6px;
}


.HeadBox /*title  tyle for the TITLE with text- in the same cell*/
{
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold;
}
.NormalTextBox /*text for the box without padding*/
{
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 9pt;
    color: #000;
    padding: 0px;
}
.imageBox
{
    padding-left: 6px;
    padding-right: 6px;
    border: #00000 1px solid;
}


.caption /*text for caption should be int the separate row*/
{
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica;
    color: #000000;
    padding: 0px;
}


/* ==============================
 End Style for the Boxes
================================= */







/* 
================================
Blog Styles
================================
*/
 A:link
{
    color: #333366;
}

 A:visited
{
    color: #333366;
}

A:hover
{
    color: #666666;
}

A:active
{
    color: #333366;
}

/*
===================
*/

#ArchiveList 
{
    margin-left:15px;
    list-style-position:outside;
}

#ArchiveList li
{
    list-style-type:none;
    position:relative;
}

#ArchiveList li img.toggleImage
{
    position:absolute;
    left:-12px;
    top:6px;
        cursor:pointer;

}

#ArchiveList li li img.toggleImage
{
    position:absolute;
    left:-12px;
    top:3px;
}

#ArchiveList h3, #ArchiveList h4, #ArchiveList h5
{
    border:0;
    display:inline;
        cursor:pointer;

}

#ArchiveList ul
{
    margin:10px 0 0 10px;
    list-style-position:outside;
}

#ArchiveList ul li
{
    list-style-type:none;
}

#ArchiveList h5
{
    margin:2px 0;
}

#ArchiveList h5 a
{
    font-weight:bold;
}

#ArchiveList h5 a:hover
{
    text-decoration:underline;
}

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

#ArchiveList p
{
    margin:2px 0;
}

#BloggerList
{
    margin:0; padding:0;
}

#BloggerList li
{
    list-style-type:none;
    overflow:hidden;
    margin-bottom:6px;
    border-top:1px solid;
    padding-top:10px;
    width:196px;
    
}

blockquote 
{
    font-style:italic;
}

#BloggerList img
{
    float:left;
    margin-right:10px;
}

#BloggerList a img
{
    border:0;
}

#BloggerList p a
{
    font-weight:bold;
    font-size:12px;
}

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

#BloggerList p
{
    margin:2px 0;
    font-size:11px;
}

/* BloggerList on BloggerPage */

#BloggerList2
{
    margin:0; padding:0;
}

#BloggerList2 li
{
    list-style-type:none;
    overflow:hidden;
    margin-bottom:6px;
    padding:6px;
    width:22.25%;
    height:225px;
    float:left;
    
}

#BloggerList2 img
{
    display:block;
    margin:6px auto;
}

#BloggerList2 a img
{
    border:0;
}

#BloggerList2 p a
{
    font-weight:bold;
    font-size:11px;
}

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

#BloggerList2 p
{
    margin:2px 0;
    font-size:11px;
}

#TwoColContentPane
{
    width:698px;
}