/* =BASE
----------------------------------------------- */
/*  partial version of Meyer's Reset  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-family: inherit; }
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { 
    min-width: 760px; 
    background: #18243e url(/images/face/mayo-090-bkgd-18243d.jpg) no-repeat 750px top;
    font-family: Verdana, "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    }

/* =LINKS
----------------------------------------------- */

a { color: #5d76a9; }
p a, li a { color: #3f5a8c; }        /* in small text, the link beale street blue has to be slightly darker or it will look too faded  */
a:hover { text-decoration: none; }

h1 a, h2 a, h3 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { border-bottom: solid 1px #3f5a8c; }
#contentSecondary h2 a:hover, #contentSecondary h3 a:hover { border-bottom: none; }

h2.title a { color: #283a5e; }
h2 a { text-decoration: none; }
h2 a:hover { border-bottom: solid 1px #5d76a9; }

#pageFooter ul a { font-size: 11px; font-weight: bold; text-decoration: none; padding: 0 5px; color: #b7cfe5; }
#pageFooter ul a:visited { color: #8faecc; }
#pageFooter ul a:hover { color: #b7cfe5; }

#pageFooter a, #pageFooter a:visited { font-weight: bold; color: #8faecc; }
#pageFooter a:hover, #pageFooter a:active { color: #f5f9fc; }


/* =TYPE
----------------------------------------------- */

h1 {
    font-size: 1.83em; 
    line-height: 1.2em;
    color: #283a5e; 
    font-family: "Century Gothic", "Lucida Sans", Arial, Helvetica, sans-serif;
    padding: 9px 0;
    margin-bottom: 9px;
    }
span.byline {
    display: block;
    font-size: 1em;
    margin: 0 0 18px; 
    color: #888;     
    }
div.date {
    font-weight: bold;
    font-size: 1em;
    padding: 9px 0 0;
    color: #888;
    }
span.timestamp { font-size: 11px; color: #888; }
h2 {
    font-size: 1.25em; 
    margin: 18px 0 9px; 
    color: #283a5e; 
    }
h2.title {  font-size: 1.1em; margin: 3px 0 0; }
.post h2.title { line-height: 1.2em }
#contentSecondary li a { color: #999; }
h2.videos { padding-left: 24px; background: transparent url(/images/face/video_popup-comboicon-080606.gif) left 1px no-repeat; }
h3 { 
    font-size: 1.083em; 
    line-height: 18px;
    padding: 9px 0; 
    color: #5D76A9; 
}
h4, h5 { 
    font-size: 1em; 
    line-height: 18px;
    padding: 9px 0 0; 
    color: #181f3d; 
    }
p { 
    margin: 0 0 1em; 
    font-size: 1em; 
    line-height: 1.5; 
    color: #283a5e; 
    }

blockquote { 
    line-height: 1.5; 
    color: #283a5e; 
    margin: 0 20px 18px; 
    }
code { font-size:10px; font-weight:bold; color:#888; padding: 9px 0;}
cite { 
    font-style: normal; 
    font-size: 10px; 
    font-weight: bold; 
    color: #888; 
    padding-right: 3px; 
    margin-right: 3px; 
    white-space: nowrap; 
    }

p.summary, p.excerpt { font-size: 1em; font-weight: normal; }
p.posted { font-size: 11px; color: #888;}
div.posted p {font-size: 11px; color: #888;}


/* =STRUCTURE
----------------------------------------------- */

#wrapper { text-align: left; width: 960px; }
#contentPrimary { float: left; clear: left; width: 752px; background: #283a5e;  }

#pageHeader { position: relative; height: 124px; background-color: #18243d; }
#headerimage { height: 95px; background: #18243d url(/images/face/site-header-anthem-752.jpg) no-repeat; }
#headerlogo { position: absolute; z-index: 10; left: 5px; top: 3px; }

div#underHeader { clear: left; }

#contentWrapper { background: #0f1526; }
#pageWrapper { 
    background: #fff;
    border-right: solid 2px #f5f9fc;
    padding: 18px 40px;
    min-height: 550px;
    }

#blogger-container { clear: left; float: left; width: 450px; padding: 18px 0 18px; margin-left: 75px; font-size: .916em; }

.sidebar { float: left; width: 195px; padding: 18px 20px 0 10px; background: #f5f9fc; font-size: .916em;}  

#pageFooter { 
    background: #18243d; 
    clear: both; 
    padding: 18px 40px 36px; 
    text-align: center; 
    color: #8faecc; 
    }

#contentSecondary { float: left; width: 180px; }




/* =HOME page styles  
--------------------------------------------- */
.home h1 { text-indent: -9000em; position: absolute; }
.home #pageWrapper { padding: 0; }
.home #featured { background: #dfecf7; }

#latest-post { float: left; width: 353px; padding: 0 20px 18px 75px; background: #dfecf7 url(/images/face/featured-bkgd.png) repeat-x; border-right: solid 2px #becfdb; }
#previous-post { float: right; width: 250px; padding: 0 30px 18px 20px; }
#latest-post h2, #previous-post h2 { color: #5d76a9; font: bold 1em/1 "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#main { padding: 0 0 36px; background: #fff; }

#featured .post h2 { font: bold 1em "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif; color: #283a5e; text-transform: uppercase; }
#featured h2.title { font-size: 2em; line-height: 1.2em; text-transform: none; letter-spacing: -1px; margin-bottom: 6px; }
#previous-post h2.title { font-size: 1.5em; padding-top: 6px; letter-spacing: 0; padding-right: 20px; }
.home #featured p { font-weight: bold; color: #5d76a9; }
#featured .summary p { font-weight: normal; font-size: .916em; color: #283a5e; }

#featured #tools { clear: both; padding: 9px 0 9px 75px; background: #fff; border-top: solid 1px #becfdb; border-bottom: solid 1px #dfecf7; font-size: .916em; color: #999; }

#latest-foundation, #latest-avis, #latest-pranica, #latest-dancers, #latest-tumbleson {
    float: left; width: 205px;
    padding: 9px 20px 9px 0;
    margin: 0 0 9px 0;
    }
#blogger-container div.blogtitle { font-weight: bold; text-transform: uppercase; color: #5d76a9; padding: 0 0 6px; }
#blogger-container .posted p { width: auto; }


/*  -----  blogger index page styles ---------- */
body.index #main { padding-left: 35px; } /* pageWrapper has 40px, making 75px total to fit the grid */

body.running #main .post { padding: 18px 0 36px; border-bottom: solid 1px #dfecf7; }
body.running #main .previous-posts { padding: 0 0 18px; border-bottom: solid 1px #dfecf7; }
body.running #main .previous-posts .posted { margin: 0; }
body.running #main .post h2 { font-size: 1.2em; }
body.running #main .post h2.title { font-size: 1.5em; font-family: "Century Gothic", "Lucida Grande", "Lucida Sans", "Helvetica", sans-serif; }
body.running #main .previous-posts h3.title { font-size: 1.2em; color: #283a5e;}

.last10 { padding: 18px 0; }
.last10 .post { border-bottom: solid 1px #becfdb; padding: 18px 0 36px; }
.latest-post { padding: 18px 0 9px 20px; margin: 0 0 18px 0; background: #dfecf7 url(/images/face/featured-bkgd.png) repeat-x; }
.latest-post h2.title { font-size: 1.25em; }

body.index .blogger-info { margin: 9px 0; }
body.index .blogger-info p, body#index .blogger-info strong { color: #283a5e; background-image: none; padding: 0; }
body.index #main h2.title { font-size: 1.33em; padding-top: 18px; }
body.index #main .latest-post h2.title { padding-top: 0; }
.last10 h2 { font-size: 1.67em; }

body.index div.subhead { margin: 0 0 9px; }
body.index div.subhead p, body.index div.posted p { font-size: 11px; font-weight: normal; color: #283a5e; margin-bottom: 0; }
body.index div.posted p { font-weight: bold; color: #999; }


/*  -----  video styles ---------- */
body#video #main { padding: 0 0 18px; }
body#video #latest-post { padding: 9px 0; width: 480px; background: #fff; border: none; margin-bottom: 18px; }
body#video #latest-post .post { margin: 0; padding: 9px 0; }
body#video #latest-post p { margin: 1em 0; font-size: 12px; }
div.video-player-400 embed { display: block; font-size: inherit; margin: 0 0 1em; }


/* =NAVIGATION   
----------------------------------------------- */

#grizzliesNav { 
    padding: 0; margin: 0;
    list-style: none; 
    position: relative;
    z-index: 5;
    height: 29px; 
    background: #0e1224 url(/images/face/topnav08-bkgd.png) repeat-x; 
    }

/* drop down menu top button styles */
#grizzliesNav a { text-indent: -9000em; display: block; color: #f5f9fc; height: 29px; text-decoration: none; font-size: 11px; font-weight: bold; }
#grizzliesNav li { float: left; position: relative; background-image: none; margin: 0 26px 0 0; padding: 0; }
#grizzliesNav li#live { margin-right: 0; }
#grizzliesNav li#home a { width: 37px; background: #0e1224 url(/images/face/topnav08-home.png) no-repeat; margin-right: 35px; margin-left: 15px;}
#grizzliesNav li#tickets a { width: 63px; background: #0e1224 url(/images/face/topnav08-tickets.png) no-repeat;}
#grizzliesNav li#schedule  a { width: 80px; background: #0e1224 url(/images/face/topnav08-calendar.png) no-repeat;}
#grizzliesNav li#news a { width: 44px; background: #0e1224 url(/images/face/topnav08-news.png) no-repeat;}
#grizzliesNav li#team a { width: 45px; background: #0e1224 url(/images/face/topnav08-team.png) no-repeat;}
#grizzliesNav li#fanzone a { width: 78px; background: #0e1224 url(/images/face/topnav08-fanzone.png) no-repeat;}
#grizzliesNav li#community a { width: 97px; background: #0e1224 url(/images/face/topnav08-community.png) no-repeat;}
#grizzliesNav li#live a { width: 76px; background: #0e1224 url(/images/face/topnav08-live.png) no-repeat;}

/* drop down menu secondary styles */
#grizzliesNav li ul { position: absolute; left: -999em; z-index: 20; background: #0e1224; padding: 0; margin: -1px 0 0; }
#grizzliesNav li#home li, #grizzliesNav li#tickets li, #grizzliesNav li#schedule li, #grizzliesNav li#news li, #grizzliesNav li#team li, #grizzliesNav li#fanzone li, #grizzliesNav li#community li, #grizzliesNav li#live li { padding: 0; margin: 0; }
#grizzliesNav li#home li a, #grizzliesNav li#tickets li a, #grizzliesNav li#schedule li a, #grizzliesNav li#news li a, #grizzliesNav li#team li a, #grizzliesNav li#fanzone li a, #grizzliesNav li#community li a, #grizzliesNav li#live li a { background-image: none; width: auto; margin: 0; }
#grizzliesNav li:hover ul, #grizzliesNav li.sfhover ul { left: auto; }
#grizzliesNav li li { float: none; position: relative; line-height: 1; margin: 0;}
#grizzliesNav li li a { text-indent: 0; width: auto; height: auto; display: block; font-weight: normal; color: #becfdb; padding: 6px 10px 9px 5px; white-space: nowrap; border-left: solid 5px #0e1224; }
#grizzliesNav li li a:hover { background-color: #283a5e;  color: #f5f9fc; border-left-color: #5d76a9;}




/*  -------------------------  LISTS  -----------------------   */
ol, ul {
    margin: 0 0 18px;
    font-size: inherit;
    line-height: inherit;
  }
ul { list-style: none; }
ol { padding: 0; margin-left: 18px; }
li {
    margin: 0; 
    padding: 0 0 6px; 
    font-size: 12px;
    line-height: 1.5; 
    color: #283a5e; 
}
#pageWrapper ul li {
    background: transparent url(/images/face/li-disc-bullet.png) 0 3px no-repeat;
    padding-left: 15px;
    font-size: inherit;
    line-height: 1.5;
}
.home #pageWrapper ul li { padding-bottom: 0; }

#pageWrapper .sidebar li { background-image: url(/images/face/sidebar-disc-bullet.png); }

/*   -------------------------   TABLES   -------------------------- */
table.styled-table {
    border-collapse: collapse;
    margin: 9px 0 18px;
    font-size: 11px;
    border: solid 1px #efefef;
    border-bottom: none;
}
table.styled-table th {
    padding: 6px 10px 8px;
    background-color: #b7cfe5;
    color: #181f3d;
    font-weight: bold;
}
table.styled-table tbody th {
    background-color: #dfecf7;
    border-top: solid 1px #becfdb;
}
table.styled-table td, table.styled-table caption {
    padding: 6px 10px 8px;
    color: #283a5e;
    border-bottom: solid 1px #efefef;
}
.styled-table td, thead th, tbody th { text-align: left; }


/* =FOOTER
-------------------------------------------------------- */
#pageFooter p { text-align: center; font-size: 10px; color: #8faecc; }

#pageFooter ul { margin: 0 0 10px; list-style: none; text-align: center; }
#pageFooter ul li { display: inline; color: #becfdb; }


/* =RIGHT BLEED COLUMN
-------------------------------------------------------- */

/* "secondaryBox" is legacy, remove
.secondaryBox { 
    font-size: 11px; 
    color: #fff; 
    line-height: 1.3; 
    margin-bottom: 20px; 
    margin-left: 0; 
    width: 120px; 
    padding: 0 0 0 20px; 
    }
.secondaryBox table { padding: 0; padding-right: 0; border-collapse: collapse; font-family: Verdana, "Helvetica Neue", Tahoma, Helvetica, sans-serif;}
.secondaryBox table table { margin-left:0; }
.secondaryBox h3 { display: none; }
.secondaryBox p { margin-bottom: 0; }
.secondaryBox a, .secondaryBox a:hover  { color: #f5b112; }

.secondaryBox img { display: block; margin: 18px 0 9px -20px; }
.secondaryBox img { display: block; margin: 18px 0 9px -20px; }
*/

#searchBox { margin-left: 20px; padding-bottom: 9px; }
#searchBox p { margin-top: 3px; }
#searchBox a { text-decoration: underline; font-size: 10px; margin-top: 3px; color: #3f5a8c;}

.searchform { padding-top: 3px; }
#searchBox input { float: left; width: 128px; border: none; height: 16px; padding: 2px; margin: 0; font-weight: bold; color: #3f5a8c;}
button {
    padding: 0; /* Firefox */
    margin: 0;
    border: none;
    line-height: 1; /* Safari */
    font: bold 11px/1 Arial, Helvetica Neue, sans-serif;
height: 20px;
width: 21px;
text-indent: -9000em;
background: #b7cfe5 url(/images/face/search-button-21.png);
color: #3f5a8c;
}
button:hover { cursor: pointer; }


.secondaryBox .button { margin-bottom: -4px; }
.secondaryBox input[type="radio"] { margin-bottom: -2px; margin-right: 5px; background: #dfecf7 }

.secondaryElement { margin-left: 20px; margin-bottom: 18px; }
.secondaryFEF { margin: 0 0 9px 20px; }

#storeBox {
  background: transparent url(images/face/rudy_jersey-222-70x100.png) no-repeat 60px 0;
  padding-bottom: 9px;
  margin-top: 36px;
}

.secondaryElement h3 { font: bold 12px/1.5 "Century Gothic", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; color: #b7cfe5; text-transform: uppercase; }

h3#shortcut-fef, h3#shortcut-search, h3#shortcut-mvp, h3#shortcut-gametime, h3#shortcut-blogs, h3#shortcut-boards, h3#shortcut-enews, h3#shortcut-poll, h3#shortcut-store {
	text-indent: -9000px;
	margin-top: 18px;
	padding: 0; margin: 0;
	}
	h3#shortcut-fef { margin: 36px 0 18px; }
	h3#shortcut-store { padding-top: 9px; }

h3#shortcut-fef a, h3#shortcut-search, h3#shortcut-mvp a, h3#shortcut-gametime a, h3#shortcut-blogs a, h3#shortcut-boards a, h3#shortcut-enews a, h3#shortcut-poll, h3#shortcut-store a { display: block; height: 15px; }
h3#shortcut-fef a { height: 40px; }

.secondaryElement h3, .secondaryElement h4 { color: #b7cfe5; }
.secondaryElement p { 
	font-size: 10px;
	line-height: 1.3;
	color: #8faecc;
	}
.secondaryElement a, .secondaryElement a:visited { text-decoration: none; color: #8faecc; }


.secondaryElement p a { text-decoration: underline; }
.secondaryElement a:hover { color: #fff; }

h3#shortcut-fef a { background: transparent url(/images/face/shortcut-fef-18243d.gif) no-repeat; }
h3#shortcut-search { background: transparent url(/images/face/shortcut-search-blogs.gif) no-repeat; }
h3#shortcut-mvp a { background: transparent url(/images/face/shortcut-mvp.gif) no-repeat; }
h3#shortcut-gametime a { background: transparent url(/images/face/shortcut-gametime.gif) no-repeat;	}
h3#shortcut-blogs a { background: transparent url(/images/face/shortcut-blogs.gif) no-repeat;	}
h3#shortcut-enews a { background: transparent url(/images/face/shortcut-enews.gif) no-repeat; 	}
h3#shortcut-boards a { background: transparent url(/images/face/shortcut-boards.gif) no-repeat;	}
h3#shortcut-poll { background: transparent url(/images/face/shortcut-poll.gif) no-repeat; margin: 0; }
h3#shortcut-store a { background: transparent url(/images/face/shortcut-store.gif) no-repeat; margin-bottom: 9px; }

h3#shortcut-mvp a:hover, h3#shortcut-gametime a:hover, h3#shortcut-blogs a:hover, h3#shortcut-enews a:hover, h3#shortcut-boards a:hover { background-position: 0 -15px; }


/*  ------------ polldaddy base styles ------------ */

.pds-radiobutton { margin-right: 5px }
.pds-checkbox { padding-top: 6px }
.pds-answer span { padding: 0 0 5px; }

.pds-textfield {
  color: #5d76a9;
  background: #f5f9fc;
  border: 1px solid #5d76a9; margin: 8px 1px; padding: 3px 3px 3px 1px; width: 115px;
}
.pds-answer-feedback { padding: 1px; }  
.pds-answer-feedback-bar {  background: #5d76a9;  padding: 0 0 6px; margin: 3px; height: 9px; }

.pds-totalvotes-inner { color: #becfdb; }

/* --- polldaddy poll in right bleed --- */
div#polldaddy { margin: 18px 0; padding: 9px 0 0 20px; background: transparent url(/images/face/18243d_75pct-10.png); color: #b7cfe5; font-size: 11px; }
div#polldaddy .pds-box { padding: 9px 10px 18px 0; }
div#polldaddy .pds-question-top { margin: 0 0 5px; font-size: 11px; color: #8faecc; }
div#polldaddy .pds-vote { margin: 0; padding: 0;}
div#polldaddy .pds-votebutton-outer { line-height: 1.2; padding: 0 0 10px 3px; margin: 9px 0 0; }
div#polldaddy .pds-votebutton-outer a { font-size: 10px; display: block; float: right; width: 40px; margin-right: 20px; text-indent: -1.1em;  color: #8faecc;  }
div#polldaddy input.pds-votebutton { 
  background:transparent url(/images/face/vote-button-50.gif) no-repeat;
  float:left; height:24px; width:50px; margin-left: 1em;
  outline-style:none; 
}
input.pds-votebutton:hover {background-position: 0 -24px;}

/* --- feedburner headlines for right bleed -- */
div#calendar-bucket { margin: 18px 0 36px; padding: 0 0 9px 20px; background: transparent url(/images/face/18243d_75pct-10.png); color: #b7cfe5; }
div#calendar-bucket ul { margin: 0 0 6px; }
div#calendar-bucket li { color: #b7cfe5; font-size: 10px; line-height: 1.2; padding: 0 0 9px; }
div#calendar-bucket a, div#calendar-bucket a:visited { color: #8faecc; font-weight: bold; font-size: 11px; }
 #creditfooter { display: none; }
#contentSecondary .sponsor a { display: block; text-indent: -9000em; overflow: hidden; background: transparent url(/images/face/marriott-logo-ko-120.png) no-repeat; width: 120px; height: 60px; font-size: 9px; }



/* =SIDEBAR ELEMENTS
----------------------------------------------- */
.sidebar div.posted p { width: 225px; }

.sidebar .topstory-box { padding: 0 0 18px; }
.sidebar .topstory-box h2 { color: #999; text-transform: uppercase; font-size: .916em; }
.sidebar .topstory-box h3 { margin: 0; padding: 3px 0;  }
.sidebar .topstory-box h3 a { color: #3f5a8c; text-decoration: none; font-size: 1.1em;  }
.sidebar .topstory-box .posted { margin: 0; width: auto; }
.sidebar .topstory-box span.byline, .sidebar .topstory-box span.timestamp { display: block; margin: 0 0 6px; font-size: 11px; font-weight: bold; color: #999; }

.sidebar div.bucket { padding: 9px 0; margin: 0 0 18px; }
.sidebar div.promo { padding: 18px 0; }

.sidebar #bloggers ul {list-style-type: none; }

body#video #latest-post .label { font-weight: bold; font-size: 12px; text-transform: uppercase; color: #5d76a9; }
body#video #latest-post h2 { width: 400px; padding: 0 0 9px; text-transform: none; }

#drafttalk { clear: both; padding: 9px 40px 9px 75px; border-bottom: solid 2px #fff; font-style: italic; color: #283a5e; font-family: Georgia, serif; }
#main #drafttalk { padding: 9px 0; border-bottom: solid 1px #dfecf7; margin: 0 0 9px; }
#drafttalk .title, #drafttalk cite { margin-right: 10px; font-weight: bold; text-transform: uppercase; color: #5d76a9; font-family: Verdana, serif; }
#drafttalk cite { margin-left: 10px; text-transform: none; color: #283a5e; }



/* =UNSORTED
----------------------------------------------- */

.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix { display: inline-block; }
    /* Hide from IE Mac \*/
        .clearfix { display: block; }
    /* End hide from IE Mac */

.alert { background: #fff8bb; }
p.footnote { font-size: 10px; }
p.question { font-weight: bold; color: #283a5e; margin: 1em 0 0; }
.icon { position: relative; top: 3px; }