/**
 * Responsible for the general layout of the pages.
 */
* { margin: 0; padding: 0; } 

/* Header */ 
#utilities {
  width: 1000px;
  margin: 0 auto;
}
#utilitiesWrapper { background: #345491; border-bottom: 1px solid #221a41; padding: 1px 0;}
#utilities .left  { line-height: 26px; }
#utilities .right { }
#rssIcon { background: no-repeat url(images/rssIcon.png); width: 24px; height: 24px; margin: 1px 4px; display: block; }

#search-theme-form { float: right; }
#search {
  background: no-repeat url(images/searchIcon.png); height: 26px; padding-left: 26px; display: block; }
#search .form-item {
  background: repeat-x url(images/searchBG.png);
  height: 26px; line-height: 30px;
  margin: 0; display: block; float: left;
}
#search .form-text { border: none; width: 256px; color: black; background: none; }
#search .form-submit {
  background: url(images/searchButtons.png); border: none;
  width: 28px; height: 26px;
  float: left; cursor: pointer;
}
#search .form-submit:hover { background-position: 0 -26px; }
#search .form-submit:active { background-position: 0 26px; }

#headerWrapper { background: repeat-x bottom url(images/headerGradient.png); }
#header { width: 1000px; margin: 0 auto; }

#weather {
  background: no-repeat url(images/statusBG.png);
  height: 92px;
  width: 232px;
  margin: 10px 0 10px 8px;
  padding: 4px 8px 6px 8px;
}

#traffic {
  background: no-repeat url(images/statusBG2.png);
  height: 92px;
  width: 232px;
  margin: 10px 0 10px 8px;
  padding: 4px 8px 6px 8px;
}

#weather:hover, #traffic:hover { background-position: 0 -102px; }

#headerContent .block { background: url(images/headerContentBG.png); width: 300px; height: 72px; padding: 0 8px 0px 12px; }
#headerContent .mid   { margin: 0 20px 4px 20px; float: left; }
#headerContent .blockTitle { padding: 0 0 6px 18px; }

#headerContent .breakingNews {
  background: no-repeat top left url(images/header/breakingLabelCap.png);
  padding-left: 8px; padding-bottom: 8px;
}
#headerContent .breakingNews .label {
  background: no-repeat top right url(images/header/breakingLabelPoint.png);
  width: 30%; line-height: 64px;
  padding-right: 46px; margin-right: 16px;
  float: left;
}
#headerContent .breakingNews h1 { background: #000040; padding-right: 8px; }
#headerContent .breakingNews ul {
  background: url(images/header/breakingNewsCap.png);
  margin: 0; padding-right: 8px;
}
#headerContent .breakingNews li {
  background: repeat-x center left url(images/header/breakingNewsBG.png);
  border: 1px solid #000040; border-left: none; border-right: none;
  line-height: 62px;
}
#headerContent .breakingNews a { padding-right: 24px; }
/*#headerContent .breakingNews a:hover { background: no-repeat right url(images/chevron.png); }*/


/* Navigation */
#navigation li { display: block; padding: 2px 0.5em; float: left; }
#primary, #secondary { width: 1000px; margin: 0 auto; }
#primaryWrapper   { background: #af0e2b repeat-x bottom url(images/menuLowLight.png); }
#secondaryWrapper { background: #c0c0c0 repeat-x top url(images/menuHighLight.png); }

#primary li.active-trail { background: #c0c0c0 repeat-x bottom url(images/activeMenuHighlight.png); }

/* Page */
#page {
  background: white;
  border: 1px solid #221a41; border-top: none;
  width: 980px; min-height: 768px;
  margin: 0 auto;
  padding: 8px;
}
#pageWrapper { background: #c4e3f9; /*#345491;*/ }

#frontContent { width: 730px; }
#content { width: 652px; }

#frontRail { width: 242px; }
#innerRail { width: 320px;}
#frontRail, #innerRail { margin-left: 8px; }
.railContent { padding: 0 10px 4px 10px; }

.container, .block { margin-bottom: 4px; }

