/* RockyMountainNews.com base homepage stylesheet - last updated 11/6/2008 - Danny DeBelius
-------------------------------------------------------------------------------------------------------

Colors
=======================
link blue	:	#194775
hover red	:	#cc0000
body text	:	#333


------------------------------------------------------------------------------------------------------- */


/* Structural
==================================================================================*/
#poster_box {width: 614px; margin-bottom: 15px; float: none; clear: both;}
#poster_box_970{width: 970px; float: left; margin-bottom: 15px; border: 1px solid #ccc; height: 500px; clear: both;}

#columns {padding-top: 15px; clear: both;}
/* This column appears in the middle of the page */
#column1 {float: right; width: 290px; margin-top: 15px;}
/* This column appears in the left of the page */
#column2 {float: left; width: 302px; margin-top: 15px;}
#column2 .bucket {float: left;}
#column2 #tip_textarea {width: 240px;}
#column2 .bucket h5 {font-size: 11px; font-weight: normal;}
#column2 #poll .bucket {width: 280px;}
#column2 #popular .bucket {float: none;}
#column2 #sponsored .bucket {padding-right: 0; float: right;}

/* Sections
==================================================================================*/
.sections {padding: 3px 0;} 
.sections .section_titlebar {height: 15px;}
.sections h4 {float: left;}
.sections h5.subsections {font-size: 11px; line-height: 12px; font-weight: normal; color: #999; display: block; float: right; text-align: right; text-transform: capitalize;}
.sections h5 a {color: #999;}
.sections h5 a:hover {text-decoration: underline; color: #cc0000;}


/* Skyboxes
==================================================================================*/
#skyboxes_top {width: 100%; height: 115px; float: left; clear:both;}
.skybox {width: 302px; height: 100px;}
.skybox a h4 {width: 140px;}
.skybox a p {width: 140px;}
#skybox1 {float: left;}
#skybox2 {float: right;}

#columnists a img.mugshot {float: right; margin: 0 0 10px 10px;}
#columnists a h4 {font-size: 18px; line-height: 18px; margin-bottom: 5px; color: #000;}
#columnists a h5, #columnists h5 a {font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom: 5px; color: #000;}
#columnists a p {font-size: 12px; line-height: 16px; color: #000; margin-bottom: 10px;}
#columnists a:hover h4 {color: #da1a21;}
#columnists h5 a span {font-weight: normal;}
#columnists h5 a:hover span {color: #da1a21;}
#columnists h5.secondary_columnist {padding-bottom: 10px;}

#traffic_watch {width: 100%; height: 99px; margin: 15px 0; background: #ccc;}
#traffic_watch a img {float: left; border-right: #FFF solid 5px;}
#traffic_watch a h4 {margin: 0 5px 10px 104px; padding: 5px 0 0 31px; line-height: 19px; font-size: 13px; color: #000; background: url(icon_camera.gif) 0 5px no-repeat;}
#traffic_watch a p {font-size: 11px; line-height: 17px; color: #333; margin: 0 10px 0 104px;}
#traffic_watch a:hover h4 {color: #da1a21;}


#popular .bucket_list {font-size: 11px; list-style-type: none;}
#popular .bucket_list li {padding-bottom: 3px; padding-left: 8px; background: url(gutter_bucketlist_bullet.gif) 0 5px no-repeat;}
#popular .bucket_list li a {line-height: 14px; color: #333;}
#popular .bucket_list li a:hover {color: #da1a21;}

#featured {margin: 15px 0;}
#featured .skybox {margin-bottom: 5px;}

#newstip .check_submit {margin-top: 5px;}

#secondary_stories .bucket_list {border-top: 1px solid #ddd; padding-top: 15px;}


/* Traffic alerts
==================================================================================*/
.traffic-alerts {margin-bottom: 20px;}
.traffic-alerts h2 {color: #cc0000; font-size: 17px;}
.traffic-alerts .bucket_list {background: url(featured-bg2.png) 0 0 repeat-x; border-top: 1px solid #ccc; padding: 10px 10px 0 10px !important;}
.traffic-alerts .bucket_list span {display: block; color: #999;}
.traffic-alerts p {text-align: right; font-size: 12px; font-weight: bold; margin: 0 !important;}
.traffic-alerts p a {color: #cc0000;}
.traffic-alerts p a:hover {text-decoration: underline;}
.titlebar.traffic h4 {float: left;}
.titlebar.traffic h6 {float: right;}
.titlebar.traffic {height: 15px;}
.titlebar.traffic h6 {line-height: 17px;}
.titlebar.traffic h6 a {color: #cc0000;}
.titlebar.traffic h6 a:hover {text-decoration: underline;}
#map {margin-bottom: 25px;}


/* Footer sitemap
==================================================================================*/
#footer_sitemap {margin-top: 15px;}
#footer_sitemap .bucket_list {float: left; width: 160px; font-size: 11px; list-style-type: none; margin-bottom: 15px;}
#footer_sitemap .bucket_list li {margin: 0; padding-left: 8px; font-size: 10px; background: url(gutter_bucketlist_bullet.gif) 0 6px no-repeat;}
#footer_sitemap .bucket_list li a {line-height: 10px; color: #666;}
#footer_sitemap .bucket_list li a:hover {color: #da1a21;}
#footer_sitemap .bucket_list .tiny_titlebar {width: 145px; background: none; padding: 0; margin-bottom: 3px; letter-spacing: .5px; border-bottom: #DDD solid 1px;}


/* Developing story
==================================================================================*/
a h2.developing {width: 100%; height: 20px; line-height: 20px; text-indent: 5px; color: #FFF; font-size: 13px; font-weight: normal; background: url(developing-bg.png) 0 0 repeat-x;}


/* Homepage featured buckets
==================================================================================*/
#featured-buckets {width: 612px;float: left; clear: both; border: 1px solid #ccc; margin: 20px 0; background: url(featured-bg.png) 0 bottom repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#featured-buckets h2 {border-bottom: 1px solid #ccc; background: url(header-grad.png) repeat-x bottom; padding: 3px 3px 2px 13px; font-size: 18px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;}
#featured-buckets h3 {font-size: 13px; padding: 3px 0;}
#featured-buckets h3 a {color: #194775;}
#featured-buckets h3 a:hover {color: #cc0000;}
#featured-buckets h4 {font-size: 12px; font-weight: normal; color: #444; padding: 2px 0;}
#featured-buckets .jcarousel-container-horizontal {width: 612px; padding:0;}
#featured-buckets .jcarousel-clip-horizontal {width:  612px; height: 175px;}
#featured-buckets ul {width: 612px; height: 175px; overflow: hidden; list-style: none; clear: both;}
#featured-buckets li,
#featured-buckets .jcarousel-list li,
#featured-buckets .jcarousel-item {float: left; list-style: none; width: 176px; padding: 0 15px 0 13px; height: 175px; border-right: 1px solid #ddd;}
#featured-buckets .jcarousel-next-horizontal {position: absolute; top: -23px; right: 5px; width: 16px; height: 16px; cursor: pointer; background: transparent url(red_next.gif) no-repeat 0 0;}
#featured-buckets .jcarousel-prev-horizontal {position: absolute; top: -23px; right: 25px; width: 16px; height: 16px; cursor: pointer; background: transparent url(red_prev.gif) no-repeat 0 0;}
#featured-buckets li.last {border-right: none;width:174px;}
#featured-buckets li img {border: 0px solid #ccc;}
#featured-buckets .page {width: 40px; height: 10px; background: url(carousel-status.gif) no-repeat; position: absolute; right: 50px; margin-top: -20px; overflow: hidden;}
#featured-buckets #page-1 {width: 13px; height: 10px; display: block;float: left;cursor: pointer;}
#featured-buckets #page-2 {width: 13px; height: 10px; display: block;float: left;cursor: pointer;}
#featured-buckets #page-3 {width: 13px; height: 10px; display: block;float: left;cursor: pointer;}


.feature {border: 1px solid #ccc; padding: 8px; font-size: 14px; margin-bottom: 25px;}
.feature p {margin: 0 0 10px;}
.feature a {color: #194775; font-weight: bold;}
.feature a:hover {color: #cc0000;}

#campaign-finance h2 {text-indent: -999em; height: 25px; background: url(finance-promo.gif) no-repeat -3px 0;}
#campaign-finance .textfield {font: 16px arial; color: #555; height: 20px; line-height: 20px;}