/*
Theme Name: Trinity
Theme URI: http://example.com/example/
Description: A search engine optimized website framework for WordPress.
Author: Paul Clay
/
Version: 1.0
Tags: Default, trinity transit

Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
 
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 
.
*/
/* Reset default browser styles */
@import url('styles/reset.css');
/* Rebuild default browser styles */
@import url('styles/rebuild.css');
/* Basic WordPress Styles */
@import url('styles/wp.css');
/* Import a basic layout */
@import url('styles/1c-b.css');

html, body {
	margin: 0 !important;
	padding: 0 !important;
	height: 100%;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	background-color: #8095c8;
}

li, li.leaf, li.collapsed, li.expanded {
  list-style-image: none;
  list-style: none;
  list-style-type: none;

}

ul {
  list-style-image: none ;
  list-style: none ;
  list-style-type: none ;
}

h1 {
font-size: 35px;
font-weight: bold;
}

h3 {
font-weight: bold;
font-size: 18px;
}


#header {

}

#plan-a-trip {
color: white;
font-family: 'PT Sans', sans-serif;
font-size: 18px;
padding: 20px 0 0 0;
font-style: italic;
}


form table {
position: relative;
top: -40px;
}

#plan_trip_text {

}

td#cell_1a {
padding: 0 0 0 136px;
}

td#cell_1b {
font-size: 20px;
padding: 0px 40px 20px 40px !important;
position: relative;
top: 60px;
}

td#cell_2a {
padding: 0 0 0 136px;
}


td#cell_3a {
font-weight: bold;
font-size: 18px;
padding: 0 0 0 63px;
}

td#cell_3b {
font-size: 18px;
}

#trip_type_select,
#fdate,
#ftime
{
position: relative;
top: -2px;
margin: 0 0 0 22px;
}

#directions_submit {
background: url('images/transit-btn-2states.png');
background-position: 0 0 ;
cursor: pointer;
width: 137px;
height: 30px;
border: 0px;
position: relative;
top: 7px;
left: 4px;
}

#directions_submit:hover {
background-position: 0 -30px ;
}

#the-date-single {
padding: 5px 0 15px 0;
font-style: italic;
}

.news-item {
padding: 3px;
margin: 4px;
}



#crumbs a,
#crumbs a:hover
#crumbs a:visited
#crumbs a:active {
color: #999999;
text-decoration: underline;
}

#logo-top {
float: left;
width: 510px;
height: 116px;
background: url('images/logo_top.png');
}

table.fares {
margin: 20px 0 20px 0;
background-color: #E9F7F7;
border: 1px grey solid;
}

table.fares td{
border: 1px grey solid;
}

#timetables-btn, #fares-btn {
margin-top: 57px;
}

#timetables-btn {
float: left;
background: url('images/top-btns-4states.png');
width: 111px;
height: 30px;
margin-left: 122px;
margin-right: 22px;
cursor: pointer;
background-position: 0 0px;
}

#timetables-btn:hover {
background-position: 0 -30px;
}

#trip_planner {
background:#D3FAFF;
}

#fares-btn {
float: left;
background: url('images/top-btns-4states.png');
background-position: 0 -60px;
width: 76px;
height: 30px;
cursor: pointer;
}

#fares-btn:hover {
background-position: 0 -90px;
}

.single #nav-above {
    display:none;
}

#mountain-wrapper {
	background: url('images/home-bg.jpg') fixed center bottom;
	background-repeat: repeat-x;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
}




#access {
visibility: hidden;
font-size: 1px;
}



#wrapper, #wrapper-top {
	margin: 0 auto;
	width: 900px;
}

#main {
margin: 0 0 0 33px;
}

#content {
	width: 825px;
}


#home-above {
	float: left;
	width: 100%;
	background: url('images/top-home-rounded-edges.png') no-repeat;
	border-top: 0px;
	border-bottom: 2px solid #999999;
}

#google-form {
float: left;
height: 185px;
width: 811px;
padding: 0 0 0 14px; 
background: url('images/river.png') no-repeat #FCFBEE;
background-position: 0px -20px;
margin: 20px 0 0 0px;	
border-right: 1px solid #999999;
border-left: 1px solid #999999;
}

#home-form-links {
font-size: 10px;
position: relative;
top: -32px;
margin: 0 0 0 470px;
}

