/*
Theme Name: SundayStreetsMissoula
Theme URI: http://sundaystreetsmissoula.org
Description: Sunday Streets Missoula theme, based on Starkers by Elliot Jay Stocks
Version: 2.8
Author: Jordan Hess
Author URI: http://montanatransit.com
Tags: cyclovia, missoula, transit, downtown
*/

/*
Main Colors in Use
	Dark Brown: #36171c
	Light Blue: #
	Pale Yellow: #edf07f
*/



/* -------------------- RESET -------------------- */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0;
	padding:0;
	}
	
html {
	overflow-y: scroll;
	}

html, body {
	height: 100%;
	}
	
body  {
	font-size: 62.5%;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	background: url(/images/bodybg.gif) top center repeat-x white;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	margin: 0;
	padding: 0;	
	color: #000000;
	}

	
ul {
	list-style: square-inside;
	}

ol {
	list-style: decimal-inside;
	}

a {
	outline: none;
	text-decoration: none;
	color: #38a29f;
	}

a img { 
	border:none 
	} /* Gets rid of IE's blue borders */
	
img {
	vertical-align: middle;
	}
	
table { 
	border-collapse:collapse;
	border-spacing:0; 
	}
	
fieldset, img { 
	border:0; 
	}
	
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
	}
	
caption, th { 
	text-align:left; 
	}
	
h1, h2, h3, h4, h5, h6 { 
	font-weight:normal;
	}
	
q:before, q:after { 
	content:'';
	}

strong { 
	font-weight: bold;
	}
	
em { 
	font-style: italic;
	}
	

/* -------------------- PRINT LOGO -------------------- */
#print-logo {
	display: none
	}
	
	
/* -------------------- UTILITY -------------------- */
.floatLeft {
	float: left;
	}
	
.floatRight {
	float: right;
	}

.clear {
	clear: both;
	}
	
.clearLeft {
	clear: left;
	}
	
.clearRight {
	clear: right;
	}
	
.hidden {
	text-indent: -99999px;
	}

.button {
	border: 1px solid #000000;
	background: #000000;
	padding: 1px 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	}
	
.button:hover {
	background: #FFFF00;
	color: #000000;
	}
	

/* -------------------- TYPOGRAPHY -------------------- */
p {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #4F4F4F;
	margin: 0 0 15px 0;
	}
	
ul {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #4F4F4F;
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
	}
	
ol {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #4F4F4F;
	margin: 8px 0 15px 0;
	padding: 0 0 0 40px;
	}	
	
ol li {
	line-height: 1.5em;
	color: #4F4F4F;
	margin: 8px 0 8px 0;
	}	
	
ol p {
	font-size: 1em;
	}

h1 {
	font-size: 2.2em;
	font-weight: bold;
	color: #1F1F1F;
	margin: 15px 0 15px 0;
	}
	
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #3F3F3F;
	margin: 0 0 15px 0;
	}
	
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #4F4F4F;
	margin: 0 0 6px 0;
	}
	
li.linkitem , li.linkcat, ul.xoxo, ul.blogroll {
	font-size: 1.0em;
	}
	

/* -------------------- STRUCTURE -------------------- */
#container {
	width: 997px;
	margin: 0px auto -115px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}

#push {
	height: 174px;
	}
	
#primary {
	width: 437px;

	margin: 0;
	padding: 0;
	}

#secondary {
	width: 297px;
	float: left;
	margin: 0;
	padding: 0 20px;
	}
	
#tertiary {
	width: 223px;
	float: left;
	margin: 0;
	padding: 0;
	}


	
/* -------------------- HEADER -------------------- */
h1#header {
	width: 997px;
	height: 200px;
	background: url(/images/header.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0;
	cursor: pointer;
	}
	
#first-links {
	padding: 10px 0 0 0;
	margin: 0;
	}
	
#first-links p {
	color: #000;
	}	
	
#search {
	margin: 60px 0 0 0;
	}
	
#top-bar {
	padding: 0;
	}

#header-extras {
	margin: 0 15px 0 0;
	}
	
.breadcrumb {
	margin: 4px 15px;
	}

/* -------------------- H2 & H3 IMAGE REPLACEMENT -------------------- */
		
h3#news {
	width: 402px;
	height: 37px;
	background: url(/images/h3news.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0;
	}
	
h3#email {
	width: 188px;
	height: 36px;
	background: url(/images/h3email.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0;
	}

h3#inspire {
	width: 173px;
	height: 37px;
	background: url(/images/h3inspire.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0;
	}

h3#social {
	width: 206px;
	height: 37px;
	background: url(/images/h3social.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0;
	}

h3#tweet {
	width: 210px;
	height: 36px;
	background: url(/images/h3tweet.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0;
	}	

h3#sponsors {
	width: 222px;
	height: 36px;
	background: url(/images/h3sponsors.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0;
	}
	
	
/* -------------------- MENU -------------------- */
.menu ul {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	}
	
.menu li {
	float: left;
	display: inline;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	}
	
a.menu1about  {
	display: block;
	height: 39px;
	width: 136px;
	text-indent: -9999px;
	background: url(/images/menu1about.png) no-repeat;
	}

a.menu2event  {
	display: block;
	height: 39px;
	width: 222px;
	text-indent: -9999px;
	background: url(/images/menu2event.png) no-repeat;
	}

a.menu3map  {
	display: block;
	height: 39px;
	width: 101px;
	text-indent: -9999px;
	background: url(/images/menu3map.png) no-repeat;
	}
	
