/*
------------------------------------------------------------------------
Theme Name: 	Commuter Services
Author URI:		http://www.commuterservices.org/
Description:   	Built on WP Remix 3.0
Version:       	1.0
Author:        	Andrew Ledwith
------------------------------------------------------------------------

Support:       WP Remix, http://wpremix.com/support
Updated:       June 11, 2009
Copyright:     (c) 2009 WP Remix

All rights reserved.
*/

@import url("css/dropmenu.css");	/* styling dropdown menu */
@import url("css/homepages.css");	/* styling homepage templates */
@import url("css/innerpages.css");	/* styling innerpage templates */
@import url("css/blog-common.css");		/* styling blog */
@import url("css/header.css");		/* header option styling blog */
@import url("css/sidebars.css");		/* styling blog */
@import url("css/footer.css");		/* footer option */
@import url("css/blog.css");		/* styling blog */
@import url("css/slidedeckskin.css");	/* customized style sheet for rotating header */

body {background:#eee; text-align:center; font: 12px Arial, sans-serif; line-height:1.5; color:000; margin:0;}

/* ------ Headings and Paragraphs ------ */

h1, h2, h3, h4, h5, h6 {margin:0 0 8px; font-family: Trebuchet, Arial, sans-serif; color:#000000; font-weight:normal;}
h1 {font-size:30px;} h2 {font-size:24px;} h3 {font-size:20px;} h4 {font-size:18px;} h5 {font-size:14px;} h6 {font-size:12px;}
.widgettitle {font-size:18px !important;}

a, a:visited {outline:none; text-decoration:none; color:#3853A4;}
a:hover {text-decoration:underline; color:#98CA3C;}

.dashline {border-bottom:1px dashed #DDDDDD;}

/* ------ Ordered Lists, Unordered Lists, Blockquotes ------ */

ul {
margin:0 0 15px 6px;
color:#444444;
}
ul li ul {
margin:8px 0 5px;
padding:0;
}
ol {
line-height:18px;
font-size:12px;
background:none;
margin:0 0 0 5px;
padding:0 0 10px 20px;
}
ol li {
background:none;
list-style-type:decimal;
margin:0 0 5px;
padding:0;
}
ol li ol {
margin:8px 0 5px 24px;
padding:0;
}
blockquote {
	background:url(images/quote2.png) no-repeat;
	background-position:5px 8px;
	margin-bottom:10px;
	line-height:18px;
	padding:5px 0px 5px 30px;
	margin-bottom:10px;
}
.clientname {
	font-size:11px; font-weight:normal; color:#666;
	margin-bottom:12px;
}

li,ul li ul li {
margin:0 0 5px;
}

#content p a, #content li a, #content ul li ul li a {
	font-weight:bold;
}

#carpool-intro {
	height:230px;
}

#vanpool-intro {
	height:425px;
}

#dtp-intro {
	height:588px;
}

.twoline-compensate {
	padding-top:27px;
}

#dtp-facts ul li {
margin: 0 !important;
padding: 3px 0 3px 15px !important;
background:url(http://www.commuterservices.org/wp-content/themes/commuterservices/images/bullet2.png) no-repeat !important;
background-position:0 9px !important;
list-style:none !important;
}

/* ------ Structure ------ */

#header {
height:65px;
margin:0 auto;
background:#fff;
}
#content-wrap {
overflow:hidden;
height:100%;
margin-top:10px;
}
#wrapper {
text-align:left;
width:840px;
margin:0 auto;
padding:0 10px;
overflow:hidden;
height:100%;
background:#fff;
}
#main {
overflow:hidden;
clear:both;
}
#main .subcolumns {
width:400px;
}
#content {
width:580px;
padding-bottom:10px;
}
#content2 {
width:560px;
}
#content, #content2 { 
float:left;
}
#content h3, h4 {
border-bottom:1px dashed #ddd;
}
#content p {
color:#444;
}
#content .imgborder {
border:none;
}
#content .testimonials {
border:none;
background:#FFFFFF;
}
#sidebar {
width:240px;
margin-bottom:15px;
}
#sidebar2 {
width:260px;
margin-bottom:15px;
}
#sidebar, #sidebar2 {
float:right;
}
#footer {
clear:both;
overflow:hidden;
text-align:left;
height:100%;
width:840px;
margin:0 auto;
padding:5px 10px;
}
#sidebar span {
font-size:12px;
}
#content .subcolumns,#sidebar .subcolumns {
width:280px;
}
/* Commute Cost Calculator */
#content .calculator_questions {
	width:420px;
}
#content .calculator_input {
	width:140;
}
#content .calculator_questions ol {
	line-height:26px;
}
#content .calculator_input ul {
	line-height:26px;
	list-style-type:none;
}
#hiddenlogo {
	visibility:hidden;
	margin-top:-105px;
}

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

#header .logo {
font-size:25px;
color:#fff;
margin-top:5px;
text-transform:uppercase;
float:left;
}
#header .h_left {
float:left;
/*width:320px;*/
}
#header .description {
clear:both;
margin-top:-5px;
}

/* ------ Footer Section ------ */

