/*
Company:	NOM
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: #1058b0 url(../images/bg-html.jpg) top left repeat-x;
}
body {
	background: url(../images/bg-body.jpg) top center no-repeat;
	padding: 0 0 90px 0;
}
/* @end */

/* @group Layout */
/* Head */
/* NOM Logo */
div.nom-logo {
	width: 133px;
	float: left;
	margin: 0 12px 0 0;
	padding: 2px 0 0 0;
}

div.nom-logo a:link, div.nom-logo a:visited {
	display: block;
	width: 133px;
	height: 157px;
	text-indent: -9999px;
	background: url(../images/bg-nom-logo.png) top left no-repeat;
}

/* Summer Tour Logo */
div.summer-tour-logo {
	width: 809px;
	float: left;
	margin: 0 -3px 0 0;
}

div.summer-tour-logo a:link, div.summer-tour-logo a:visited {
	display: block;
	width: 809px;
	height: 159px;
	text-indent: -9999px;
	background: url(../images/bg-summer-tour.png) top left no-repeat;
}

/* Head Top */
div#hd-top {
	width: 978px;
	margin: 0 auto;
	padding: 31px 0 0 0;
	position: relative;
	height: 1%;
}

div#hd-top-inner {padding: 0 0 0 24px;}

/* Utility Nav */
div.util {
	position: absolute;
	top: 10px;
	right: 18px;
	width: 360px;
}

div.util ul {
	margin: 0;
	float: right;
}

div.util ul li {
	float: left;
	list-style: none;
	background: url(../images/bg-util.jpg) center right no-repeat;
	padding: 0 16px 0 0;
	margin: 0 15px 0 0;
}

div.util ul li.last {
	background: none;
	padding: 0;
	margin: 0;
}

div.util ul li a:link, div.util ul li a:visited {
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

div.util ul li a:hover {text-decoration: underline;}

/* Body */
div#bd {
	width: 960px;
	margin: 0 auto;
	background-color: #FFF;
	height: 1%;
}

div#bd-inner {
	padding: 0 0 0 26px;
	background: url(../images/bg-bd-page.jpg) top left repeat-y;
	height: 1%;
}
body.inside div#bd-inner {
	background: url(../images/bg-bd-page-thin.jpg) top left repeat-y;
}

/* Footer */
div#ft {
	border: 1px solid #e96868;
	width: 949px;
	margin: 0 auto;
	background: #c61d11 url(../images/bg-ft.jpg) top left repeat-x;
	color: #FFF;

}

div#ft-inner {padding: 0 0 10px 21px;}

div#ft a:link, div#ft a:visited {
	color: #FFF;
	text-decoration: none;
}

div#ft a:hover {text-decoration: underline;}
div#ft ul {margin: 0;}
div#ft ul li {list-style: none;}

/* Footer About */
div.ft-about {
	width: 410px;
	float: left;
	margin: 0 15px 0 0;
	padding: 22px 0 0 0;
}

div.ft-about h6 {
	font-size: 123%;
	font-weight: normal;
	margin: 0 0 4px 0;
}

/* Footer Banners */
div.ft-banners {
	width: 173px;
	float: left;
	margin: 0 17px 0 0;
	padding: 17px 0 0 0;
}

div.ft-banners ul li {padding: 0 0 5px 0;}

div.ft-banners ul li img {
	display: block;
}

div.ft-banners ul li a:link, div.ft-banners ul li a:visited {
	display: block;
	height: 1%;
}

/* Footer Navigation */
div.ft-nav {
	width: 311px;
	float: left;
	padding: 25px 0 0 0;
	font-size: 93%;
}

div.ft-nav ul li {padding: 4px 0;}

ul.ft-nav-one {
	width: 121px;
	float: left;
	margin: 0 3px 0 0;
}

ul.ft-nav-two {
	width: 167px;
	float: left;
}

ul.ft-nav-three {
	width: 280px;
	float: left;
	margin:5px 0 0 0;
}

/* @end */

/* @group Modules */
/* Main Column */
div.main {
	width: 476px;
	float: left;
	margin: 0 22px 0 0;
	padding: 8px 0 20px 0;
}
body.inside div.main {
	width: 582px;
}

/* Main Image */
div.main-image {padding: 0 0 16px 0;}
div.main-image img {display: block;}

/* Post Styles */
div.post {
	border-bottom: 1px solid #c7c7c7;
	margin: 0 0 10px 0;
}

/* Entry Social Share - Comment */
div.share-comment {padding: 0 0 5px 0;}
div.share-comment ul {margin: 0;}

div.share-comment ul li {
	float: left;
	list-style: none;
}

div.share-comment ul li.share-tweet {padding: 0 0 0 0;}
div.share-comment ul li.share-facebook {padding: 0 10px 0 0;}
div.share-comment ul li.share-google-buzz {padding: 0 35px 0 0;}

div.share-comment ul li.share-comments a:link, div.share-comment ul li.share-comments a:visited {
	background: url(../images/icon-share-comment-right.png) top right no-repeat;
	color: #3e3e3e;
	text-decoration: none;
	display: block;
	font-size: 85%;
	font-weight: bold;
}