#home-form-links a {
color: grey;
}
#home-form-links a:hover {
color: black;
}


#saddr {
background: #E6E6E6;
}

#daddr {
background: #E6E6E6;
}

#select_start_addr {
padding: 0 0 10px 0;
margin-bottom: 15px;
}

#select_end_addr {
padding: 0 0 10px 0;
margin-bottom: 15px;
}

#home-below {
	float: left;
	width: 100%;
	margin-top: 15px;
    background: #FCFBEE;
	border: 1px solid #999999;
	border-bottom: 3px solid #999999;
	border-radius: 0px 0px 20px 0px;
}


#tim-map-title {
margin: 0 0 0 22px;
font-size: 18px;
font-style: italic;
color: #333333;
padding-top: 32px;
width: 777px;
border-top: 1px grey dashed;
}

#page-top-corners #regional-map-title {
border: 0px;
}

#regional-map-title {
border-top: 1px grey dashed;
padding: 20px;
font-size: 18px;
font-style: italic;
}

#home-map {
float: left;
width: 100%;
height: 324px;
margin: 3px 20px 20px 10px;
z-index: 1;
}

#home-map.timetables-page {
position: relative;
left: -30px;
}

.preload-map.green {
background: url('images/map/green-glow.jpg');
visibility: hidden; 
}
.preload-map.brown {
background: url('images/map/brown-glow.jpg');
visibility: hidden;
}
.preload-map.blue {
background: url('images/map/blue-glow.jpg');
visibility: hidden;
}
.preload-map.purple {
background: url('images/map/purple-glow.jpg');
visibility: hidden;
}
.preload-map.orange {
background: url('images/map/orange-glow.jpg');
visibility: hidden;
}
.preload-map.red {
background: url('images/map/red-glow.jpg');
visibility: hidden;
}
.preload-map.weav {
background: url('images/map/weav.png');
visibility: hidden;
}

.preload-map.junc {
	background: url('images/map/junction-city-glow.jpg');
	visibility: hidden;
}


#home-map.weav {
background: url('images/map/weav.png') no-repeat;
background-position: 477px 150px;
}

#home-map.green {
background: url('images/map/green-glow.jpg') no-repeat;
background-position: 28px 58px;
}

#home-map.blue {
background: url('images/map/blue-glow.jpg') no-repeat;
background-position: 240px 69px;
}

#home-map.purple {
background: url('images/map/purple-glow.jpg') no-repeat;
background-position: 409px 179px;
}
#home-map.red {
background: url('images/map/red-glow.jpg') no-repeat;
background-position: 505px 173px;
}
#home-map.orange {
background: url('images/map/orange-glow.jpg') no-repeat;
background-position: 513px 174px;
}
#home-map.brown {
background: url('images/map/brown-glow.jpg') no-repeat;
background-position: 217px 2px;
}

#home-map.junc {
	background: url('images/map/junction-city-glow.jpg') no-repeat;
	background-position: 240px 69px;
}

#bottom-home {
float: left;
width: 100%;
}

#bottom-about-trinity-transit {
border-top: 2px #999999 dotted;
padding: 24px 30px 0 9px;
color: #666666;
margin: 0 0 2em 1.2em;
width: 740px;
line-height: 22px;
float: left;
font-size: 18px;
font-weight: bold;
font-family: 'PT Sans', sans-serif;
}

#news-home a,
#news-home a:active,
#news-home a:visited {
color: #0066FF;
font-size: 15px;
text-decoration: none;

}

#news-home a:hover {
color: #0033CC;
text-decoration: underline;
}

#news-home h2 {
font-weight: bold;
font-size: 14px;
margin: 12px 0 0 0;
}

#news-home h2#news-title {
font-style: italic;
color: black;
font-weight: bold;
margin: 47px 0 0 0px;
}

#news-home h2.entry-title,
#news-home #more-news,
#news-home #sign-up-for-alerts{
margin: 12px 0 0 0px;
}

#news-home #more-news a,
#news-home #sign-up-for-alerts a {
color: #2424ff;
font-weight: bold;
}


#map-over-1,
#map-over-2,
#map-over-3,
#map-over-4 {
position: absolute;
}

