/**********************************************************************************
* 
* © 2012 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: layout.css
* Description: Layout for the Catholic Diocese of Fargo website
*
***********************************************************************************/

/* Auxiliary style sheets
----------------------------------------------------------------------------------*/

@import url(type.css);
@import url(forms.css);
@import url(jquery-lightbox-0.5.css);


/* Body 
----------------------------------------------------------------------------------*/

*
    {
     /*margin:0;
    padding:0;
   font-size:100%;
    font-family:inherit;*/
    }

html, body, form
    {
    /*height:100%;*/
    }

body
	{
	background:#3b74be url(/org_files/880/images/catholdio-sitebg.gif) repeat-x;
	}

#caution-container
    {
    margin:0 auto;
    width:100%;
    background:#ff0;
    }

object, embed
    {
    display:block;
    margin-bottom:1.3125em;
    }

*:first-child+html embed
    {
    margin-bottom:1em;
    }

* html embed
    {
    margin-bottom:1em;
    }


/* Tables 
----------------------------------------------------------------------------------*/

table
    {
    width:100%;
    margin:0.3125em 0 1.3125em;
    border:none;
    border-collapse:collapse;
    clear:both;
    }

table th, table td
    {
    padding:0 8px;
    }

table th
    {
    vertical-align:top;
    background:#505050;
    /*border-bottom:1px solid #21460c;*/
    }

table td
    {
    /*margin-bottom:-1px;*/
    vertical-align:top;
    border-bottom:1px solid #c0c0c0;
    }


/* Images 
----------------------------------------------------------------------------------*/

/*img
    {
	display:block;
	border:none;
	margin-bottom:1.3125em;
	clear:both;
    }*/

.imageleft, .imageright, .imagecenter
    {
    padding:0;
    /*border:1px solid #666;*/
    }

.imageleft, .imagesticky
    {
    float:left;
    margin-right:1.3125em;
    }

.imagesticky
    {
    clear:none;
    }

.imageright
    {
    float:right;
    margin-left:1.3125em;
    }

.imageleft img, .imageright img
    {
	margin-bottom:0.2em;
    }

.imagefull, .imagecenter
    {
    clear:both;
    }

.imagecenter
	{
	margin:0 auto;
	}


/* HTML 5 element fixes
----------------------------------------------------------------------------------*/

header, nav, section, article, aside, footer, time
    {
    display:block;
    }


/* Container
----------------------------------------------------------------------------------*/

#container
	{
	/*position:relative;*/ /* this needs to be in place if "overflow:hidden" is used, or IE7 will shit the bed */
	width:900px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	}

#popup-container
    {
    padding:1em;
    background:#fff;
    }


/* Header
----------------------------------------------------------------------------------*/

#header
    {
    position:relative;
    float:left;
    width:900px;
    height:233px;
    background:url(/org_files/880/images/catholdio-header.jpg) no-repeat;
    }

#mast
    {
    float:left;
    width:900px;
    }

#logo
    {
    float:left;
    width:900px;
    }

#logo img
    {
	display:none;
    }

#header-supplemental
    {
    }

#search
    {
    position:absolute;
    bottom:20px;
    right:20px;
    }


/* Navigation background
----------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:900px;
    height:34px;
    background:url(/org_files/880/images/catholdio-nav.gif) repeat-x;
    }

#nav-sub
    {
    float:left;
    width:100%;
    margin-bottom:1em;
    border-bottom:1px solid #c0c0c0;
    }


/* Banner
----------------------------------------------------------------------------------*/

#banner
    {
    position:relative;
    float:left;
    width:100%;
    margin-bottom:1em;
    border-bottom:1px solid #c0c0c0;
    }


/* Main background
----------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:860px;
    padding:20px;
    background:url(/org_files/880/images/catholdio-main.gif) no-repeat left top;
    }

/* clearfix hack to keep floats from overlapping footer */

.clearfix:after
    {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix
    {
    display:inline-block;
    }

/* Hides from IE-mac \*/
    
* html .clearfix
    {
    height:1%;
    }

.clearfix
    {
    display:block;
    }

/* End hide from IE-mac */


/* Flash animation
----------------------------------------------------------------------------------*/

#flashanimation
    {
    }


/* Content
----------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:579px;
	margin-right:-1px;
	padding:10px 20px 0 0;
	border-right:1px solid #a8bbd7;
	}

#sharethis
    {
    float:left;
    width:579px;
    margin-bottom:1em;
    padding:0.3125em 0 1em;
    /*background:#f1f1f1;*/
    border-bottom:1px solid #c0c0c0;
    }

