/*
    Document   : sub
    Created on : 30-Jul-2012, 11:32:07
    Author     : Adam Maltpress <adam@maltpress.co.uk>
    Description:
        Sub page CSS
*/

/* header */

div#outerWrap {
    background: url("../images/subBG.gif") repeat-x scroll 0 0 transparent
}

div.content p {
    font-family: arial, helvetica, sans-serif;
    color: #464646;
}

header {
    background: transparent;
}

header h1.sectionTitle {
    color: #fff;
    font-family: 'BebasNeueRegular', arial, helvetica, sans-serif;
    font-size: 2.8em;
    /*text-transform: uppercase;*/
    margin-bottom: 10px;
    position: relative;
    top: 135px;
}

header h2.sectionDesc {
    color: #fff;
    font-family: 'RobotoMedium', arial, helvetica, sans-serif;
    font-size: 1.3em;
    margin-bottom: 10px;
    position: relative;
    top: 125px;
}


/* sub nav */

nav#subNav {
    position: relative;
    top: 106px;
    z-index: 1;
}

nav#subNav ul li {
    position: relative;
    padding-bottom: 9px;
    float: left;
}

nav#subNav ul li.leaf {
    list-style: none;
}

nav#subNav ul li a {
    float: left;
    display: block;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;

    color: #464646;
    text-decoration: none;
    padding: 23px 25px 20px 25px;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    margin-left: -1px;
}

nav#subNav ul li.active a, nav#subNav ul li a:hover, nav#subNav ul li a.active {
    color: #fff;
}

nav#subNav ul li.active span, nav#subNav ul li:hover span, nav#subNav ul li a.active ~ span {display: block; width: 100%; height: 9px; margin-top: 58px; position: absolute; left: 40%;}

nav#subNav ul li a {background: transparent url('../images/silverNav.gif') repeat-x;}
nav#subNav ul li.active a, nav#subNav ul li a:hover, nav#subNav ul li a.active {background: #eb2127;}
nav#subNav ul li.active span, nav#subNav ul li:hover span, nav#subNav ul li a.active ~ span {background: transparent url('../images/silverChevron.gif') no-repeat;}

nav#subNav.goldNav ul li a {background: transparent url('../images/goldNav.gif') repeat-x;}
nav#subNav.goldNav ul li.active a, nav#subNav.goldNav ul li a:hover, nav#subNav.goldNav ul li a.active {background: #7dc243;}
nav#subNav.goldNav ul li.active span, nav#subNav.goldNav ul li:hover span, nav#subNav.goldNav ul li a.active ~ span {background: transparent url('../images/goldChevron.gif') no-repeat;}

/* silver is the standard, no need to redefine at this stage... */

nav#subNav.bronzeNav ul li a {background: transparent url('../images/bronzeNav.gif') repeat-x;}
nav#subNav.bronzeNav ul li.active a, nav#subNav.bronzeNav ul li a:hover, nav#subNav.bronzeNav ul li a.active {background: #ae79b4;}
nav#subNav.bronzeNav ul li.active span, nav#subNav.bronzeNav ul li:hover span, nav#subNav.bronzeNav ul li a.active ~ span {background: transparent url('../images/bronzeChevron.gif') no-repeat;}

nav#subNav.exploreNav ul li a {background: transparent url('../images/discoverNav.gif') repeat-x;}
nav#subNav.exploreNav ul li.active a, nav#subNav.exploreNav ul li a:hover, nav#subNav.exploreNav ul li a.active {background: #00b095;}
nav#subNav.exploreNav ul li.active span, nav#subNav.exploreNav ul li:hover span, nav#subNav.exploreNav ul li a.active ~ span {background: transparent url('../images/discoverChevron.gif') no-repeat;}

nav#subNav.discoverNav ul li a {background: transparent url('../images/discoverNav.gif') repeat-x;}
nav#subNav.discoverNav ul li.active a, nav#subNav.discoverNav ul li a:hover, nav#subNav.discoverNav ul li a.active {background: #00b095;}
nav#subNav.discoverNav ul li.active span, nav#subNav.discoverNav ul li:hover span, nav#subNav.discoverNav ul li a.active ~ span {background: transparent url('../images/discoverChevron.gif') no-repeat;}

nav#subNav ul li.reviews a {background: transparent url('../images/reviewSub.gif') repeat-x;}
nav#subNav ul li.active.reviews a, nav#subNav ul li.reviews a:hover, nav#subNav ul li.reviews a.active {background: #7dc243;}
nav#subNav ul li.active.reviews span, nav#subNav ul li.reviews:hover span, nav#subNav ul li.reviews a.active ~ span {background: transparent url('../images/goldChevron.gif') no-repeat;}

nav#subNav ul li.blogs a {background: transparent url('../images/blogNav.gif') repeat-x;}
nav#subNav ul li.active.blogs a, nav#subNav ul li.blogs a:hover, nav#subNav ul li.blogs a.active {background: #00aeef;}
nav#subNav ul li.active.blogs span, nav#subNav ul li.blogs:hover span, nav#subNav ul li.blogs a.active ~ span {background: transparent url('../images/blogChevron.gif') no-repeat;}

nav#subNav ul li.events a {background: transparent url('../images/yourNav.gif') repeat-x;}
nav#subNav ul li.active.events a, nav#subNav ul li.events a:hover, nav#subNav ul li.events a.active {background: #f2509b;}
nav#subNav ul li.active.events span, nav#subNav ul li.events:hover span, nav#subNav ul li.events a.active ~ span {background: transparent url('../images/yourChevron.gif') no-repeat;}

nav#subNav ul li.articles a {background: transparent url('../images/discoverNav.gif') repeat-x;}
nav#subNav ul li.active.articles a, nav#subNav ul li.articles a:hover, nav#subNav ul li.articles a.active {background: #00B095;}
nav#subNav ul li.active.articles span, nav#subNav ul li.articles:hover span, nav#subNav ul li.articles a.active ~ span {background: transparent url('../images/discoverChevron.gif') no-repeat;}

nav#subNav ul li.opportunities a {background: transparent url('../images/bronzeNav.gif') repeat-x;}
nav#subNav ul li.active.opportunities a, nav#subNav ul li.opportunities a:hover, nav#subNav ul li.opportunities a.active {background: #ae79b4;}
nav#subNav ul li.active.opportunities span, nav#subNav ul li.opportunities:hover span, nav#subNav ul li.opportunities a.active ~ span {background: transparent url('../images/bronzeChevron.gif') no-repeat;}

nav#subNav ul li.touchOnly a  {background: transparent url('../images/yourNav.gif') repeat-x;}


/* left column */

section#mainContent {
    display: block;
    width: 670px;
    margin-top: 150px;
    float: left;
    margin-bottom: 30px;
    font-size: 0.8em;
}

/* page type markers */

/* CB - needed to add copies for .views-row, and capitalise 
as they're being pulled automatically from Drupal */

article div.postType {
    display: block;
    float: left;
    width:98px;
    height: 85px;
    text-indent: -10000px;
    line-height: 0;
    font-size: 0;
    margin-right: 10px;
    margin-bottom: 20px;
}

.views-row div.postType {
    display: block;
    float: left;
    width:98px;
    height: 85px;
    text-indent: -10000px;
    line-height: 0;
    font-size: 0;
    margin-right: 10px;
    margin-bottom: 20px;
}

article div.blogMarker {
    background: transparent url('../images/lrg-blog.png') no-repeat;
}

.views-row div.BlogMarker, .views-row div.blogMarker {
    background: transparent url('../images/lrg-blog.png') no-repeat;
}

article div.eventMarker {
    background: transparent url('../images/lrg-events.png') no-repeat;
}

.views-row div.EventMarker {
    background: transparent url('../images/lrg-events.png') no-repeat;
}

article div.reviewMarker {
    background: transparent url('../images/lrg-reviews.png') no-repeat;
}

.views-row div.ReviewMarker {
    background: transparent url('../images/lrg-reviews.png') no-repeat;
}

article div.articleMarker {
    background: transparent url('../images/lrg-articles-2.png') no-repeat;
}

.views-row div.ArticleMarker {
    background: transparent url('../images/lrg-articles-2.png') no-repeat;
}        

article div.pageMarker {
    background: transparent url('../images/pageMarker.png') no-repeat;
}

.views-row div.PageMarker {
    background: transparent url('../images/pageMarker.png') no-repeat;
}

article div.opportunityMarker {
    background: transparent url('../images/lrg-opportunities.png') no-repeat;
}

.views-row div.OpportunityMarker {
    background: transparent url('../images/lrg-opportunities.png') no-repeat;
}

article div.other_contentMarker {
    background: transparent url('../images/othercontentMarker.png') no-repeat;
}

.views-row div.other_contentMarker {
    background: transparent url('../images/othercontentMarker.png') no-repeat;
}

article div.photo_articleMarker {
    background: transparent url('../images/photo-articleMarker.png') no-repeat;
}

.views-row div.photo_articleMarker {
    background: transparent url('../images/photo-articleMarker.png') no-repeat;
}

/* match article title link colour to article type */

section#mainContent.list div.view-content div.article h2 a {color:#00B095;}
section#mainContent.list div.view-content div.article h2 a:hover {color:#464646}
section#mainContent.list div.view-content div.blog h2 a {}
section#mainContent.list div.view-content div.blog h2 a:hover {color: #464646;}
section#mainContent.list div.view-content div.review h2 a {color:#7dc243}
section#mainContent.list div.view-content div.review h2 a:hover {color: #464646;}
section#mainContent.list div.view-content div.event h2 a {color:#F2509B}
section#mainContent.list div.view-content div.event h2 a:hover {color:#464646}

section#mainContent.list div.view-content div.views-row-first h2 a,section#mainContent.list div.view-content div.views-row-2 h2 a, section#mainContent.list div.view-content div.views-row-3 h2 a  {color:#fff; font-weight: bold;}
section#mainContent.list div.view-content div.review h2 a:hover {color: #464646;}



article h1 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 2.6em;
    line-height: 1em;
    margin-bottom: 9px;
    margin-left: 110px;
    margin-right: 60px; /* allow for addThis */
}

body.node-type-page article h1, section.level article h1 {
    margin-left: 0px;
}

article div.postMeta, article div.location {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    font-size: 1em;
    color: #171616;
    margin-left: 110px;
}

article.mainLevel div.field-item {
    padding-top: 20px;
}

article div.postMeta a {
    color: #00ADEE;
    text-decoration: none;
}

article div.postMeta a:hover {
    color: #464646;
}

div.event div.views-field-field-location span.views-label, div.event div.views-field-field-location div.field-content {
    display: inline;
    float: left;
}

div.event div.views-field-field-location span.views-label {
    margin-right: 5px;
}

div.event div.views-field-field-location {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}

/* typography */

article p.intro {
    color: #464646;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 2.0em;
    line-height: 1.2em;
    margin-bottom: 15px;
}

article p, article label {
    color: #464646;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.3em;
    margin-bottom: 20px;
}

section#mainContent article h2 {
    color: #464646;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 2.0em;
    line-height: 1.2em;
    margin-bottom: 15px;
}

section#mainContent article h3 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.8em;
    line-height: 1em;
    margin-bottom: 9px;
}

section#mainContent article h4 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.4em;
    line-height: 1em;
    margin-bottom: 9px;
}

section#mainContent article h5 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.0em;
    line-height: 1em;
    margin-bottom: 9px;
}

article ul, article ol, dl.node-type-list {
    color: #464646;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.5em;
    margin-bottom: 20px;
}

article ul, dl {
    list-style-type: disc;
    list-style-position: outside;
    list-style-image: url('../images/bullet.gif');
    margin-left: 30px;
}

article ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 30px;
}

article a, dl.node-type-list a {
    color: #00ADEE;
    text-decoration: none;
}

