@import-once "lib.less";

*
{
    margin: 0;
    padding: 0;
    border: 0;
	-webkit-appearance: none;
}

html, body
{
    font-family: @bodyFont;
    font-size: 14px;
    color: #333333;
    text-align: left;
    margin: 0;
    padding: 0;
    background: #ebebeb none;
    line-height: 20px;
	height: 100%;
		
	
}

.row
{
    margin: 0 auto;
    width: @mainWidth;
	min-width: @mainWidth;
    position: relative;
}

#container
{
    position: relative;
    min-height: 100%;
	height: auto !important;
	height: 100%;
		margin: 0 auto -45px;
}
    

/************************************/
/************ NAVIGATION ************/
/************************************/



header#main
{
    background: url('https://53998c48206c9c2cba72-49c0e2794dcada53a8ebdeaf630ab2e5.ssl.cf2.rackcdn.com/headerBG_png-1395841675') top left transparent;
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 80px;
    padding: 10px 0;

    #logoArea
    {
        padding: 30px 0;
    }

    #logo
    {
        display: block;
        float: left;
        width: 153px;
    }

    #social
    {
        float: right;
        margin-top: 27px;
        width: 120px;

        a
        {
            display: block;
            height: 25px;
            width: 25px;
            float: left;
            margin-left: 5px;
            background: url('https://53998c48206c9c2cba72-49c0e2794dcada53a8ebdeaf630ab2e5.ssl.cf2.rackcdn.com/social_png-1395841695') top left transparent;

            &:hover
            {
                text-decoration: none;
                opacity: .8;
                filter: alpha(opacity=80);
            }

            &#linkedIn
            {
                background-position: -30px 0;
            }

            &#gplus
            {
                background-position: -60px 0;
            }
            &#twitter
            {
                background-position: -90px 0;
            }
        }
    }
}

nav#navigation
{
    padding: 24px 0 0 35px;
    position: relative;
    overflow: visible;
    float: left;


    ul
    {
        list-style-type: none;
        margin: 0;
        float: right;
        position: relative;
        padding-top: 0px;
		
        li
        {
			
            margin: 0;
            display: block;
            padding: 0;
            position: relative;
            background: none;
            float: left;
			z-index: 1;
			
			.topUL { display: none !important; height: 20px; width: 30px !important; position: absolute; top: -16px; left: 20px; /*background: url(/images/subNavBG.png) 0px -23px no-repeat transparent;*/ border-right: 0; border-left: 0; border-bottom: 0;
					li { border: none !important; } 
					 -webkit-box-shadow: none;
					box-shadow: none;
				   }
			
            &:hover a
            {
                text-decoration: none;
				/*padding-bottom: 20px;*/
				background: @lightBlue;
				color: @white !important;
				border-left: 1px solid #65d1ed;
				border-top: 1px solid #65d1ed;
				border-right: 1px solid #65d1ed;
            }
			
			&:hover ul
            {
                display: block;
                opacity: 1;
                height: auto;
                width: auto;
				border-bottom: 1px solid #65d1ed;
                li
                {

					&:hover a, &:hover a.selected
                    {
                        text-decoration: none;
                        background: @yellow;
						color: @lightBlue !important;
						
                    }
                }
            }
            a
            {
                display: block;
                padding: 7px 9px;
                color: @black;
                .header5;
                font-weight: 400;
                font-size: 17px;
                text-transform: uppercase;
				border: 1px solid transparent;
                &:hover,&.selected 
                {
                    text-decoration: none;
					color: @yellow;
                }
				&.selected {
					&:hover { color: @yellow; }
				color: @lightBlue;
				}
            }

            ul
            {
				
                width: auto !important;
                margin: 0;
                padding: 0 0 0 0;
				
                opacity: 0;
                width: 0;
                -webkit-transition: all 500ms ease;
                transition: all 500ms ease;
                list-style-type: none;
                z-index: 9999;
                position: absolute;
                left: 0;
				display: none;
                /*overflow: hidden;*/
                float: none;
                /*-webkit-box-shadow: 0 2px 3px 0 #050505;
					box-shadow: 0 2px 3px 0 #050505;*/

                li
                {
					
                    float: none;
                    white-space: nowrap;
					/*border-left: 1px solid #65d1ed;
					border-right: 1px solid #65d1ed;
					border-bottom: 1px solid #65d1ed;
					border-top: 0;	*/
					&.first { /*border-top: 1px solid #65d1ed; */}
						
                    a
                    {
						font-size: 14px;
                        padding: 7px 30px 7px 12px !important;
						background: none @lightBlue;
						color: @white;
						text-transform: none;
						border-top: 0;
                    }
                }
            }

            
        }
    }
}


