/* $Id: default.css, v1.0, 2012-08-03 0800(PST) Steve Exp$ */
body
{
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size:1em;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

a {
    color:#D69D3A;
}

/* =Extremely Common Elements
-------------------------------------------------------------- */
#page-container
{
    margin: 0 auto;
    width: 100%;
}

#left-column
{
    width: 25%;
    float: left;
}

#content-container
{
    width: 70%;
    float: left;
}

/* =Sidebar Elements
-------------------------------------------------------------- */

#logo
{
    margin: 1.4em auto;
    padding:0 0.7em;
    height: 150px;
    width: 80%;
    max-width:280px;
    overflow: hidden;    
}

#logo img { width:90%; height:auto; }

#navigation li
{
    padding: 0.7em 2.7em 0.7em 0;
    text-align: right;
    border-bottom: 1px solid #d9d9d9;
    list-style:none;
}
#navigation li:hover a { color: #666; font-weight: 700; }
#navigation li.current-menu-item,
#navigation li.current_page_item,
#navigation li.current-page-ancestor { background: #7DABB8; }
#navigation li.current-menu-item a,
#navigation li.current_page_item a,
#navigation li.current-page-ancestor a { color: #fff; font-weight: 700; }
#navigation li a { display: block; color: #666; text-decoration: none; }
#navigation .highlight { font-style: italic; border-bottom: 0; font-weight: bold; }
#navigation .highlight a { color: #7DABB8; }

nav.mobile { display:none; }

/* =Blog Menu Link
-------------------------------------------------------------- */
#menu-item-5926 {
    background-color: #fcb040;
    margin: 0px 4px 1px 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}

#menu-item-5926 > a {
    color: #fff !important;
    font-weight: bold;
}

#menu-item-5926 > a:hover {
    font-weight: normal;
} 

/* =Profile Cover Elements
-------------------------------------------------------------- */
#profile-cover
{
    margin-right:0.7em;
    width: 100%;
    position: relative;
    border-left:1px solid #eee;
    z-index:9000;
}

#profile-cover .wrap
{
    max-height: 12.8em;
    overflow:hidden;
}

#profile-cover .wrap img
{
    width:100%;
    height:auto;
}

#profile-cover hgroup
{
    background: #fcb040;
    height: 54px;
    position: absolute;
    top: 55px;
    padding: 0 20px;
}

#profile-cover hgroup h1
{
    font: 700 2em/2em 'Quicksand', Arial, sans-serif;
    text-shadow: 0 1px #000;
    color: #fff;
    
}

#profile-cover hgroup span
{
    display: block;
    height: 68px;
    width: 18px;
    background: url(../images/banner-corner.png) no-repeat 0 0;
    top: 0;
    left: -17px;
    position: absolute;
}

/* Advertising */
#leaderboard, #sidebar-ad {
    margin:0 1.4em 0.7em 1.4em;
}      
#leaderboard img, #b-2 div, #sidebar-ad img, #b-3 div { width: 100%!important; height:auto; }
#sidebar-ad { margin-top:2.1em; }



/* =Content Area Elements
-------------------------------------------------------------- */
#content-area { position:relative; padding: 10px 0; background: url(../images/background-container.png) repeat-y scroll top left; }

#page-content
{
    margin: 0 auto;
    width: 95%;
    background: #fff;
    box-shadow: 0 0 3px #a8a8a6;
    border: 1px solid #a3a3a3;
}


/* =Map Container Elements
-------------------------------------------------------------- */
#map-container
{
    position: relative;
    width: 100%;
    min-height: 17em;
    max-height: 17em;
    border-bottom: 1px solid #a8a8a6;
    background: #E3E3E3;
}

/* =District Navigation Elements
-------------------------------------------------------------- */
#district-navigation
{
    text-shadow: 1px 1px 1px #fff;
    font-size:1.1em;
    min-height: 2.5em;
    line-height: 2.5em;
    background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
    border-bottom: 1px solid #a8a8a6;
    text-transform:lowercase;
}

#district-navigation li {
    display: inline-block;
    xcontent: "\003E \0020";
    background: url(../images/separator.png) top right no-repeat ;
    color:#ccc;
    padding: 0 1.7em;
}