article a:hover {
    color: #7e7e7e;
}

article strong {
    font-weight: bold;
}

article em {
    font-style: italic;
}

article code {
    font-family: courier;
}

article pre {
    color: #464646;
}

article blockquote {
    float: left;
    display: block;
    color: #fff;
    padding: 25px 25px 10px 60px;
    background: #eb2127 url('../images/quoteBG.png') no-repeat 20px 28px;
   
    line-height: 1.2em;
    font-size: 1.3em;
    margin: 10px 30px 20px 0;
}

article blockquote p {
    color: #fff;
     font-family: 'RobotoLight', arial, helvetica, sans-serif;
}

section#mainContent article img {
    max-width: 100%;
    height: auto;
    
}

body.node-type-photo-article section#mainContent div.calloutBlock {
    width: 100%;
}

/* CB adding all article css as .views-row as well */

.views-row h1 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 2.6em;
    line-height: 1em;
    margin-bottom: 9px;
}

.views-row div.postMeta, .views-row div.location {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    font-size: 1em;
    color: #171616;
}

.views-row div.postMeta a {
    color: #00ADEE;
    text-decoration: none;
}

.views-row div.postMeta a:hover {
    color: #464646;
}

/* typography */

.views-row p.intro {
    color: #464646;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 2.0em;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.views-row p, .views-row label {
    color: #464646;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.3em;
    margin-bottom: 20px;
}

section#mainContent .views-row h2 {
    color: #464646;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 2.0em;
    line-height: 1.2em;
    margin-bottom: 15px;
}

section#mainContent .views-row h3 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.8em;
    line-height: 1em;
    margin-bottom: 9px;
}

section#mainContent .views-row h4 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.4em;
    line-height: 1em;
    margin-bottom: 9px;
}

section#mainContent .views-row h5 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.0em;
    line-height: 1em;
    margin-bottom: 9px;
}

.views-row ul, .views-row ol {
    color: #464646;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.views-row ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 30px;
}

.views-row ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 30px;
}

.views-row a {
    color: #00ADEE;
    text-decoration: none;
}

.views-row a:hover {
    color: #7e7e7e;
}

.views-row strong {
    font-weight: bold;
}

.views-row em {
    font-style: italic;
}

.views-row code {
    font-family: courier;
}

.views-row pre {
    color: #464646;
}

.views-row blockquote {
    float: left;
    display: block;
    color: #fff;
    padding: 25px 25px 10px 60px;
    background: #eb2127 url('../images/quoteBG.png') no-repeat 20px 28px;
   
    line-height: 1.2em;
    font-size: 1.3em;
    margin: 10px 30px 20px 0;
}

.views-row blockquote p {
    color: #fff;
     font-family: 'RobotoLight', arial, helvetica, sans-serif;
}
/* end CB */

/* call out block */

div.calloutBlock {
    float: left;
    display: block;
    width: 314px;
    margin-right: 25px;
    color: #fff;
    margin-bottom: 10px;
}

div.calloutBlock div.calloutQuote {
    padding: 25px 25px 20px 60px;
    background: #eb2127 url('../images/quoteBG.png') no-repeat 20px 28px;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    line-height: 1.2em;
    font-size: 1.3em;
    margin-top: -2px;
}


/* right column */

section#rightColumn {
    display: block;
    width: 300px;
    float: left;
    margin-top: 175px;
    margin-bottom: 30px;
}


/* comments */

div#comments {
    margin-top: 20px;
        margin-bottom: 15px;
    padding: 15px 10px 60px 10px;
    background: #F4F4F4;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 2px 2px 3px #CCCCCC;
    color: #464646;
}

div#comments h2.title {
    color: #464646;
font-family: 'RobotoLight', arial, helvetica, sans-serif;
font-size: 2.0em;
line-height: 1.2em;
margin-bottom: 15px;
}

div#comments div.singleComment {
    padding: 10px;
    background: #e8e8e8;
    margin-bottom: 20px;
}

div#comments div.singleComment img {
    float: left;
    width: 66px;
    margin-right: 20px;
    margin-bottom: 10px;
}

div#comments div.singleComment div.commentText {
    float: left;
    display: block;
    width: 80%;
}

div#comments div.indented div.singleComment div.commentText {
    width: 480px;
}

div#comments div.singleComment .commentAuthorName a {
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-style: italic;
    font-size: 1em;
    margin-bottom: 5px;
    display: block;
}

div#comments div.singleComment .commentAuthorName a:hover {
    color: #00ADEE;
}

div#comments div.singleComment {
    font-family: arial, helvetica, sans-serif;
    color: #3d3d3d;
    font-size: 0.9em;
    line-height: 1.2em;
}

div#comments div.singleComment p {
    margin-bottom: 7px;
}

div#comments div.singleComment span.commentMeta {
    font-size: 1em;
    font-style:italic;
}

div#comments div.singleComment span.commentMeta a {
    font-style: normal;
    text-decoration: none;
    color: #00ADEE;
}

div#comments div.singleComment span.commentMeta a:hover {
    color: #3d3d3d;
}

div#comments div.grippie {
    display:none;
}

div#comments form textarea {
    background: #e8e8e8;
/*    width: 640px;*/
    height: 120px;
    padding: 15px;
    border: none;
    color: #3d3d3d;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
    margin-bottom: 10px;
}

div#comments form button {
    color: #fff;
    background: #00ADEE;
    border: none;
    padding: 4px;
    clear: both;
}

div#comments form#comment-form div#edit-author--2 {
    display: none;
}

div#comments form#comment-form div.form-type-textarea label {
    display: none;
}

/* hide "new" comment flag */

div.commentText span.new {
    display: none;
}

/* side bar */

/* opportunities */

section#rightColumn section#opportunities {
    display: block;
    width: 258px;
    position: relative;
    float: left;
    background: #fff;
    margin-left: 18px;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-right: 10px;
    top: 25px;
    left: 35px;
}

section#rightColumn section#opportunities h1 {
    background: #ae79b4 url('../images/opportunitiesSmall.png') no-repeat 10px 10px;
    margin-left: -28px;
    position: absolute;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.8em;
    padding: 7px 15px 5px 38px;
    color: #fff;
    text-transform: lowercase;
    margin-top: -18px;
}

section#rightColumn section#opportunities span.ribbon {
    background: transparent url('../images/ribbonPink.png') no-repeat;
    display: block;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 25px;
    left: -18px;
}

section#rightColumn section#opportunities .views-row {
    border-top: 1px dotted #767676;
    margin-bottom: 15px;
    padding-top: 10px;
    display: block;
}

section#rightColumn section#opportunities .views-row-1 {
    border-top: none;
    margin-top: 10px;  /* CB 30px; */
}

section#rightColumn section#opportunities h2 a {
    padding: 0px 10px 0px 0px;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    margin: 10px 0px;
    color: #171616;
    font-size: 0.9em;
    text-decoration: none;
    line-height: 1.2em;
}

section#rightColumn section#opportunities a.readMore {
    background: none repeat scroll 0 0 #ae79b4;
    color: #FFFFFF;
    float: left;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    padding: 6px 8px 4px;
    text-decoration: none;
    margin-top: 10px;
}

section#rightColumn section#opportunities a.readMore:hover {
    background: #4f4f4f;
}

section#rightColumn section#opportunities .views-row span.tags {
    margin-top: 5px;
    display: block;
}

section#rightColumn section#opportunities .views-row span.tags a {
    text-transform: uppercase;
    color: #ae79b4;
    font-size: 0.8em;
    text-decoration: none;
        font-family: 'RobotoRegular',arial,helvetica,sans-serif;
}

section#rightColumn section#opportunities .views-row span.tags a:hover {
    color: #171616;
}

/* featured */

section#featured {
    display: block;
    width: 281px;
    position: relative;
    left: 49px;
    margin-bottom: 20px;
    float: left;
    background: #fff;     
}

section#rightColumn section#featured h1.mainHeader {
    background:  #00ADEE;
    margin-left: -18px;
    position: absolute;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.8em;
    padding: 7px 15px 5px 18px;
    color: #fff;
    text-transform: lowercase;
    margin-top: -52px;
    margin-bottom: 40px;
}

section#rightColumn section#featured span.ribbon {
    background: transparent url('../images/ribbonBlue.png') no-repeat;
    display: block;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 24px;
    left: -18px;
}

section#featured div#featuredBody {
background: url("../images/white86o.png") repeat scroll 0 0 transparent;
    display: block;
    height: 375px;
    margin-top: 33px;
    overflow: hidden;
    padding: 30px 5px 0;
    position: relative;
    width: 272px;
    margin-top: 33px;
}

section#featured div#featuredScroller {
    width: 281px;
    display: block;
    background: #a7a9ac;
    height: 20px;
}

section#featured div#featuredScroller a {
     float: right;
     border-left: 1px solid #fff;
     height: 20px;
     text-indent: -1000000px;
     line-height: 0;
     font-size: 0;
     width: 80px;
}

section#featured div#featuredScroller a.down {
    background: transparent url('../images/down.png') no-repeat 30px 7px;
}

section#featured div#featuredScroller a.up {
    background: transparent url('../images/up.png') no-repeat 30px 7px;
}

section#featured div#featuredScroller a:hover, section#featured div#featuredScroller a.disabled {
    opacity: 0.5;
}

 div.featuredScrollables {
     position: absolute;
     height: 2000000em;
     width: 270px;
     top:0px;
 }

section#featured div#featuredBody article {
    border-bottom: 1px dashed #a7a9ac;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 70px;
    display: block;
    position: relative;
    min-height: 63px; /* CB */
}

/* CB need this to make .animate top jQuery work! */
section#featured div#featuredBody .views-row {
    position: relative;
}

section#featured div#featuredBody article a {
    text-decoration: none;
        color: #393939;
            font-family: 'RobotoRegular', arial, helvetica, sans-serif;
}

section#featured div#featuredBody article a:hover {
    color: #a7a9ac;
}

/* CB */
section#featured div#featuredBody article h2 a {
    color: #393939;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    text-decoration: none;
    font-size: 1.2em;
    margin-bottom: 5px;
}


section#featured div#featuredBody article p.excerpt {
    font-size: 0.75em;
    line-height: 1.2em;
    font-size: 0.8em;
    color: #393939;
}

/* AM updated to correct images for story types */

/* catch-all: use Article marker */
section#featured div#featuredBody article {background: transparent url('../images/article-2.png') no-repeat 5px 10px;}
section#featured div#featuredBody article:hover {background: transparent url('../images/articleOn-2.png') no-repeat 5px 10px;}

/* other styles */
section#featured div#featuredBody article.motion {background: transparent url('../images/motion.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.motion:hover {background: transparent url('../images/motionOn.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.review {background: transparent url('../images/review.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.review:hover {background: transparent url('../images/reviewOn.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.blog {background: transparent url('../images/blog.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.blog:hover {background: transparent url('../images/blogOn.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.event {background: transparent url('../images/event.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.event:hover {background: transparent url('../images/eventOn.png') no-repeat 5px 10px;}

/* Use article marker for these for now - may update */
section#featured div#featuredBody article.general-feature {background: transparent url('../images/article-2.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.general-feature:hover {background: transparent url('../images/articleOn-2.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.case-study {background: transparent url('../images/article-2.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.case-study:hover {background: transparent url('../images/articleOn-2.png') no-repeat 5px 10px;} 

/* add photo article */
section#featured div#featuredBody article.photo-article {background: transparent url('../images/photo-article.png') no-repeat 5px 10px;}
section#featured div#featuredBody article.photo-article:hover {background: transparent url('../images/photo-articleOn.png') no-repeat 5px 10px;}

section#featured div#featuredBody article p {
    margin-bottom: 0px;
}

/* blogs */