#map-over-1 {
width: 200px;
	height: 200px;
	background: green;
}
#map-over-2 {
width: 200px;
	height: 200px;
}
#map-over-3 {
width: 200px;
	height: 200px;
}
#map-over-4 {
width: 200px;
	height: 200px;
}


#news-home {
float: left;
width: 235px;
color: #0066FF;
padding-bottom: 25px;
font-size: 15px;
margin: 0 17px 0 30px;
}

#pages-home {
float: left;
width: 223px;
height: 200px;
margin: 65px 0 0 0 ;
border-left: #CCCCCC dotted 1px;

}

#pages-home .page_item {
margin: 6px 0 0 0px;
}

#pages-home .page_item a {
text-decoration: none;
}

#pages-home .page_item a:hover {
text-decoration: underline;
}

#pages-home ul {
margin: 0 0 0 19px;
}

#home-pic {
padding: 25px 0 0 0;
}

#home-pic img {
width: 295px;
}

 h1#blog-description{
font-size: 13px;
font-weight: normal;
color:#494949;
}

#colophon {
text-align: right;
float: left;
width 800px;
color: grey;
}

.standard-bg-cover {
background: #FCFBEE;
float: left;
width: 100%;
border-left: 1px solid #999999;
border-right: 1px solid #999999;}


#page-body-test {
float: left;
background: url('images/top_page_body_repeat.png');
margin: 15px 0 20px 0;
width: 826px;

}

/*********** PAGE *****************/
#sub-menu .home {
background: url('images/menu.png');
width:100px;
background-position: -25px -7px;
cursor: pointer;
}

#sub-menu .home:hover {
background: url('images/menu.png');
background-position: -25px -55px;
cursor: pointer;
}

#sub-menu .news {
background: url('images/menu.png');
background-position: -125px -7px;
width: 59px;
cursor: pointer;
}

#sub-menu .news:hover {
background-position: -125px -55px;
cursor: pointer;
}

#sub-menu .about {
background: url('images/menu.png');
background-position: -184px -7px;
width: 65px;
cursor: pointer;
}

#sub-menu .about:hover {
background-position: -184px -55px;
cursor: pointer;
}




.entry-content {
padding: 27px;
clear: left;
min-height: 400px;
}

#azindex-1 .azindex {
padding:0;
}

#sub-menu {
float: left;
position: relative;
width: 391px;
left: 0px;
top: -14px;
margin: 0 0 0 0px;
font-size: 14px;
}

#sub-menu ul{
padding:0;
margin:0;
}

#sub-menu li{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
}

#sub-menu li {
background-position-y: -5px;
}

#sub-menu li.last {
border-right: 0px;
}

#sub-menu li {

height: 35px;
display: block;
text-decoration:none;
text-align: center;
color: white;
}

#sub-menu li a:hover{

}

#sub-menu ul ul{
font-size: 13px;
position: absolute;
top: 34px;
width: 167px;
visibility: hidden;
background: url('images/menu_drop_bg.jpg') top right;
border-bottom: 4px solid #2D58A3;
}

#sub-menu ul li:hover ul{
visibility:visible;
}
#sub-menu ul ul li {
text-align: left;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
line-height: 37px;
color: white;
margin: 0 0 0 0px;
padding: 0 0 0 10px;
width: 157px;

}

#sub-menu .info {
background: url('images/menu.png');
background-position: -249px -7px;
width:167px;
cursor: pointer;
}

#sub-menu .info:hover ,#sub-menu .info.hover {
background-position: -249px -55px;
cursor: pointer;
}

#sub-menu ul ul a {
text-decoration: none;
}

#sub-menu ul ul li:hover {
background: blue;
}

#crumbs {
margin: 0px 0 0px 5px;
color: #999999;
width: 400px;
padding: 0px;
text-transform: capitalize;
}

#page-title {
width: 415px;
float: left;
margin: 0 0 0 20px
}

#page-top-corners {
float: left;
background: url('images/top_page_edge.png') top left no-repeat;
width: 100%;
}
#page-top-river {
float: left;
background: url('images/top_page_body.jpg') top left no-repeat;
width: 100%;
margin: 0px 0 0 0;

}

.page-body {
float: left;
background: url('images/top_page_body_repeat.png');
background-color: green;
width: 100%;
}

#page-btm-corner {
float: left;
background: url('images/bottom-rounded-corner.png') bottom left no-repeat;
width: 840px;
}

