/*  This file is part of Mura CMS.

    Mura CMS is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, Version 2 of the License.

    Mura CMS is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Mura CMS.  If not, see <http://www.gnu.org/licenses/>.

*/

/* @group GLOBALS
===================================== */

body {
  color: #333;
  font-family: arial, helvetica, sans serif;
  /*background: #ebebeb url(images/bg-tile.jpg) ;*/
  background: url(images/bg-body.jpg) top center repeat-x #a4cee0;
  ;
  background-attachment:fixed;
  padding-top:0px;
  }

p.intro {
  margin-bottom: 1em;
  font-size: 1.3em;
  line-height: 1.6;
  color: #444;
  padding:0 1em 1em 0;
  }

.content img {
  padding: 0;
  border: none;
  }

a  { color:#2dbcdf; }


/* @group Globals - Headings
===================================== */

p#sectionTitle {
  display: none;
  }

/* @end Globals - Headings
-------------------------------- */

/* @end GLOBALS
-------------------------------- */

form { padding:2em 1em 3em; margin:1em; border:1px solid #eee;
   -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}

fieldset {
   background:#f9f9f9; border:0; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px;
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#EEE'); */
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#EEE));
    background: -moz-linear-gradient(top, white, #EEE);
}
fieldset h4 { width:25%; text-align:right; }

legend { color:#008DB7; font-size:14px !important; margin:1em auto; padding:.5em;  border:0;
   -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
}

/* @group LAYOUT
===================================== */

#container {
  position: relative;
  width:995px;
  overflow:hidden;
  -moz-box-shadow: 0 0px 8px #369;
  -webkit-box-shadow: 0 0px 8px #369;
  box-shadow: 0 0px 8px #369;
}

#content {
  padding:0;
  background: #fff;
  overflow:hidden;
  }

.content {
  border:none;
  }

#left.sidebar { width: 284px; margin:0; padding:0; /*background:#003C78;*/ background:#e2f5ff; color:#036; padding-bottom:999em; margin-bottom:-999em;
  -moz-box-shadow: 1px 0 4px #666;
  -webkit-box-shadow: 1px 0 4px #666;
  box-shadow: 1px 4px #666;
  position:relative; z-index:50;
  border-right:1px solid #aaa;
}


#left.sidebar p  { padding:1em; }
#primary { width: 680px; padding: 15px;}
#primary p, #primary li { font-size:13px; line-height:1.6;}
.twoColSL .content {
  border-right: 0;
  }

.twoColSR .content {
  border-left: 0;
  }


/* @group Layout - Header
===================================== */

#header {
  padding: 30px 0 0;
  height:162px;
  width:995px;
  background: #fff url(images/header-bg.jpg) no-repeat;
  position:relative;
  z-index:90;
  border-bottom:1px solid #666;
  -moz-box-shadow: 0 1px 4px #234;
  -webkit-box-shadow: 0 1px 4px #234;
  box-shadow: 0 1px 4px #234;
  }

#header h1 {
  float: left;
  margin: 0 0 0 30px;
  display:block;
  width:150px;
  height:100px;
  }

#header h1 a {
  color: #000;
  line-height:100px;
  width:150px;
  height:100px;
  text-indent:-999em;
  }

#header #searchForm {
  float:right;
  margin: 0;
  padding: 0;
  border: none;
  width:200px;
  padding-top:20px;
  }

#home-rotator  {width:710px; height:300px; overflow:hidden; margin:-15px -15px 15px -15px; position:relative; padding:0; list-style:none;}
#home-rotator li  { position:absolute; top:0; left:0; width:710px; height:300px; overflow:hidden; padding:0; margin:0; }

#searchForm fieldset { margin:0; padding:0;}

#header a {color: #003C78; text-decoration:none; }
h2.presented-by { color:#003C78; font-size:1.4em; font-style:italic; font-weight:bold; border:none; position:absolute; left:380px; top:125px;}
h2.presented-by span { font-size:.75em; }

/* @end Layout - Header
-------------------------------- */


/* @group Layout - Footer
===================================== */

#footer {
  margin: 0 auto;
  padding: 1em;
  font-size: .75em;
  text-transform:uppercase;
  /* background: #003c78 url(images/footer-bg.jpg) repeat-x; */
  color:#036;
  width:980px;

  }

#footer ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  }

#footer li {
  float: left;
  margin-right: .5em;
  padding-right: .5em;
  }