section#rightColumn section#related, section.level section#related {
    display: block;
    position: relative;
    float: left;
    background: #87deff;
    width: 271px;
    margin-left: 50px;
    padding-left: 10px;
    margin-bottom: 40px;
}

section#rightColumn section#related h1, section.level section#related h1 {
    background: #00aeef;
    margin-left: -28px;
    position: absolute;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.8em;
    padding: 7px 15px 5px 18px;
    color: #fff;
    text-transform: lowercase;
    z-index: 100;
    top: -18px;
    left: 10px;
}

section#rightColumn section#related span.ribbon, section.level section#related span.ribbon {
    background: transparent url('../images/ribbonBlue.png') no-repeat;
    display: block;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 24px;
    left: -18px;
}

section.level section#related span.ribbon {
    top: 19px;
}

section#rightColumn section#related .views-row, section.level section#related .views-row {
    display: block;
    float: left;
    border-bottom: 1px dotted #00aeef;
    padding-bottom: 10px;
    margin-top: 5px;
    width: 256px;
}

section#rightColumn section#related .views-row-first, section.level section#related .views-row-first {
    margin-top: 32px;
}

section#rightColumn section#related .views-row .views-field-created, section.level section#related .views-row .views-field-created {
    float: left;
    display: block;
    width: 50px;
    color: #fff;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.1em;
    text-align: center;
    padding-top: 5px;
}

section#rightColumn section#related .views-row .views-field-created span.month, section.level section#related .views-row .views-field-created span.month {
    clear: left;
    display: block;
    font-size: 0.6em;
    text-transform: uppercase;
}

section#rightColumn section#related .views-field-title {
    display: block;
    width: 205px;
    text-align: left;
    float: right;
    margin-top: 5px;
}

section#rightColumn section#related .views-row h2 a, section.level section#related .views-row h2 a {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    font-size: 0.9em;
    color: #171616;
    text-decoration: none;

}

section#rightColumn section#related .views-row h2 a:hover, section.level section#related .views-row h2 a:hover {
    color: #767676;
}

section.level section#related h2 {
    font-size: 1.2em;
    margin-bottom: 0px;
}

section.level section#related .views-row .views-field-created {
    font-size: 1.6em;
}

section.level section#related .views-row-first {
    margin-top: 25px;
}

/* list pages */

/* pagination */

.item-list .pager li {
    /* reset system padding */
    padding: 0px;
}

ul.pager {
    float: right;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 1em;
    margin-top: 20px;
}
ul.pager li {
    list-style-type: none;
    margin: 0px 7px 0px 0px;
    padding: 0px;
}
ul.pager li a {
    border: 1px solid #767676;
    color: #767676;
    padding: 3px 5px;
    text-decoration: none;
}
ul.pager li a:hover {
    background: #EB2127;
}
ul.pager li:hover a {
    color: #FFFFFF;
}
ul.pager li.pager-current {
    background: #00ADEE;
    border: 1px solid #333333;
    color: #fff;
    padding: 3px 5px;
}

/* changing all of these to .views-row and corresponding */
section.list .views-row {
    float: left;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #767676;
    /* CB - need this for short items? */
    width: 100%;
}

/* CB -- added this here for now as row 1 seems to not max width*/
section.list .views-row-1 {
    width: 620px;
}

section.list .views-row img {display: none;}

section.list .views-row-1, section.list .views-row-2, section.list .views-row-3 {
    display: block;
    padding: 30px 20px 0px 20px;
    color: #fff;
    margin-bottom: 40px;
    position: relative;
    border-bottom: 0px;
}

section.list .views-row div.postMeta, section.list .views-row div.location {
    margin-bottom: 10px;
    color: #464646;
    line-height: 1.2em;
}

section.list .views-row div.postMeta {

}

section.list .views-row p {
    color: #464646;
    float: left;
    /* CB - need this for short text items? */
    width: 100%;
}

section.list .views-row-1 p {
    float: none;
}

section.list .views-row-1 a {
    color: #00ADEE;
}

section.list .views-row-1 h2 a, section.list .views-row-2 h2 a, section.list .views-row-3 h2 a, section.list article h2 a {
    display: block;
    color: #464646;
}

section.list .views-row h2 a:hover {
    color: #00ADEE;
}

section.list .views-row-1.event a, section.list .views-row-2.event a, section.list .views-row-3.event a {
    color: #AE79B4;
}

section.list .views-row-1.review a, section.list .views-row-2.review a, section.list .views-row-3.review a {
    color: #fff;
}

section.list .views-row-1 a:hover, section.list .views-row-2 a:hover, section.list .views-row-3 a:hover {
    color: #fff;
}

section.list .views-row-1.review a:hover, section.list .views-row-2.review a:hover, section.list .views-row-3.review a:hover {
    color: #4f4f4f;
}

section.list .views-row-1.article a:hover, section.list .views-row-2.article a:hover, section.list .views-row-3.article a:hover {
    color: #4f4f4f;
}

section.list .views-row-1.blog, section.list .views-row-2.blog, section.list .views-row-3.blog {
    background: #87DEFF;
}

section.list .views-row-1.event, section.list .views-row-2.event, section.list .views-row-3.event {
    background: #F5BCFB;
}

section.list .views-row-1.review, section.list .views-row-2.review, section.list .views-row-3.review {
    background: #B0D68A;
}

section.list .views-row-1.article, section.list .views-row-2.article, section.list .views-row-3.article {
    background: #5EE5C7;
}

section.list .views-row-1.article a, section.list .views-row-2.article a, section.list .views-row-3.article a {
    color: #00B095;
}


section.list .views-row-1.blog div.postType, section.list .views-row-2.blog div.postType, section.list .views-row-3.blog div.postType {
    background: url("../images/blogSmall.png") no-repeat scroll 10px 10px #00AEEF;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.8em;
    left: 10px;
    margin-left: -28px;
    padding: 7px 15px 5px 38px;
    position: absolute;
    text-transform: lowercase;
    top: -18px;
    z-index: 100;
    text-indent: 0px;
    height: auto;
    line-height: 1.2em;
    width: auto;
}

section.list .views-row-1.blog span.ribbon, section.list .views-row-2.blog span.ribbon, section.list .views-row-3.blog span.ribbon {
    background: url("../images/ribbonBlue.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 23px;
    width: 16px;
}

section.list .views-row-1.event div.postType, section.list .views-row-2.event div.postType, section.list .views-row-3.event div.postType {
    background: url("../images/eventSmall.png") no-repeat scroll 10px 9px #AE79B4;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.8em;
    left: 10px;
    margin-left: -28px;
    padding: 7px 15px 5px 38px;
    position: absolute;
    text-transform: lowercase;
    top: -18px;
    z-index: 100;
    text-indent: 0px;
    height: auto;
    line-height: 1.2em;
    width: auto;
}

section.list .views-row-1.event span.ribbon, section.list .views-row-2.event span.ribbon, section.list .views-row-3.event span.ribbon {
    background: url("../images/ribbonPink.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 23px;
    width: 16px;
}

section.list .views-row-1.review div.postType, section.list .views-row-2.review div.postType, section.list .views-row-3.review div.postType {
    background: url("../images/star.png") no-repeat scroll 10px 10px #7DC242;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.8em;
    left: 10px;
    margin-left: -28px;
    padding: 7px 15px 5px 38px;
    position: absolute;
    text-transform: lowercase;
    top: -18px;
    z-index: 100;
    text-indent: 0px;
    height: auto;
    line-height: 1.2em;
    width: auto;
}

section.list .views-row-1.review span.ribbon, section.list .views-row-2.review span.ribbon, section.list .views-row-3.review span.ribbon {
    background: url("../images/ribbonGreen.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 23px;
    width: 16px;
}

section.list .views-row-1.article div.postType, section.list .views-row-2.article div.postType, section.list .views-row-3.article div.postType {
    background: url("../images/articleSmall.png") no-repeat scroll 10px 10px #00B095;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.8em;
    left: 10px;
    margin-left: -28px;
    padding: 7px 15px 5px 48px;
    position: absolute;
    text-transform: lowercase;
    top: -18px;
    z-index: 100;
    text-indent: 0px;
    height: auto;
    line-height: 1.2em;
    width: auto;
}

section.list .views-row-1.article span.ribbon, section.list .views-row-2.article span.ribbon, section.list .views-row-3.article span.ribbon {
    background: url("../images/exploreRibbon.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 23px;
    width: 16px;
}



section.list .views-row-1 img {
    float: right;
    margin-left: 20px;
    width: 300px;
    display: block;
    margin-bottom: 30px;
}


section.list .views-row-2 img, section.list .views-row-3 img {
    width: 275px;
    margin-bottom: 20px;
    display: block;
}

section.list .views-row-1 p.excerpt {
    
}

section.list .views-row span.readMore a {
    float: left;
    position: static;
     font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 1em;
}

section.list .views-row-1 span.readMore a, section.list .views-row-2 span.readMore a, section.list .views-row-3 span.readMore a {
    float: right;
    position: absolute;
    right: 10px;
    bottom: -5px;
    display: block;
    color: #FFFFFF;
    float: left;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 1em;
    margin-left: 10px;
    padding: 6px 4px 4px;
    text-decoration: none;
    background: #00ADEE;
}

section.list .views-row-1.event span.readMore a, section.list .views-row-2.event span.readMore a, section.list .views-row-3.event span.readMore a {
    background: #AE79B4;
}

section.list .views-row-1.review span.readMore a, section.list .views-row-2.review span.readMore a, section.list .views-row-3.review span.readMore a {
    background: #7DC242;
}

section.list .views-row-1.article span.readMore a, section.list .views-row-2.article span.readMore a, section.list .views-row-3.article span.readMore a {
    background: #00B095;
}


section.list .views-row-1 span.readMore a:hover, section.list .views-row-2 span.readMore a:hover, section.list .views-row-3 span.readMore a:hover {
    background: #464646;
    color: #fff;
}


/* second & third articles */

section.list .views-row-2, section.list .views-row-3 {
    float: left;
    width: 271px;
    display: block;
}

section.list .views-row-2 {
    margin-right: 40px;
}


/* sorting controls */

section#listSort {
    display: block;
    position: relative;
    margin: 5px 0px 40px;
    left: 0px;
    width: 100%;
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 3px #ccc;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    padding: 10px;
    color: #4f4f4f;
    width: 640px;
    overflow: hidden;
}

section#listSort form {
 display: none;
 margin-top: 10px;
}

section#listSort h2 {
    color: #00ADEE;
    font-size: 1.6em;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;

}

section#listSort h2 span {
    float: right;
    cursor: pointer;
}

section#listSort label {
    margin-left: 5px;
    float: left;
    padding: 6px 5px 0 0;
}

section#listSort input {
     border: 1px solid #dfdedf;
    border-radius: 2px;
    background: #e8e8e8;
    color: #4d4c4c;
    padding: 5px 4px 4px 4px;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
}

section#listSort input[type=checkbox] {
    margin-bottom: 20px;
    position: relative;
    top: 2px;
}

/* CB */
section#listSort div.form-type-select {
    float: left;
    padding-right: 5px;
    margin: 0;
}

/* */

section#listSort select {
    border: 1px solid #dfdedf;
    border-radius: 2px;
    background: #e8e8e8;
    color: #4d4c4c;
    padding: 0px;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    padding: 4px 2px 2px 2px;
    height: 25px;
}

section#listSort select option {
    padding: 5px 10px 0px 0px;
}

section#listSort input, section#listSort select {
    margin: 0px 0px 15px 5px;
}

/* CB changed from button to input[type=submit] */
section#listSort input[type=submit] {
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    display: block;
    clear: both;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    border: none;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 5px;
}

/*AM - add cancel button for event registrations */