.breadcrumb { padding: 0px; }
#page ul.tabs { border: none; margin: 0; }
#content .content ul li { margin-left: 1.5em; }

div.help, div.status, div.warning, div.error {
  border-width: 1px; border-style: solid;
  padding: 6px 6px 6px 32px; margin-bottom: 0.5em;
}
div.messages ul li { list-style-type: none; }
div.help { border-color: #aaaaff; background: #eeeeff no-repeat 4px 50% url(images/messageIcons/help.png); }
div.status { border-color: #aaffaa; color: #33a333; background: #eeffee no-repeat 4px 50% url(images/messageIcons/info.png); }
div.warning { background: #ffffcc no-repeat 4px 50% url(images/messageIcons/warning.png); }
div.error { border-color: #a30000; background: #ffcccc no-repeat 4px 50% url(images/messageIcons/error.png); }

/* Front Page */
#headlinesWrapper { height: 600px; width: 816px; margin-bottom: 8px; }
#headlines { height: 576px; }
#headlines .left {
  border-right: 2px solid #e6e6e6; 
  height: 100%; width: 300px;
  padding-right: 4px;
  position: relative;
}
#headlines .right {
  height: 100%; width: 506px;
  padding-left: 4px;
  position: relative;
}
#headlines .rectangle { padding-top: 4px; position: absolute; bottom: 0; }
#headlines .view-headline-images { margin: 0 3px 0 3px; }
/* Start this out hidden so that the images don't flash on top of content during loading. */
#headlines .view-headline-images img { display: none; }

#communityActivity { height: 150px; width: 506px; position: absolute; bottom: 0; left: 4px; font-size: 12px; }
/* Move all this shit to a quicktab style later. */
#communityActivity ul.quicktabs_tabs { text-align: center; margin-bottom: 3px; }
#communityActivity ul.quicktabs_tabs li { margin: 0px 12px; padding: 0; }
#communityActivity ul.quicktabs_tabs li a { color: #a0a0a0; }
#communityActivity ul.quicktabs_tabs li a:hover { border-bottom: 3px solid #af0e2b; color: #646464; }
#communityActivity ul.quicktabs_tabs li.active a,
#communityActivity ul.quicktabs_tabs li.active a:hover {
  border-bottom: 3px solid #af0e2b; color: #345491;
}
#communityActivity .quicktabs_main {
  border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0;
  background: #f8f8f8;
  padding: 4px 0; height: 122px; overflow: hidden;
}

#communityActivity .content li, #communityActivity .view-content li { margin: 0 0 .25em 0; list-style-type: none; }
.view-comments-recent .item-list li div { display: inline; }
.view-comments-recent .views-field-name { font-style: italic; }

#communityActivity .block-user h3 { display: none; } /* Easiest way to get rid of the label. */
#communityActivity #quicktabs_tabpage_2_2 li { width: 250px; overflow: hidden; float: left; } /* Who's Online */
#communityActivity #quicktabs_tabpage_2_3 li { width: 250px; overflow: hidden; float: left; } /* Who's New */

/* The .js files will change this, if it gets loaded. */
#ticker { border-bottom: 1px solid #e6e6e6; padding: 0 0 4px 0; display: none; } 

/* Node */
#page-title, .node .title { margin: 0 0 4px 0; }
.meta {
	background: #e0e0e0 repeat-x bottom url(images/metaHighlight.png);
	border-top: 1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	padding: 0 8px;
	margin-bottom: 0.5em;
	color: #808080;
}
.meta .terms li { padding: 0 0 0 0.75em; }