#footer li.last {
  margin-right: 0;
  padding-right: 0;
  border: none;
  }

#footer p {
  text-align:right;
  margin: 0;
  }
#footer a {color:#369;}
/* @end Layout - Footer
-------------------------------- */

/* @end LAYOUT
-------------------------------- */



/* @group NAVIGATION/UI
===================================== */

/* @group Nav - Breadcrumb
===================================== */

#crumbList {
  margin-bottom: 1em;
  }

#crumbList li {
  color: #999;
  }

#crumbList li a {
  padding-bottom: 0;
  border: 0;
  color: #999;
  }

/* @end Nav - Breadcrumb
-------------------------------- */


/* @group Nav - Primary
===================================== */
#navWrapper { float:left; width:995px; background: #fff url(images/bg-nav.jpg) bottom repeat-x; margin-top:19px; border-top:1px solid #ccc;}


#navPrimary {
  padding-left:0px;
  font-family: Arial, Helvetica, sans-serif;
  float:left;
   width:995px;
  }

#navPrimary li {
  margin: 0;
  border-left:1px solid #bbb;
  /* border-right:1px solid #ddd;*
  /*background: url(images/nav-div.jpg) left center no-repeat;*/
  }

#navPrimary li.first {
  margin-left: 0;
  border-left:none;
  background:none;
  }


#navPrimary li.last {
  border-right:0;
  }

#navPrimary li a {
  display: block;
  font-weight:bold;
  padding: 0 10px;
  line-height: 43px;
  text-decoration: none;
  text-transform: uppercase;
  color: #2a9ccc;
  }

#navPrimary li.first a { margin-left:0; }


#navPrimary li a:hover,
#navPrimary li:hover,
#navPrimary li.sfhover {
  text-decoration: none;
  background:#75b330 url(images/bg-nav-hover.jpg) top center repeat-x;
  color:#fff;
  }
#navPrimary li:hover a,
#navPrimary li.sfhover a {
  color:#fff;
  }
#navPrimary li:hover li a,
#navPrimary li.sfhover li a {
  color:#2a9ccc;
}


#navPrimary li.current a {
  background:#75b330 url(images/bg-nav-hover.jpg) top center repeat-x;
  color:#fff;
  }

#navPrimary li.current li a {
  background: #fff;
  color:#178ad6;
  }

#navPrimary li ul { /* second-level lists */
  border: 1px solid #bbb;
  background: #fff;
  box-shadow: 0 2px 4px #000;
  -moz-box-shadow: 0 2px 4px #000;
  -webkit-box-shadow: 0 2px 4px #000;
  }

#navPrimary li li a { /* second-level lists */
  margin-left:0px;
  color:#178ad6;
}


#navPrimary li li.first {
  margin-left: 0;
  }

#navPrimary li li {
  border:0;
  border-top: 1px dotted #ccc;
  background:none;
  }

#navPrimary li:hover li a:hover,
#navPrimary li.sfhover li a:hover {
  background: #eee;

  }

#navPrimary li li ul { /* third-level lists */
  border-left: 1px solid #fff;
  background-color: #666;
  }

/* @end Nav - Primary
-------------------------------- */

/* @end NAVIGATION/UI
-------------------------------- */


/* CUSTOM Components
 =====================================*/
.sidebar .map-thumb, .sidebar .quotes { padding: 0px;}

/*.sidebar .map-thumb h3, .sidebar .quotes h3 { padding:6px 10px; font-size:1.5em; margin:0; background:#007e13 url(images/heading-green-bg.jpg) repeat-x; color:#fff;}
.sidebar .map-thumb a, .sidebar .quotes p, .sidebar .quotes a { color:#fff; }
.sidebar .map-thumb a:hover { background:inherit;}
.sidebar .map-thumb p { text-align:center; background:#fff; margin:0;} */

