@charset "utf-8"; /* CSS Document */ /* ****************************************************************************************************** */ /* * THIS CSS FILE MUST BE CALLED BY ALL html AND php FILES TO HANDLE DISPLAY OF , ETC. TAGS * */ /* ****************************************************************************************************** */ /* **************************************************************************************** */ /* Change Log: */ /* 11 May 2010 - increased width from 780px to 900px width and added 60px to left margin */ /* 30 Oct 2013 - all general css files combined into one - more documentation */ /* **************************************************************************************** */ /* **************************************************************************************** */ /* Colors used on this site: */ /* #330000 - Dark Brown - background & main text color, subtitle & nav hyperlinks, borders */ /* #663300 - Medium Brown - titles, title & in text hyperlinks */ /* #993300 - Brick Brown - hovered hyperlinks */ /* #E3D9CC - Beige - sidebar background, semi-hidden lines & navigation */ /* #F8F8E3 - Cream - container background */ /* **************************************************************************************** */ /*** GENERAL PAGE LAYOUT TAGS ***/ body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; color: #330000; } body { background-color: #330000; margin: 0px; } article, aside, figure, footer, header, nav, section, hgroup { display: block; } h1, h2, h3 { color: #663300; } h1 { /* used for main title and large artwork first level caption */ text-align: center; font-size: x-large; } h2 { /* used on contact and some bio pages where there is no real title, thus starting with h2 as they really are subtitles */ font-style: italic; font-size: large; } h3 { /* not currently used - available if needed */ text-align: center; font-size: medium; } /*** GENERAL & MAIN PAGE ID's ***/ #container { background-color: #F8F8E3; width: 900px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; } #header { /* padding-top: 20px; moved to #container - remove this #id when completed replacing header

s with semantic tag

for html5 compliance */ } #news { text-align: center; margin-top: 20px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #news h1 { font-size: x-large; font-weight: normal; color: #663300; } #news h2 { font-size: large; font-style: normal; font-weight: normal; color: #663300; } #news a { color: #663300; text-decoration: none; } #news a:hover { color: #993300; } #video { text-align: center; margin-right: auto; margin-bottom: 50px; margin-left: auto; } #series { text-align: center; margin-top: 20px; margin-right: 50px; margin-bottom: 20px; margin-left: 50px; padding-top: 30px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } #footer { /* remove this #id when completed replacing footer

s with semantic tag