nav li:hover > ul
{
    display: block;
}

nav li ul li
{
    _display: inline; /* for IE6 */
}





/************************************/
/************* BODY ****************/
/************************************/

#body
{
    padding: 0;
    position: relative;
    position: relative;
    z-index: 1;

    #headerImage
    {
        .spacer
        {
            height: 100px;
        }
        /*
        
        height: 510px;*/
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: inset 0 -15px 20px -20px #080808;
        box-shadow: inset 0 -15px 20px -20px #080808;
        /*max-height: 500px;*/

        img
        {
            display: block;
            width: 100%;
            min-width: 1200px;
            /*position: absolute;*/
            top: 0;
            left: 0;
            z-index: -1;
        }

        .row
        {
            /*height: 100%;
            height: 500px;*/
        }

        .caption
        {
            position: absolute;
            bottom: 40px;
            z-index: 2;
            right: 0;
            text-align: right;
            text-shadow: .5px 1px 2px #050505;
            /*width: 380px;*/
            h1, h2
            {
                font-size: 48px;
                line-height: 55px;
                color: @yellow;
                margin-bottom: 12px;
                font-weight: bold;
            }
			h3 { color: #fff; font-size: 24px; line-height: 26px; font-weight: normal; }
            p
            {
                font-size: 24px;
                line-height: 28px;
                color: @white;
            }
        }
    }

    &.home
    {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;

        #bottom
        {
            position: absolute;
            width: 100%;
            bottom: 90px;
            left: 0;
            height: 100%;
        }

        .row
        {
            height: 100%;

            .caption
            {
                position: absolute;
                bottom: 0;
                right: 0;
                text-align: right;

                a
                {
                    font-size: 24px;
                }

                h2
                {
                    font-size: 48px;
                    font-weight: bold;
                    color: @yellow;
                    line-height: 55px;
                    text-shadow: .5px 1px 2px #050505;
                    margin-bottom: 30px;
                    transition: all 300ms ease;
                }

                h3
                {
                    font-size: 34px;
                    line-height: 38px;
                    font-weight: bold;
                    color: @yellow;
                    text-shadow: .5px 1px 2px #050505;
                    margin-bottom: 30px;
                    transition: all 300ms ease;
                }
            }
        }
    }



    &.interior
    {

        #bottom.row
        {
            padding: 40px 0;

            img
            {
                border: 5px solid #999999;
            }
        }


        #columnLeft
        {
            float: left;
            width: @leftColumnWidth;
            position: relative;
            margin-right: 50px;
        }



        #columnRight
        {
            float: left;
            width: @rightColumnWidth;
            position: relative;

            #latest
            {
                h3
                {
                    .body1;
                    text-align: center;
                    margin-bottom: 20px;
                    padding-bottom: 8px;
                    border-bottom: 3px solid #999999;
                }

                article
                {
                    width: 130px;
                    float: left;
                    height: 100%;
                    overflow: hidden;
                    position: absolute;
                    top: 0;
                    left: 0;

                    img
                    {
                        display: block;
                        border: 5px solid #999999;
                        transition: all 300ms ease;
                    }

                    a
                    {
                        margin: 0 !important;
                        padding: 0 !important;

                        &:hover
                        {
                            text-decoration: none;

                            img
                            {
                                opacity: .8;
                                filter: alpha(opacity=80);
                            }
                        }
                    }
                }

                ul
                {
                    margin: 0 0 30px 0;
                    padding: 0;

                    li
                    {
                        padding: 0 0 25px 0;
                        margin: 0 0 10px 0;
                        position: relative;

                        p
                        {
                            margin: 0 0 5px 145px;
                            padding: 6px 15px 0 0;
                        }

                        a
                        {
                            margin-left: 145px;
                            padding: 0px 15px 0 0;
                        }
                    }
                }
            }
        }
    }
}











/************************************/
/************ FOOTER ****************/
/************************************/

	#push { height: 45px; }	
	
footer
{
    padding: 15px 0;
    height: 15px;
    
    z-index: 10000;
    width: 100%;
    bottom: 0;
    background: url('https://53998c48206c9c2cba72-49c0e2794dcada53a8ebdeaf630ab2e5.ssl.cf2.rackcdn.com/footerBG_png-1395841732');
    font-size: 12px;
    color: @black;
    line-height: 15px;
    font-family: 'Lato', sans-serif;

    a
    {
        &:hover
        {
            text-decoration: none;
            opacity: .8;
            filter: alpha(opacity=80);
        }

        color: @black;
    }

    .right
    {
        float: right;
    }

    p
    {
        margin: 0;
        padding-bottom: 0px;
        float: left;
    }
}

    footer.home
    {
       position: fixed;
    }

/************************************/
/************* FORMS ***************/
/************************************/

#contour
{
    .contourField
    {
        margin-bottom: 10px;
        clear: both;

        br
        {
            display: none;
        }
    }
}
#columnRight #contour .contourField
    {
        margin-bottom: 10px;
        clear: both;
        /*
        label
        {
            width: 80px;
            float: left;
        }*/

        input[type="text"], input[type="password"], select, textarea
        {
            width: 280px;
        }

    
}

.signup
{
    fieldset
    {
        padding: 0;
        margin: 0 0 20px;

        label
        {
            width: 70px;
            float: left;
        }

        input[type="text"], input[type="password"], select, textarea
        {
            width: 190px;
        }

        .whatdoesyourexperienceshowmakesforabestlifeshareyourthoughtsbelow, .oruploadapictureofyouexperiencingyourbestlifeandwelladdittoourcollection 
        {
            label
            {
                float: none;
                width: auto;
                margin: 15px 0 5px;
                display: block;
            }

            textarea
            {
                width: 260px;
            }
        }
    }
}

.formTable
{

    div
    {
        input[type="text"], input[type="password"], select, textarea
        {
            float: left;
            margin-bottom: 10px;
        }

        select
        {
            width: 163px;
        }

        clear: both;
        margin-bottom: 8px;

        &#contactMethod
        {
            select
            {
                float: none;
                width: 218px !important;
                margin-top: 5px;
            }
        }


        div
        {
            margin: 4px 0 0;
            float: left;
            width: 55px;
            .body3;
            clear: none;
        }

            div.double
            {
                float: none;
                width: auto;
            }
    }
}

	#recaptcha_area { margin-left: 80px !important; margin-bottom: 20px !important;}


/************************************/
/**************BLOG******************/
/************************************/

.blog
{
    .section
    {
        border-bottom: dotted 1px;
        margin-bottom: 25px;
        padding-bottom: 25px;

        h4
        {
            text-transform: uppercase;
        }

        ul
        {
            margin-bottom: 0;
        }
    }
}

#nav-below
{
    margin: 5px 0;
}

#nav-above
{
    border-bottom: dotted 1px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.nav-previous
{
    float: left;
}

.nav-next
{
    float: right;
}

.rss
{
    background: url('https://53998c48206c9c2cba72-49c0e2794dcada53a8ebdeaf630ab2e5.ssl.cf2.rackcdn.com/rss_png-1395841758') no-repeat scroll 0 0 transparent;
    padding-left: 20px;
    text-decoration: none;
}

#blog-lists
{
    margin: 0;
    padding: 0;
    list-style-type: none;

    div
    {
        margin: 0 0 20px;
        padding: 0 20px 20px;
        border-bottom: dotted 1px;

        ul
        {
            margin-bottom: 0;
        }
    }

    h2
    {
        text-transform: uppercase;
        font-size: 12px;
        margin: 0 0 5px;
        padding: 0;
    }
}

.tagcloud
{
    a
    {
        text-decoration: none;
    }

    .tagweight1
    {
        font-size: 90%;
    }

    .tagweight2
    {
        font-size: 100%;
    }

    .tagweight3
    {
        font-size: 120%;
    }

    .tagweight4
    {
        font-size: 150%;
    }

    .tagweight5
    {
        font-size: 200%;
    }
}

.post
{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: dotted 1px;
}

.entry-date
{
    text-transform: uppercase;
    font-size: 11px;
}

.entry-link a
{
    text-decoration: none;
    text-transform: uppercase;
}

.entry-meta
{
    font-size: 10px;
    line-height: 14px;
}

.entry-title
{
    margin-top: 5px;

    a
    {
        text-decoration: none;
        font-weight: bold;
    }
}


#commentform
{
    .form-label
    {
        width: 100px;
        float: left;
        clear: left;
    }

    .form-input
    {
        width: 400px;
        float: left;
        margin-bottom: 5px;
    }

    input[type="text"], input[type="password"], select
    {
        width: 200px;
    }

    textarea
    {
        width: 400px;
        height: 80px;
    }

    .form-submit
    {
        margin: 20px 0 0 100px;
    }
}


#recaptcha_area
{
    margin-left: 100px;
}

    #recaptcha_area div, #recaptcha_area div div
    {
        margin-bottom: 0;
    }

.commentlist
{
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
    border-top: dotted 1px;

    li
    {
        margin: 0;
        padding: 10px 0;
        list-style-type: none;
        border-bottom: dotted 1px;

        img
        {
            float: left;
            margin-right: 15px;
            width: 32px;
            height: 32px;
        }

        .comment-content
        {
            float: left;
            width: 450px;

            .author
            {
                font-weight: bold;
                .body3;
                color:;
            }

            .comment-meta
            {
                font-size: 11px;
                line-height: 14px;
                margin-left: 25px;
            }
        }
    }
}
	
	footer.uCommentsy_comment_footer { display: none; }  	

/********************************************/
/******************NEWS**********************/
/********************************************/

ul.news_list
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: dotted 1px;

    li
    {
        margin: 0;
        padding: 15px;
        list-style: none;
        clear: both;
        border-bottom: dotted 1px;

        a
        {
            text-decoration: none;
        }

            a:hover
            {
                color: #666;
            }
    }

        li.selected
        {
            background: #efefef;
        }

        li.featured_news
        {
            background: #efefef;
        }

    h2
    {
        margin: 0px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
    }

    h3
    {
        margin: 5px 0 0;
    }
}

#columnRight ul.news_list li
{
    padding: 10px 15px;
}

.news_date
{
    padding: 0;
    margin: 0 0 5px;
    text-transform: uppercase;
    font-size: 11px;
}

.paging
{
    margin-top: 5px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    padding-bottom: 35px;
}

    .paging a
    {
        text-decoration: none;
    }

        .paging a:hover
        {
            color: #ccc;
        }

.news_events
{
    .title
    {
        margin-top: 10px;
    }
}

/********************************************/
/******************EVENTS********************/
/********************************************/

ul.events_list
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: dotted 1px;

    li
    {
        margin: 0;
        padding: 15px 0;
        list-style: none;
        clear: both;
        border-bottom: dotted 1px;

        a
        {
            text-decoration: none;
        }

            a:hover
            {
                color: #666;
            }
    }

        li.selected
        {
            background: #efefef;
        }

        li.featured_news
        {
            background: #efefef;
        }

    h2
    {
        margin: 0px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
    }
}