.sidebar .quotes { border-bottom:1px dotted #bbb; margin-bottom:2em;}
.sidebar .quotes p {font-size:1.3em; line-height:1.2; padding:.5em 1em; font-style:italic; margin-bottom:0;}
.email-box { text-align:center; border:4px solid #aaa; padding:4px 0; }
.email-box  h3, .email-box p, .email-box form { margin:0; }
.email-box label {height:25px; line-height:25px; }
.email-box input { width:100px; }
.email-box .submit { width:25px; }

#topBar {z-index:20; text-align:right; position:relative; margin-top:-10px; margin-right:10px; color:#000; font-size:1.3em; text-transform:uppercase; font-weight:bold;}
#countdown { background:#3f3f3f url(images/countdown-bg.gif) repeat-x; border:1px solid #fff; border-bottom:1px solid #eee; display:inline; height:20px; line-height:20px; font-size:14px; letter-spacing:1px; padding:4px; color:#fff;}
#daysSpan  {}
#minutesSpan, #hoursSpan  { padding-left:6px; border-left:1px #555 solid; }

/* @group default.css Overrides
===================================== */
#homepage .pageTitle {display:none; }

h2 { color:#68a02b; text-transform:uppercase; letter-spacing:-1px; font-size:3em; font-weight:bold; border-bottom:1px dotted #008DB7;/* background:#E2F5FF; */ padding:.1em 0;}
h3{ color:#008db7; }

#mailingComponent h3 { padding:6px 10px; font-size:1.5em; margin:0 0 .75em; background:url(images/heading-green-bg.jpg) repeat-x;  color:#fff; text-align:left; }
#mailingComponent {overflow:auto; padding:10px 5px;}

#sysWhatsNew { padding:10px 5px; color:#fff; }
#sysWhatsNew h3 { padding:6px 10px; font-size:1.5em; margin:0 0 .75em; background:url(images/heading-green-bg.jpg) repeat-x; }
#sysWhatsNew a { color:#fff;}
#sysWhatsNew dl { margin-left:10px; display:inline; width:265px; /*IE*/}

.sidebar dl.hasImage .image{ display:inline; }
.sidebar dl.hasImage {margin:0; padding:0; width:265px; }
.sidebar dl.hasImage dt { display:none; }
#sysStJoeImages { margin-left:8px; width:265px;  }
#sysStJoeImages .svSlides {height:180px; min-height:180px;}
.svSlides { padding:0; text-align:center; width:265px; overflow:hidden; }
ol.svPager { display:none;}

.svSyndLocal dl,
.svSyndRemote dl,
.svRelatedContent dl {
  float: left;
  width: 100%;
  }

.sidebar .svSyndLocal dl,
.sidebar .svSyndRemote dl,
.svRelatedContent {
  margin-bottom: 0;
  }

.sidebar .svSyndLocal dd,
.sidebar .svSyndRemote dd,
.svRelatedContent {
  margin-bottom: 0;
  }

dt.releaseDate {
  color: #666;
  }

/* @end default.css Overrides
-------------------------------- */
#svPortal    { border-top:1px dotted #ddd; }
#svPortal dt   { font-size:18px; }

.bc-login    {float:left; }

.sidebar h3  { padding:8px 10px; font-size:1.6em; margin:0 0 .25em; background:#02afd9; color:#fff; letter-spacing:-.5px;
  -moz-box-shadow: 0 1px 2px #444;
  -webkit-box-shadow: 0 1px 2px #444;
  box-shadow: 0 1px 2px #444; }

#sponsors  { background: #fff; clear:both; text-align:center; padding:2em 0 0; margin-top:2em; border-top:1px solid #ccc; position:relative;}
#sponsors p  { margin-bottom:0; }
#sponsors img {padding:0 20px; }
.sponsored-by  { color:#aaa; padding:0px; text-align:left; margin:0; position:absolute; top:23px; left:0; letter-spacing:-.5px; font-weight:bold;}
.newsletter-banner  { display:block; width:300px; height:36px; background:url(/bikethebend/assets/Image/joinmailingList.jpg) no-repeat; text-indent:-999em; }
.newsletter  { border-left:1px dotted #aaa; }

#supporters h4  {
background: #E2F5FF;
border-bottom: 1px dotted #CCC;
border-top: 1px dotted #CCC;
color: #666;
font-family: georgia, times, serif;
font-size: 2em;
font-weight: normal;
margin-top: 0.5em;
padding: 0.25em 0.5em;
}
#supporters h5  { color: #666; font-family: georgia, times, serif; font-size: 1.7em !important; font-weight: normal; margin: 0px; padding: 1em;}

/* Categories */
.sidebar .svCatSummary li {padding:5px 10px; font-size:15px; line-height:1.5; margin:5px 0; border-bottom:1px dotted #999; }
.sidebar .svCatSummary a { color:#08678a; }
/* EOF */