/* ====================================================================
GLOBAL STYLESHEET
this stylesheet is loaded by all pages
-------------------------------------------------------------------- */

body, div, span, p, table, tr, td, form, input, textarea, select, pre, em { font:normal 10pt Arial, Verdana, Helvetica, sans-serif; color:#666; text-decoration:none;}

/* the following CSS will switch Mozilla into 'border-box' model, which is compatible with IE 
* { -moz-box-sizing: padding-box;}
* { box-sizing: border-box;}*/

img, form, fieldset { border:0; margin:0; padding:0;}
hr { border:0; height:1px; color:#383d44; background-color:#383d44; margin:20px 0 20px 0; clear:both;}
hr.dotted { border:0; height:1px; color:#383d44; background:#383d44 url(#) 0 0 repeat-x ; margin:20px 0 20px 0; clear:both;}
em { font-weight:bold;}

a { color:#9c3; text-decoration:none; outline:none; -moz-outline-style:none;}
a:hover { color:#42884f; text-decoration:none;}
a.see { float:right; font-weight:bold; display:block; margin-bottom:20px;}
a.see:hover { color:#ae0055;}

#content ul, #faq ul { list-style:none; margin:0; padding:0 0 0 30px;}
#content ul li, #faq ul li, .messages ul { list-style:none url(#);}

h1 { background:url("/themes/localflavourplus/images/header_logo.gif") 0 0 no-repeat; width:411px; height:56px; margin:0; padding:0;} /* Header */
h1 span { display:none;}
h1 a { width:411px; height:56px;}
h1 a { visibility:hidden;} /* NEED TO FIX THIS: REMOVES LINK */
h2 { font:normal 18pt Arial, Verdana, Helvetica, sans-serif; color:#666; line-height:24px; margin:0 0 20px 0;} /* Home Slogan */
h3, h3 span { font:normal 26pt Arial, Verdana, Helvetica, sans-serif; color:#9c3; margin:0 0 10px 0; line-height:30px; /*text-transform:capitalize;*/} /* Page Titles */
h3 span { display:block; color:#606; font-size:22pt;}
h4 { font:bold 11pt Arial, Verdana, Helvetica, sans-serif; color:#f63; margin:0 0 10px 0;} /* Red Title */
#content h4 { font:bold 11pt Arial, Verdana, Helvetica, sans-serif; color:#666; margin:0;} /* Page Subtitle */
h5 { font:bold 11pt Arial, Verdana, Helvetica, sans-serif; color:#666; margin:0;} /* Page Subtitle */
h6 {}


/* ====================================================================
TEMPLATE
-------------------------------------------------------------------- */
body { width:1010px; margin:0px auto; padding:0px;}

#container { position:absolute; left:50%; width:1010px; margin-left:-505px; background:url(#) repeat-y;}
#page { position:relative; float:left; display:block; width:990px; margin:0 0 0 10px; padding:0;}

#header { height:124px; background:#7ac142 url(#) 326px 0 no-repeat; position:relative;}
#header #welcome { background:url(#) 0 0 no-repeat; width:90px; height:16px; position:absolute; top:15px; left:60px;}
#header h1 { position:absolute; top:50px; left:20px;}
#header span { display:none;}

#search { position:absolute; top:15px; right:50px; width:auto;}
#search label, #search #siBkgd, #search .submit { float:left;}
#search label { color:#fff; font-weight:bold; margin:10px 5px 0 0;}
#search #siBkgd { background:url(#) 0 0 no-repeat; width:128px; height:34px;}
#search input { width:116px; height:18px; margin:6px 0 0 4px; padding:2px; border:0;}
#search .submit { background:url(#) 0 0 no-repeat; width:32px; height:34px; /*text-indent:32px;*/ border:0; position:relative; top:-5px;}

#topLinks { position:absolute; top:95px; right:50px;}
#topLinks a { color:#363; font-weight:bold; padding:0 5px 0 5px;}
#topLinks a:hover { color:#bdf61d;}
#topLinks ul { list-style:none; margin:0; padding:0;}
#topLinks li { display:inline;}

#footer { float:left; width:1010px; height:45px; background:url(#) bottom left no-repeat; margin:30px 0 0 0; text-align:center;}
#footer a { color:#9a9a9a; font-size:8pt;}
#footer a:hover { color:#42884f;}
#footer ul { list-style:none; margin:0; padding:0;}
#footer li { display:inline;}

#credits { font-size:8pt; text-align:right; margin-right:20px;}

/*#left, #right { margin-top:50px;}
#left { float:left; width:520px; margin:50px 95px 0 25px; background-color:red;}
#right { float:left; width:320px; background-color:blue;}*/

/*#homeHolder { padding:50px 55px 0 25px;}
#left { float:left; width:495px; margin-right:95px; background-color:red;}
#right { float:left; width:320px; background-color:red;}*/

#left { float:left; width:495px; margin:0 95px 0 0; padding:50px 0 10px 25px;}
#right { float:left; width:320px; margin:50px 0 0 0;}

/* ====================================================================
SECTIONS FORMATTING
-------------------------------------------------------------------- */
.emphasis { font-size:10pt; font-weight:italic;}
.box { position:relative; background-color:#606; margin-bottom:20px; padding:10px; color:#fff; font-size:12pt; font-weight:bold;}
/*.box a { position:absolute; right:10px; margin-top:-2px;}*/ /* Align Right */
.box a { margin-left:20px;}

/* Back to Top */
div.btop { display:block; margin:10px 0 30px 0; padding-top:3px; background:url(#) 0 0 repeat-x;}
a.top { background:url(#) 0 3px no-repeat; padding-left:10px;}

/* Styles from TinyMCE Editor */
.textblock { display:block; width:80%; margin-left:50px;}
ul.bullet-letters, ol.bullet-letters { list-style-type:lower-alpha;}

/* Box Links */
a.button-red, a.button-green { border:1px solid #aeaeae; padding:3px 10px 3px 10px; color:#fff; font-size:10pt; font-weight:bold;}
a.button-red { background-color:#f63;}
a.button-red:hover { background-color:#f30; color:#fff;}
a.button-green { background-color:#9c3; color:#606;}
a.button-green:hover { background-color:#fff;}

/* Sub Page Content Holders */
#cHolder { margin:50px 50px 0 10px; position:relative;}
#content { float:left; width:675px; margin-left:20px; padding-left:20px; border-left:1px solid #000;}
.contentShift { margin-left:201px;}

p.imgalign img { float:left; padding:0 10px 10px 0;}

/* Page Navigation */
#pageNav { list-style-type:none; text-align:right; float:left; width:160px; margin:0; padding:0;}
#pageNav li { margin-bottom:20px;}
#pageNav li a { color:#666;}
#pageNav li a:hover, #pageNav li a.on { color:#000;}

/* Table */
table, table thead td, table tbody td, table tfoot td { border:1px solid #5fa6d4; border-collapse:collapse;}
table thead td, table thead td p { background-color:#5fa6d4; color:#fff; font-weight:bold; text-align:right; vertical-align:bottom; padding:5px;}
table caption { font:bold 12pt Arial, Verdana, Helvetica, sans-serif; color:#5fa6d4; margin:0 0 5px 0; padding:0; text-align:left;}
table td { vertical-align:top; padding:3px;}
table thead td { vertical-align:bottom;}

/* Grouping (Used with Flexinode) */
.group { margin-bottom:20px; padding-bottom:20px; /*border-bottom:1px solid #ccc;*/ background:url(#) bottom left repeat-x;}
.group .title { display:block; font-weight:bold;}
.group .caption { color:#999; font-weight:bold;}
.group .body { margin-top:10px;}
.group .nobreak { display:block; margin:0;}
.group .testimonial { margin-bottom:10px; padding:5px 0 0 26px; background:url(#) 0 0 no-repeat; width:auto; font-size:11pt; font-style:italic;}
.group .testimonial span { background:url(#) 5px 0 no-repeat; width:21px; height:16px;}
.group .img { display:block; width:160px; height:90px; margin-top:5px;}
.group .img img {}

.group .source-1 { clear:both; display:block; margin-top:15px; font-weight:bold;}
.group .source-2 {}
.group .source-3 {}
.last, .nodivline { border:0; background:0;}
.nodivline { padding:0;}

/* Tables */
table, table thead td, table tbody td { border:1px solid #9c3; border-collapse:collapse; padding:5px;}
table thead td { background-color:#9c3;}
table tbody td {}

/* FAQ */
#faq-questions { background:url(#) 0 0 repeat-x; margin:20px 0 30px 0;  padding:10px 10px 0 0; background-color:#ebf5d6;}
#faq-questions ol { background:url(#) bottom left repeat-x; margin:0; padding-bottom:10px;}
#faq-questions ol li { margin-bottom:5px;}
#faq-questions a { font-weight:bold;}
#faq-answers {}
#faq-answers ol {}
#faq-answers li { margin-bottom:20px;}
#faq-answers li b.question { display:block;}

/* News */
.newsindex { margin-bottom:30px; padding-bottom:10px; background:url(#) bottom left repeat-x;}
.newsindex img { float:left; padding:0 10px 10px 0;}
.newsindex h4 { font:normal 14pt Arial, Verdana, Helvetica, sans-serif; color:#666; margin:0 0 5px 0;}
.newsindex .submitted { display:block; margin-bottom:5px;}
.newsindex .taxonomy { display:block; margin-bottom:5px;}
.newsindex .body {}
.newsindex .links {}
.newsindex .links a { font-weight:bold;}

.newsitem { margin-bottom:30px; padding-bottom:10px;}
.newsitem img { float:left; padding:0 10px 10px 0;}
.newsitem h4 { font:normal 14pt Arial, Verdana, Helvetica, sans-serif; color:#666; margin:0 0 5px 0;}
.newsitem .submitted { display:block; margin-bottom:5px;}
.newsitem .taxonomy { display:block; margin-bottom:5px;}
.newsitem .body {}
.newsitem .body img { display:block; margin-top:10px;}
.newsitem .links {}
.newsitem .links a { font-weight:bold;}

a.feed-icon { display:block; position:absolute; top:0; left:112px; color:#f08934; font-weight:bold;}
a.feed-icon img { padding-left:4px;}

/* Search Results */
#sResults { margin-bottom:20px; padding:10px; background-color:#ebf5d6;}
#sResults .form-input { width:400px; border:1px solid #666; padding:2px;}
#stext { margin-bottom:10px; padding-bottom:5px; background:url(#) bottom left repeat-x;}
#stext .tsearch { display:block; margin-bottom:5px; font-size:11pt; font-weight:bold;}
#stext .tdisplay { display:block;}
#stext .tip { font-style:italic;}

dl { margin:0 0 15px 0; padding:0;}
dl .num { font-weight:bold;}
dl a.srchlink {}
dl .searchaux { display:block; margin-top:3px; color:#999; text-transform:capitalize;}
dl a .srch_highlight { /*color:#42884f;*/ color:#9c3; font-weight:bold;}
dl dd .srch_highlight { font-weight:bold;}

#plinks { list-style:none; margin:0; padding:5px 0 0 0; text-align:center; background:url(#) 0 0 repeat-x;}
#plinks li { display:inline; margin-right:5px; padding-right:5px; border-right:1px solid #9c3;}
#plinks li.last { border:0;}
#plinks a { font-weight:bold;}

/* ====================================================================
USER LOGIN FORM
-------------------------------------------------------------------- */
form#user_login, form#user_pass {}
form#user_login div, form#user_pass div { margin-bottom:15px;}
form#user_login div label, form#user_pass div label { float:left; width:100px; margin-top:2px; font-weight:bold;}
form#user_login div label span, form#user_pass div label span { display:none;}
form#user_login div .description, form#user_pass div .description { font-size:8pt;}

.messages { display:block; width:500px; margin-bottom:20px; padding:5px;}
.messages a { display:block;}
.messages ul { margin:0; padding:0 0 0 25px;}
.error { background-color:#ebf5d6;}
input.error { background-color:transparent;}
input.form-text { border:1px solid #666; padding:2px;}

/* ====================================================================
HOME
-------------------------------------------------------------------- */
body#home #right a, body#home #right a span { color:#ff6633; font-size:12pt; font-weight:bold;}
body#home #right a:hover, body#home #right a:hover span { color:#42884f;}
body#home #right span { display:block; width:250px;}
body#home #right a img { display:block;}

body#home h2 { background:url("/themes/localflavourplus/images/logo_LFP.jpg") 0 0 no-repeat; width:147px; height:101px; overflow:visible; margin:-38px 0 20px -15px;}
body#home h2 span { position:absolute; z-index:0; width:320px; padding:43px 0 0 175px; font:normal 18pt Arial, Verdana, Helvetica, sans-serif; color:#666; line-height:24px;}

body#home .welcome { font-size:12pt;}

/* WORKS MOZILLA NOT IE #news {}
#news ul { display:inline; list-style-type:none; margin:0; padding:0;}
#news ul { display:table;}
#news li { display:table-cell; position:relative; width:230px;}
#news li b { display:block; font-weight:bold;}
#news li#one { padding-right:30px; border-right:1px solid #95c258;}
#news li#two { padding-left:25px;}*/

/*#news {}
#news ul { display:inline; list-style-type:none; margin:0; padding:0;}
#news li { position:relative; width:200px; margin:0; padding:0;}
#news li b { display:block; font-weight:bold;}
#news li#one { padding-right:30px; border-right:1px solid #95c258;}
#news li#two { padding-left:25px;}*/

#news {}
#news ul { display:inline; list-style-type:none;}
#news li { display:inline; float:left; width:220px;}
#news li b { display:block; font-weight:bold;}
#news li img { display:block; padding:5px 0 5px 0;}
#news li#one { padding-right:25px; border-right:1px solid #95c258;}
#news li#two { padding-left:25px;}
#news a.more { display:block; white-space:nowrap;}

body#home #left p.button { clear:both; margin-top:25px; text-align:center;}

/* ====================================================================
NAVIGATION (Main)
http://alistapart.com/articles/dropdowns
-------------------------------------------------------------------- */
#navHold { height:33px; background:#42884f url(#) 0 0 repeat-x; border-top:1px solid #fff;}
#navHold { position:relative; z-index:100;} /* Settings so that the nav goes above the h2 on the homepage */

#navHold h2 { display:none;}
#navHold ul { list-style:none; margin:0; padding:0;}

#navHold ul a { display:block; color:#fff; font-weight:bold; text-decoration:none;}

#navHold ul li { float:left; position:relative; /*width:150px;*/ width:auto; cursor:hand; z-index:100; height:33px; border-right:1px solid #fff;}
#navHold ul li a { padding:8px 10px 7px 10px; color:#fff; font-size:11pt;}
#navHold ul li:hover, #navHold ul li a:hover { background:#606 url(#) 0 0 repeat-x;}
#navHold ul li.active { background:url(#) 0 0 repeat-x;}
#navHold ul li.active ul li { background:0;}

/* Subnav Hide/Show */
#navHold li ul { display:none; position:absolute; top:100%; left:0; padding:0; font-weight:normal;}
#navHold li>ul { top:auto; left:auto;}
#navHold li li { display:block; float:none; background-color:transparent; padding:0; border:0; height:auto;}
#navHold li:hover ul, #navHold li.over ul { display:block;}

/* Subnav */
#navHold #nav li li, #navHold #nav li li a { min-width:200px; width:200px; /*height:15px;*/ margin:0; padding:0;}
#navHold #nav li li a { display:block; background-color:#606; border-top:1px solid #d5b9d5; padding:0; color:#fff; font-weight:normal;}
#navHold #nav li li a { padding:5px 5px 5px 10px;}
#navHold #nav li li a:hover { background:none; background-color:#9c3;}