.meta .terms-share { margin-right: 8px; float:right; text-align: right; }
.meta .terms a { color: #cc0000; }
.meta .share { height: 16px; }
.meta .submitted { padding: 1px 0; }

.vote-up-down-widget { border: none; padding: 4px 0 0 0; margin: 0; clear: none; float: right; }
.vote-up-down-widget .vote-up-act, .vote-up-down-widget .vote-up-inact {
  background: url(images/voteThumbs/thumbsUp.png); display: block; 
  height: 24px; width: 24px; float: left;
}
.vote-up-down-widget .vote-down-act, .vote-up-down-widget .vote-down-inact {  
  background: url(images/voteThumbs/thumbsDown.png); display: block; 
  height: 24px; width: 24px; float: left;
}
.vote-up-down-widget .up-inact {
  background: url(images/voteThumbs/thumbsUpInact.png); display: block; 
  height: 24px; width: 24px; float: left;
}
.vote-up-down-widget .down-inact {
  background: url(images/voteThumbs/thumbsDownInact.png); display: block; 
  height: 24px; width: 24px; float: left;
}
.vote-up-down-widget .vote-points { margin: 0 4px; float: left; }

ul.links li.addtoany { display: none; }

.nodeListWrapper { border-bottom: 2px dotted #cccccc; }
.nodeListWrapper .teaser { padding: 0.5em 0; }
.nodeListWrapper .teaser:hover { background: #dff0fb; }

.view-comments-recent.view-display-id-page .view-content ul { margin: 0; }
.view-comments-recent.view-display-id-page .view-content li { border-bottom: 2px solid #e6e6e6; padding: 0.7em 0; margin: 0; list-style-type: none; }
.view-comments-recent.view-display-id-page .view-content li div.views-field-subject { margin-bottom: 0.25em; }
.view-comments-recent.view-display-id-page .view-content li div.views-field-comment { margin-bottom: 0.4em; display: block; }
.view-comments-recent.view-display-id-page .view-content li span.views-field-title { font-style: italic; }
.view-comments-recent.view-display-id-page .view-content .views-row:hover { background: #f8f8f8; }

/* Node CCK Elements */
.storyImage img {
  border: 1px solid black;
  padding: 2px;
  margin: 0 0 2px 4px;
  float: right;
}

/* Blogs */
.blog .picture img {
  margin-left: 4px; float: right;
}

.sectionStories .blog-Blogger { background: no-repeat top left url(images/slugs/yourBlog.png); padding-left: 73px; }
.sectionStories .blog-Blogger.blog-Reporter {
  background: no-repeat top left url(images/slugs/ourBlog.png); padding-left: 63px;
}
.sectionStories .blog-Columnist { background: no-repeat top left url(images/slugs/columnist.png); padding-left: 73px; }

/* Galleries */
.field-field-photo-gallery .field-item {
  border: 1px solid #e8e8e8;
  width: 206px; line-height: 206px;
  text-align: center; float: left;
}
.field-field-photo-gallery .field-item:hover { background: #f0f0f0; border-color: #a0a0a0; }
.field-field-photo-gallery .field-item.c0 { margin: 0 13px 8px 0px; }
.field-field-photo-gallery .field-item.c1 { margin: 0 0px 8px 0px; }
.field-field-photo-gallery .field-item.c2 { margin: 0 0px 8px 13px; }
.field-field-photo-gallery img { vertical-align: middle; }

.sectionStories .gallery { background: no-repeat center left url(images/slugs/gallery.png); padding-left: 33px; }


/* Forum Posts and Comments. */
.forum-post-panel-main { min-height: 0; }

/* Rails and Blocks */
#frontRail .railContent { background: repeat-y url(images/frontRailBG.png); }
#frontRail .top { background: no-repeat url(images/frontRailTop.png); height: 9px; }
#frontRail .bottom { background: no-repeat url(images/frontRailBottom.png); height: 9px; }

#innerRail .railContent { background: repeat-y url(images/innerRailBG.png); }
#innerRail .top { background: no-repeat url(images/innerRailTop.png); height: 9px; }
#innerRail .bottom { background: no-repeat url(images/innerRailBottom.png); height: 9px; }

.railContent .blockTitle {
  background: white right center no-repeat url(images/blockTitleBlur.png);
  padding-right: 32px;
  float: left;
}
.railContent .blockTitleWrapper{
  background: left center repeat-x url(images/blockTitleStripe.png);
  margin-bottom: 2px; min-height: 1px;
}

.block ul { margin: 0; padding: 0; }
.block .item-list ul li { margin: 0 0 0.25em 1.25em; }

.block .item-list ol li { margin: 0 0 0.25em 1.5em; }

#frontRail #block-views-random_image-block_1 { text-align: center; }

/* Tabbed Blocks */
ul.quicktabs_tabs.quicktabs-style-sky li { margin: 0; height: 2em; min-height: 0; }
ul.quicktabs_tabs.quicktabs-style-sky li.active { margin: 0; }
ul.quicktabs_tabs.quicktabs-style-sky li a {
  height:1.6em; line-height:2em; min-height:2em; border-bottom:1px solid #EEEEEE; float: none;
}
ul.quicktabs_tabs.quicktabs-style-sky li.active a {
  height:1.6em; line-height:2em; min-height:2em; border-left-color: #555555;
}
body .quicktabs_main.quicktabs-style-sky { border: none; padding: 2px 0 0 0; top: 0; }

/* Footer */
#footer { text-align: center; width: 980px; margin: 0 auto; padding: 4px 0 8px 0; }
#footer .services { padding: 0 8px; text-align: left; }
#footer .categories { padding: 0 8px; text-align: right; }
#footer .locations { padding: 0 8px; }
#footer li { list-style-type: none; margin: 0; }

#footer .services .item-list { margin-right: 8px; float: left; }
#footer .services ul { margin: 0; }
#footer .services a {
  background: left no-repeat;
  height: 22px; line-height: 22px;
  padding-left: 26px;
  margin-bottom: 4px;
  display: block;
}
#footer .services .facebook { background-image: url(images/logos/facebookLogo.png); }
#footer .services .twitter { background-image: url(images/logos/twitterLogo.png); }
#footer .services .contact { background-image: url(images/logos/contactUs.png); }
#footer .services .submitStory { background-image: url(images/logos/storyLogo.png); }
#footer .services .classified { background-image: url(images/logos/classifiedLogo.png); }
#footer .services .advertise { background-image: url(images/logos/advertiseLogo.png); }
#footer .services .findPaper { background-image: url(images/logos/newspaperLogo.png); }
#footer .services .distribution { background-image: url(images/logos/distributionLogo.png); }
#footer .services .reportIssue { background-image: url(images/logos/issueLogo.png); }

#footer .categories li { padding-left: 8px; }
#footer .categories ul ul, #footer .categories ul ul li { display: inline; }

/* Ad Placements. */
.banner { width: 468px; height: 60px; margin: 0 11px; }
.contentAd.left { margin-right: 0.5em; }
.contentAd.right { margin-left: 0.5em; }
.leaderboard { width: 728px; }
.rectangle { width: 300px; height: 250px; }
.skyscraper { width: 160px; height: 600px; }

.node .banner { margin-top: 0.75em; margin-bottom: 0.75em; }

/* Lists. */
#header ul { padding: 0px; }
#header li { list-style-type: none; margin: 0; }

/* Tables */
table { width: 100%; margin-bottom: 1em; }
table td { padding: 4px; }
table td.views-field-score { text-align: right; }

tbody tr.odd { background: white;}
tbody tr.even { background: #f0f0f0;}
tbody tr.odd td.active { background: #dff0fb; }
tbody tr.even td.active { background: #d0e1ec; }

tbody tr:hover { background: #dff0fb;}
tbody tr.odd:hover td.active { background: #bfe1f7; }
tbody tr.even:hover td.active { background: #b0d2e8; }

/* Some basic floating and centering classes. */
.left { float: left; }
.right { float: right; }
.center { margin-left: auto; margin-right: auto; }
.clear { clear: both; }

/* CSS for images */
.content img  {
	position: relative;
	padding: 2px;
	margin: 15px;
	border: 1px solid black;
	float: left;
}

.view-content img  {
	border: 1px solid black;
 	 padding: 2px;
  	margin: 0 0 2px 4px;
  	float: right;
}

.storyImage img {
  border: 1px solid black;
  padding: 2px;
  margin: 0 0 2px 4px;
  float: right;
}