#district-navigation li a
{
    display: inline-block;
    color: #686866;
    text-decoration: none;
}

#district-navigation .current_page_item:nth-child(1) a,
#district-navigation li:nth-child(1) a:hover { color: #db4b39; }
#district-navigation .current_page_item:nth-child(2) a,
#district-navigation li:nth-child(2) a:hover { color: #91aa31; }
#district-navigation .current_page_item:nth-child(3) a,
#district-navigation li:nth-child(3) a:hover { color: #2c618f; }
#district-navigation .current_page_item:nth-child(4) a,
#district-navigation li:nth-child(4) a:hover { color: #D69D3A; }
#district-navigation .current_page_item:nth-child(5) a,
#district-navigation li:nth-child(5) a:hover { color: #7f5daa; }

#district-navigation li:nth-child(2), #district-navigation li:nth-child(3) {
    word-spacing:-0.2em;
}


/* =Content Elements
-------------------------------------------------------------- */
#content-body { width: 100%; min-height: 42em; color:#666; }

#content-full { padding:1.4em; }

#content-column
{
    padding: 0.7em;
    width: 60%;
    float: left;
}

#content-column h2, #content-column h3, #content-column h4, #content-full h2, #content-full h3, #content-full h4
{
    padding: 0.7em 0;
    color:#333;
}

h2 {
    font-weight:bold!important;
}

#content-column ul, #content-column ol, #content-full ul,  #content-full ol
{
    margin:1em;
}

#content-column li, #content-full li
{
    list-style:circle;
}

#content-column img, #content-full img
{
    max-width:100%;
    height:auto;
}

#content-column h2.tagline, #content-full h2.tagline, .widgets_on_page h2.widgettitle
{
    border-bottom: 0.3em solid #db4b39;
    color: #db4b39!important;
    font-size:1.7em;
    text-transform: lowercase;
    margin-bottom: 0.7em;
    padding:0.3em;
}

ul#minutes {
    padding:0.7em;
    border:1px solid #ccc;
    width:50%;
    padding:0; margin:2.5em auto;
}

#minutes li {
    list-style:none;
    float:left;
    width: 40%;
    margin:0 auto;
    padding:0.2em 0.7em;   
}

#minutes li:nth-child(odd) {
    border-right: 1px solid #ccc;
}

#schedule table {
    margin:0.7em 0;
    width:100%;
    background:#fff;
    border:1px solid #999;
}

#schedule th {
    color:#fff;
    font-weight:bold;
    text-align:center;
    background:#999;
    vertical-align:middle;
    text-transform: uppercase;
    padding:0.4em;
}

#schedule td {
    border:1px solid #999;
    padding:0.4em;
}

#district-gallery {
    border-top:1px solid #ccc;
    padding:1em 0;
}

#district-gallery li {
    margin:0.4em;
    list-style:none;
    box-shadow: 0 0 0.4em #999;
    display:inline-block;
    border: 0.4em solid #fff;
}

p.edit-link {
    position:relative;
    z-index:9000;
    float:right;
    display:block;
    background:#fff;
    padding:0.4em;
}

/* =Right Column Stream Elements
-------------------------------------------------------------- */

#column-right
{
    width: 35%;
    float: right;
}

#column-right h3 {
    text-shadow: 1px 1px 1px #fff;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top:-1px;
    padding: 0.7em;
    color: #db4b39;
    font-size: 1.3em;
    font-variant:small-caps;
    text-align:center;
    text-transform: uppercase;
    background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
    }
#column-right h3 a { color: #db4b39; }

#events-stream { border: 1px solid #ccc; border-right: 0; border-bottom: 1px solid #eee; }
#events-stream h4 { padding:0.3em 0.3em 0 0.3em; margin:0 0.7em; font-size:1.3em; color: #666; border-bottom:2px solid #eee; }
#events-stream li { list-style:none; border-bottom: 1px solid #ccc; color:#999; padding-right:0.3em; }
#events-stream a { color: #000; }