a#edit-return, div.field-type-cancel-link a {
   background: none repeat scroll 0 0 #EB2127;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    margin-right: 20px;
    margin-top: 10px;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    cursor: pointer;
}

div.block-system div.registration-link {display: block; width: 100%; float: left; margin-bottom: 20px;}

div.block-system div.registration-link a {
    background: none repeat scroll 0 0 #F2509B;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    margin-right: 20px;
    margin-top: 10px;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    cursor: pointer;
}

/* CB - this isn't working properly yet - needs more work! */

section#listSort div.reset-button {
    float: left;
}

/* AM moved featuredScrollables to be with the other scrollable divs */
 
 /* level pages */
 
body.levelPage section#mainContent {
    width: 600px;
}
 
 
body.levelPage section#rightColumn {
    width: 300px;
    margin-top: 130px;
    margin-left: 10px;
}
 

section.level section#related {
    width: 221px;
    top: 45px;    
}

section.level section#featuredBottom {
    display: block;
    width: 206px;
    position: relative;
    float: left;
    background: #fff;
    margin-left: 18px;
    padding-left: 70px;
    padding-bottom: 0px;
    padding-right: 10px;
    width: 221px;
    top: 40px;
    font-size: 1.2em;
}

section.level section#featuredBottom h1 {
    background: transparent url('../images/thought.png') no-repeat;
    margin-left: -88px;
    position: absolute;
    display: block;
    width: 74px;
    height: 66px;
    text-transform: lowercase;
    margin-top: -10px;
    text-indent: -100000px;
    font-size: 0;
    line-height: 0;
}

section.level section#featuredBottom span.ribbon {
    background: transparent url('../images/ribbonLightPink.png') no-repeat;
    display: block;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 58px;
    left: -18px;
}

section.level section#featuredBottom h2 a {
    color: #171616;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    text-decoration: none;
    margin: 10px 0px 5px 0px;
    display: block;
}

section.level section#featuredBottom div.postMeta {
    color: #4F4F4F;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 5px;
    position: relative;
    z-index: 102;
}

section.level section#featuredBottom div.postMeta a {
    text-decoration: none;
        color: #4F4F4F;
}
    
section.level section#featuredBottom p {
    color: #171616;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 5px;
}

section.level section#featuredBottom a.readMore {
    background: none repeat scroll 0 0 #ae79b4;
    color: #FFFFFF;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    padding: 6px 8px 4px;
    text-decoration: none;
    float: right;
    position: absolute;
    right: 10px;
    bottom: -10px;
}

section.level section#featuredBottom a.readMore:hover {
    background: #4f4f4f;
}


/* level articles
Set defaults to Silver colours for no reason other than it's the nicest

*/

body.levelPage section article h1.pageTitle {
    background: url("../images/aaSmall.png") no-repeat scroll 10px 5px #EB2127;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 2.0em;
    margin-left: -38px;
    margin-top: -30px;
    padding: 7px 15px 5px 48px;
    position: absolute;
    text-transform: lowercase;
}

body.levelPage section article span.ribbon {
background: url("../images/redRibbon.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -38px;
    position: relative;
    top: 9px;
    width: 16px;
}

body.levelPage section article.mainLevel {
    background: none repeat scroll 0 0 #FF7863;
    padding: 10px 20px;
}

body.levelPage section article.mainLevel p, body.levelPage section article.mainLevel ul, body.levelPage section article.mainLevel ol, body.levelPage section#mainContent article.mainLevel h2, body.levelPage section article.mainLevel code {
    color: #171616;
}

body.levelPage section article.mainLevel a, body.levelPage section article.mainLevel blockquote p {
    color: #fff;
}
   
body.levelPage section article.mainLevel a:hover {
    color: #767676;
}

/* now overwrite for particular levels... */

body.levelPage section.goldLevel article h1.pageTitle {
    background-color: #7DC242;
}
body.levelPage section.goldLevel span.ribbon {
    background: url("../images/ribbonGreen.png") no-repeat scroll 0 0 transparent;
}
body.levelPage section.goldLevel article.mainLevel {
    background-color: #B0D68A;
}
body.levelPage section.goldLevel article.mainLevel blockquote {
    background-color: #7DC242;
}


body.levelPage section.bronzeLevel article h1.pageTitle {
    background-color: #AE79B4;
}
body.levelPage section.bronzeLevel span.ribbon {
    background: url("../images/ribbonPink.png") no-repeat scroll 0 0 transparent;
}
body.levelPage section.bronzeLevel article.mainLevel {
    background-color: #E1A9E7;
}
body.levelPage section.bronzeLevel article.mainLevel blockquote {
    background-color: #AE79B4;
}

body.levelPage section.exploreLevel article h1.pageTitle {
    background-color: #00B095;
}
body.levelPage section.exploreLevel span.ribbon {
    background: url("../images/exploreRibbon.png") no-repeat scroll 0 0 transparent;
}
body.levelPage section.exploreLevel article.mainLevel {
    background-color: #5EE5C7;
}
body.levelPage section.exploreLevel article.mainLevel blockquote {
    background-color: #00B095;
}

body.levelPage section.discoverLevel article h1.pageTitle {
    background-color: #00B095;
}
body.levelPage section.discoverLevel span.ribbon {
    background: url("../images/exploreRibbon.png") no-repeat scroll 0 0 transparent;
}
body.levelPage section.discoverLevel article.mainLevel {
    background-color: #5EE5C7;
}
body.levelPage section.discoverLevel article.mainLevel blockquote {
    background-color: #00B095;
}

/* right column (levels) */


body.levelPage section#rightColumn section#videoContent {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    left: 10px;
    margin-left: 18px;
    position: relative;
    top: 22px;
    padding-top: 40px;
}

body.levelPage section#rightColumn section#videoContent h1 {
    background: url("../images/motionSmall.png") no-repeat scroll 10px 6px #F58220;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.8em;
    margin-left: -18px;
    margin-top: -60px;
    padding: 7px 15px 5px 43px;
    position: absolute;
    text-transform: lowercase;
}


body.levelPage section#rightColumn section#videoContent span.ribbon {
    background: url("../images/ribbonOrange.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 22px;
    width: 16px;
}

body.levelPage section#rightColumn section#videoContent h2 {
    color: #F58220;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    margin: 10px 0;
    padding: 0 10px 0 10px;
}

body.levelPage section#rightColumn section#videoContent p {
    color: #4F4F4F;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 10px 0;
    padding: 0 10px 0 10px;
}

/* CB - don't know why there is no <p> around this bit of text... */
body.levelPage section#rightColumn section#videoContent .field-name-field-video-text {
    color: #4F4F4F;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 10px 0;
    padding: 0 10px 0 10px;
}

/* level page related reviews */

section#rightColumn section#reviewLevel {
    background: none repeat scroll 0 0 #B0D68A;
    width: 286px;
    padding-bottom: 10px;
    float: left;
    margin-top: 70px;
     left: 30px;
    margin-left: 18px;
    position: relative;
    padding-top: 30px;
}

body.levelPage section#rightColumn section#reviewLevel {
    width: 380px;
         left: 10px;
}

section#rightColumn section#reviewLevel h1 {
    background: url("../images/star.png") no-repeat scroll 15px 10px #7DC242;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.8em;
    margin-left: -18px;
    padding: 7px 15px 5px 48px;
    position: absolute;
    text-transform: lowercase;
    top: -20px;
}

section#rightColumn section#reviewLevel span.ribbon {
    background: url("../images/ribbonGreen.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 23px;
    width: 16px;
}

section#rightColumn section#reviewLevel .views-row {
    border-bottom: 1px dashed #767676;
    display: block;
    padding: 10px 15px;
    position: relative;
}

section#rightColumn section#reviewLevel .views-row-last {
    border-bottom: none;
}

section#rightColumn section#reviewLevel .views-row span.commentNumber {
    background: url("../images/commentNo.png") no-repeat scroll 0 0 transparent;
    color: #7DC242;
    display: block;
    float: right;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 0.8em;
    height: 24px;
    left: 7px;
    padding: 6px 0 0 7px;

    top: 10px;
    width: 29px;
    z-index: 100;
}

section#rightColumn section#reviewLevel .views-row h2 a {
    color: #171616;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    text-decoration: none;
}

section#rightColumn section#reviewLevel .views-row h2 a:hover {
        color: #AE79B4;
}

section#rightColumn section#reviewLevel .views-row div.postMeta {
    color: #4F4F4F;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 5px;
    position: relative;
    z-index: 102;
}
section#rightColumn section#reviewLevel .views-row div.postMeta a {
    color: #4F4F4F;
    text-decoration: none;
}
section#rightColumn section#reviewLevel .views-row div.postMeta a:hover {
    color: #AE79B4;
}
section#rightColumn section#reviewLevel .views-row p {
    color: #171616;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 0px;
}

/* forms */

article form fieldset {
    padding: 10px;
    width: 400px;
}

article form fieldset div {
    margin-bottom: 10px;
    padding: 15px 10px 15px 10px;
    background: #F4F4F4;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
}

article form label {


}

article form input, div.dialogue form input, form#node-registration-form input {
    margin-top: -3px;
    -moz-box-shadow: inset 0 0 3px #ccc;
-webkit-box-shadow: inset 0 0 3px #ccc;
box-shadow: inset 0 0 3px #ccc;
}

article form textarea, div.dialogue form textarea {
    -moz-box-shadow: inset 0 0 3px #ccc;
-webkit-box-shadow: inset 0 0 3px #ccc;
box-shadow: inset 0 0 3px #ccc;
    border: 1px solid #00ADEE;
    border-radius: 3px;
    padding: 3px;
    font-family: arial, helvetica, sans-serif;
    color:#464646;
    font-size: 0.9em;
    width: 300px;
}

article form textarea {
    width: 98%;
}

article form input, article form select, div.dialogue form input, div.dialogue form select, form#node-registration-form input {
    margin-bottom: 10px;
    width: 150px;
    float: right;
}

article form select, div.dialogue form select {
    border: 1px solid #00ADEE;
    border-radius: 3px;
        color: #464646;
}

article form input, div.dialogue form input, form#node-registration-form input {
    border: 1px solid #00ADEE;
    border-radius: 3px;
    font-size: 1em;
    padding: 2px;
    color: #464646;
}

article form input:focus, article form textarea:focus, article form select:focus, div.dialogue form input:focus, div.dialogue form textarea:focus, div.dialogue form select:focus {
    border: 1px solid #EB2127;
    box-shadow: none;
    color: #000;
}

article form input[type=checkbox], article form input[type=radio], div.dialogue form input[type=checkbox], div.dialogue form input[type=radio], form#node-registration-form input[type=checkbox]  {
    width: 10px;
    float: none;
    margin: 0px 5px 0px 5px;
    top: 1px;
    position: relative;
    border: none;
    box-shadow: none;
}

form#node-registration-form input {width: 99%; margin-top: 10px; clear: both; margin-left: 5px;}

/* CB added a#edit-cancel - appears around the system and matches up to submit */
article form button, article form input[type=submit], form a#edit-cancel, div.dialogue form button, div.dialogue form input[type=submit] {
    border: none;
    background: none;
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
    margin-right: 20px;
    width: auto;
}

article form button.cancel, article form input[type=submit].cancel, div.dialogue form button.cancel, div.dialogue form input[type=submit].cancel {
    border: none;
    background: none;
    background: none repeat scroll 0 0 #EB2127;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
    margin-right: 20px;
    width: auto;
}

/* events */

article div.eventDetails {
    margin-bottom: 15px;
    padding: 15px 10px 15px 10px;
    background: #F4F4F4;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 2px 2px 3px #CCCCCC;
    color: #464646;
}

article div.eventDetails div.eventMeta {
    float: left;
    font-size: 1.2em;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    line-height: 1.6em;
    width: 430px;
}