a.menu4sponsors  {
	display: block;
	height: 39px;
	width: 155px;
	text-indent: -9999px;
	background: url(/images/menu4sponsors.png) no-repeat;
	}
	
a.menu5contact  {
	display: block;
	height: 39px;
	width: 170px;
	text-indent: -9999px;
	background: url(/images/menu5contact.png) no-repeat;
	}
	
a.menu6participate  {
	display: block;
	height: 39px;
	width: 213px;
	text-indent: -9999px;
	background: url(/images/menu6participate.png) no-repeat;
	}

	
.menu li a:hover {
	background-position: 0 -39px;
	}




/* -------------------- WIDGETS -------------------- */
#tripplan-sidebar .widget {
	background: #fff;
	width: 294px;
	border: 3px solid #d61d5d;
	/*border-bottom: 2px solid #ccc;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 15px 0;
	}

h2.css-img-replace {
	margin: 3px 0 10px 0;
	}
	
h2#h2-frontpage-header {
	width: 449px;
	height: 52px;
	background: url(/images/h2-frontpage-head.png) top left no-repeat #fff;
	text-indent: -99999px;
	float: left;
	}

	
#trip_plan_header_area {
	background-color: #d61d5d;
	height: 35px;
	width: 294px;
	padding-top: 6px;
	}
	
h2#trip_plan_header {
	width: 123px;
	height: 23px;
	background: url(/images/h2-tripplan-pnk.png) top left no-repeat #d61d5d;
	text-indent: -99999px;
	float: left;
	}
	
	
div.news-divider {
	border-top: 1px solid #4F4F4F;
	}
	
div.news-divider:hover {
	background-color: #1F1F1F;
	}
	
div#news-post-wrapper {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #4F4F4F;
	}



h2#news_ticker_header {
	width: 156px;
	height: 23px;
	background: url(/images/h2-newsticker.png) top left no-repeat;
	text-indent: -99999px;
	float: left;
	}
	
h2#h2-error-404 {
	width: 286px;
	height: 23px;
	background: url(/images/h2-error404.png) top left no-repeat;
	text-indent: -99999px;
	float: left;
	}


.sidebar-ad {
	margin: 0;
	float: left;
	padding: 15px 0 0 0;
	margin: 0;
	}
	
/* h2#ad-mobile {
	width: 168px;
	height: 264px;
	background: url(/images/ad-mobile.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0;
	float: left;
	}
	
h2#ad-markettrolley {
	width: 168px;
	height: 120px;
	background: url(/images/ad-market.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0;
	float: left;
	}
	
h2#ad-scottstreet {
	width: 168px;
	height: 120px;
	background: url(/images/ad-scottstreet.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0;
	float: left;
	}
	
h2#ad-purchaseonline {
	width: 168px;
	height: 120px;
	background: url(/images/ad-passes.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0;
	float: left;
	}	

*/
	
.widget {
	width: 297px;
	margin: 0 0 15px 0;
	}
	
#constantcontact {
	background: url(/images/inform.gif) top left no-repeat;
	height: 200px;
	}

.widget .inside {
	padding: 10px;
	}
	
.widget-bold .inside {
	padding: 10px;
	}
	
.widget ul {
	list-style: square;
	margin-left: 15px;
	}

.widget ul a {
	display: block;
	padding: 2px;
	}
	
.widget wu li a:hover {
	background: #000;
	color: #FF0;
	}

	
.social ul {
	padding: 0;
	margin: 10px 0 10px 0;
	}
	
.social li {
	display: inline;
	float: left;
	padding: 0 7px 15px 0;
	}
	
a.socface  {
	display: block;
	height: 40px;
	width: 40px;
	background: url(/images/socface.png) no-repeat;
	}
	
a.soctwit {
	display: block;
	height: 40px;
	width: 40px;
	background: url(/images/soctwit.png) no-repeat;
	}
	
a.socflick {
	display: block;
	height: 40px;
	width: 40px;
	background: url(/images/socflick.png) no-repeat;
	}
	
a.soctube {
	display: block;
	height: 40px;
	width: 40px;
	background: url(/images/soctube.png) no-repeat;
	}
	
.social li a:hover {
	background-position: 0 -40px;
	}
	

/* -------------------- OTHER TABLES -------------------- */
table.basic {
	width: 580px;
	font-size: 1.2em;
	background-color: #FFF;
	margin: 0 auto 2.6em auto;
	border: 1px solid #3F3F3F;
	}
	
table.basic th, table.basic td {
	padding: 3px 8px;
	text-align: left;
	border: 1px solid #3F3F3F;
	color: #4F4F4F;
	}
	
table.basic th {
	font-weight: bold;
	color: #2F2F2F;
	}
	
table.basic tr:hover {
	background-color: #CCCCCC;
	}
	
	

/* -------------------- FOOTER -------------------- */
#container-bottom {
	height: 25px;
	width: 100%;
	margin: 0 auto;
	background: url(/images/container-bottom.gif) top center repeat-x;
	}

#footer {
	height: 174px;
	width: 100%;
	background: url(/images/footer.gif) top left no-repeat;
	}
	
#footer-inside {
	padding: 153px 0 0 0;
	}

#footer-inside p {
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0;
	}
	
#footer-inside a{
	color: #FFF;
	}
	
#footer-contents {
	width: 948px;
	margin: 0 15px;
	}




@import "style/css/typography.css";
@import "style/css/layout.css";