#footer {
    width: auto;
padding: 10px 30px 20px;
color: #DADADA;
font-size: 12px;
}

#footer a {
    color:#b7e2f0;
    margin-right: 10px;
}

#footer-right {
    float: right;
}

#footer-left {
    float: left;
}

/****** timetables **/

tr.alt td {
background: #D9E3E7;
}

table.stripeMe {
border: 1px grey solid;
width: 450px;
margin: 0 0 0 170px;
}

.timetables-title {
background: #88E092;
text-align: center;
padding: 10px 0 10px 0;
}

table.stripeMe td {
padding: 3px;
font-size: 12px;
font-family: 'PT Sans', sans-serif !important;
}

table.stripeMe td span {
	font-family: 'PT Sans', sans-serif !important;
}
tr.over td {
background: #BDF7FF !important;
}

table.stripeMe td.timet-l {
width: 50%;
}
table.stripeMe td.timet-r {
width: 50%;
text-align: right;
padding: 0 10px 0 0;
}

#mailchimpsf_widget-2 {
background: #BBE6E6;
border-radius: 15px;
padding: 20px;
width: 350px;
}

#mailchimpsf_widget-2 .widgettitle {
font-size: 20px;
padding: 10px 0 20px 0;
}

input.mc_input {
width: 200px;
}

label.mc_var_label {
padding: 0 20px 0 0 ;

}

#mailchimpsf_widget-2 input {
margin: 10px 0 10px 0;
border-radius: 3px;
}

.mc_merge_var{
width: 40%;
}


.mc_signup_submit .button {
background: #E9F7F7	;
}
/***********Fares **********/

div.fares-wrapper {
margin-top: 10px;
margin-right: 20px;
float: left;
}


h2.fares-title {
background: black;
color: white;
padding: 5px;
font-weight: bold;
}

h2.fares-title a {
color: white;
font-size: 10px;
margin-left: 5px;
}

h2.fares-title.willow {
background: blue;
}

h2.fares-title.redding {
background: red; 
}

h2.fares-title.lewiston {
background: orange;
}

h2.fares-title.hayfork {
background: purple;
}

table.fares-table td{
width: 90px;
height: 15px;
}


table.fares-table.redding tr.alt td{
background: #FFC9C9;
}

table.fares-table.lewiston tr.alt  td{
background: #FFE8C9; 
}

table.fares-table.willow tr.alt td{
background: #C9EAFF;
}

table.fares-table.hayfork tr.alt td{
background: #EACAFF;
}

tr.zone-headings td {border-bottom:2px solid black;font-weight:bold;}

/**** Fare Calculator ****/

#fare-calculator {
    margin-bottom: 15px;
    border-bottom: 2px solid #4c6fab;
}

#fare-calculator h2 {
    background-color: #4c6fab;
    color: white;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 15px;
}

#fare_zones {
    float: left;
}

#fare-calculator .row {
    margin-right: 10px;
    display: inline;
}

#fare-calculator input[type=submit] {
    margin-bottom: 15px;
}

table.fare-result {
    float: right;
}

table.fare-result td {
    padding-right: 10px;
    padding-left: 10px;   
}



/*********** TIMETABLES ******/








.timetables-page {
border: none;
}

#timetable-button-labels {
width: 100%;
float: left;
font-size: 9px;
color: grey;
}


#timetable-button-labels ul {
margin: 0px;
}

#timetable-button-labels ul li {
float: left;
}

#timetable-button-labels #li-external-1 {
margin: 0 0 0 12px;
}

#timetable-button-labels #li-external-2 {
margin: 0 0 0 30px;
}

.timetable-links a {
padding: 10px;
float: left;
border-radius: 3px;
margin: 10px 5px 3px 5px;
color: white;
font-weight: bold;
background: grey;
text-decoration: none;
}

.timetable-links a:hover{
background: black;
}

.timetable-links a.green:hover{
background: #115A1D;
}
.timetable-links a.brown:hover{
background: #594511;
}
.timetable-links a.blue:hover,.timetable-links a.junction-city:hover{
background: #1D1159;  
}
.timetable-links a.purple:hover {
background: #641156;
}
.timetable-links a.orange:hover{
background: #B66700;
}
.timetable-links a.red:hover {
background: #8B0000;
}