article div.eventDetails img {
    float: right;
    /*width: 200px;*/
    border: 1px solid #c8c8c8;
}

article div.eventDetails .location {
    color: #464646;
}

/* map in sidebar */

section#map {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    left: 49px;
    position: relative;
    width: 286px;
    min-height: 200px;
    padding-top: 24px;
    margin-bottom: 40px;
}

section#map div#map_canvas {
    height: 300px;
    margin-bottom: 20px;
}

section#map h1 {
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.8em;
    margin-bottom: 40px;
    margin-left: -18px;
    margin-top: -42px;
    padding: 7px 15px 5px 18px;
    position: absolute;
    text-transform: lowercase;
    z-index: 9999;
}

section#map span.ribbon {
    background: url("../images/ribbonBlue.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 24px;
    width: 16px;
}

section#map div.eventMap {
    width: 100%;
    height: 100%;
}

section#map p, section#map div.location {
    color: #4F4F4F;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 10px 0;
    padding: 0 10px 0 10px;
}

section#map div.location {
    position: relative;   
}

/* add review button */

div.addReview a {
    width: 280px;
    background: #7DC242;
    display: block;
    text-align: center;
    color: #fff;
    height: 20px;
    padding: 10px 0px;
    text-decoration: none;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.6em;
   left: 49px;
    margin-bottom: 20px;
    position: relative;
    width: 286px;
    float: left;
    margin-top: -20px;
    margin-bottom: 40px;
}

div.addReview a:hover {
    background: #00ADEE;
}

div.addBlog a {
    width: 280px;
    background: #00AEEF;
    display: block;
    text-align: center;
    color: #fff;
    height: 20px;
    padding: 10px 0px;
    text-decoration: none;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.6em;
   left: 49px;
    margin-bottom: 20px;
    position: relative;
    width: 286px;
    float: left;
    margin-top: -20px;
    margin-bottom: 40px;
}

div.addBlog a:hover {
    background: #c8c8c8;
}

div.addEvent a {
    width: 280px;
    background: #F2509B;
    display: block;
    text-align: center;
    color: #fff;
    height: 20px;
    padding: 10px 0px;
    text-decoration: none;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.6em;
   left: 49px;
    margin-bottom: 20px;
    position: relative;
    width: 286px;
    float: left;
    margin-top: -20px;
    margin-bottom: 40px;
}

div.addEvent a:hover {
    background: #c8c8c8;
}

body.node-type-review div.addEvent a {
    margin-bottom: 40px;
    margin-top: 0px;
}

/* event list page */

div.eventListLayout {
    display: none;
}

div.eventMapLayout {
    display: block;
    width: 660px;
    height: 750px;
    border: 1px solid #c8c8c8;
}

div.eventMapLayout div#map_canvas {
    height: 100%;
}

/* map overlays */

div#overlayMap {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    line-height: 1.3em;
    color: #464646;
}

div#overlayMap h1 a {
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    margin: 10px 0;
    padding: 0 10px 0 0;
    color: #F2509B;
    text-decoration: none;
    display: block;
    font-size: 1.2em;
}


div#overlayMap h1 a:hover {
    color: #464646;
}

div#overlayMap div.postMeta {
    font-size: 0.9em;
    margin-bottom: 10px;
}

div#overlayMap div.postMeta a {
    color: #00ADEE;
    text-decoration: none;
}

div#overlayMap div.postMeta a:hover {
    color: #4F4F4F;
}

/* view as list/view as map */

div.listmapView {
    float: right;
    display: block;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    margin-top: -44px;
    right: 0px;
    margin-right: 10px;
}

div.listmapView a {
    margin-left: 10px;
    color: #00ADEE;
    text-decoration: none;   
}

div.listmapView a.current {
    display: none;
}

div.listmapView a:hover, div.listmapView a.current  {
    color: #4F4F4F;
}

a.viewMap {
    display: block;
    padding-left: 35px;
    height: 35px;
    background: transparent url('../images/map-marker.png') no-repeat 0px 0px;
    padding-top: 10px;
    clear: both;
}

a.viewList {
    display: block;
    padding-left: 35px;
    height: 35px;
    
    padding-top: 10px;
    clear: both;
}

section.list.event div.tabs {
    margin-bottom: 35px;
}

/* opportunities wall */

section#mainContent.opplist .views-row {
    border-bottom: 1px dashed #a7a9ac;
    margin-bottom: 10px;
    /* CB */
    min-height: 120px;
}

section#mainContent.opplist .views-row p.excerpt {
    width: 100%;
}

section#mainContent.opplist .views-row h2 a {
    /* CB font-size: 0.8em;*/
    color: #AE79B4;
}

section#mainContent.opplist .views-row h2 a:hover {
    color: #464646;
}

div.avatar {
    float: right;
    display: block;
    width: 66px;
    position: relative;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
    text-align: center;
}

div.avatar img {
    float: left;
    margin-bottom: 5px;
    width: 66px;
    /* CB */
    height: 66px;
}

div.oppBody {
    float: left;
    display: block;
    width: 560px;
}

section#mainContent.opplist .views-row .oppLink a {
    background: none repeat scroll 0 0 #AE79B4;
    color: #FFFFFF;
    float: left;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    margin-top: 10px;
    padding: 6px 8px 4px;
    text-decoration: none;    
    margin-bottom: 10px;
}

section#mainContent.opplist .views-row .oppLink a:hover {
    background: none repeat scroll 0 0 #4F4F4F;
}

section#mainContent.opplist .views-row span.categories {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
}

section#mainContent.opplist .views-row span.categories a {color: #AE79B4;}
section#mainContent.opplist .views-row span.categories a:hover {color: #464646;}

/* credentials - AA supporter, AA centre etc */

/* hide by default */
span.credentials {
    display: none;
    width: 81px;
    height: 26px;
    float: left;
    position: absolute;
    background: #ff00ff;
    top: -16px;
    left: -10px;
    color: #fff;
    font-size: 1em;
    padding-top: 2px;
}

.supporter span.credentials {
    display: block;
    background: transparent url('../images/supporter-ribbon.png') no-repeat -1px -5px;
}

.centre span.credentials {
    display: block;
    background: transparent url('../images/centre-ribbon.png') no-repeat -1px -5px;
}

.team span.credentials {
    display: block;
    background: transparent url('../images/staff-ribbon.png') no-repeat -1px -5px;
}

span.credentials:hover {
    opacity: 1;
}

.singleComment div.avatar {
    float: left;
    margin:17px 20px 5px 20px;
}

/* AM - might need tweaking for very long usernames. Keep an eye on this */
div.avatar a.username {
    display: block;
    /* float: right; */
    position: relative;
    right: 0;
    text-align: center;
}

/* add opportunity form */

section#addOpp {
    display: block;
    width: 286px;
    position: relative;
    left: 49px;
    margin-bottom: 40px;
    float: left;
    background: #fff;
    z-index:1;
}

section#rightColumn section#addOpp h1 {
    background:  #00ADEE;
    margin-left: -18px;
    position: absolute;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.8em;
    padding: 7px 15px 5px 18px;
    color: #fff;
    text-transform: lowercase;
    margin-top: -18px;
    z-index: 9999;
    margin-bottom: 40px;
}

section#rightColumn section#addOpp span.ribbon {
    background: transparent url('../images/ribbonBlue.png') no-repeat;
    display: block;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 24px;
    left: -18px;
}

section#rightColumn section#addOpp form {
    margin-top: 30px;
    padding: 10px; /* CB added this as not able to add fieldset tag inside form */
}

section#rightColumn section#addOpp article form div.form-wrapper, section#rightColumn section#addOpp article form div.form-item-title {
    width: 245px;
}

section#rightColumn section#addOpp article form div.form-wrapper textarea, section#rightColumn section#addOpp article form div.form-item-title textarea {
    width: 237px;
    height: 100px;
}

section#rightColumn section#addOpp form input, section#rightColumn section#addOpp form textarea {
    font-size: 0.8em;
    margin-top: 0px;
}

/* CB - hide vertical tabs for flag and path as not needed */
section#rightColumn section#addOpp .vertical-tabs {
  display: none;
}

section#rightColumn section#addOpp article form label {
  display: inline;
}

section#rightColumn section#addOpp article form div.link-field-subrow, section#rightColumn section#addOpp article form div.link-field-subrow div.form-item {
  display: inline;
}

section#rightColumn section#addOpp article form div.link-field-subrow div.link-field-url {
    display: inline;
}

section#rightColumn section#addOpp article form .grippie {
    margin-right: 8px;
}

section#rightColumn section#addOpp article form .form-item {
    margin: 0;
}

/* need .form-wrapper or this stuffs up for add opp */
section#rightColumn section#addOpp article form div.form-wrapper:not(.form-actions), section#rightColumn section#addOpp article form div.form-item-title {
    margin-bottom: 10px;
    padding: 15px 10px 15px 10px;
    background: #F4F4F4;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
}

/* CB - added so admins/senior users don't get these ugly/unnecessary sections showing in the Add Opp form */
section#rightColumn section#addOpp fieldset.filter-wrapper, section#rightColumn section#addOpp fieldset.group-post-meta{
  display: none;
}


/* */

section.level section#related article {
    width: 205px;
}


/* user content message */

section.list article.message {
    clear: both;
    float: left;
    border-bottom: none;
    width: 620px;
background: none repeat scroll 0 0 #FF7863;
    padding: 10px 20px;
     margin-bottom: 20px;
    margin-top: 30px;
}

section.list article.message h1.pageTitle {
    background: url("../images/aaSmall.png") no-repeat scroll 10px 5px #EB2127;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 2em;
    margin-left: -38px;
    margin-top: -30px;
    padding: 7px 15px 5px 48px;
    position: absolute;
    text-transform: lowercase;
    width: auto;
}

section.list article.message span.ribbon {
    background: url("../images/redRibbon.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -38px;
    position: relative;
    top: 9px;
    width: 16px;
}

article.message p.intro {
    float: left;
    display: block;
    color: #231F20;
}

article.message h1 {
    display: block;
    float: left;
    width: 100%;
}

article.message h1, article.message h2, article.message h3, article.message h4, article.message h5, section.list article.message p, article.message ul, article.message ol, div.profile dt, div.profile dl {
    color: #231F20;
}

article.message a, section.list div.profile article.message div.field a {
    color: #fff;
}

div.profile ul.links li {
   background-image: none;
}

/* CB */
.touchOnly {
    display: none;
}

/* AM fix sort fields */

section#listSort div.edit-body-value {
    float: left;
    clear: left;
}

section#listSort div.edit-body-value div.form-item {
    float: right; margin: 0px;
}

/* report link */

ul.links {
    margin-left: 0px;
    list-style-type: disc;
}

ul.inline li {
    
}

ul.links li {
    list-style-image: url('../images/bullet.gif');
}

dl.node-type-list dt {
    padding-right: 10px;
    padding-left: 10px;
    list-style-image: url('../images/bullet.gif');
}

ul.links li.flag-report_node {
    list-style-type: none;
    background: none;
}

ul.links li.flag-report_node a {
    background: url('../images/mini-flag.png') no-repeat;
    height: 30px;
    padding-left: 25px;
    display: block;
    padding-top: 5px;
    margin-top: 5px;
    list-style-image: none;
}

div.submitted {
    display: block;
    margin-bottom: 10px;
}

/* Drupal styles: tags and cats */

div.postMeta {
    line-height: 1.2em;
}

div.postMeta div.field-label, div.postMeta span.spacer {
    display: inline;
    float: left;
}

/* CB - added this line, and div.postMeta to all of these styles else stuffs up a bunch of other site-wide stuff! */
article div.postMeta div.field-label-inline {
    display: inline;
    float: left;
}

div.postMeta div.field-label-above {
    padding-right: 10px;
}