#events-stream .date
{
    text-shadow: 1px 2px 1px #fff;
    color:#999;
    text-transform: uppercase;
    text-align:center;
    font-size:16px;
    line-height:20px;
    border:1px solid #ccc;
    border-left:0;
    padding:5px 10px;
    margin:10px 10px 15px 0;
    width: 30px;
    height: 40px;
    float:left;
    background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

li.all-events-link a
{
    display:inline-block;
    text-shadow: 1px 2px 1px #fff;
    color:#999;
    width:auto;
    text-transform: uppercase;
    text-align:center;
    font-size:12px;
    border:1px solid #ccc;
    padding:10px 20px;
    background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

#events-stream .desc
{
    padding:5px 10px;
    clear:both;
}

#events-stream .event p { padding:10px; }

/* =Events Calendar
-------------------------------------------------------------- */

table.fullcalendar {
    width:100%;
    background:#fff;
}
table.fullcalendar tr td { border:3px solid #fff; background:#eee; }
table.fullcalendar thead td, table.fullcalendar tr.days-names td { background:none; border:0; border-bottom:1px solid #333; text-align:center; height:auto; font-size:2em; }

table.em-calendar tr td.eventless-today, table.em-calendar tr td.eventful-today {
    background: #fff;
}

table.em-calendar td li, table.em-calendar td ul, table.em-calendar td li {
    list-style:none!important;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    padding:5px!important; margin:0!important;
    font-size:0.8em;
}

.widget_em_calendar table {
    margin:0 auto;
    width:90%;
}

.widget_em_calendar table a {
    background:#eee;
    padding:1px 3px;
    color:#D69D3A!important;
}

.widgets_on_page li {
    list-style:none!important;
    padding-bottom:10px;
    border-bottom: 1px solid #ccc;
}

x.widgets_on_page h2.widgettitle {
    font-weight:normal!important;
    border-top:1px solid #666;
}

.widgets_em_widget li {
    list-style:none!important;
}



/* =Business Section Specfic Elements
-------------------------------------------------------------- */
.business { padding: 0.3em 0; min-width: 55%; max-width: 31em; border-top: 1px solid #ccc; }
.counter
{
    width: 3.5em;
    height: 3.5em;
    line-height: 3.5em;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    float: left;
    border-radius:2.8em;
    background:#ccc;
    margin:1.4em 0.6em;
}
#content-column.eat-drink .counter { background: #91aa31; }
#content-column.services .counter { background: #FCB040; }
#content-column.see-do .counter { background: #2c618f; }
#content-column.shop .counter { background: #7f5daa; }

.business-details { width: 70%; float: right; }

#content-column.eat-drink .business-details p,
#content-column.services .business-details p,
#content-column.see-do .business-details p,
#content-column.shop .business-details p { margin: 0.1em 0 0 0; padding: 0; }

#content-column.eat-drink h2,
#content-column.see-do h2,
#content-column.services h2,
#content-column.shop h2 { text-transform: lowercase; font-size:2.4em; text-indent:1.4em; font-weight:normal!important; }

#content-column.eat-drink h2 { border-bottom: 5px solid #91aa31; color: #91aa31; word-spacing:-8px; }

#content-column.see-do h2 { border-bottom: 5px solid #2c618f; color: #2c618f; word-spacing:-8px; }

#content-column.services h2 { border-bottom: 5px solid #FCB040; color: #FCB040; }

#content-column.shop h2 { border-bottom: 5px solid #7f5daa; color: #7f5daa; }

#content-column.eat-drink a { color: #91aa31; }
#content-column.services a { color: #FCB040; }
#content-column.see-do a { color: #2c618f; }
#content-column.shop a { color: #7f5daa; }


/* =Input Form Elements
-------------------------------------------------------------- */
input[type='submit'] {
    padding:5px 10px;
    letter-spacing:1px;
    font-size:14px;
    color:#fff;
    text-transform:uppercase;
    background: #BE4220;
    border-radius: 3px;
    border:1px solid #BE4220;
    cursor:pointer;
}

input[type='email'], input[type='text'], input[type='tel'], textarea {
    width:150px;
    height:20px;
    padding:5px 10px;
    letter-spacing:1px;
    font-size:14px;
    color:#666;
    background: #fff;
    border-radius: 5px;
    border:1px solid #ccc;
}

#search-form {
    position:relative;
    top:10px;
    margin: 20px 5px;
}

#search-form,
#search-form form {
    display:inline;
}

#search-form #s {
    width:150px;
    padding:5px 10px;
    letter-spacing:1px;
    font-size:14px;
    color:#666;
    background: #eee;
    border-radius: 5px;
    border:1px solid #ccc;
}

#search-form #s:focus {
    background:#fff;
    color:#ccc;
}

#search-form #submit, #search-form input#submit {
    display:inline;
}

