/* headlines.css - css support for headlines-art.com */
/* version: 2/16/2008 */
/* copyright 2008 maren phillips / headlines-art.com, all rights reserved */
/* portions copyright 2008 amalgamated binaries, inc. */

html
 { height: 100%; }
body
 { width: 100%; height: auto; margin: 0; padding: 10px 0; color: #FFC0FF; background: #000080 url(../art/bg_body.png) repeat-x top left; text-align: center; }
div.container
 { width: 740px; height: auto; margin: 0 auto; background-color: transparent; font: normal normal normal 11px/14px "Verdana", "Arial", Helvetica, sans-serif; text-align: center; }

p
 { margin: 0 0 10px 0; }
span
 { color: #FFC0FF; font: normal normal normal 11px/14px "Verdana", "Arial", Helvetica, sans-serif; text-decoration: none; }

a, a:link, a:visited
 { color: #CBD1C3; font: normal normal normal 11px/14px "Verdana", "Arial", Helvetica, sans-serif; text-decoration: none; border: 0 none; outline: none; -moz-outline: none; }
a:hover
 { color: #FFFFFF; text-decoration: underline; }
a.bug
 { margin: 0; padding: 0; color: transparent; border: 0 none; outline: none; -moz-outline: none; }

/* div: masthead */
div.masthead
 { width: auto; height: 48px; margin-bottom: 0; padding: 0; background: transparent url(../art/bg_masthead.gif) no-repeat scroll center center; border: 0 none; }
div.masthead span
 { position: absolute; left:-2000px; }

/* div: subhead */
div.subhead
 { width: auto; height: 24px; padding: 10px 10px 0px 10px; border: 0 none; }
div.subhead #left
 { float: left; width: 50%; margin: 0; text-align: left; }
div.subhead #right
 { float: right; width: 50%; margin: 0; text-align: right; }

/* img */
img.interior-logo
 { width: 180px; height: 40px; margin-top: 22px; }
img.home-caption
 { width: 350px; height: 56px; margin: 0; }
img.popfloat
 { width: 100px; height: 70px; float: right; margin: 8px; margin-right: 0; margin-top: 0; border: 1px solid #FFFFFF; border-right-color: #000000; border-bottom-color: #000000; }

/* div: menu */
div.menu
 { width: 740px; height: auto; padding: 8px; vertical-align: middle; border: 0 none; text-decoration: none; }
div.menu a
 { padding: 6px; color: #CBD1C3; background-color: transparent; border: 1px solid #000040; border-left-color: #0000C0; border-top-color: #0000C0; }
div.menu a:hover
 { color: #FF80FF; background-color: #000067; border: 1px solid #000040; border-left-color: #0000C0; border-top-color: #0000C0; text-decoration: none; }

/* div: bottom */
div.bottom
 { width: 740px; height: auto; padding-top: 10px; position: relative; bottom: 0px; color: #FF80FF; }
div.bottom a:link, a:visited
 { color: #FF80FF; font: normal normal normal 11px/14px "Verdana", "Arial", Helvetica, sans-serif; text-decoration: none; }
div.bottom a:hover
 { color: #FFFFFF; text-decoration: underline; }
div.bottom #left
 { float: left; width: 50%; margin: 0; text-align: left; }
div.bottom #right
 { float: right; width: 50%; margin: 0; text-align: right; }

/* modifiers */
.bold
 { font-weight: bold; }
.italic
 { font-style: italic; }
.bold-italic, .bolditalic
 { font-weight: bold; font-style: italic; }
.bold-italic-underline
 { font-weight: bold; font-style: italic; text-decoration: underline; }
.underline, .underlined
 { text-decoration: underline; }
.underline-italic, .underlined-italic
 { font-style: italic; text-decoration: underline; }
.no-outline
 { border: 0 none; outline: none; -moz-outline: none; }
.spread2px
 { letter-spacing: 2px; }
.spread3px
 { letter-spacing: 3px; }
.flush-left
 { text-align: left; }
.clearfloats
 { clear: both; }
.copyright
 { border-top: 1px solid #FF80FF; margin-top: 10px; padding-top: 10px; letter-spacing: 2px; }
a.hotlink
 { padding: 6px; color: #CBD1C3; background-color: transparent; border: 1px solid #000040; border-left-color: #0000C0; border-top-color: #0000C0; }
a.hotlink:hover
 { color: #FF80FF; background-color: #000067; border: 1px solid #000040; border-left-color: #0000C0; border-top-color: #0000C0; text-decoration: none; }

/* lists */
ul
 { list-style-type: circle; text-align: left; margin: 10px; margin-top: 4px; line-height: 14px; padding-left: 16px; color: #FFC0FF; }
ol
 { list-style-type: decimal; text-align: left; margin: 10px; margin-top: 4px; line-height: 14px; padding-left: 16px; color: #FFC0FF; }
li.bulletdisc
 { list-style-type: disc; }
li.bulletcircle
 { list-style-type: circle; }
li.bulletsquare
 { list-style-type: square; }

/* tables T R B L */
table
 { width: 100%; margin: 0; padding: 0; border: 0 none; background-color: transparent; }
table.index
 { margin: 22px 0 44px 0; }
table.interior
 { margin: 0 0 10px 0; }
td
 { width: auto; height: auto; text-align: center; }
td.thumbnail
 { width: auto; min-width: 244px; height: auto; min-height: 186px; text-align: center; background: transparent url(../art/bg_td_normal.png) no-repeat center center; }
td.thumbnail_highlight
 { width: auto; min-width: 244px; height: auto; min-height: 186px; text-align: center; background: transparent url(../art/bg_td_highlight.png) no-repeat center center; }
td img.thumbnail
 { width: 214px; height: 156px; margin: 10px; border: 2px ridge #ffffff; outline: none; -moz-outline: none; }
td img.caption
 { width: 180px; height: 40px; padding: 10px; border: 0 none; outline: none; -moz-outline: none; }
td img a
 { border: 0 none; outline: none; -moz-outline: none; }
td a
 { border: 0 none; outline: none; -moz-outline: none; }

/* div: opaque pop-up */
div.hiddenPanel
 { visibility: hidden; position: absolute; top: 450px; left: 128px; width: 580px; height: auto; padding: 6px;
   border: 1px solid #FFFFFF; border-right: 2px ridge #000000; border-bottom: 2px ridge #000000;
   color: #FFFFFF;
   background: #000080 url(../art/bg_body.png) repeat-x top left;
   font: normal normal normal 11px/14px "Verdana", "Arial", Helvetica, sans-serif; text-decoration: none;
   text-align: left; overflow: hidden; }
div.hiddenPanel p
 { color: #FFFFFF; }
div.hiddenPanel p.sublinks
 { text-align: right; }
div.hiddenPanel span
 { color: #FFFFFF; }
div.hiddenPanel a
 { padding: 3px 8px; margin: 4px 0; background-color: transparent; border: 1px solid #000040; border-left-color: #0000C0; border-top-color: #0000C0; color: #CBD1C3; text-decoration: none; }
div.hiddenPanel a#current
 { background-color: #000000; }
div.hiddenPanel a:hover
 { background-color: #000067; border: 1px solid #000040; border-left-color: #0000C0; border-top-color: #0000C0; color: #FFFFFF; text-decoration: none; }
div.hiddenPanel h4
 { color: #FFFFFF; }
div.hiddenPanel ul li
 { color: #FFFFFF; }
div.hiddenPanel table
 { width: 100%; height: auto; color: #FFFFFF; background-color: transparent; border: none; margin: 0; padding: 0; }
div.hiddenPanel table a
 { color: #FFFFFF; }
div.hiddenPanel table a:hover
 { color: #FFFFFF; text-decoration: none; }
div.hiddenPanel table td
 { text-align: left; color: #FFFFFF; padding-top: 6px; border-top: 2px ridge #FFFFFF; }
div.hiddenPanel table td.caption
 { text-align: left; margin: 0; padding: 0; padding-bottom: 4px; font: normal normal bold 11px/13px "Verdana", "Arial", Helvetica, sans-serif; border: 0 none; }
div.hiddenPanel table td.close
 { text-align: right; margin: 0; padding: 0; padding-bottom: 4px; border: 0 none; }
div.hiddenPanel table td.close a
 { color: #FFFFFF; font-weight: bold; text-decoration: none; }
div.hiddenPanel table td.close a:hover
 { color: #FFFFFF; font-weight: bold; text-decoration: none; }