.timetable-links a.green {
background: green;
}

.timetable-links a.brown {
background: brown;
}

.timetable-links a.blue,.timetable-links a.junction-city {
background: blue;
}

.timetable-links a.purple {
background: purple;
}

.timetable-links a.orange {
background: orange;
}

.timetable-links a.red {
background: red;
}

h2.timetable-header {
height: 15px;
color: white;
font-weight: bold;
padding:8px;
}

h2.timetable-header.willow {
background: blue;
}

h2.timetable-header.lewiston {
background: orange;
}

h2.timetable-header.redding {
background: red;
}

h2.timetable-header.shuttle {
background: black;
}

h2.timetable-header.hayfork {
background: purple;
}

.timetable-daysofweek {
border-top: 1px solid grey;
border-bottom: 1px solid grey;
padding: 5px;
margin: 0 0 7px 0; 
}




table.timetable {
font-size: 12;
padding-bottom: 10px;
width: 100%;
}




.lewiston-timetable {
border-bottom: 4px solid orange;
}

.willow-timetable {
border-bottom: 4px solid blue;
}

.redding-timetable {
border-bottom: 4px solid red;
}

.hayfork-timetable {
border-bottom: 4px solid purple;
}

.shuttle-timetable {
border-bottom: 4px solid black;
}


.timetable-wrapper {
 width: 600px;
 margin: auto;
 margin-bottom: 20px;
 }

 
.timetable-notes {
border: 1px grey solid;
border-top: 7px solid grey;
padding: 10px;
margin: auto;
width: 580px;
}
 
 .fares-notes {
float: left;
 border: 1px grey solid;
 border-top: 7px solid grey;
 padding: 10px;
 width: 755px;
 margin: 10px 0 20px 0;
 clear: left;
 
 }

.timetable-notes ul {
margin: 0px 0 0 17px;


}
ul.notes li {
list-style-type: square !important;
margin: 4px 0 0 5px;
}

.timetable td,
.timetable th {
	text-align: left;
	padding: 1px 0px 1px 12px;
}

.timetable th {
	font-weight: bold;
	border-bottom: 1px solid #f5edd6;
	padding-top: 4px;
	padding-bottom: 4px;
}



.timetable td:nth-child(3) {
	border-right: 1px solid #f5edd6;
}

.timetable td:nth-child(4) {
	padding-left: 20px;
}

td.city-name {
	
	border-top: 1px solid #f5edd6;
	text-transform: uppercase;
	background: #faf6ea;
}

.transfer-stop {
	color: #2d58a3;
	font-weight: bold;
}

/******* Route Alerts ********/

.route-alerts h3 {
	background: #2d58a3;
	text-align: center;
	padding-bottom: 5px;
	color: white;
	fill: white;
	margin-bottom: 20px;
	font-size: 16px;
}

.route-alerts {
	margin-top: 20px;
	border: 1px solid #2d58a3;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 20px;
}

.route-alerts ul,
.route-alerts li {
	list-style: disc;
}

.route-alerts li {
	margin-bottom: 5px;
}

.route-alerts li:last-of-type {
	margin-bottom: 0;
}
 

  
  
/*+******** Connecting services *****/
table#connecting-services {
width: 100%;
border: 1px solid grey;
border-top: 5px solid grey;
}

table#connecting-services td {
padding: 5px;
border-bottom: grey 1px solid;
}

table#connecting-services td.title {

}

table#connecting-services td.service_name {
max-width: 300px;
width: 40%;
}

/***** bike n ride ****/
.bike-n-ride-cube {	
float: left;
height: 450px;
}
.bike-n-ride-image {
float: left;
}
#bike-n-ride-image img {
width: 350px;
height: 350px;
margin: 0 !important;
}
#bike-n-ride-cube-label {
float: left;
width: 324px;
height: 75px;
margin: 10px 3px 30px 3px;
padding: 0px 10px 10px 10px;
background: white;
border: grey 1px solid;
}

.menu-subpage-dropdown-container 
	a:link,.menu-subpage-dropdown-container a:visited,.menu-subpage-dropdown-container a:hover,.menu-subpage-dropdown-container a:active{
		color: white;
	}
	