#footer p {
font-size:12px;
line-height:20px;
float:left;
margin:5px 0;
padding:0;
}
#footer span {
margin-top:-8px;
font-size:11px;
padding-left:1px;
}
#flinks { /* These are the links in the bottom right of the footer. */
list-style:none;
float:right;
}
#flinks li {
display:inline;
line-height:26px;
text-align:right;
padding:0 5px;
}
#flinks li a {
font-size:11px;
}

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

#search {
float:right;
margin-top:50px;
width:255px;
height:21px;
padding:2px 0 0 15px;
border:2px solid #ebebeb;
background:#fff url(images/i_search.png) no-repeat 3px 5px;
}
* html #search {
width:208px;
overflow:hidden;
}
#search .s {
font:bold 12px Arial, Helvetica, sans-serif;
width:220px;
float:left;
margin-right:5px;
padding:2px;
border:none;
background:#fff;
color:#666;
}
#searchform .sgo {
width:26px;
height:23px;
margin:-2px 0 0;
background:#fff url(images/b_go.png) no-repeat;
}

/* ------ Subscribe Section ------ */

#subscribe {
border:1px solid #e0e0e0;
background:#f2f2f2;
}
#subscribe p.i_email {
background:url(../images/i_mail.png) no-repeat 0 3px;
}
.subtextfield {
border:1px solid #e0e0e0;
background:#fff;
color:#333;
}

/* ------ Commute Cost Calculator ------ */

#ccc-survey, #ccc-results {padding:10px 0;}
.ccc-question {width:550px;}
.ccc-answer {float:right; margin-top:-25px;}

/* ------ Resources List Style ------ */
#resources ul li {
	list-style:none;
}

/* ------ Root = Horizontal, Secondary = Vertical ------ */

#nav {
width:840px;
height:28px;
position:relative;
margin:0 auto 5px;
background:#333;
}
#nav .rss {
font:bold 12px Arial, Helvetica, sans-serif;
padding-left:18px;
position:absolute;
top:7px;
right:8px;
color:#fff;
background:url(images/rss.png) no-repeat;
text-transform:uppercase;
}
#nav .rss a {
color:#fff;
}
#nav .rss a:hover {
color:#f60;
}

/* ------ List Icons ------ */
.list_carpool {background:url("../../images/carpool_logo.png") no-repeat scroll 0 0 transparent}
.list_bike {background:url("../../images/bike_logo.png") no-repeat scroll 0 0 transparent}
.list_green {background:url("../../images/green_logo.png") no-repeat scroll 0 0 transparent}
.list_grhp {background:url("../../images/grhp_logo.png") no-repeat scroll 0 0 transparent}
.list_telework {background:url("../../images/telework_logo.png") no-repeat scroll 0 0 transparent}
.list_transit {background:url("../../images/transit_logo.png") no-repeat scroll 0 0 transparent}
.list_walk {background:url("../../images/walk_logo.png") no-repeat scroll 0 0 transparent}
.list_parking {background:url("../../images/parking_logo.png") no-repeat scroll 0 0 transparent}
.list_bwc {background:url("../../images/bwc_logo.png") no-repeat scroll 0 0 transparent}
.list_tax {background:url("../../images/tax_logo.png") no-repeat scroll 0 0 transparent}
.list_parkride {background:url("../../images/parkride_logo.png") no-repeat scroll 0 0 transparent}
.list_flextime {background:url("../../images/flextime_logo.png") no-repeat scroll 0 0 transparent}
.list_etc {background:url("../../images/employer-etc_logo.png") no-repeat scroll 0 0 transparent}

/* ------ Comment Call-to-Action ------ */

.comment-bubble {
	font-weight:bold;
}

/* ------ Subscribe Options ------ */
#subscribe-email, #subscribe-rss, #subscribe-facebook, #subscribe-twitter {
	float:left;
	width:280px;
	height:150px;
	padding:0 10px 0 0;
}

.subscribe-img {
	border:0px;
	margin:0 124px;
}

/* ------ Share Options ------ */
.facebook-like-button {
	width:390px;
}
.twitter-retweet-button {
	padding-top:2px;
}
.share-widgets {
	padding-top:12px;
}

/* ------ Dropdown Menu ------ */

/* Verticle and Horizontal Settings */
ul#navmenu-h li a, ul#navmenu-v li a,
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul,
ul#navmenu-h ul ul ul ul,
ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul,
ul#navmenu-h li:hover li a, ul#navmenu-v li:hover li a,
ul#navmenu-h li.iehover li a, ul#navmenu-v li.iehover li a
{
	border: 1px dotted #857e7e;
}
ul#navmenu-h li:hover li a, ul#navmenu-v li:hover li a,
ul#navmenu-h li.iehover li a, ul#navmenu-v li.iehover li a {
}
/* Top level */
ul#navmenu-h li a, ul#navmenu-v li a,

/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-v li:hover li a,
ul#navmenu-h li.iehover li a, ul#navmenu-v li.iehover li a,

 /* 3rd Menu */
ul#navmenu-h li:hover li:hover li a, ul#navmenu-v li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li a,

/* 4rd Menu */
ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a,

