/*   
Theme Name: ivnews.INFO
Theme URI: http://www.ivnews.info/
Description: The custom template for ivnews.info
Author: Gina Germani (Design), Marissa Wells (Code)
Author URI: http://www.ivnews.info/ & http://www.marissawells.com/
Version: 1.0.1
.
Copyright Gina Germani, 2009.
.
*/

/* Body, Structure Divs, and Non-element-specific Classes */
body {background-color: #fff; color: #333; font-family: Verdana, Helvetica, sans-serif; text-align: center;}
	#wrapper {font-size: 12px; margin: 0 auto; padding-top: 5px; position: relative; text-align: left; width: 975px;}
		#preHeader, #header, #content, #advertising {margin-bottom: 5px;}
		#preHeader {height: 90px;}
			#flashBanner, #forecast {height: inherit;}
			#flashBanner {float: left; width: 725px;}
			#forecast {background-color: #318cd1; color: #fff; float: right; font-size: 80%; letter-spacing: 0.1em; overflow: hidden; position: relative; width: 245px;}
				#forecast ul {padding: 5px;}
					#forecast li {padding-bottom: 5px;}
				#forecast .currently {font-weight: bold;}
					#forecast .currently div.description {float: right; width: 195px;}
					#forecast .currently img {}
				#forecast .forecasted {padding-left: 5px; text-indent: -5px;}
					#forecast .forecasted div {display: inline;}
				#forecast .title {font-weight: bold;}
					#forecast .forecasted .title {padding-right: 5px;}
				#forecast .when {color: #ffce2f; display: block;}
		#header {background-color: #616461;}
			#logo, #globalNav {width: 100%;}
			#logo {background-color: #606360; height: 77px; position: relative;}
			#sendMail {background: transparent url(images/mail_icon.gif) no-repeat top left; left: 685px; position: absolute; top: 30px; width: 279px;}
			#globalNav {background-color: #ffce2f; color: #318cd1; font-size: 90%; font-weight: bold; overflow: hidden; padding: 4px 0;}
			#newsTicker {background-color: #616461; color: #ffce2f; float: left; font-size: 80%; font-weight: bold; line-height: 1.5em; width: 670px;}
			#search {background-color: #fff; float: right; font-size: 95%; padding: 5px 0; width: 295px;}
		#content {float: left; position: relative; width: 780px;}
			#breadcrumbs {color: #616461; font-size: 90%; min-height: 1em; height: auto !important; height: 1em;/*Needs to match the min height pixels above*/ margin-bottom: 10px;}
			#content #news, #content #contact-columns {clear: both;}
				#contact-form, #contact-email-list {float: left;}
					#contact-form {width: 454px;}
					#contact-email-list {width: 302px;}
				#headlines1, #headlines2, div.hol1, div.hol2 {display: inline; float: left; width: 378px;}
					#headlines1, #contact-form, div.hol1 {margin-right: 22px;}
			#multimedia {background-color: #318cd1; overflow: hidden; width: 378px;}
				#multimedia .caption {color: #222; display: block; font-size: 90%; padding: 0 5px 5px 5px;}
				#multimedia .multimedia {padding: 5px 0 5px 5px;}
			#newsTools {}
				#newsTools div {float: right; margin: 0 0 10px 10px; width: 165px;}
			#businessAndPublicRecords {position: relative;}
				#businessAndPublicRecords div.business, #businessAndPublicRecords div.publicRecords {width: 190px;}
					#businessAndPublicRecords div.business {}
					#businessAndPublicRecords div.publicRecords {left: 200px; position: absolute; top: 0;}
			#scrollingAd, #adsenseBottomAd {clear: both; padding: 2em 0 1em 0;}
		#content-wide {float: left; position: relative; width: 100%;}
		#advertising {float: right; width: 182px;}
		#footer {clear: both; font-size: 85%; font-weight: bold; padding: 1em 0;}

/* Elements, Pseudo-elements, and Element-and-div-specific Classes */			
a {color: #318cd1; text-decoration: none;}
	a:visited {}
	a:hover {color: #616461;}
	div.post a {font-weight: bold;}
	.see-all a {text-decoration: underline;}
	#forecast a {color: #fff; display: block; letter-spacing: 0.05em; padding-top: 2px;}
	#globalNav a {display: block; white-space: nowrap;}
		#globalNav a:hover {color: #616461;}
		#globalNav ul li ul li a {border-top: 2px solid #318cd1; color: #318cd1; padding: 3px; width: auto;}
	#multimedia a {color: #ffce2f;}
	#sendMail span a {color: #fff; display: block; padding-top: 3px; text-decoration: none;}
		#sendMail span a:hover {color: #ffce2f;}
abbr, acronym {border-bottom: 1px dotted #616461;}
address {}
big {font-size: 110%;}
blockquote {}
cite {}
dfn {font-style: italic;}
div {}
	div#about-us {float: left; width: 48%;}
	div.addthis {float: right;}
		#headlines2 div.addthis {display: block; float: none; text-align: right;}
	div.archive {padding-bottom: 2em;}
	div.community-sub-info {color: #616461; line-height: 1.2em; margin-bottom: 1em;}
		div.community-sub-hasthumb {min-height: 80px; height: auto !important; height: 80px;/*Needs to match the min height pixels above*/}
			.community-sub-hasthumb div, .community-sub-hasthumb h1 {margin-left: 85px; }
	div#contact-us {padding-bottom: 1em;}
	div.featured {float: right; margin: 0 0 10px 10px; width: 75px;}
	div.hol1, div.hol2 {text-align: center;}
	div.inline-ads {height: 275px; text-align: center;}
	div#management {float: right; width: 48%;}
	div.post {clear: both;}
		div.post li, div.post li div {line-height: 1.4em;}
			 div.post li {padding-bottom: 0.5em;}
			 div.post .site-map li {padding: 0;}
	div.row {clear: both; padding-bottom: 1em;}
	div.search-result {padding: 0.5em 0;}
	div#staff {clear: both;}
	div.term {display: inline-block;}
	div#valley-views {clear: both;}
dl {}
	dd {}
	dt {}
em {font-style: italic;}
form {}
	fieldset {}
		input, textarea {}
			#search input, #search label {float: left;}
			.search input {border: 1px solid #000; width: 120px;}
			.search .goButton {font-size: 9px; height: 17px; margin-right: 5px; padding-bottom: 2px; width: 25px;}
				#search .search .goButton {float: right;}
		label {}
			#search .search label {padding: 1px 10px 0 5px;}
		select {}
h1, .h1style {background-color: #ffce2f; color: #616461; display: inline-block; font-size: 110%; font-weight: bold; margin-bottom: 5px; padding: 2px 2.5em 2px 2px; text-transform: uppercase; width: auto;}
	div.single h1 {background-color: transparent; display: block; margin-bottom: 0.4em; padding: 0 0 0.227em 0; text-transform: none;}
		div.single h1.hidden {display: none;}
	div.community-sub-info h1 {margin-bottom: 0;}
h2, h3 {font-size: 110%; font-weight: bold; padding: 2px 0;}
	.clubs h2 {color: #444;}
h4, h5, h6 {font-weight: bold;}
	h4 {line-height: 1.4em;}
	h6.advertising {background-color: transparent; color: #bbb; letter-spacing: 0.1em; line-height: 1.35em; padding: 0; text-align: center; width: 100%;}
	#advertising h6.advertising {margin: 6px 0 3px 0;}
img {}
	img.community-sub-thumbnail {float: left;}
	img.movie-image {display: block; text-indent: 0;}
	img.news-map {display: block; margin: 0 auto;}
	img.news-map-link {cursor: pointer;}
	img.story-thumbnail {float: right; padding: 0 0 5px 5px;}
	#advertising img {border-left: 2px solid #616461; display: block; padding-bottom: 4px;}
	.headline img.avatar {background: none; border: 0; float: right; padding: 0 0 5px 5px;}
li {}
	li#contact-email-list li {margin-bottom: 1em;}
	li.has-image {min-height:75px; height:auto !important; height:75px;/*Needs to match the min height pixels above*/}
ol {list-style: decimal inside;}
	ol.lettered {list-style: lower-alpha inside;}
	div.post ol {padding-bottom: 1em; padding-left: 2em;}
p {line-height: 1.4em; padding-bottom: 1em;}
	p.contact-address {font-weight: bold;}
	p.time {clear: right; color: #777; font-size: 80%; padding-bottom: 0.25em;}
		div.single p.time, div.single p.author {font-size: 90%;}
	.caption p, div.community-sub-info p {display: inline;}
	.extra p, .headlines p {text-indent: 0;}
	.headlines p, .search-result p.author, .search-result p.time {padding-bottom: 0;}
	.post-summary p {display: inline; padding: 0;}
	#share-your-celebrations p, #valley-views p {padding-left: 10px;}
pre {}
q {}
small {font-size: 90%;}
span {}
	div.featured span {color: #616461; display: block; font-size: 75%; min-height: 3em; padding-top: 1px; text-align: center; text-transform: uppercase;}
	.inspection-meta span {display: block; line-height: 1.4em;}
	#footer span {color: #318cd1; display: block; margin-top: 0.3em; text-align: center;}
	#newsTools span {display: block; font-size: 80%; width: 150px;}
	#sendMail span {display: block; font-weight: bold; padding: 0 0 6px 35px;}
strike {text-decoration: line-through;}
strong {font-weight: bold;}
	strong.location {text-transform: uppercase;}
	strong.code {color: #318cd1;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
table {}
	table.health-inspection {border-left: 1px solid #ccc; border-top: 1px solid #ccc; width: 75%; margin: 0 auto; margin-top: 1em;}
	#stocks table {margin: 0 auto;}
	table.valley-views {border-left: 1px solid #ccc; border-top: 1px solid #ccc; width: 90%;}
	caption {}
	tbody {}
	td {padding: 5px;}
		.health-inspection td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
			td.inspection-item-phys, td.inspection-item-oper {text-align: center; width: 10%;}
			td.inspection-item-name {width: 70%;}
		#stocks td {}
		.valley-views td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center;}
			.valley-views td img {padding-bottom: 5px;}
		.valley-views td.odd-cell {background-color: #efefef;}
	tfoot {}
	th {background-color: #efefef; font-weight: bold; padding: 5px;}
		.health-inspection th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
		.health-inspection th.th-primary {background-color: #616461; color: #efefef; text-transform: uppercase;}
	thead {}
	tr {}
ul {}
	ul.clubs-sub-nav, ul.schools-sub-nav, ul.worship-sub-nav {min-height: 2em; height:auto !important; height: 2em;/*Needs to match the min height pixels above*/}
	ul.iv-sub-nav {min-height: 3.5em; height:auto !important; height: 3.5em;/*Needs to match the min height pixels above*/}
	ul.sub-nav {padding-bottom: 1em;}
		ul.sub-nav li {display: inline; font-size: 95%; line-height: 1.2em; padding-right: 1em;}
	div.post ul {list-style: disc inside; padding-bottom: 1em; padding-left: 2em;}
		div.post ul.sub {padding-bottom: 0;}
		div.post ul.management, div.post ul.staff {list-style: none; padding: 0;}
			ul.management li, ul.staff li div {padding: 0 0 1em 110px;}
			ul.management li.gina {background: transparent url(images/about/gina.jpg) no-repeat top left;}
			ul.management li.marissa {background: transparent url(images/about/marissa.jpg) no-repeat top left;}
			ul.staff li.left-column, ul.staff li.right-column {width: 48%;}
				li.left-column {clear: left; float: left;}
				li.right-column {clear: right; float: right;}
			ul.staff li.gwen {background: transparent url(images/about/gwen.jpg) no-repeat top left;}
			ul.staff li.joann {background: transparent url(images/about/joann.jpg) no-repeat top left;}
			ul.staff li.jose {background: transparent url(images/about/jose.jpg) no-repeat top left;}
	#footer ul {text-align: center;}
		#footer li {display: inline; padding: 0 0.3em;}
	#globalNav ul#jsddm {padding-left: 67px; width: auto;}
		#globalNav ul li {float: left; padding: 0 1px;}
			#globalNav ul li ul {background-color: #ffce2f; padding-top: 4px; position: absolute; visibility: hidden; z-index: 1000;}
				#globalNav ul li ul li {float: none;}
	.headlines li {padding: 0 0 0.75em 15px; text-indent: -5px;}

/* Comments */
#comments {margin-top: 2em;}
	#commentsform {} /* DIV */
		#commentsform div {margin-bottom: 1em;}
		#commentsform h3 {margin-bottom: 0.5em;}
		#commentsform input, #commentsform textarea {border: 1px solid #000000;}
		.submit input, .search .goButton {background-color: #318cd1; color: #fff; font-weight: bold;}
		#commentsform label {display: block; padding-bottom: 0.2em;}
	#commentlist {padding-bottom: 1.5em;} /* OL */
		#commentlist li {border-bottom: 1px solid #eee; min-height:75px; height:auto !important; height:75px; padding: 1em 0;}
		.comment-byline, .comment-time {color: #666;}
		.comment-byline {padding-bottom: 0; text-transform: capitalize;}
img.avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
li.bypostauthor {}
li.byuser {}

/* Easy tooltip */
#easyTooltip{background-color: #616461; border: 1px solid #616461; color: #ffce2f; font-size: 80%; padding: 3px; z-index: 600;}

/* liScroll */
.tickercontainer {width: 665px; height: 20px; overflow: hidden;}
	.tickercontainer .mask {position: relative; left: 10px; top: 3px; width: 665px; overflow: hidden;} /* that serves as a mask. so you get a sort of padding both left and right */
ul.newsticker {position: relative; left: 665px; list-style-type: none;}
	ul.newsticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */}
	ul.newsticker a {color: #ffce2f; white-space: nowrap;}
	ul.newsticker p {display: inline; margin: 0; padding: 0;}

/* Pull quote styles */	
blockquote.pullquote {padding: 12px 0; margin: 5px 15px 8px 0; float: left; width: 180px; text-align: left; border-top: 3px double #ccc; border-bottom: 3px double #ccc; border-left: 0; border-right: 0; line-height: 1.6em; background: #fefefe;}
blockquote.pullquote.right {margin: 5px 0 8px 15px; float: right; text-align: right;}
blockquote.pullquote p {margin: 0 !important; font-size: 1.4em; color: #666; font-weight: bold;}

/* Scroll to top */
#toTop {background-color: #f1f1f1; border: 1px solid #ccc; bottom: 10px; color: #666; cursor: pointer; font-size: 70%; padding: 5px; position:fixed; right: 10px; text-align: center; text-decoration: none; width:100px;}

/* Wordpress styles */
.aligncenter {margin: 0 auto; padding-bottom: 1em;}
.alignleft {float: left; padding: 0 1em 1em 0;}
.alignright {float: right; padding: 0 0 1em 1em;}
	.alignright img {float: right;}
.cat-item {}
	.current-cat a, .current_page_parent a, .current_page_item a {color: #000;}
.currentcat {}
.current-cat-parent {}
.current_page_item {}
.current_page_parent {}
.linkcat {}
.page_item {}
.pagenav {}
.widget {}
.wp-caption {}
.wp-caption-text {color: #616461; font-size: 80%; font-style: italic; text-align: center;}

/* Misc. classes */
.address, .phone {display: block; text-indent: 0;}
.bankruptcy-chapter, .bankruptcy-city, .bankruptcy-datefilled, .bankruptcy-name, .bankruptcy-petition {line-height: 1.4em;}
	.bankruptcy-name2 {display: block; text-indent: -5px;}
.breaking {padding-right: 1em; text-transform: uppercase;}
.email-desc {display: block;}
.full-story-link {display: block; font-style: italic; font-weight: bold; padding-top: 2px; text-indent: 0;}
.go-to-blog {}
.headline-meta {color: #777; line-height: 1.25em; padding: 2px 0; text-indent: 0;}
.hidden {border: 0; display: none;}
.highlight {background-color: #ff9;}
.inspection-meta {padding-bottom: 1em;}
.movie-links {margin-top: 0.25em; text-align: center;}
	.movie-summary, .showtimes {display: block; text-indent: -3em;}
.no-em {font-weight: normal;}
.postnavigation {clear: both; margin-top: 2em;}
.section {font-size: 90%; line-height: 1.1em; margin-bottom: 1em;}
.see-all {font-weight: bold; text-transform: uppercase;}
.swap {background: transparent url(images/ivnews_logo_small.gif) no-repeat top left; height: 23px; margin-bottom: 0.2em; padding: 0; width: 127px;} /* Logo swap for sidebars */
	.swap span {display: none;}
.valley-views {display: block; margin: 0 auto; text-align: center; width: auto;}
	.valley-views .valley-views-thumb {display: block; margin: 0 auto; padding-bottom: 0.5em; text-align: center;}
	.valley-views p.submitted-by {color: #616461;}