/**
 * East Lancashire Scouts
 * Theme developed by Bill Ruddock and Andrew Langhorn
 * Created 11 October 2009
 *
 * For use by East Lancashire Scouts only
 * 
**/

body {
    text-align: left;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    color: #333;
    background: #fff;
}

h1, h2, h3, h4 {
    font-family: Frutiger, Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: .5em 0px 0px;
    letter-spacing: .07em;
    color: #4d2177;  /* Scout Purple */
}

a, a:link {
    text-decoration: none;
    color: #006990; /* Scout Blue */
}
a:visited {
    color: #006080;
}
a:hover, a:active {
    color: #006f9f;
    text-decoration: underline;
}

a img, img {
    border: none;
}

ul {
    list-style: none;
    margin: 0px 0px 10px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}

dt {
    float: left;
    clear: left;
    width: 150px;
}

dd {
    clear:none;
    margin-left: 160px;
}

.clear {
    clear: both;
}

#page {
    position: relative;
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
    min-width: 1044px;
}
#content{
    position: relative;
    left: 244px;
    min-height: 400px;
    margin-right: 244px;
}
.homecontent { margin-right: 488px; }

h2.pagetitle {
    margin-top: 30px;
}

h4.date-header {
    margin-top: 0px;
    padding-left: 14px;
    font-size: 90%;
    /*background: url(images/date_icon.png) no-repeat 0 50%;*/
}

blockquote {
    margin: 0px 10px 0px 10px;
    padding: 10px 0px 0px 36px;
    font-size: 88%;
    line-height: 1.5em;
    background: url(images/quotes.png) no-repeat top left;
}

blockquote p { margin-top: 0px; }

blockquote cite {
    margin: 5px 0px 0px;
    display: block;
}

code {
    font: 1em/2.5em 'Courier New', Courier, monospace;
    color: #444;
    white-space: pre;
    width: 350px;
    height: auto;
    overflow: auto;
    display: block;
    border: 1px solid #999;
    border-width: 2px 0px;
    padding: 1em;
    margin: 0px 0px 1em 0px;
    background-color: #fafafa;
}
li code { width: 330px; }

acronym, abbr, span.caps {
    cursor: help;
    border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center; }
.alignright { text-align: right; }
.alignleft { text-align: left; }

.right {
    float: right;
    padding-left: 4px;
}
.left {
    float: left;
    padding-right: 4px;
}

.hidden {
    display: none;
}

hr { display: none; }

.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}
.inline_error {
    background-color: red;
    color: #fff;
}

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

#jumptocontent {
    display: none;
}

#header {
    display: block;
    margin: 0px;
    padding: 0px;
    min-width: 1044px;
    background-color: #4d2177;
    border-bottom: #873ecf 2px solid;
}

#logo {
    margin: 4px 4px 4px 20px;
    display: inline;
    width: 196px;
    height: 119px;
    background: url(images/logo_back.png) no-repeat;
}

#sections {
    min-width: 800px;
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 7px;
    left: 244px;
}

#sections ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#sections ul li {
    list-style: none;
    float: left;
    display: block;
    padding: 0px;
    margin: 0px;
    background: url(images/sections.png) no-repeat;
}
#sections ul li.sectionFirst {
    background-position: 0px;
}
#sections ul li.section {
    margin-left: -5px;
    background-position: -16px;
}
#sections ul li.sectionLast {
    margin-left: -5px;
    background-position: right;
}
#sections ul li.sectionSolo {
    background: url(images/section_solo.png) no-repeat;
    background-position: 0px;
}
#sections ul li.active,
#sections ul li:hover,
#sections ul li.hover {
    background-image: url(images/section_active.png);
}
#sections ul li.hoverSolo,
#sections ul li.sectionSolo:hover {
    background-image: url(images/section_solo_active.png);
}
#sections ul li img {
    display: block;
    height: 70px;
    width: 90px;
}

/* Search Form
 * ------------------------------------------------------------------
 */

#ajaxSearch_form {
    width: auto;
    height: auto;
    padding: .5em;
    margin: 0px;
    border: none;
}

#ajaxSearch_input {
    float: none;
    margin: 0px;
    padding: 0px;
    display: inline;
    width: 130px;
    vertical-align: top;
}
#ajaxSearch_submit {
    float: none;
    margin: 0px;
    padding: 0px;
    display: inline;
    width: 6em;
}
#ajaxSearch_output {
    position: absolute;
    width: 230px;
    background-color: #000;
    display: block;
    /*line-height: auto;*/
    height: auto;
}
#ajaxSearch_form #searchClose,
#ajaxSearch_form #indicator {
    position: absolute;
    top: 45px;
    left: 150px;
}
#ajaxSearch_form #searchClose {
    left: 200px;
}