div.share-comment ul li.share-comments a:link em, div.share-comment ul li.share-comments a:visited em {
	font-style: normal;
	background: url(../images/icon-share-comment-left.png) top left no-repeat;
	display: block;
	padding: 3px 15px 5px 19px;
}

div.share-comment ul li.share-comments a:hover {text-decoration: underline;}

/* Sidebar */
div#sidebar {
	width: 431px;
	float: left;
	height: 1%;
	background: #94bdfe url(../images/bg-sidebar.jpg) 0 270px no-repeat;
}
body.inside div#sidebar {
	width: 318px;
	margin-right: 5px;
	float: right;
	overflow: hidden;
}

/* Widget Styles */
div#sidebar ul {
	width: 431px;
	margin: 0;
	padding: 0 0 9px 0;
	height: 1%;
}
body.inside div#sidebar ul {
	width: 318px;
}

div#sidebar ul ul {width: auto;}

div#sidebar ul li {
	list-style: none;
	height: 1%;
}

div#sidebar div {
	margin: 0 0 0 11px;
	height: 1%;
}

div#sidebar div div {margin: 0;}

/* Side Section - Rounded Corners */
div#sidebar div.side-section-top {
	font-size: 0px;
	height: 16px;
	background: url(../images/bg-side-section-top.png) top left no-repeat;
}
body.inside div#sidebar div.side-section-top {
	background: url(../images/bg-side-section-top-thin.png) top left no-repeat;
}

div#sidebar div.side-section-bottom {
	font-size: 0px;
	height: 14px;
	background: url(../images/bg-side-section-bottom.png) top left no-repeat;
}
body.inside div#sidebar div.side-section-bottom {
	background: url(../images/bg-side-section-btm-thin.png) top left no-repeat;
}

div.side-section-inner {
	background: url(../images/bg-side-section-tile.png) top left repeat-y;
	padding: 0 22px 1px 17px;
}
body.inside div.side-section-inner {
	background: url(../images/bg-section-tile-thin.png) top left repeat-y;
}

/* Side Banner */
div#sidebar div.side-banner {margin: 0 0 22px 11px;}
body.inside div#sidebar div.side-banner {margin: 0 0 22px 8px;}

/* Bus Stops */
div#sidebar div.bus-stops {
	background: #a6a4a4 url(../images/bg-bus-stops.png) top left no-repeat;
	padding: 19px 0 77px 4px;
	margin: 0 0 14px 0;
}
body.inside div#sidebar div.bus-stops {
	background: #a6a4a4 url(../images/bg-bus-stop-next.png) top left no-repeat;
}

div.bus-stops h4 {
	text-indent: -9999px;
	margin: 0;
}

div.bus-stops div.bus-status {font-size: 85%;}

div#bd div#sidebar div.bus-stops div.last-stop {
	width: 155px;
	float: left;
	margin: 0 109px 0 0;
}
body.inside div#sidebar div.bus-stops div.last-stop {
	display: none;
}

div.last-stop div.bus-status {
	text-align: right;
	padding: 0 25px 0 10px;
}

div.bus-stops div.next-stop {
	width: 155px;
	float: left;
}
body.inside div.bus-stops div.next-stop {
	margin-left: 90px!important;
	display: inline;
}

div.next-stop div.bus-status {padding: 0 0 0 28px;}
body.inside div.next-stop div.bus-status {
	padding: 0 0 0 2px;
}

/* Bus Stops Social Icons */
div.bus-stops p.tweet, div.bus-stops p.fb-post {
	display: inline;
	float: left;
	margin: 0;
}

div.bus-stops p.tweet a:link, div.bus-stops p.tweet a:visited, div.bus-stops p.fb-post a:link, div.bus-stops p.fb-post a:visited {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	display: block;
	height: 1%;
	padding: 10px 0 12px 35px;
}

div.bus-stops p.tweet a:hover, div.bus-stops p.fb-post a:hover {text-decoration: underline;}

div.bus-stops p.tweet a:link, div.bus-stops p.tweet a:visited {
	background: url(../images/bg-bus-stops-tweet.png) top left no-repeat;
	width: 44px;
}

div.bus-stops p.fb-post a:link, div.bus-stops p.fb-post a:visited {
	background: url(../images/bg-bus-stops-facebook.png) top left no-repeat;
	width: 40px;
}

/* Bus Tour Photo Album - Side Widget */
div#sidebar div.photo-album {margin: 0 0 13px 11px;}

body.inside div#sidebar div.photo-album {margin: 0 0 13px 8px;}

div#sidebar div.photo-album ul li {
	float: left;
	list-style: none;
	margin: 0 8px 4px 0;
}

div#sidebar div.photo-album h2 {margin: 0 0 11px 0;}

/* Latest Tweet */
div#sidebar div.latest-tweet {
	margin: 0 0 19px 11px;
	height: 1%;
}
body.inside div#sidebar div.latest-tweet {
	margin: 0 0 19px 8px;
}