.menu-home-page-below-the-fold-links-container a:link{
	text-decoration: none;

}
.menu-home-page-below-the-fold-links-container li {
	padding:2px;
}
.menu-home-page-below-the-fold-links-container a:hover{
	text-decoration: underline;
}

.stoptime_thirdcolumn {color: blue; font-weight: bold; width: 120px; text-align: right;}

.post-52 td.stop_name {
	padding-right: 10px;
}

.post-time {
	margin-bottom: 10px;
	color: #666;
}

.full-page-table {
	width: 100%;
    border: 1px solid #dddddd;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 5px 0 10px;
	text-align: center;
}

.full-page-table > thead > tr > th,
.full-page-table > tbody > tr > th,
.full-page-table > tfoot > tr > th,
.full-page-table > thead > tr > td,
.full-page-table > tbody > tr > td,
.full-page-table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #dddddd;
}
.full-page-table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.full-page-table > caption + thead > tr:first-child > th,
.full-page-table > colgroup + thead > tr:first-child > th,
.full-page-table > thead:first-child > tr:first-child > th,
.full-page-table > caption + thead > tr:first-child > td,
.full-page-table > colgroup + thead > tr:first-child > td,
.full-page-table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.full-page-table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.full-page-table > thead > tr > th,
.full-page-table > thead > tr > td {
  border-bottom-width: 2px;
}
.full-page-table > tbody > tr:nth-of-type(odd) {
  background-color: #e3e7f2;
}

#fdate {
	width: 66px;
}

#ftime {
	width: 55px;
}

@media (max-width:860px) {
	
	* {
		box-sizing: border-box;
	}
	
	#wrapper-top,
	#wrapper,
	#main,
	#content,
	#page-body-test,
	#page-btm-corner {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		margin: 0;
	}
	
	#branding a {
		text-decoration: none;
	}
	
	#container {
		width: 100%;
	}
	
	#crumbs {
		width: auto;
	}
	
	#page-top-corners {
		margin-top: 15px;
	}
	
	#page-top-river {
		background: none;
		position: relative;
	}
	
	#page-title {
		width: auto;
		margin-top: 20px;
		margin-left: 0;
		padding-left: 20px;
	}
	
	#sub-menu {
		top: 0;
		right: 0;
		left: auto;
		position: absolute;
	}
	
	#page-body-test {
		border-top-right-radius: 20px;
		background: #fcfbee;
	}
	
	
	#logo-top {
		float: none;
		width: 100%;
		margin: auto;
		height: 110px;
		background-repeat: no-repeat;
		padding: 0;
		border-bottom: 1px solid #ccc;
		background-position: bottom;
	}
	
	#home-above {
		float: none;
		width: 100%;
		background: none;
	}
	#mountain-wrapper {
		background: none;
	}
	
	#timetables-btn, #fares-btn {
		margin: 20px 10px 0px;
		float: none;
		display: inline-block;
		text-align: center;
	}
	
	#wrapper-top {
		text-align: center;
	}
	
	#google-form {
		background: #fcfbee;
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 15px;
		padding-bottom: 10px;
		padding-top: 10px;
		height: auto;
	}
	
	#home-map {
		display: none;
		float: none;
		margin: 0;
	}
	
	#home-map img {
		max-width: 100%;
	}
	
	#home-below {
		border-radius: 0;
	}
	
	#plan-a-trip {
		color: black;
		font-weight: bold;
		text-align: center;
	}
	td#cell_1a {
		padding: 0;
	}
	td#cell_2a {
		padding: 0;
	}
	td#cell_3a {
		padding: 0;
	}
	
	select#trip_type_select, #fdate, #ftime {
		margin-left: 5px !important;
	}
	
	form table {
		position: static;
		margin: 0px auto;
	}
	
	#news-home {
		margin-left: 20%;
	}
	
	#home-pic {
		width: 100%;
		max-width: 295px;
		margin: auto;
	}
	
	#home-pic img {
		width: 100%;
	}
	
	#footer {
		width: 95%;
		text-align: right;
		margin: 0;
	}
	
	#bottom-about-trinity-transit {
		width: 90%;
		margin: auto;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 24px;
		float: none;
		text-align: center;
	}
	
	.fares-notes {
		width: auto;
	}
	
	div.fares-wrapper {
		margin-right: 0;
	}
	
	#page-top-corners {
		background: #8095c8;
	}
	
	h2.timetable-header {
		height: auto;
	}
	
	.bike-n-ride-cube {
		width: 45%;
		padding: 5px;
		height: auto;
	}
	
	#bike-n-ride-cube-label {
		width: 100%;
		float: none;
		height: 110px;
		margin: 0;
	}
	
	#bike-n-ride-image img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 640px) {
	
	#news-home {
		margin-left: 9%;
	}
	#pages-home {
		width: 200px;
	}
	#home-legend-container .timetable-links a,
	.timetable-links a {
		display: block;
		float: none;
		text-align: center;
	}
	.timetable-links {
		display: block;
		max-width: 500px;
		margin: auto;
	}
	.fares-notes {
		border: none;
		border-top: 7px solid grey;
	}
	
	#page-title {
		margin-top: 40px;
	}
	
	.timetable-wrapper {
		width: 100%;
	}
	
	.timetable-notes {
		width: 100%;
	}
	
	form table {
		text-align: center;
	}
	
	form table #cell_2a select,
	form table #cell_2a input,
	form table #cell_2b select,
	form table #cell_2b input {
		width: 100% !important;
		max-width: 320px;
	}
	
	#cell_1a, #cell_1b, #cell_1c {
		display: none;
	}
	
	td#cell_2a {
		float: left;
		width: 100%;
		padding-bottom: 20px;
		padding-top: 10px;
	}
	td#cell_2a:before {
		content: "Start";
		display: block;
		text-align: left;
		width: 100%;
		max-width: 320px;
		margin: auto;
		font-weight: bold;
	}
	
	td#cell_2b {
		float: left;
		width: 100%;
	}
	td#cell_2b:before {
		content: "End";
		display: block;
		text-align: left;
		width: 100%;
		max-width: 320px;
		margin: auto;
		font-weight: bold;
	}
	
	td#cell_3a {
		float: left;
		width: 100%;
	}
	
	td#cell_3b {
		text-align: right;
		float: left;
		width: 100%;
		padding-right: 10%;
	}
	
	.bike-n-ride-cube {
		width: 100%;
		max-width: 400px;
		margin: auto;
		padding: 0 0 5px 0;
		height: auto;
		float: none;
	}
	
	#bike-n-ride-cube-label {
		width: 100%;
		float: none;
		height: auto;
		margin: 0;
	}
	
	#bike-n-ride-image img {
		width: 100%;
		height: auto;
	}
	
}