/* Search results - ajax mode */
.AS_ajax_result, .AS_ajax_resultsIntroFailure {
    color: #ccc;
    padding: 3px 1em;
    margin-top: -.5em;
    padding-bottom: 1em;
    border-bottom: 2px #444 solid;
}
.AS_ajax_resultLink {
    text-decoration: underline;
}
.AS_ajax_resultDescription {
    color: #bbb;
}
.AS_ajax_more {
    color: #bbb;
    background-color: #001323;
    padding: 3px 1em;
}
.ajaxSearch_paging{
    display: block;
}

/* Search results - non-ajax mode */
.ajaxSearch_resultsInfo {
    margin: 0 0 1em 0;
}
.ajaxSearch_resultLink {
}
.ajaxSearch_resultExtract {
    margin-top: -1em;
}
.ajaxSearch_result {
    width: 500px;
    padding: 0px;
    margin-top: -.6em;
}
.ajaxSearch_highlight {color: #eee;}
.ajaxSearch_highlight1 {background-color: #4d2177;}
.ajaxSearch_highlight2 {background-color: #84a40b;}
.ajaxSearch_highlight3 {background-color: #8b0066;}
.ajaxSearch_highlight4 {background-color: #ed7703;}
.ajaxSearch_highlight5 {background-color: #006990;}
.ajaxSearch_highlight6 {background-color: #9d552d;}
.ajaxSearch_highlight7 {background-color: #415a68;}
.ajaxSearch_highlight8 {background-color: #001323;}

.sideitem .searchTerms {
    margin-left: 3px;
}

/* Post (Main content)
 * ------------------------------------------------------------------
 */

.post {
    background-color: #fff;
    min-width: 526px;
    width: auto;
    margin: 10px 0px 1.5em 0px;
    padding: 0px 14px 1.5em 14px;
    z-index: 3;
}
.homepost {
    margin-right: 244px;
}

.post h3 {
    margin-top: 0px;
    color: #f63;
}
.post ul li {
    /*background: url(images/li.png) no-repeat;
    background-position: left center;*/
    list-style: disc;
    margin-left: 0px;
    padding-left: 0px;
}

.author {
    color: #666;
    text-align: right;
    margin-right: 256px;
}

/* Ditto posts
 * ------------------------------------------------------------------
 */

.ditto_info {
    color: #666;
}
.ditto_link {
    clear: left;
}
.ditto_page, .ditto_currentpage {
    padding: 0px 4px;
}

/* Comments
 * ------------------------------------------------------------------
 */

.comment {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #fdfdfd;
}
.commentAuthor {
    background-color: #ffc;
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}

/* Sidebars
 * ------------------------------------------------------------------
 */

#leftbar,
#rightbar {
    float: left;
    position: absolute;
    top: 130px;
    bottom: 0px;
    width: 230px;
    margin: 0px 10px;
    padding: 0px;
    font-size: 85%;
    line-height: 1.4em;
    color: #999;
}
#leftbar {
    left: 0px;
}
#rightbar {
    float: right;
    /*left: 794px;*/
    right: 0px;
    margin-left: 14px;
    z-index: 1;
}
#rightbar * { z-index: 0; }

.sideitem {
    background: url(images/sideitem_edges.png) repeat-y;
    min-height: 1em;
    margin: 0px;
    padding: 0px;
}
.sideitem_bottom {
    background: url(images/sideitem_bottom.png) no-repeat;
    height: 17px;
    margin: 0px;
    padding: 0px;
}

#leftbar h2,
#rightbar h2 {
    text-align: center;
    padding: 5px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    color: #eee;
    font-size: 12pt;
    background: url(images/sidebar_h2.png) #84a40b no-repeat top left;
    height: 23px !important;
    height /**/:28px; /* for IE5/Win include padding in height */
}
#leftbar h2 a,
#rightbar h2 a {
    color: #eee;
}

#leftbar ul, #leftbar p,
#rightbar ul, #rightbar p {
    padding: 0px 5px 0.1em;
    margin-left: -5px;
}

#leftbar ul,
#rightbar ul { margin-bottom: 0px; padding-bottom: 0.2em; }
#leftbar ul ul,
#rightbar ul ul { margin-bottom: 0px; border-bottom: 1px solid #ddd; }
#leftbar ul ul ul,
#rightbar ul ul ul { border-bottom: none; margin-bottom: 0px; }

.sideitem p, div, h3 {
    margin: 0px;
}

.sideitem #calendar {
    text-align: center;
    padding-left:2px;
}
.sideitem #calendar table {
    width: 226px;
}
.monthnavigationback { text-align: left; }
.monthnavigationforward { text-align: right; }
.sideitem #calendar .calList_item {
    border-bottom: 1px solid #768832;
}
.sideitem #calendar h3 {
    font-size: 12px;
    width: 226px;
    height: 1.2em;
    padding-bottom: .2em;
    overflow: hidden;
}
.sideitem #calendar p {
    color: #333;
}