/* 5th Menu */
ul#navmenu-h li:hover li:hover li:hover li:hover li a, ul#navmenu-v li:hover li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a 
{
	background: #333;
	color: #fff;
	opacity: 0.9;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, 
ul#navmenu-h li:hover a, 
ul#navmenu-h li.iehover a,
ul#navmenu-h li:hover a:hover, 
ul#navmenu-h li:hover li:hover a, 
ul#navmenu-h li:hover li.iehover a,
ul#navmenu-h li:hover li:hover a:hover, 
ul#navmenu-h li:hover li:hover li:hover a, 
ul#navmenu-h li:hover li:hover li.iehover a,
ul#navmenu-h li:hover li:hover li:hover a:hover, 
ul#navmenu-h li:hover li:hover li:hover li:hover a, 
ul#navmenu-h li:hover li:hover li:hover li.iehover a,

/* Current page item ul#navmenu-h color setting */
#navmenu-h li.current_page_item a,
#navmenu-h li.current_page_item a:hover,
#navmenu-h li ul li.current_page_item a,
#navmenu-h li ul li.current_page_item a:hover,

/* Remembers the parent page of the current page */
#navmenu-h li.current_page_ancestor a,
#navmenu-h li.current_page_ancestor a:hover,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor a,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor a:hover,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor li.current_page_item a,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor li.current_page_item a:hover,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a,
#navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover,

/* IE Specific */

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-v li:hover li a:hover,
ul#navmenu-h li:hover li:hover a, ul#navmenu-v li:hover li:hover a, 
ul#navmenu-h li.iehover li a:hover, ul#navmenu-v li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover a,

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover a,

/* 4rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover a,

/* 5th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li.iehover a,  ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li.iehover a,
ul#navmenu-h li:hover li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a:hover,

/* IE Specific: Verticle */

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-v li:hover li a:hover,
ul#navmenu-h li:hover li:hover a, ul#navmenu-v li:hover li:hover a, 
ul#navmenu-h li.iehover li a:hover, ul#navmenu-v li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover a,

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover a,

/* 4rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover a,

/* 5th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li.iehover a,  ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li.iehover a,
ul#navmenu-h li:hover li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a:hover

{ 
background:#3853A4;
}

/* ------ Breadcrumb Navigation ------ */
 
#content-wrap .breadcrumb{
font-size:10px;
text-transform:uppercase;
text-align:left;
clear:both;
line-height:25px;
}
a.button {
margin-bottom:8px;
font-weight:700;
font-size:12px;
padding:3px 15px 3px 10px;
}
.submit {
margin-bottom:8px;
font-weight:700;
font-size:12px;
cursor:pointer;
padding:3px 15px 3px 10px;
}
.postads {
text-align:center;
overflow:hidden;
height:100%;
margin-bottom:25px;
}
.small { font-size:11px; color:#666; }

/* ------ Demo ------ */

#demotop { background:#000; height:50px; overflow:hidden; } 
#demotop-in { width:860px; margin:0 auto;  }
#demotop-in h5 { float:left; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; padding:8px 0 0 0; }
#demotop-in p { font-size:11px; color:#9f9f9f; clear:both;  float:left; }

.img_button {
	position:relative;
	display:block;
	font-size:12px;
}
.img_button span {
	height:100%;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	cursor:pointer;
}
.img_button span a {
	display:block;
}

.b_purchasedownload2 {
	top:9px;
	right:0;
	float:right;
}
.b_purchasedownload2 span, .b_purchasedownload2 span a {
	background:url(images/b_purchasedownload2.png) no-repeat;
}
.b_purchasedownload2 span a, .b_purchasedownload2 {
	width:190px;
	height:32px;
}
.b_purchasedownload2 span:hover {
	background-position:0 -32px;
}

/* ------ Instruction Elements ------ */

address {
font-style:italic;
}
p.alert,p.download,p.info,p.note {
margin:10px 0 0;
padding:10px 10px 10px 36px;
}
p.alert {
padding:10px 10px 10px 36px;
}

/* ------ Text Manipulation Links ------ */

.clear {
clear:both;
}
.bold {
font-weight:bold;
}
.uppercase {
	text-transform:uppercase;
}
p.aright {
text-align:right;
}
.italic {
font-style:italic;
}

/* ------ Section Alignment ------ */

.alignleft {
float:left;
}
.alignright {
float:right;
}

/* ------ Image Alignment: Left, Right, Center ------ */

.imgleft {
float:left;
margin:0 12px 12px 0;
padding:3px;
border:1px solid #ccc;
background:#fff;
}
.imgright {
float:right;
margin:0 0 12px 12px;
padding:3px;
border:1px solid #ccc;
background:#fff;
}
.imgleft_n {
float:left;
margin:0 40px 12px 0;
padding:3px;
}
.img_center {
margin:10px 0;
padding:5px;
border:1px solid #ccc;
background:#fff;
}
code {
font-size:12px;
}

/* ------ Park-Ride Map ------ */
#map {}

/* ------ NEW 2.7 ------ */

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}
.commentlist li ul li {
	font-size: 1em;
}
#commentform {
	margin: 5px 10px 0 0;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.children { padding: 0; }