.no_events
{
    padding: 30px 0;
}

.eventinfo_date
{
    padding: 0;
    margin: 0 0 5px;
    text-transform: uppercase;
    font-size: 11px;
}

.back_to_calendar
{
    padding: 10px 0 20px;
    border-bottom: 1px dotted #333;
}

p.ical_export
{
    padding: 20px 0 0;
    margin: 0;
}

    p.ical_export a
    {
        background: url("[asset:180098]") left center no-repeat;
        padding: 3px 0 1px 18px;
    }

/*

@media all and (min-width: 1350px) {
	
	
	#body.home .row .caption { position: absolute; bottom: 0; right: 0; text-align: right; 
					a { font-size: 18px; }
					h2 { font-size: 36px; color: @yellow; line-height: 55px; text-shadow: .5px .5px 1px #050505; margin-bottom: 30px;}
					}
					
	
	}
	
	
@media all and (max-height: 750px) {
	
	
	#body.home .row .caption { position: absolute; bottom: 0; right: 0; text-align: right; 
					a { font-size: 18px; }
					h2 { font-size: 36px; color: @yellow; line-height: 55px; text-shadow: .5px .5px 1px #050505; margin-bottom: 30px;}
					}
					
	
	}
	
@media all and (max-height: 550px) {
	
	
	#body.home .row .caption { position: absolute; bottom: 0; right: 0; text-align: right; 
					a { font-size: 14px; }
					h2 { font-size: 24px; color: @yellow; line-height: 55px; text-shadow: .5px .5px 1px #050505; margin-bottom: 30px;}
					}
					
	
	}		
        */
/* Smartphones (portrait and landscape) ----------- */
@media all and (min-device-width : 320px) and (max-device-width : 480px)
{
    .row
    {
        width: 100%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px)
{
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px)
{
}