#gform_wrapper_1 { display:block!important; }

/* =Catalog Elements
-------------------------------------------------------------- */

#catalog li { list-style:none; float:left; width:40%; margin:1em; }


/* =Social Media Sprites
-------------------------------------------------------------- */

#social-media {
    width: 160px;
    height:40px;
}

.facebook-icon,
.twitter-icon,
.googleplus-icon,
.youtube-icon,
.pinterest-icon,
.rss-icon
{
    display: inline-block;
    padding: 32px 0 0 0;
    width: 32px;
    height: 0;
    background: url(../images/social-sprites.png) no-repeat 0 0;
    text-align: right;
    overflow: hidden;
}

.facebook-icon { background-position: 0 0; }
.twitter-icon { background-position: -42px 0; }
.googleplus-icon { background-position: -84px 0; }
.pinterest-icon { background-position: -127px 0; }
.youtube-icon { background-position: -169px 0; }
.rss-icon { background-position: -211px 0; }


/* =Footer Container Elements
-------------------------------------------------------------- */
#footer-container {
    clear:both;
    min-height: 17em;
    background: #000;
    z-index:1;
    position:relative;
}

footer {
    color: #fff;
    width:80%;
    margin:0 auto;
}

footer li.cols {
    font-size: 0.9em;
    text-align:left;
    float:left;
    margin: 0.3em 2.8em;
    list-style:none;
}

footer li.cols:last-child {
    margin-right:0;
}

footer h2 {
    font-family:'Quicksand', Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    font-weight: 700;
    font-size:1.2em;
    padding:0.3em 0;
}

footer a {
    color:#fff;
}


/* =More Information Elements
-------------------------------------------------------------- */
#more-information {

}

#more-information ul {
    width:21em;
    padding:0; margin:0;
}

#more-information li {
    list-style:none;
    float:left;
    width: 8.5em;
    margin:0;
    padding:3px 0.7em;
}

#more-information ul li:nth-child(odd) {
    border-right: 1px solid #fff;
}

/* =Marketing Puget Sound Branding
-------------------------------------------------------------- */
/* mps branding */
#mps-footer { border-top: 1px solid #333; background:#000; padding:10px 0; }
#mps-footer .wrap { width: 18em; clear:both; margin: 2em auto; height: 3em; font-size: 0.9em; font-weight:normal; text-align: left; line-height:1.2em; color: #666; }
#mps-footer img { padding: 0 0.4em 0 0; margin: 0 0.4em 0 0; border-right: 0.1em solid #666; float: left; }
#mps-footer a { color:#666; text-decoration:none; display:block; }
#mps-footer a:hover { color:#fff; }



/* =Media Queries
-------------------------------------------------------------- */

	/* Smaller than standard 1140 (devices and browsers) */
	@media only screen and (max-width: 1139px) {
		
		body {
	        font-size:0.9em;
		}
                #logo { width: 95%; }
        }
        
	/* Smaller than standard 1024 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1023px) {
		
		body {
	        font-size:0.8em;
		}
                
                #xcover {
                    left: 50%;
                    margin-left: -512px;   /* 50% */
                }
                
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		body {
	        font-size:0.7em;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		body {
	        font-size:0.6em;
		}
                #content-container, #content-column, #column-right, #left-column
                {
                    width: auto;
                    float: none;
                }
                nav.nonmobile { display:none; height:3em; }
                nav.mobile { display:block; }
                nav.mobile select { width:100%; font-size:2em; text-align:center; }
                #district-navigation li {
                    background: none ;
                    border-bottom:1px solid #ccc;
                    margin:0 -3px;
                }
                #profile-cover hgroup span { display:none; }
                #profile-cover hgroup { min-height: 3em; height:auto; }
                #profile-cover hgroup h1 { line-height:2em }
                footer { width:auto; }

                
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	}