#highlights
    {
    float:left;
    width:100%;
    margin-top:1em;
    }

.highlights-cell
    {
    float:left;
    width:47%;
    height:120px;
    padding-right:3%;
    }

.highlights-cell img
    {
    float:left;
    max-width:100px;
    max-height:80px;
    margin:0 1em 1em 0;
    /*border:1px solid #505050;*/
    }


/* Events
----------------------------------------------------------------------------------*/
    
#calendarselector
    {
    float:left;
    }

#calendarkey
    {
    float:right;
    }

.eventtable
    {
    border:1px solid #999;
    }

.eventtable td
    {
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    }

.eventtable td ul, .eventtable td ol
    {
    /*padding-left:12px;*/
    }

.calendartitle, .calendartitle td
    {
    font-weight:bold;
    text-align:center;
    }

.calendartitle td
    {
    border:none;
    }

.calendarnextprevious
    {
    background:transparent;
    }

.calendardayheader
    {
    background:#999;
    }

.calendardays, .calendarothermonthdays
    {
    height:110px;
    }

.calendardays
    {
    background:#fff;
    }

.calendarothermonthdays
    {
    background:#c0c0c0;
    }

.calendarselectedday
    {
    background:#e5e5e5;
    }

.calendartoday
    {
    background:#f1f1f1/*#dfe6f7*/;
    /*color:#b10000;*/
    }

#eventlist-header
    {
    float:left;
    width:100%;
    margin-bottom:1em;
    }

#eventlist-header nav ul
    {
    padding:0;
    list-style:none;
    }

#eventlist-prev
    {
    float:left;
    }

#eventlist-next
    {
    float:right;
    }

#eventlist-header #eventlist-month
    {
    text-align:center;
    }

#eventlist-table td
    {
    padding-top:0.4375em;
    padding-bottom:0.4375em;
    line-height:1.75em;
    }

#eventlist-date
    {
    width:20%;
    }

.eventimage
    {
    max-width:300px;
    }

.category01
    {
    background:#f30;
    }
    
.category02
    {
    background:#ff3;
    }
    
.category03
    {
    background:#00f;
    }
    
.category04
    {
    background:#0f0;
    }
    
.category05
    {
    background:#ff8c00;
    }
    
.category06
    {
    background:#dadada;
    }
    
.category07
    {
    background:#dadada;
    }
    
.category08
    {
    background:#dadada;
    }
    
.category09
    {
    background:#dadada;
    }
    
.category10
    {
    background:#dadada;
    }

    
/* Section gallery
----------------------------------------------------------------------------------*/

.section
    {
    float:left;
    width:100%;
    margin-bottom:-1px;
    padding-top:1em;
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    }

.section img
    {
    float:left;
    margin:0 1em 1em 0;
    /*border:1px solid #999;*/
    clear:both;
    }


/* Gallery container and thumbnails
----------------------------------------------------------------------------------*/

.lb-gallery
	{
	float:left;
	width:100%;
	margin-bottom:1em;
	}


/* Google map
----------------------------------------------------------------------------------*/

.map
    {
    float:right;
	width:330px;
    margin-bottom:1em;
    clear:both;
    }

.map iframe
    {
    width:328px;
    height:350px;
    margin-bottom:0.2em;
    border:1px solid #999;
    }


/* Sidepane
----------------------------------------------------------------------------------*/

#supplemental
    {
    float:left;
    width:240px;
    padding:10px 0 0 20px;
    border-left:1px solid #a8bbd7;
    }

#bishopbox
    {
    float:left;
    width:240px;
    height:241px;
    margin-bottom:1em;
    background:url(/org_files/880/images/catholdio-bishopbox.jpg) no-repeat;
    }

#mailinglist
    {
    float:left;
    width:100%;
    margin-bottom:1.3125em;
    padding:1em 0;
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    }

#announcements
    {
    float:left;
    width:208px;
    padding:13px 13px 0;
    background:#1a1827 url(/org_files/880/images/catholdio-announcements.gif) no-repeat;
    border:3px solid #000;
    }


/* Footer
----------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:900px;
    background:#262339 url(/org_files/880/images/catholdio-footer.gif) repeat-x;
    }

#footer-main
    {
    padding:20px 20px 0;
    }


/* Horizontal rules
----------------------------------------------------------------------------------*/

hr
	{
	visibility:hidden;
	height:1%;
	clear:both;
	}

.hr
	{
	margin-bottom:1em;
	border-top:1px dotted #000;
	}


/* Miscellaneous
----------------------------------------------------------------------------------*/