div.postMeta div.field-items div {
    display: inline;
    float: left;
} 

div.postMeta div.field-name-field-art-form, div.postMeta span.floatLeft {
    display: inline;
    float: left;
}

div.postMeta div.field-name-field-tags div div {
    display: inline;
    float: left;
}

div.postMeta div.field-name-field-tags div div a:after {
    content: ',\0000a0';
}

div.postMeta div.field-name-field-tags div div:last-child a:after {
    content: '';
}

div.postMeta div.field-name-field-art-form div div a:after {
    content: ',\0000a0';
}

div.postMeta div.field-name-field-art-form div div:last-child a:after {
    content: '';
}

/* search page */

form#search-form {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 2px 2px 3px #CCCCCC;
    color: #4F4F4F;
    display: block;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    left: 0;
    margin: 5px 0 40px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 640px;
}

form#search-form input, form#search-form select {
    margin: 0 0 15px 5px;
}
form#search-form input {
    background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #DFDEDF;
    border-radius: 2px 2px 2px 2px;
    color: #4D4C4C;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    padding: 5px 4px 4px;
    position: relative;
}

form#search-form input#edit-submit {
    background: url("../images/searchbg.png") no-repeat scroll 2px 6px transparent;
    border: medium none;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    line-height: 0;
    position: relative;
    left: -25px;
    text-indent: -100000px;
    top: -3px;
    width: 20px;
    float: none;
}

div.fieldset-wrapper {
    padding-top: 15px;
}



fieldset.search-advanced span.fieldset-legend a {
    color: #00AEEF;
    text-decoration: none;
}

fieldset.search-advanced span.fieldset-legend a:hover {
    color: #464646;
}

fieldset.search-advanced label {
    float: left;
    padding-top: 7px;
    width: 185px;
}

.search-advanced .criterion {
    float: none;
}

.search-advanced .criterion label.option, div.form-type-checkboxes label {
    float: none;
}

form#search-form input.form-checkbox {
    margin: 0px;
}

form#search-form .form-item, form#search-form .form-actions {
    margin: 5px 0px;
}

form#search-form input.form-submit {
    margin: 15px 0px 0px 0px;
}

/* add content forms */

div.content form.node-form {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    color: #464646;
}

div.content form.node-form a {
    color: #00ADEE;
    text-decoration: none;
}

div.content form.node-form a:hover {
    color: #464646;
}

div.content form.node-form div.form-item-title label, div.content form.node-form div.form-item-body-und-0-value label, div.content form.node-form div.form-item-body-und-0-summary label {
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.4em;
    margin-bottom: 15px;
}

div.content form.node-form input, div.content form.node-form select {
    background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #DFDEDF;
    border-radius: 2px 2px 2px 2px;
    color: #4D4C4C;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    padding: 5px 4px 4px;
    position: relative;
    margin: 5px 0px;
}

span.cke_skin_kama {

}

div.content form.node-form input#edit-title {
    font-size: 1.4em;
}

div.content form.node-form div, div.content form.node-form fieldset {
    clear: both;
    margin-bottom: 10px;
}

div.content form.node-form a.fieldset-title, div#edit-field-event div label, div#edit-field-event-date legend,
div#field-location-add-more-wrapper legend
{
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.4em;
    display: block;
    padding-top: 17px;
}

form.node-form div#field-location-add-more-wrapper legend span.fieldset-legend {

}

div#edit-field-event-date legend,
div#field-location-add-more-wrapper legend {
    margin-bottom: -25px;
    display: block;
}

html.js fieldset.collapse-processed .fieldset-legend {
    background-position: 5px 72%;
}

.text-format-wrapper .description {
    margin-bottom: 20px !important;
}

div#cke_path_edit-body-und-0-value {
    margin: 0px;
    float: none;
}

div.form-item-field-art-form-und label {
    font-size: 1.2em;
}

div.form-item-field-art-form-und div.form-checkboxes {
    font-size: 0.8em;
}

div.form-item-field-art-form-und div.form-checkboxes div.form-item {
    margin-bottom: 0px;
}

div#edit-field-image-und-0-title {
    position: relative;
}

div#edit-field-media-video label, div#edit-field-video-image label { 
    display: block;
}

fieldset#node_blog_form_group_media, fieldset#node_blog_form_group_tags {
    clear: both;
display: block;
float: left;
min-height: 40px;
width: 100%;
}

fieldset#node_blog_form_group_media div.fieldset-wrapper {
    margin-top: 0px;
    padding: 0px;
}

legend span.summary
 {
    display: none;
}

fieldset#node_blog_form_group_media.collapsed {
margin-bottom: 20px;
}

form.node-form fieldset.collapsible {
    float: left;
}
form.node-form a.button {
    background: none repeat scroll 0 0 #00ADEE;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF !important;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    clear: both;
    float: left;
    margin-bottom: 10px;
}

.media-widget a.button + a.button {
    float: left;
    clear: none;
}

div.preview {
    float: left;
}

form.node-form div.field-type-text-with-summary {

}

#media-browser-tabset .ui-tabs-nav {
    border: 0px !important;
}

form.node-form div.media-widget {
    border-bottom: 1px dashed #A7A9AC;
}

div#media-browser-tabset {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
}

div.content form.node-form fieldset.group-media, div.content form.node-form fieldset.group-post-meta {
    margin-bottom: 35px;
}

form.node-form div.text-format-wrapper div.form-item-body-und-0-format {
    padding: 0px;
    margin:0;
}

form.node-form fieldset#edit-body-und-0-format, form.node-form fieldset#edit-body-und-0-format div {
    margin: 0px;
    padding: 0px;
}

form.node-form div#field-location-add-more-wrapper {
    min-height: 250px;
    height: 250px;
}

/* CB -- added  form.node-form to stop this messing up other places on the site */
form.node-form input#edit-submit, form.node-form input#edit-preview, div.profile a.privatemsg-send-link, div.profile a.flag {
    background: none repeat scroll 0 0 #00ADEE;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    margin-right: 20px;
    margin-top: 10px;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    cursor: pointer;
}

div.profile a.flag {
    clear: both;
}

div.profile ul.links li.flag-unapproved_user {
    background: none;
}

form.node-form input#edit-delete {
    background: none repeat scroll 0 0 #EB2127;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    margin-right: 20px;
    margin-top: 10px;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    cursor: pointer;
}

form.node-form span.cke_contents {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
}

div.date-float {float: left !important; clear: none !important;}

div.container-inline-date div {
    clear: none !important;
}


div.container-inline-date label {
    float: left; width: 10px;
}


.container-inline-date .date-padding {
    padding: 0px 10px;
    margin-top: -10px;
}

.container-inline-date .date-padding div {
    margin-right: 10px;
}

div.container-inline-date div, div.container-inline-date div div {
    margin-bottom: 0px !important;
}

div.getlocations_fields_lat_wrapper, div.getlocations_fields_lon_wrapper {
    display: none;
}

fieldset#edit-field-location-und-0 {
    position: relative;
}

div.getlocations_fields_map_wrapper {
    position: absolute;
    right: -85px;
    top: 20px;
}

span.form-required {}

span.flag {
    display: block;
    margin-bottom: 10px;
    position: relative;
    top: 3px;
}

section#mainContent div#loginOverlay {
    font-size: 1.0em;
    margin-top: 15px;
}

section#mainContent div#loginOverlay div.loginLeft {
    width: 275px;
}

section#mainContent div#loginOverlay div.loginRight {
    width: 275px;
}

/* profile pages */

div.profile {
color: #464646;
font-family: arial, helvetica, sans-serif;
line-height: 1.3em;
margin-bottom: 20px;

}

div.profile a.privatemsg-send-link {
    clear: both;
    float: left;
    width: 225px;
    float: none;
    margin-bottom: 20px;
}

div.profile div.field {
    margin-bottom: 10px;
}

div.profile div.field a {
    color: #00ADEE;
    text-decoration: none;
}

div.profile div.field a:hover {
    color: #464646;
}

div.profile h3 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.8em;
    line-height: 1em;
    margin-bottom: 9px;
    border: none;
}

/* edit profile form */

form#user-profile-form {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    color: #464646;
}

form#user-profile-form a {
    color: #00ADEE;
    text-decoration: none;
}

form#user-profile-form a:hover {
    color: #464646;
}

form#user-profile-form input#edit-submit {
    background: none repeat scroll 0 0 #00ADEE;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF !important;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    clear: both;
    float: left;
    margin-bottom: 10px;
}

form#user-profile-form input#edit-cancel {
        border: none;
    background: none;
    background: none repeat scroll 0 0 #EB2127;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-right: 20px;
    width: auto;
    margin-left: 20px;
}

form#user-profile-form input, form#user-profile-form select {
    background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #DFDEDF;
    border-radius: 2px 2px 2px 2px;
    color: #4D4C4C;
    font-family: 'RobotoRegular',arial,helvetica,sans-serif;
    padding: 5px 4px 4px;
    position: relative;
    margin: 5px 0px;
}

form#user-profile-form div#edit-fboauth label {
    margin-bottom: 5px;
}

form#user-profile-form .form-item .description {
    font-size: 1em;
}

form#user-profile-form fieldset span.fieldset-legend {
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
font-size: 1.4em;
display: block;
padding-top: 17px;
}

.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 0px;
}

form#user-profile-form #field-location-add-more-wrapper, form#user-profile-form #edit-privatemsg {
    margin-bottom: 35px;
}

form#user-profile-form div.getlocations_fields_map_wrapper {
    top: 60px;
}

.form-item-field-location-und-0-marker {
    display: none;
}

form#user-profile-form fieldset#user_user_form_group_arts_award_info {
    z-index: 9999;
}


/* video embedded into content */

section#mainContent article iframe, section#mainContent article div#mediafront_default {
    border: 1px solid #767676;
    padding: 5px;
    background: #fff;
/*    margin: 20px auto !important;*/
    text-align: center;
    display: block;
    width: 500px;
}

section#mainContent article div.addthis_toolbox {
    margin-top: 5px;
    clear: both;
}

section#mainContent article div.topaddthis {
float: right;
position: relative;
top: -115px;
right: 5px;
}

section#mainContent article div.addthis_toolbox iframe {
    border: none; padding: 0px; margin: 0px !important; text-align: left; width: auto;
    background: transparent;
    
}

section#mainContent article div#mediafront_default {
    clear: both;
}

/* clear drop shadow from media */

#mediaplayer {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* /user templating */

section#mainContent div div.loginRight {
    float: left;
    width: 295px;
    background: none repeat scroll 0 0 #87DEFF;
    margin-left: 38px;
    padding: 10px;
    position: relative;
    margin-top: 20px;
    color: #171616;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
}

section#mainContent div form#user-login a.facebook-action-connect {
    display: block;
    text-indent: -10000px;
    font-size: 0px;
    line-height: 0px;
    width: 150px;
    height: 23px;
    background: transparent url('../images/facebook_signin.png') no-repeat;
    text-align: center;
    margin: 25px auto 10px auto;
}

section#mainContent div div.loginRight span.ribbon {
    background: url("../images/ribbonBlue.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 22px;
    width: 16px;
}

section#mainContent div div.loginRight h2 {
    background: url("../images/star.png") no-repeat scroll 15px 5px #00AEEF;
    padding-left: 40px;
    margin-left: -28px;
    position: absolute;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.8em;
    padding: 4px 15px 5px 48px;
    color: #fff;
    text-transform: lowercase;
    margin-top: -22px;
}

section#mainContent div form#user-login p.or, section#mainContent div form#user-register-form p.or {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #4d4c4c;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

section#mainContent div form#user-login p.registerTitle,section#mainContent div form#user-register-form p.registerTitle {
    font-weight: bold;
    padding-bottom: 10px;
}

