/*
Theme Name: CATA 2008
Theme URI: http://wordpress.org/
Description: A custom Wordpress theme prepared by <a href="http://bigbigdesign.com">Big Big Design</a>.
Author: Big Big Design
Author URI: http://bigbigdesign.com/
Tags: black on white with red accents, two column pages, one-column page templates for bus schedules, Skip-To links, custom fields, widgets

	SmallBiz 1.0

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
.clr {display: block; clear: both; width: 100%; height:1px; line-height:1px; margin:0; padding: 0;}
a {color: #cc3300;}
#SkipTo {display: none;}
.sidebar li.nolisty, .sidebar li.pagenav {list-style: none; padding-left: 0; margin-left: 0; margin-bottom: 26px;}
.sidebar {padding-left: 0; margin-left:0;}
ul#nolisty {list-style: none; padding-left: 0; margin-left: 0;}
ul#nolisty ul {padding-left: 1.25em; margin-left: 0;}
#nolisty li li {list-style: inherit;}
#header, #liner1, #footer { width: 800px; margin: 0 auto; padding:0; display: block; }
#liner1 {padding-top:12px; clear: both;}
#collar {width: 100%; text-align: center; clear: both; background-image: url('images/page_collar.png'); background-repeat: no-repeat; background-position: top center; min-height: 30px; margin:0; padding: 1px 0 0; display: block; font-size: 12px; line-height: 16px;}
#mainmenu {padding: 0 0 3px; margin:0 auto; width: 800px; min-height: 30px;}
#mainmenu li {margin:0; padding:0; list-style: none; display: inline;}
#branding { float: left; width: 40%; height: 70px;}
#postage {float: right; display: block; margin-bottom: 1px; width: 50%; text-align: right;}
#postage table {float: right;}
#postage td { vertical-align: middle; text-align: right;}
#branding a img {border: none; padding-bottom: 6px;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.2em; color: #000000; background-color: white; background-image: url('images/page_body.png'); background-position: top; background-repeat: repeat-x;}
#collar a { color: white; font-family: helvetica, verdana, arial, sans-serif; font-weight: bold; text-decoration: none; margin:0; padding: 1px 24px 1px; display:inline-block;}
#collar .current_page_item a, #collar .current_page_parent a, #collar .current_page_ancestor a {background-color: black;}
#content { width: 505px; float: right;}
#content p {line-height: 1.4em;}
h1 {font-size: 2em; line-height: 1.1em; margin-top:0; color: #cc0000;}
h1, h1 a {text-decoration: none; font-weight: normal;}
h2 {font-size: 1.5em; line-height: 1.2em; margin-top:0; color: #000;}
h2, h2 a {text-decoration: none; font-weight: normal; color: #000;}
.sidebar h2, .widgettitle { font-family: helvetica, verdana, arial, sans-serif; font-size: 1.4em; line-height:1.2em; font-weight: bold;}
.widgettitle a, .sidebar h2 a { padding-left: 0; text-align: left; margin-left: 0; font-weight: bold;}
#submenu .widgettitle { float: left; display: block; padding-bottom: 4px;}
#submenu .pagenav ul { clear: left;}
.sidebar h2, .sidebar h2 a, .widgettitle, .widgettitle a { color: #CC0000; text-decoration: none; font-weight: normal;}
.sidebar .pagenav ul, .sidebar .pagenav li {padding-left: 0; margin-left: 0; list-style: none; margin-top: 6px;}
.sidebar .pagenav li { margin-bottom: 6px;}
.pagenav li li {padding-left: 12px;}
.sidebar .page_item a { color: #000; text-decoration: none; font-weight: normal;}
.sidebar .current_page_item a { color: #cc0000;}
#submenu { display: block;  width: 240px; margin: 20px 0; background-image: url('images/page_submenu.png'); background-position: bottom right; background-repeat: no-repeat; margin-top: 0; padding: 10px 20px 30px 0; }
#routesmenu {width: 100%; margin: 0 auto;}
#routesmenu td {vertical-align: bottom; width: 50%; text-align: right; line-height: 16px; width: 50%;}
#routesmenu ul { text-align: left;}
#routesmenu a { text-decoration: none;}
	ul#navd{
        margin: 0px;
        padding: 0px;
		list-style: none;
		margin-top: 4px;
		color: #333;
		}

	 ul#navd li{
		width: 200px;
		position:relative;
		padding: 4px;
		}

	ul#navd li ul{
		position: absolute;
		top: 24px;
		left:0px;
		display:none;
		list-style:none;
		text-transform:none;
		border: 1px solid #cccccc;
		padding-left: 0;
		margin-left: 0;
		}

	ul#navd li li{
		width:200px;
		background:#ffffff;
		border-bottom: 1px solid #eaeaea;
		}	

	li > ul {
		top:auto;
		right:auto;
		}

	ul#navd li li a{
		display:block;
		}		
		
/* New bus route table styling */
.every {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	background-position: center;
	text-align: center;
}
.stop {
	font-family: Tahoma;
	font-size: 13px;
	padding-left: 3px;
	line-height: 19px;
	height: 20px;
}
.base {
	font-family: Tahoma;
	font-size: 13px;
	text-align: center;
	padding-right: 10px;
}
.day {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	padding-left: 3px;
	vertical-align: bottom;
	padding-bottom: 3px;
}
.hour {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 3px;
}
.loop3 {color: #003399}
.loop4 {
	font-family: Tahoma;
	font-size: 11px;
	padding-left: 3px;
	line-height: 19px;
	height: 20px;
	font-style: italic;
}
.loop4pm {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: left;

}
.titusgreen1 {font-family: Verdana; font-size: 13px; font-style: italic; }
.titusgreen5 {font-family: Tahoma; font-size: 13px; font-weight: bold; background-position: center; text-align: center; font-style: italic; }
.titusblue1 {font-family: Verdana; font-size: 13px; font-style: italic; }
.titusblue7 {color: #FF6633}
.evhour {
	vertical-align: bottom;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.titusblue8 {vertical-align: bottom; font-family: Tahoma; font-size: 13px; font-weight: bold; text-align: center; font-style: italic; }
.redb1 {font-family: Verdana; font-size: 13px; font-style: italic; }
.redb4 {font-family: Tahoma; font-size: 13px; font-weight: bold; background-position: center; text-align: center; font-style: italic; }
.green4 {
	font-family: Tahoma;
	font-size: 11px;
	padding-left: 3px;
	line-height: 19px;
	height: 20px;
	font-style: italic;
}
.green5 {
	font-size: 13px;
	background-position: center;
	text-align: right;
	font-family: Tahoma;
	padding-right: 3px;
	width: 36px;
}
.green6 {font-family: Tahoma; font-size: 11px; font-weight: bold; text-align: center; vertical-align: bottom; padding-bottom: 3px; }
.left {
	border-left-width: 1px;
	border-left-style: solid;
	font-family: Tahoma;
	font-size: 13px;
	width: 35px;
	text-align: right;
	padding-right: 3px;
	border-left-color: #999999;
}
.right {
	font-family: Tahoma;
	font-size: 13px;
	width: 35px;
	text-align: right;
	padding-right: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.bottom {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.blueb1 {font-family: Verdana; font-size: 13px; font-style: italic; }
.blueb4 {
	font-family: Tahoma;
	font-size: 11px;
	padding-left: 3px;
	line-height: 19px;
	height: 20px;
	font-style: italic;
}
.blueb5 {font-family: Tahoma; font-size: 13px; font-weight: bold; background-position: center; text-align: center; font-style: italic; }
.bluea1 {font-family: Verdana; font-size: 13px; font-style: italic; }
.bluea4 {font-family: Tahoma; font-size: 13px; font-weight: bold; background-position: center; text-align: center; font-style: italic; }
.reda1 {font-family: Verdana; font-size: 13px; font-style: italic; }
.reda4 {font-family: Tahoma; font-size: 13px; font-weight: bold; background-position: center; text-align: center; font-style: italic; }



/* End of new bus route styles */


	/* Fix IE. Hide from IE Mac \*/

	* html ul#navd li { float: left; height: 1%; }

	* html ul#navd li a { height: 1%; }

	/* End */

	ul#navd li:hover ul, ul#navd li.over ul { display:block; }

	ul#navd li li:hover, ul#navd li li.over { background-color: #eaeaea; }
	ul#navd li li:hover a, ul#navd li li.over a { color: #000000; }
#content.widecontent {width: 100%;}

#submenu .widgettitle a, #submenu .widgettitle, #submenu .pagenav { margin-left: 0; padding-left: 0; text-align: left;}

#submenu .page_item ul, #submenu .current_page_item .page_item ul, #submenu .current_page_parent .page_item ul {padding-left: 12px; display: none;}
#submenu .current_page_item ul, #submenu .current_page_parent ul {display: block;}

.alignright {float: right; margin: 0 0 12px 8px;}
.alignleft {float: left; margin: 0 8px 12px 0;}