/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body{
  background-color:#443e43; 
}

p{
    margin:0 0 14px 0;
}

h4{
    margin-left:12px;
    line-height:24px;
}

.container p{
   padding:0 12px; 
}

.row{margin:0;}

.fright {
    float: right;
    width: auto !important;
    margin:7px 7px 14px 21px;
    
}

.page{
    margin: 0 auto;
    max-width: 100%;
    width: 960px;
    background-color: #f5f5f6; 
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);	
}

.logo {
    margin-left:14px;
    width:300px;
    height:70px;
    background: url(https://www.riponrunners.org.uk/img/xriponrunners.png.pagespeed.ic.aZQo5LeC4j.png) no-repeat 0 0;
    font: 0/0 a;

}

.head-img{
	max-width: 95%;
	float: right;
}

.headcalicon{
 background:url(https://www.riponrunners.org.uk/img/xcal_icon.png.pagespeed.ic.DQ10Z2XqK-.png) no-repeat 0 0;
    padding:32px 0 16px 18px;
    font-size: 20px;
}

.headnoteicon{
 background:url(https://www.riponrunners.org.uk/img/xnote.png.pagespeed.ic.Wc9R2pjcq0.png) no-repeat 0 0;
    padding:7px 0 41px 30px;
    font-size: 20px;
    
}

.newsicon{
 background:url(https://www.riponrunners.org.uk/img/xnews.png.pagespeed.ic.wBVsaxv3pt.png) no-repeat 0 0;
    padding:32px 0 16px 6px;
    font-size: 20px;
    
}

.greyish{
    background-color: #d3d1d1;
}

.plum{
    background-color: #b5a7ad;
}

td {
    padding: 5px;
    border: 1px solid #CCC;
}

table{margin-bottom:12px;}

.centre{
    text-align: center;
    padding:21px;
    margin-top:7px;
}

.botbord{
   border-bottom: 1px solid #484b47;
}

.maincontent img {
border: 1px solid #484b47;
padding: 4px;
max-width: 100%;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.maincontent ul{
margin-left:36px;
}

.maincontent ul li{
 list-style-type: disc;
 }

.indArticle{
margin-top: 12px;
}

.sidenav{
border-left:1px solid #7B0426;
}

#twitter-widget-0{
margin-top: 8px;
}

.sidenav ul, .rssMenu ul {
    margin: 4px 26px 2px 30px;
}

.sidenav ul li, .rssMenu ul li {
list-style-type: none;
}

.sidenav li a, .rssMenu li a{
    background: url("https://www.riponrunners.org.uk/images/xarrow.png.pagespeed.ic.LL0uQfiC_8.png") no-repeat scroll left center transparent;
    display: block;
    line-height: 1.6;
    list-style-type: none;
    padding-left: 20px;
    text-decoration: none;
}

.sidenav li a:hover, .rssMenu li a:hover {
    background: url("https://www.riponrunners.org.uk/images/xarrowdn.png.pagespeed.ic.ImP7MqR6SR.png") no-repeat scroll left center transparent;
    color: #7B0426;
}

.sidenav li a:visited{
	color: #7B0426;
}



.active a {
    color: #7B0426;
    font-weight: bold;
}

.sidenav h3{
margin-left:36px;
margin-bottom:18px;
}

.inner-h3 {
    color:#7e6c7b;
    margin:0 12px 12px 12px;
    font-size:150%; 

}

.article-image{
clear:both;
border: 1px solid #484b47;
padding: 4px;
max-width: 100%;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.noborder{
clear:both;
border: 0px;
padding: 0px;
max-width: 100%;
height: auto;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
}

.ital{
    font-weight: 600;
    color:#7e6c7b;
    font-style: italic;
    font-size: 21px;
    font-family: "Times New Roman",Georgia,Serif;
    float:right;
    margin-right: 35px;
    
}

/*
.shadow {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);	
}
*/
.major{
    text-transform:uppercase;
    color:#7e6c7b;
    font-size:250%; 
}
.major_inner{
    text-transform:uppercase;
    color:#7e6c7b;
    font-size:130%; 
}
.minor{
    color:#2f342d;
    font-size:150%; 
    margin-top:12px;
}

.twitbut{
 	display:block;
    margin:12px;
    float:right;
}

.footer {
width: 100%;
background-color:#660033; 
color: #f6f6f6;
margin: 0 auto 0 auto; 
padding: 10px 0 20px 0;
}

.footnav{
 margin-left:21px;
 position:relative; 
 height:70px;  
}

.footnav a{
color: #f6f6f6;
    padding:7px;
    display:block;
    text-decoration: none;
    float:left;
}

 .footnav a:hover{
 background-color: #7e6c7b;
    
}

/* Run Britain image */
.footerrun{
    display:block;
    margin-right:24px;
    float:right;
}

.runbritainabsolute{
    position:absolute;
    top:0px;
    right:0px;
}

.footer img{
 border:1px solid #fff;
}
.hidden-desktop{
display: none !important;
}

.light{
 color:#f0e9f4;
    
}

/**/

.nav{
	z-index: 999;
    background-color:#660033;
    margin-bottom: 7px;
    width:100%
}

.nav img{
margin: 4px 0 -12px 0;
    
}

nav.primary ul,
nav.primary ul li {
	margin: 0;
    z-index: 999;
}

nav.primary select {
	display: none;
	width:  100%;
	height: 28px;
	margin: 21px 0;
}

nav.primary ul li {
	display: inline;
	float: left;
	position: relative;
    background-color:#660033;
}

nav.primary ul li a {
	display: inline-block;
	line-height: 49px;
	padding:  0 12px;
	color: #f6f3f7;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.08em;
}

nav.primary ul li a:hover,  nav ul li a:visited{
	background: #424242;
	color: #fff;
	cursor: pointer;
}

/*sub menu*/
nav.primary ul ul {
	opacity: 0; 
  	filter: alpha(opacity=0); 

	position: absolute;
	top:100%;
	left: 0;
	z-index: 999;	
	height: 0;
	overflow: hidden;
	
	width: 100%;
	
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);	
}

nav.primary ul li span {
	display: none;
}

nav.primary ul li:hover ul {
	opacity: 10; 
  	filter: alpha(opacity=100); 
	height: auto;
	overflow: auto;
}

nav.primary ul ul li {
	float: none;
	display: list-item;
	border-bottom: 1px solid #f6f3f7;
}

nav.primary ul ul li a {
	display: block;
	line-height: 35px;
	text-transform: none;
}

nav.primary ul li:hover > a {
	background: #424242;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;  }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1; height:200px;}
.flexslider .slides > li {position: relative;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.flexslider img{border:none;}

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 1; right: 8px;}
.flexslider:hover .flex-prev {opacity: 1; left: 8px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .6!important; filter:alpha(opacity=60); cursor: default;}


/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}


/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 100%; padding: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); }
.flex-caption p{margin:0 12px;}


.flexslider .flex-prev,
.flexslider .flex-next
{
z-index:12;
}

/* Control Nav 
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}
*/



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
nav.primary ul li a {
	line-height: 41px;
	padding:  0 9px;
	color: #f6f3f7;
	letter-spacing: 0.05em;
	font-size:80%;
}
        
        
    }

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
    .flex-direction-nav .flex-next {opacity: 1; right: 0;}
       .container{
       width:100%;
       } 
        .major{
    font-size:24px;   
}

.flexslider{
height:0;
margin-left:12px;
}

#facebook{
margin-left: 12px;
}
.fright{
     float:left;
        margin-left:0;
    }
		.banner {
			display: none;
		}
	
		article .three.thumbnail {
			display: none;
		}
        .nav{
         background:none;
	    border:0 solid #a5a4a4; 
	    border-top:1px solid #fff;
        border-radius: 0;
        -moz-border-radius: 0;
        box-shadow: 0 0 0 #b7b5ae;
        -moz-box-shadow: 0 0 0 #b7b5ae;
        -webkit-border-radius: 0;
        -webkit-box-shadow: 0 0 0 #b7b5ae;
        margin:0;
        padding:0;
        }
		nav.primary select {
			display: block;
			margin-left: 12px;
		}
		
		nav.primary ul {
			display: none;
            line-height:0;
		}
		.navigation{
         padding:0;
            height:0;
            margin:0;
        }
		
		.bottom footer {
			text-align: center;
		}
  select::-ms-expand {
    display: none; /* hide default arrow in IE10 */
}
select {
    width: 50%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-weight: normal;
    font-size: 1em;
    line-height:1.4em;
    margin: 0 0 10px;
    padding: 6px; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border: 0 none;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background: url('/images/xarrow.png.pagespeed.ic.LL0uQfiC_8.png') no-repeat 100% 4px #fff; /* add your own arrow image */
    *background-image:none; /* turn bg image for IE7 */
    background: url('/images/xarrow.png.pagespeed.ic.LL0uQfiC_8.png') no-repeat 100% 0px #fff; /* fallback bg image*/
    background: -webkit-linear-gradient(top, #fff, #9c9c9c);
    background: -moz-linear-gradient(top, #fff, #9c9c9c);
    background: -ms-linear-gradient(top, #fff, #9c9c9c);
    background: -o-linear-gradient(top, #fff, #9c9c9c);
    background: linear-gradient(top, #fff, #9c9c9c);
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
    height: 100%;  // or use 100%
}
select option {
    background: #fff; /* style the dropdown bg color */
}      


	
	}




}