div#bd div#sidebar div.latest-tweet h2 {
	display: inline-block;
	background: url(../images/bg-latest-tweet.png) top right no-repeat;
	padding: 6px 43px 8px 0;
	position: relative;
	top: -7px;
}

div.latest-tweet p {
	line-height: 1.6em;
	margin: 0 0 15px 0;
}

/* Side Social Share */
div#bd div#sidebar div.side-social-share {margin: 0 0 9px 11px;}
body.inside div#bd div#sidebar div.side-social-share {margin: 0 0 9px 8px;}

body.inside div#bd div#sidebar div.facebook-widget {margin-left: 8px;}

div#bd div#sidebar div.side-social-share ul li{padding: 0 0 11px 0;}

div.side-social-share  ul li a:link, div.side-social-share ul li a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 1%;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 69px;
	padding: 0 0 0 79px;
	text-shadow: 1px 2px 0px #2b71a8;
}
body.inside div.side-social-share  ul li a {
	font-size: 116%;
	letter-spacing: -1px;
	padding-left: 68px;
}

div.side-social-share  ul li.side-tweet a:link, div.side-social-share ul li.side-tweet a:visited {background: url(../images/bg-side-tweet.jpg) top left no-repeat;}
body.inside div.side-social-share  ul li.side-tweet a:link, body.inside div.side-social-share ul li.side-tweet a:visited {background: url(../images/bg-side-tweet-thin.jpg) top left no-repeat;}
div.side-social-share  ul li.side-facebook a:link, div.side-social-share ul li.side-facebook a:visited {background: url(../images/bg-side-facebook.jpg) top left no-repeat;}
body.inside div.side-social-share  ul li.side-facebook a:link, body.inside div.side-social-share ul li.side-facebook a:visited {background: url(../images/bg-side-facebook-thin.jpg) top left no-repeat;}
div.side-social-share  ul li.side-email a:link, div.side-social-share ul li.side-email a:visited {background: url(../images/bg-side-email.jpg) top left no-repeat;}

body.inside div.side-social-share  ul li.side-email a:link, body.inside div.side-social-share ul li.side-email a:visited {background: url(../images/bg-side-email-thin.jpg) top left no-repeat;}

div.side-social-share  ul li.side-banners a:link, div.side-social-share ul li.side-banners a:visited {background: url(../images/bg-side-banner.jpg) top left no-repeat;}
body.inside div.side-social-share  ul li.side-banners a:link, body.inside div.side-social-share ul li.side-banners a:visited {background: url(../images/bg-side-banner-thin.jpg) top left no-repeat;}

div.side-social-share ul li a:hover {text-decoration: underline;}

/* @end */

/* @group Common Text Styles */
/* Entry Text Styles */
div.main p.posted {
	color: #000000;
	font-size: 123.1%;
	margin: 0 0 1px 0;
}

div.main p {
	color: #000000;
	font-size: 108%;
	line-height: 1.6em;
	margin: 0 0 1.3em 0;
}
	
/* @end */

/* @group Default Headings */
div.main h1 {
	color: #000000;
	font-size: 182%;
	margin: 0 0 10px 0;
	font-weight: normal;
}
div.main h2 {
	font-size: 161.6%;
	font-weight: normal;
	margin: 0 0 2px 0;
}

div.main h2 a:link, div.main h2 a:visited {
	color: #000000;
	text-decoration: underline;
}
div.main h2 a:hover {
	color: red;
	text-decoration: none;
}

div.side-section-inner h2 {
	margin: 0;
	color: #3792d7;
	text-transform: uppercase;
	font-size: 123.1%;
	position: relative;
	top: -4px;
}

/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Nav */
div#nav {
	width: 952px;
	margin: 0 auto;
	border: 4px solid #FFF;
	background: #c71d11 url(../images/bg-nav.jpg) top left repeat-x;
}

div#nav ul {
	margin: 0;
}

div#nav ul li {
	float: left;
	list-style: none;
	font-size: 116%;
	text-transform: uppercase;
	background: url(../images/bg-nav-divider.jpg) top right no-repeat;
}

div#nav ul li a:link, div#nav ul li a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
	line-height: 56px;
	padding: 0 16px;
}

div#nav ul li a:hover {text-decoration: underline;}

div#nav ul li.nav-the-buzz {
	background: none;
	margin: 0 105px 0 0;
}

div#nav ul li.nav-buttons {
	padding: 6px 6px 6px 0;
	background: none;
}

div#nav ul li.last {
	padding: 6px 0 6px 0;
	background: none;
}

div#nav ul li.nav-buttons a:link, div#nav ul li.nav-buttons a:visited {
	background: url(../images/bg-nav-button.jpg) top left no-repeat;
	text-align: center;
	width: 210px;
	line-height: 44px;
	padding: 0 20px 0 0;
	font-size: 100%;
	font-weight: bold;
	text-shadow: 1px 2px 0px #2b71a8;
}

/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #1657bf;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

#tweetmeme_button {
	width:50px;
}


#flickrside img {
	margin: 0 7px 7px 0;
}