@media (max-width: 500px) {
	
	td#cell_3b {
		text-align: right;
		float: left;
		width: 100%;
		padding-right: 10px;
	}
	
	#logo-top {
		background-size: 100%;
	}
	
	#menu-home-page-below-the-fold-links {
		font-size: 16px;
	}
	#menu-home-page-below-the-fold-links li {
		margin-bottom: 10px;
	}
	
	#home-pic {
		margin-top: 10px;
	}
	
	.entry-content {
		padding: 27px;
		overflow: hidden;
		max-width: 100%;
	}
	
	div.fares-wrapper {
		overflow-x: auto;
		width: 100%;
		float: none;
	}
	
	table.fares-table {
		table-layout: fixed;
		margin-top: 70px;
	}
	
	.fares-title {
		width: auto;
		margin-right: 27px;
		position: absolute;
	}
	
	table.fares-table td,
	table.fares-table th {
		min-width: 90px;
		padding: 5px;
	}
	
	
	
	#news-home, #pages-home {
		width: auto;
		margin: 0px 15px;
		float: none;
	}
	
	#more-news {
		text-align: right;
	}
	
	#pages-home {
		border-left: none;
		border-top: #ccc dotted 1px;
		padding-top: 20px;
		text-align: center;
        height: auto;
	}
	
	#pages-home ul {
		margin: 0;
	}
	
	#content {
		width: auto;
	}
	
	#home-pic {
		padding-top: 0;
	}
	
	.timetable-notes {
		border: none;
		border-top: 7px solid grey;
		padding: 0;
	}
    
    #fare_zones {
        float: none;
    }
    
    #fare-calculator .row {
        display: block;
    }
    
    #footer-left {
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }
}

@media (max-width: 400px) {
	#logo-top {
		height: 90px;
	}
    
    #sub-menu .home {
        width: 44px; 
    }
    #sub-menu {
        width: 335px;
    }
    
}
