/* $Id: html-elements.css,v 1.1.2.2 2009/02/13 19:42:10 johnalbin Exp $ */
/****
**** HTML ELEMENT STYLING
****/
/** fonts **/
/*
* Our font size and line height declarations are based on the following ALA
* article:
* http://www.alistapart.com/articles/howtosizetextincss
*
* All modern browsrs use a 16px default font size. Specifying the font-size
* and line-height in ems (relative to the 16px default font) allows the user
* to resize the font in the browser and produces the most consistent results
* across different browsers.
*/
body
{
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
text-align: left;
}
body,td,th {
color: #000;
font: 15px Helvetica, Arial, Verdana, sans-serif;
line-height: 18px;
margin: 5px;
padding:0;
}
pre, code
{
font-size: 1.1em; /* Monospace fonts can be hard to read */
font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}
/** headings **/
h1
{
font-size: 2em;
line-height: 1.3em;
margin-top: 0;
margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
Remember, a margin specified in ems is relative to
the element's font-size, not to the pages' base
font size. So, for example, if we want a 1em margin
(relative to the base font), we have to divide that
length by the element's font-size:
1em / 2em = 0.5em */
}
h2
{
font-size: 0.8em;
line-height: 1.3em;
margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
margin-bottom: 0.667em;
}
h3
{
font-size: 1.3em;
line-height: 1.3em;
margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
margin-bottom: 0.769em;
}
h4, h5, h6
{
font-size: 1.1em;
line-height: 1.3em;
margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
margin-bottom: 0.909em;
}
/** lists **/
/* standardize list item indentation */
ul, ol
{
margin-left: 0;
padding-left: 2em;
}
.block ul, /* Drupal overrides */
.item-list ul
{
margin: 1em 0;
padding: 0 0 0 2em;
}
.block {
border: solid 0px #999999;
padding: 0px 0px 0px 0px;
}
.block-search-0 {
border: solid 0px #999999;
padding: 2px 2px 2px 2px;
}
ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul
{
margin: 0;
}
li
{
margin: 0;
padding: 0;
}
.item-list ul li /* Drupal override */
{
margin: 0;
padding: 0;
list-style: inherit;
}
ul.menu li, /* Drupal override */
li.expanded,
li.collapsed,
li.leaf
{
margin: 0;
padding: 0;
list-style-image:url(http://www.ihoneida.com/images/listmarker.jpg);
}
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: decimal; }
dt
{
margin: 0;
padding: 0;
}
dd
{
margin: 0 0 0 2em;
padding: 0;
}
/** links **/
/* The order of link states are based on Eric Meyer's article:
* http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
*/
a:link
{
}
a:visited
{
}
a:hover,
a:focus
{
}
a:active
{
}
/** tables **/
/* Override Drupal default CSS */
table
{
border-collapse: collapse;
/* width: 100%; */ /* Prevent cramped-looking tables */
}
th,
thead th,
tbody th
{
text-align: left;
padding-right: 0;
border-bottom: none;
}
tbody
{
border-top: none;
}
/** abbreviations **/
abbr
{
border-bottom: 1px dotted #666;
cursor: help;
white-space: nowrap;
}
/* Date-based "abbreviations" show computer-friendly timestamps which are not
human-friendly. */
abbr.created
{
border: none;
cursor: auto;
white-space: normal;
}
/** images **/
img
{
border: 0;
}
/** horizontal rules **/
hr
{
height: 1px;
border: 1px solid #666;
}
/** forms **/
form
{
margin: 0;
padding: 0;
}
fieldset
{
margin: 1em 0;
padding: 0.5em;
}
a.topnav:link {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#004276; text-decoration: none}
a.topnav:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#004276; text-decoration: none}
a.topnav:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#004276; text-decoration: none}
a.topnav:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#ce181f; text-decoration: none}
.topnavred, a.topnavred:link, a.topnavred:visited, a.topnavred:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#ce181f; text-decoration: none}
a.topnavred:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#004276; text-decoration: none}
.topnavblack {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#000000;}
.topnavgray {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#494343;}
.topnavblue {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#004276;}
.navMainBlue {float:left; height:34px; line-height:34px; vertical-align:middle; margin:0px 1px 0px 0px; background-image:url(http://www.ihoneida.com/images/bluebutton.gif);}
.navMainRed {float:left; height:34px; line-height:34px; vertical-align:middle; margin:0px 1px 0px 0px; background-image:url(http://www.ihoneida.com/images/redbutton.gif)}
.navMainRedLast {float:left; height:34px; line-height:34px; vertical-align:middle; margin:0px 0px 0px 0px; background-image:url(http://www.ihoneida.com/images/redbutton.gif)}
.navMainBlue a.navmain:link, .navMainBlue a.navmain:visited, .navMainBlue a.navmain:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#ffffff; text-decoration:none; display:block; background-image:url(http://www.ihoneida.com/images/bluebutton.gif);}
.navMainBlue a.navmain:hover {font-weight:bold; font-size:12px; color:#ffffff; text-decoration:none; display:block; background-image:url(http://www.ihoneida.com/images/hoverbutton.gif);}
.navMainRed a.navmain:link, .navMainRed a.navmain:visited, .navMainRed a.navmain:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#ffffff; text-decoration: none; display: block; background-image:url(http://www.ihoneida.com/imags/redbutton.gif);}
.navMainRed a.navmain:hover {font-weight:bold; font-size:12px; color:#ffffff; text-decoration:none; display:block; background-image:url(http://www.ihoneida.com/images/redhoverbutton.gif);}
.navMainRedLast a.navmain:link, .navMainRedLast a.navmain:visited, .navMainRedLast a.navmain:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#ffffff; text-decoration: none; display: block; background-image:url(http://www.ihoneida.com/images/redbutton.gif);}
.navMainRedLast a.navmain:hover {font-weight:bold; font-size:12px; color:#ffffff; text-decoration:none; display:block; background-image:url(http://www.ihoneida.com/images/redhoverbutton.gif);}
.infobar {font-family: Arial,Sans-Serif; font-size: 11px; color: #FFFFFF; font-weight: bold; }
a.infobar:link {color: #ffcc33; text-decoration: none; }
a.infobar:visited {color: #ffcc33; text-decoration: none; }
a.infobar:hover {color: #FFFFFF; text-decoration: underline; }
a.infobar:active {color: #ffcc33; text-decoration: none; }
.more {font-family: "Arial",Arial,Sans-Serif; font-size: 12px; color: #004276; font-weight: bold; }
a.more:link {color: #004276; text-decoration: none; }
a.more:visited {color: #004276; text-decoration: none; }
a.more:hover {color: #004276; text-decoration: underline; }
a.more:active {color: #004276; text-decoration: none; }
ul
{
list-style-image:url(http://www.ihoneida.com/images/listmarker.jpg);
margin-left: 0;
padding-left: 1em;
}
ul.more
{
list-style-image:url(http://www.ihoneida.com/images/limore.jpg);
margin-left: 0;
padding-left: 1em;
}
ul.boilerplate
{
list-style-image:url(http://www.ihoneida.com/images/liboilerplate.jpg);
margin-left: 0;
padding-left: 1em;
}
.boilerplate {font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: bold; }
a.boilerplate:link {color: #CCCCCC; text-decoration: none; }
a.boilerplate:visited {color: #CCCCCC; text-decoration: none; }
a.boilerplate:hover {color: #FFFFFF; text-decoration: underline; }
a.boilerplate:active {color: #CCCCCC; text-decoration: none; }
#boilerplate {
font-family: Arial,Sans-serif;
font-size: 9px;
line-height: 16px;
padding: 0px 6px 12px;
text-align: center;
}
#boilerplate .links {
color: #76705e; /*VAR:body-text-color*/
text-transform: uppercase;
}
#boilerplate .links a {
color: #FFFFFF; /*VAR:body-text-color*/
padding: 0 1px;
}
.scoreboard {font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: bold; }
a.scoreboard:link {color: #CCCCCC; text-decoration: none; }
a.scoreboard:visited {color: #CCCCCC; text-decoration: none; }
a.scoreboard:hover {color: #FFFFFF; text-decoration: underline; }
a.scoreboard:active {color: #CCCCCC; text-decoration: none; }
#scoreboard {
font-family: Arial,Sans-serif;
font-size: 13px;
line-height: 16px;
padding: 0px 6px 12px;
text-align: center;
}
#scoreboard .links {
color: #76705e; /*VAR:body-text-color*/
text-transform: uppercase;
}
#scoreboard .links a {
color: #FFFFFF; /*VAR:body-text-color*/
padding: 0 1px;
}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
h1 {font-family:Arial, Helvetica, sans-serif; margin:0px;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; margin:0px 0px 0px 0px; font-weight:regular;}
.h1Header {font-family:Arial, Helvetica, sans-serif; margin:0px; font-size:14px; font-weight:normal;}
.aboutlink{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.contact {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000;}
.story{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; margin-bottom:0px; margin-top:0px;}
.storyhome{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-bottom:7px; margin-top:5px; display:block; }
.storytext{font-family:helvetica, arial, serif; font-size:14px; line-height:1.8em; color:#000000;}
.storylinks{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; color:#003399; margin-top:10px; display:block;}
.storylinks2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; color:#003399; margin-top:10px;}
.storylinksmain{font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:16px; text-decoration:none; color:#000000; margin-top:10px;}
.articlelinks{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; text-decoration:none; color:#003399; }
a.topstory:link {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; color:#004276; text-decoration: none}
a.topstory:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; color:#004276; text-decoration: none}
a.topstory:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; color:#004276; text-decoration: none}
a.topstory:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; color:#004276; text-decoration: none}
span.topstory {color:#c20f0f; font-weight:bold; line-height:3em; }
a.subheadline:link {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#004276; text-decoration: none}
a.subheadline:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#004276; text-decoration: none}
a.subheadline:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#004276; text-decoration: none}
a.subheadline:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#004276; text-decoration: none}
h4.multimedia {
text-transform: uppercase;
color: #B70000;
fontweight: bold;
text-align:left;
font-size: 12px;
margin: 10px 0 3px;
}
.featureFieldset h5, .teaseboxFieldset h5 a, .boxrow h5, .boxrow h5 a{
margin: 0 0 5px;
font-size: 11px;
}
.featureFieldset h5 a:hover, .boxrow h5 a:hover {
color: rgb(183, 0, 0);
text-decoration:none;
}
.featureFieldset h5 a span, .boxrow h5 a span{
color: rgb(183, 0, 0);
}
#feature {
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 12px 12px 12px 12px;
background:#ffffff;
border: 1px solid #cccccc;
text-align:left;
}
#feature>p{margin-bottom: 3px; margin-top:12px;}
.boxrow {
width:280px;
clear:both;
margin-bottom: 12px;
margin-top: 3px;
}
.boxitem1 {
float:left;
vertical-align:middle;
margin: 0px 12px 0px 0px;
padding: 0px;
width:84px;
height:110px;
color:#ababab;
font-size:11px;
background:#ffffff;
border:0px;
text-align: left;
display: inline;
}
.boxitem2 {
float:left;
vertical-align:middle;
margin: 0px 0px 0px 0px;
padding: 0px;
width:84px;
height:110px;
color:#ababab;
font-size:11px;
background:#ffffff;
border:0px;
text-align: left;
display: inline;
}
.boxitem3 {
float:right;
vertical-align:middle;
margin: 0px 0px 0px 10px;
padding: 0px;
width:84px;
height:110px;
color:#ababab;
font-size:11px;
background:#ffffff;
border:0px;
text-align: left;
display: inline;
}
.featureHeader {font-family:Arial, Helvetica, sans-serif; margin:0px 0px 8px 0px;}
.featureHeader a:link, .teaseboxHeader a:visited, .teaseboxHeader a:active {text-decoration:none; color:#ce181f; font-weight:bold;}
.featureHeader a:hover {text-decoration:none; color:#ce181f; font-weight:bold; border:none; border-bottom:dotted 1px #ABABAB;}
.featureHref {font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin:0px 0px 5px 0px;; overflow:hidden;}
.featureHref a:link, .teaseboxHref a:visited, .teaseboxHref a:active {font-size: 11px; text-decoration:none; color:#004276; font-weight:bold; line-height:14px;}
.featureHref a:hover {font-size: 11px; text-decoration:none; color:#ce181f; font-weight:bold; line-height:14px;}
.featureDesc a:link, .teaseboxDesc a:visited, .teaseboxDesc a:active {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#000000; font-size:10px; font-weight:normal;}
.featureDesc a:hover {text-decoration:none; color:#000000; font-size:10px; font-weight:normal;}
.teasehead {clear:both; color:#b70000; font-size:12px; font-weight:bold; text-align:left; display:inline;}
.seemoretag {float:right; color:#004276; font-size: 12px; font-weight:bold; text-align:right; display:inline; margin-bottom:0;padding-bottom:0;margin-top:10px;}
h4.sideBox {float:left;}
.photogallery {font-family: "Arial",Arial,Sans-Serif; font-size: 12px; color: #B70000; font-weight: bold; }
a.photogallery:link {color: #004276; text-decoration: none; }
a.photogallery:visited {color: #004276; text-decoration: none; }
a.photogallery:hover {color: #004276; text-decoration: underline; }
a.photogallery:active {color: #004276; text-decoration: none; }
.byline {font-family: Arial; font-size: 11px; color: #666666; }
a.byline:link {color: #c80000; text-decoration: none; font-weight: bold; }
a.byline:visited {color: #c80000; text-decoration: none; font-weight: bold; }
a.byline:hover {color: #c80000; text-decoration: underline; font-weight: bold; }
a.byline:active {color: #c80000; text-decoration: none; font-weight: bold; }
.feeds {font-family: Arial; font-size: 13px; color: #666666; }
a.feeds:link {color: #003333; text-decoration: none; font-weight: bold; }
a.feeds:visited {color: #003333; text-decoration: none; font-weight: bold; }
a.feeds:hover {color: #003333; text-decoration: underline; font-weight: bold; }
a.feeds:active {color: #003333; text-decoration: none; font-weight: bold; }
A:link {
text-decoration: none;
font-weight: regular;
color: #004276;
}
A:visited {
text-decoration: none;
font-weight: regular;
color: #004276;
}
A:active {
text-decoration: none;
font-weight: regular;
color: #004276;
}
A:hover {
text-decoration: underline;
font-weight: regular;
color: #004276;
}
#search-block-form input.form-submit, #search-form input.form-submit {
height: 26px;
width: 25px;
cursor: pointer;
text-indent: -9999px;
border: none;
background: url(http://www.ihoneida.com/images/search.jpg) no-repeat left top;
}
#IEroot .block-search input.form-submit, #IEroot #search-form input.form-submit {
width: 34px;
font-size: 0;
color: #fff;
text-align: right;
}
#IEroot #search-form .search-advanced input.form-submit {
width: 44px;
text-indent: 0;
}
.gamenightlead {font-family: "Arial",Arial,Sans-Serif; font-size: 26px; color: #660000; font-weight: bold; }
a.gamenightlead:link {color: #660000; text-decoration: none; }
a.gamenightlead:visited {color: #660000; text-decoration: none; }
a.gamenightlead:hover {color: #660000; text-decoration: none; }
a.gamenightlead:active {color: #660000; text-decoration: none; }
a.gamenightsubheadline:link {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#660000; text-decoration: none}
a.gamenightsubheadline:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#660000; text-decoration: none}
a.gamenightsubheadline:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#660000; text-decoration: none}
a.gamenightsubheadline:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#660000; text-decoration: none}
.gamenightmore {font-family: "Arial",Arial,Sans-Serif; font-size: 12px; color: #660000; font-weight: bold; }
a.gamenightmore:link {color: #660000; text-decoration: none; }
a.gamenightmore:visited {color: #660000; text-decoration: none; }
a.gamenightmore:hover {color: #660000; text-decoration: underline; }
a.gamenightmore:active {color: #660000; text-decoration: none; }
.alert {font-family: "Helvetica",Helvetica,Sans-Serif; font-size: 22px; color: #FFFFFF; font-weight: bold; }
.alertheader {font-family: "Georgia",Georgia,Sans-Serif; font-size: 28px; line-height: 24px; color: #FFFFFF; font-weight: none; }
.alerttext {font-family: "Helvetica",Helvetica,Sans-Serif; font-size: 18px; color: #FFFFFF; font-weight: none; }
a.alerttext:link {color: #FFFFFF; text-decoration: none; }
a.alerttext:visited {color: #FFFFFF; text-decoration: none; }
a.alerttext:hover {color: #FFFFFF; text-decoration: underline; }
a.alerttext:active {color: #FFFFFF; text-decoration: none; }
.cutline {font-family: Helvetica; font-size: 12px; line-height: 16px; color: #666666; }
a.cutline:link {color: #c80000; text-decoration: none; font-weight: bold; }
a.cutline:visited {color: #c80000; text-decoration: none; font-weight: bold; }
a.cutline:hover {color: #c80000; text-decoration: underline; font-weight: bold; }
a.cutline:active {color: #c80000; text-decoration: none; font-weight: bold; }
.newsstory {font-family: Helvetica, arial; font-size:14px; line-height:1.4em; color: #000000; }
.navright {font-family: Arial; font-size:16px; color: #000000; font-weight: bold; }
.registerbar {font-family: Arial; font-size: 18px; color: #336699; }
.register {font-family: Arial; font-size: 11px; line-height: 13px; color: #666666; }
a.register:link {color: #cc3300; text-decoration: none; }
a.register:visited {color: #cc3300; text-decoration: none; }
a.register:hover {color: #cc3300; text-decoration: underline; }
a.register:active {color: #cc3300; text-decoration: none; }