section#mainContent div form#user-login label, section#mainContent div form#user-register-form label, section#mainContent div form#user-pass label {
    display: block;
    width: 120px;
    float: left;
    margin-right: 20px;
    padding-top: 4px;
}

section#mainContent div form#user-login .form-item-name, section#mainContent div form#user-register-form .form-item-name, section#mainContent div form#user-pass .form-item-name {
    margin-bottom: 10px;
}

section#mainContent div form#user-login .description, section#mainContent div form#user-register-form .description {
    display: none;
}

section#mainContent div form#user-login input, section#mainContent div form#user-register-form input, section#mainContent div form#user-pass input {
    margin-bottom: 10px;
    width: 125px;
}

section#mainContent div form#user-login input, section#mainContent div form#user-register-form input, section#mainContent div form#user-pass input {
    border: 1px solid #7dc242;
    border-radius: 3px;
    font-size: 1em;
    padding: 2px;
}

section#mainContent div form#user-login input:focus, section#mainContent div form#user-register-form input:focus, section#mainContent div form#user-pass input:focus {
    border: 1px solid #EB2127;
}

section#mainContent div form#user-login input.form-submit, section#mainContent div form#user-register-form input.form-submit, section#mainContent div form#user-pass input.form-submit {
    border: none;
    background: none;
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
    width: auto;
}

section#mainContent div.loginLeft {
    float: left;
    width: 295px;
background: none repeat scroll 0 0 #B0D68A;
    margin-left: 18px;
    position: relative;
    padding: 10px;
    margin-top: 20px;
    color: #171616;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
}

section#mainContent div.loginLeft h2 {
    background: #7dc242 url('../images/star.png') no-repeat 15px 5px;
    padding-left: 40px;
    margin-left: -28px;
    position: absolute;
    font-family: 'RobotoBold', arial, helvetica, sans-serif;
    font-size: 1.8em;
    padding: 4px 15px 5px 48px;
    color: #fff;
    text-transform: lowercase;
    margin-top: -20px;
}

section#mainContent div.loginLeft span.ribbon {
    background: url("../images/ribbonGreen.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 24px;
    width: 16px;
}

section#mainContent div.loginLeft a.facebook-action-connect {
    display: block;
    text-indent: -10000px;
    font-size: 0px;
    line-height: 0px;
    width: 165px;
    height: 23px;
    background: transparent url('../images/connect_white_large_long.png') no-repeat;
    text-align: center;
    margin: 25px auto 10px auto;
}

section#mainContent div.loginLeft div.password-confirm {
    margin-bottom: 5px;
    margin-top: -3px;
    padding-top: 0;
}

section#mainContent div.loginLeft div.password-strength {
    display: none;
}

section#mainContent div.loginLeft div.confirm-parent {
    width: 280px;
}

section#mainContent div.loginLeft select {
    width: 130px;
    border: 1px solid #7dc242;
    border-radius: 3px;
}

section#mainContent div.loginLeft .form-item {
    margin: 0px;
}

section#mainContent div form#user-pass {
    float: left;
    width: 295px;
    background: none repeat scroll 0 0 #FFBC5B;
    margin-left: 38px;
    padding: 10px;
    position: relative;
    margin-top: 20px;
    color: #171616;
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
}

body.node-type-level div#mediafront_default {
    width: 380px !important;
    height: 214px !important;
}

/* contact form */

/* beware - some of these styles may well affect all webform nodes! */

/* typography */

section#mainContent div.node-webform div.content p.intro {
    color: #464646;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 2.0em;
    line-height: 1.2em;
    margin-bottom: 15px;
}

section#mainContent div.node-webform div.content p, section#mainContent div.node-webform div.content label {
    color: #464646;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.3em;
    margin-bottom: 20px;
}

section#mainContent div.node-webform div.content h2 {
    color: #464646;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 2.0em;
    line-height: 1.2em;
    margin-bottom: 15px;
}

section#mainContent div.node-webform div.content h3 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.8em;
    line-height: 1em;
    margin-bottom: 9px;
}

section#mainContent div.node-webform div.content h4 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.4em;
    line-height: 1em;
    margin-bottom: 9px;
}

section#mainContent div.node-webform div.content h5 {
    color: #231f20;
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.0em;
    line-height: 1em;
    margin-bottom: 9px;
}

section#mainContent div.node-webform div.content ul, section#mainContent div.node-webform div.content ol {
    color: #464646;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.5em;
    margin-bottom: 20px;
}

section#mainContent div.node-webform div.content ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 30px;
}

section#mainContent div.node-webform div.content ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 30px;
}

section#mainContent div.node-webform div.content a {
    color: #00ADEE;
    text-decoration: none;
}

section#mainContent div.node-webform div.content a:hover {
    color: #464646;
}

section#mainContent div.node-webform div.content strong {
    font-weight: bold;
}

section#mainContent div.content em {
    font-style: italic;
}

section#mainContent div.node-webform div.content code {
    font-family: courier;
}

section#mainContent div.node-webform div.content pre {
    color: #464646;
}

section#mainContent div.node-webform div.content blockquote {
    float: left;
    display: block;
    color: #fff;
    padding: 25px 25px 10px 60px;
    background: #eb2127 url('../images/quoteBG.png') no-repeat 20px 28px;
   
    line-height: 1.2em;
    font-size: 1.3em;
    margin: 10px 30px 20px 0;
}

section#mainContent div.node-webform div.content blockquote p {
    color: #fff;
     font-family: 'RobotoLight', arial, helvetica, sans-serif;
}

/* the form itself - note labels mostly covered at this point */

form.webform-client-form {

}

form.webform-client-form label {
    min-width: 100px;
    display: block;
    float: left;
    font-weight: bold;
}

form.webform-client-form input, form.webform-client-form select {
     background: #e8e8e8;

    padding: 3px;
    border: none;
    color: #3d3d3d;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
    margin-bottom: 10px;
}

span.form-required {
    color: #ff0000;
    font-weight: bold;
}

form.webform-client-form select {
    padding: 3px;
}

form.webform-client-form textarea {
    background: #e8e8e8;
    width: 670px;
    height: 120px;
    padding: 15px;
    border: none;
    color: #3d3d3d;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
    margin-bottom: 10px;
}

form.webform-client-form input[type=submit], form.webform-client-form input.form-submit {
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    display: block;
    clear: both;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    border: none;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

div.grippie {display: none;}

/* AM adding avatar to bio */

div.avatarBio {
    display: block;
    float: left;
    width: 100px;
}

section.list article div.avatarBio img {display: block;left: 11px;
    position: relative;}

div.bioLeft {
    float: left;
    display: block;
    width: 515px;
}

section.list article div.bioLeft p {
    float: none;
}

/* user profile pages */

section.list article.myProfile {
    width: 320px;
    margin-right: 30px;
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    position: relative;
    padding-top: 24px;
    position: relative;
    border-bottom: none;
    padding: 24px 10px 10px 10px;
    top: 20px;
}

section.list article.myProfile h1, section.list article.myLocation h1 {
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.8em;
    margin-bottom: 40px;
    margin-left: -28px;
    margin-top: -42px;
    padding: 7px 15px 5px 18px;
    position: absolute;
    text-transform: lowercase;
    z-index: 9999;
}

section.list article.myLocation h1 {
    margin-left: -18px;
    margin-top: -37px;
}

section.list article.myProfile span.ribbon, section.list article.myLocation span.ribbon {
    background: url("../images/ribbonBlue.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    left: -18px;
    position: absolute;
    top: 19px;
    width: 16px;
}

section.list article.myLocation {
    width: 286px;
     background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    border-bottom: none;
    padding: 19px 0px 0px 0px;
    top: 20px;
    position: relative;
}

section.list article.myLocation div.location {
    font-family: 'RobotoRegular', arial, helvetica, sans-serif;
    padding: 10px;
    color: #464646;
}

article.myLocation div.location {
    margin-left: 10px;
}

article.myLocation div.location div.country-name {
    display: none;
}

 table {
    font-family: arial, helvetica, sans-serif;
    
}

 table td, table th {

    padding: 5px;
    border: 1px solid #CCCCCC;
}

table a {
    color: #00AEEF;
    text-decoration: none;
}

table a:hover {
    color: #393939;
}

/* sitemap */

div.block-system {
    font-family: arial, helvetica, sans-serif;
}

div.block-system a {
    color: #00AEEF;
    text-decoration: none;
}

div.block-system a:hover {
    color: #393939;
}

/* category */

body.page-taxonomy {
    
}

body.page-taxonomy div.eventDetails, body.page-taxonomy p.intro, body.page-taxonomy li.comment-add {
    display: none;
}

body.page-taxonomy li.node-readmore {
    padding: 0px;
}

body.page-taxonomy article {
    border-bottom: 1px dashed #767676;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 10px;
    width: 100%;
}

div#edit-comment-body textarea {
    background: #e8e8e8;
/*    width: 670px;*/
    height: 120px;
    padding: 15px;
    border: none;
    color: #3d3d3d;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
    margin-bottom: 10px;
    margin-top: 5px;
}

div#edit-comment-body label {
    color: #000000;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    font-size: 1.4em;
    margin-bottom: 15px;
}

div#edit-actions input#edit-submit {
background: none repeat scroll 0 0 #00ADEE;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'RobotoBold',arial,helvetica,sans-serif;
    margin-right: 20px;
    margin-top: 10px;
    padding: 7px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

form#search-block-form div#edit-actions input#edit-submit {
    display: none;
}

/* team members */

div.content div.team-member {
    width: 300px; float: left;
    margin: 10px 10px -20px 0px;
    min-height: 516px;
    background: none repeat scroll 0 0 #575656;
    color: #fff;
    padding: 10px;
}

div.content div.team-member p {
    color: #fff;
}

section#mainContent article div.team-member h3 {
    font-size: 1.7em;
    color: #fff;
}

div.team-member img {
    padding: 5px 5px 30px 5px;
    background: #fff;
    border: 1px solid #ccc;
    width: 250px;
    height: auto;
    margin-left: 15px;
    box-shadow: 3px 3px 5px #000000;
transform:rotate(4deg);
-ms-transform:rotate(4deg); /* IE 9 */
-webkit-transform:rotate(4deg); /* Safari and Chrome */
}

section#mainContent article div.contentBlocks {
    padding: 20px;
    background: #575656;
    width: 370px;
    margin: 10px auto 30px auto;
}

section#mainContent article div.contentBlocks ul {
    width: 600px;
    margin: 0 auto;
    height: 100px;
}

section#mainContent article div.contentBlocks ul li {
    margin-right: 65px;
    text-align: center;
    width: 100px;
    margin-bottom: -20px;
    position: relative;
    color: #fff !important;
}

section#mainContent article div.contentBlocks ul li:last-child {
    margin-right: 0px;
}

section#mainContent article div.contentBlocks div.blockOverlay {
    background: none repeat scroll 0 0 #575656;
    box-shadow: 3px 3px 5px #000000;
    color: #FFFFFF !important;
    display: none;
    padding: 10px;
    position: absolute;
    text-align: left;
    bottom: 115px;
    width: 300px;   
    z-index: 10000;
    left: -40px;
}

section#mainContent article div.contentBlocks div.blockOverlay P {
    color: #fff;
}

section#mainContent article div.contentBlocks div.blockOverlay h2 {
    font-family: 'RobotoLight', arial, helvetica, sans-serif;
    font-size: 1.2em;
    margin-bottom: 10px;
    display: block;
    color: #fff;
}

section#mainContent article div.contentBlocks ul li a:hover ~ div {
    display: block;
}


section#mainContent article div.contentBlocks {

}

section#mainContent article div.contentBlocks ul {
    margin-bottom: 10px;
    display: block;
}

section#mainContent article div.contentBlocks ul li {
    float: left; width: 85px; margin-right: 10px;    margin-bottom: 20px;
    list-style-image:none;
    list-style-type: none;
}