/* Footer
 * ------------------------------------------------------------------
 */
#footer {
    position: relative;
    left: 256px;
    min-width: 526px;
    margin: 5px 512px 0px 0px;
    padding: 3px 0px;
    font-size: 85%;
    color: #efefef;
    border: #873ecf solid 2px;
    background-color: #4d2177;
}

#footer p, #footer div {
    padding: 0px 14px;
}
#footer a {
    border-bottom: none;
    color: #aaaaff;
}

#footer #foot_topleft {
    padding: 0px;
    margin: -5px 0px 0px -2px;
    background: url(images/foot_topleft.png) no-repeat;
    background-position: top left;
}
#footer #foot_topright {
    padding: 0px;
    margin: 0px;
    margin-right: -2px;
    padding-top: 5px;
    background: url(images/foot_topright.png) no-repeat;
    background-position: top right;
}

/* Forms
 * ------------------------------------------------------------------
 */

form {
    /*width: 360px;*/
    text-align: left;
    padding: 0px 14px 14px 14px;
    margin: 7px;
    /*border: 2px #768832 solid;*/
}
form.full {
    min-width: 600px;
}

fieldset {
    margin: 0px;
    padding: 0px;
    border: none;
}

legend {
    display: none;
}
form h3 {
    padding: 15px 0px 5px;
    font-size: 14px;
    font-family: Frutiger, Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: bold;
}

form textarea {
    margin-top: 3px;
    width: 353px;
    height: auto;
}

/* Admin area
 * ------------------------------------------------------------------
 */

.nl_currentpage, .nl_page {
    padding: 0px 4px;
}
.nm_row_odd,
.nm_row_even {
    display: block;
    clear: none;
    padding: 7px;
}
.nm_row_even {
    background-color: #efefef;
}

.nm_button {
    display: inline;
    clear: none;
    padding: 0px;
    margin: 0px;
}
.nm_button form {
    width: auto;
    display: inline;
    clear: none;
    border: none;
    padding: 0px;
}
.nm_button form input
{
    display: inline;
    clear: none !important;
}

/* Special handling for images and alignment
 * ------------------------------------------------------------------
 */

p img {
    padding: 0px;
    max-width: 100%;
}

img.centered {
    display: block;
    margin: 0px auto;
}
img.alignright {
    padding: 4px;
    margin: 0px 0px 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0px 7px 2px 0px;
    display: inline;
}

/* Special Anchors
 * ------------------------------------------------------------------
 */

a.feed, a.facebook, a.flickr, a.twitter, a.youtube, a.scoutuk, a.pdf, a.doc, a.docx, a.ppt, a.pptx, a.xls, a.xlsx, a.county {
    padding-left: 20px;
    background: no-repeat left;
}
a.feed {background-image: url(images/feed.png);}
a.facebook {background-image: url(images/links/facebook.png);}
a.flickr {background-image: url(images/links/flickr.png);}
a.twitter {background-image: url(images/links/twitter.png);}
a.youtube {background-image: url(images/links/youtube.png);}
a.scoutuk {background-image: url(images/links/scouts.png);}
a.pdf {background-image: url(images/links/pdf.png);}
a.doc {background-image: url(images/links/doc.png);}
a.docx {background-image: url(images/links/docx.png);}
a.ppt {background-image: url(images/links/ppt.png);}
a.pptx {background-image: url(images/links/pptx.png);}
a.xls {background-image: url(images/links/xls.png);}
a.xlsx {background-image: url(images/links/xlsx.png);}
a.county {background-image: url(images/links/county.png);}

/* Google Calendar
 */

#calLinks {
    margin-bottom: 0.2em;
}
#calPrintLink {
    display: inline;
    margin: 0em 1em 0.2em 1em;
}
#calPrintLink a {
    color: #001323;
}
.calLink {
    display: inline;
    text-align: center;
    margin: 1em 1em 1em 0em;
    padding: 0em 0.2em 0.1em 0.2em;
    background-color: #84a40b;
    /*border: 1px solid #678832;*/
}
.calLink a {
    color: #eee;
}
#calLink_county {background-color: #528800;}
#calLink_beavers {background-color: #2952a3;}
#calLink_cubs {background-color: #0d7813;}
#calLink_scouts {background-color: #ab8b00;}
#calLink_explorers {background-color: #8d6f47;}
#calLink_network {background-color: #5229a3;}
#calLink_adult_training {background-color: #b1440e;}
#calLink_media_team {background-color: #a32929;}
#calLink_jamboree {background-color: #1b887a;}

.sideitem #links {padding-top: 4px; margin-left: 60px;}
/*.sideitem #links li {display: inline;}*/

/* RichText widgets
 * ------------------------------------------------------------------
 */

.MODX_RichTextWidget { width: 353px; }
.MODX_RichTextWidget a { border: 0px; }