section#mainContent article div.contentBlocks ul li a {
    padding-top: 90px;
    color: #fff;
    text-decoration: none;
    display: block;
}

section#mainContent article div.contentBlocks ul li a.blogs {
    background: transparent url('../images/blog-square.png') no-repeat top;
}
section#mainContent article div.contentBlocks ul li a.events {
    background: transparent url('../images/event-square.png') no-repeat top;
}
section#mainContent article div.contentBlocks ul li a.reviews {
    background: transparent url('../images/review-square.png') no-repeat top;
}
section#mainContent article div.contentBlocks ul li a.opportunities {
    background: transparent url('../images/opportunity-square.png') no-repeat top;
}

/* fix video on level pages */

body.node-type-level section#rightColumn div.field-name-field-media-video div div div {
    width: 380px !important;
    height: auto !important;
}

         
         
/* photo gallery */

#responsiveWrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 200px;
    overflow: hidden;
}

#photoslide {
    background: #545454;
    overflow: hidden;
    height: 481px;
    width: 652px;
}

#photoslide div.imagecontent img {
    width: 620px;
    margin: 15px 15px 15px 15px;
}

#photoslide div.imagecontent div.photocaption {
    height: 60px;
    position: relative;
    bottom: 60px;
    padding: 15px;
    margin-bottom: -105px;
    background: transparent url('../images/grey_80.png') repeat;
    z-index: 10000;
    display: block;
    bottom: 0px;
    transition: bottom 200ms;
    color: #fff;
    padding-left: 30px;
    width: 100%;
}

#photoslide div.imagecontent:hover div.photocaption {
    bottom: 60px;
}


div#photobrowse_wrapper {
    position: relative;
    margin-bottom: 20px;
    top: -32px;
    z-index: 10001;
}

div#photobrowse_wrapper #imgnavholder {
        margin: 0px; width: 584px; background: #545454; display: block; overflow: hidden !important;
    padding: 10px 0px 10px 0px;
    height: 90px;
    position: relative;
    border-left: 34px solid #545454;
    border-right: 34px solid #545454;
}

div#photobrowse_wrapper ul#nav {

     width:20000em;
  position:absolute;
  margin: 0px;
}

div#photobrowse_wrapper ul#nav li {
    float: left; list-style-type: none; list-style-image: none;
    width: 80px;
    border: 4px solid #cccccc;
    transition: border-color 200ms;
    padding: 0px !important;
    height: 80px;
    margin-right: 35px;
}

div#photobrowse_wrapper ul#nav li:hover, div#photobrowse_wrapper ul#nav li.activeSlide {
    border-color: #f58220;
}

div#photobrowse_wrapper ul#nav li img {
    width: 80px; height: 80px;
    margin: 0px !important;
}

div#photobrowse_wrapper a.browse {
    position: absolute;
    color: #fff;
    display: block;
    width: 8px;
    height:17px;
    background: transparent url('../images/scroll-left.png') no-repeat;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    text-indent: -100000px;
    font-size: 0px;
    line-height: 0px;
    cursor: pointer;
}


div#photobrowse_wrapper a.left {
    top: 80px; z-index: 10000;
    left: 10px;
}

div#photobrowse_wrapper a.left:hover {
    background: transparent url('../images/scroll-left-on.png') no-repeat;
    left: 9px;
}

div#photobrowse_wrapper a.right {
    top: 80px; z-index: 10000;
    right: 30px;
    background: transparent url('../images/scroll-right.png') no-repeat;
}

div#photobrowse_wrapper a.right:hover {
    background: transparent url('../images/scroll-right-on.png') no-repeat;
}

div#photobrowse_wrapper a.disabled {
    opacity: 0.5;
}

div#slidenav {
    position: relative;
    height: 0px;
}

div#slidenav a#prevslide {
    background: transparent url('../images/leftscrollerOn.png') no-repeat;
    position: relative;
text-indent: -100000px;
float: left;
top: -250px;
left: 20px;
width: 20px;
height: 32px;
z-index: 20000;
cursor: pointer;
line-height: 0;
opacity: 0.5;
}

div#slidenav a#prevslide:hover {
    background-image: url('../images/leftscroller.png');
    opacity: 1;
}

div#slidenav a#nextslide {
    background: transparent url('../images/rightscrollerOn.png') no-repeat;
    position: absolute;
text-indent: -100000px;
float: left;
top: -250px;
right: 40px;
width: 20px;
height: 32px;
z-index: 20000;
cursor: pointer;
line-height: 0;
opacity: 0.5;
}

div#slidenav a#nextslide:hover {
    background-image: url('../images/rightscroller.png');
    opacity: 1;
}

div.node-registration {margin-bottom: 15px;
padding: 15px 10px 45px 10px;
background: #F4F4F4;
border: 1px solid #c8c8c8;
border-radius: 3px;
box-shadow: 2px 2px 3px #CCCCCC;
color: #464646; line-height: 1.4em;}

div.node-registration div.field div.field-label {float: left;}

span.member-event {
    background: transparent url('../images/users.png') no-repeat left;
    
    width: auto;
    padding-left: 40px;
font-family: 'RobotoRegular', arial, helvetica, sans-serif;
line-height: 1.6em;
font-size: 1.1em;
height: 25px;
display: block;
margin-bottom: -15px;
}

/* responsive elements */
@media screen and (max-width: 1280px) {    
    section#mainContent {width: 660px;}
        section.list .views-row-2 {width: 40%;}
        div#slidenav a#nextslide {right: 30px;}
}

@media screen and (max-width: 1200px) {  

}

@media screen and (max-width: 1060px) {
        section#mainContent {width: 600px;}
        section.list .views-row-1 {width: 85%; margin-left: 20px;}
        section.list .views-row {width: 85%; margin-left: 20px;}
        section#listSort {width: 85%; margin-left: 20px;}
            #photoslide {width: 600px;}
            #photoslide .imagecontent {width: 570px; height: 450px;}
            div#photobrowse_wrapper #imgnavholder {width: 532px;}
            div#photobrowse_wrapper ul#nav li {margin-right: 19px;}
                div#photobrowse_wrapper {top: -67px;}
}

@media screen and (max-width: 1024px) {
    div#outerWrap {min-width: 0px;}
    nav#subNav ul li a {padding: 23px 20px 20px;}
    div#innerWrap {width:96%;}
    section#mainContent {width: 100%;}
    section#rightColumn {display: none;}
    body.levelPage section#rightColumn {display: block; margin-right: 10px;}
    body.levelPage section#mainContent {width: 56%;}
    body.levelPage article.mainLevel {margin-left: 20px;padding: 20px !important; width: 88%; }
    body.levelPage section article span.ribbon {left: -29px; }
    body.levelPage section article h1 {left: 54px;}
    footer {width: 98%;}
    section#subImage div.subImageMain {min-width: 1px;}
    nav#subNav ul li a {padding: 25px 10px 21px; font-size: 80%;}
    #photoslide {width: 97%; padding: 15px;}
    #photoslide .imagecontent {width: 100%;}
    #photoslide div.imagecontent img {width: 95%; margin: 15px;}
    div#slidenav a#nextslide {right: 45px;}
    div#photobrowse_wrapper {width: 100%; overflow: hidden; height: 200px; padding-right: 4px;}
    div#photobrowse_wrapper #imgnavholder {width: 93%;}
    div#photobrowse_wrapper a.right {right: 15px;}
    div#photobrowse_wrapper {top: -68px;}
    div#photobrowse_wrapper a.browse {top: 45px;}
}

@media only screen and (max-width: 1200px) and (max-height: 500px) and (orientation : landscape) {
    #photoslide {border-top: 15px solid #545454;}
    div#slidenav a#nextslide {right: 18px;}
    #imagenavholder {border: none;}
     div#photobrowse_wrapper {height: 100%;}
    div#photobrowse_wrapper ul#nav {position: relative; width: 900px !important;}
     div#photobrowse_wrapper ul#nav li {margin-bottom: 20px; display: block;}
     div#photobrowse_wrapper #imgnavholder {overflow: visible !important; height: 100%; float: left; width: 94%;}
     div#photobrowse_wrapper a.left, div#photobrowse_wrapper a.right {display: none !important;}
     div#photobrowse_wrapper #imgnavholder {border-left-width: 17px; border-right-width: 42px;}
     #coolorbox {width: 100% !important;}
     #photoslide div.imagecontent img {width: 96%;}
}

@media only screen and (max-width: 1024px) and (orientation : portrait) {
    #photoslide {border-top: 15px solid #545454;}
    div#slidenav a#nextslide {right: 18px;}
    #imagenavholder {border: none;}
     div#photobrowse_wrapper {height: 100%;}
    div#photobrowse_wrapper ul#nav {position: relative; width: 700px !important;}
     div#photobrowse_wrapper ul#nav li {margin-bottom: 20px; display: block;}
     div#photobrowse_wrapper #imgnavholder {overflow: visible !important; height: 100%; float: left;}
     div#photobrowse_wrapper a.left, div#photobrowse_wrapper a.right {display: none !important;}
     div#photobrowse_wrapper #imgnavholder {border-left-width: 17px; border-right-width: 42px;}
     #coolorbox {width: 100% !important;}
}

@media screen and (max-width: 920px) {
    section#rightColumn {display: none;}

}

@media only screen and (max-width: 895px) {
    h1.sectionTitle, h2.sectionDesc {display:none;}
        nav#subNav {margin-top: 86px;}
        span.chevron, nav#subNav ul li.active span, nav#subNav ul li:hover span {display:none !important;}
        nav#subNav ul li {padding-bottom: 0px; background: #e8e8e8;}
        nav#subNav ul {background: #e8e8e8 !important; float: left; width: 100%;}
        footer{width:85%;}
             body.levelPage section#rightColumn {float: left;}
             div#comments div.singleComment div.commentText {
                 width: 75%;
             }
}

@media only screen and (max-width: 680px) {
   #photoslide {height: 440px;}
    #photoslide div.imagecontent img {width: 93%;}
    #photoslide div.imagecontent:hover div.photocaption {
    bottom: 0px;
}
    
}

@media only screen and (max-width: 620px) {
    #photoslide {height:400px;}
}



@media only screen and (max-width: 580px) { /* phones */
        div.content form.node-form input#edit-title {width: 90%;}
        section.list article.message {width: 95%; margin-left: 5px;}
        section.list article.message h1.pageTitle {
            margin-left: -26px;
        }
        section.list article.message span.ribbon {
            left: -27px;
        }
        
        section.list article.myProfile {
            width: 95%;
        }
        
        section#mainContent article.myProfile, section#mainContent article.myLocation {
            padding-top: 25px;
            padding-bottom: 20px;
            margin-bottom: 70px;
            margin-left: 8px;
        }
        
        section#mainContent article.myLocation {
            padding-right: 10px;
        }
        
        section.list article.myLocation h1 {
            margin-left: -27px;
            margin-top: -43px;
        }
        
         div#comments div.singleComment div.commentText {
                 width: 65%;
             }
             
             /* @todo: photo responsiveness */
             div#photobrowse_wrapper ul#nav {position: relative; width: 500px !important;}
             
        
}
         #mediaplayer_playPause .off {
             display: none;
         }
         
         #mediaplayer_busy {
             display: none !important;
         }
         
         .edit-date-filter {float: left; clear: both;}
         .edit-date-filter label {
             height: 30px;
         }
         
         div.container-inline-date label {width: 65px; margin-top: -8px;}
         
         div.views-widget-sort-by, div.views-widget-sort-order {
             float: left;
            display: block;
            position: relative;
            top: 25px;
         }
         
         div.field-name-field-link-to- {
             display: block;
             margin-bottom: 15px;
             font-size: 1.5em;
         }