/* body containing all content */ body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background: url('sitepics/background.jpg') repeat; color: #000000; padding: 0; margin: 0; scrollbar-face-color: #999966; scrollbar-shadow-color: #cccc99; scrollbar-highlight-color: #999966; scrollbar-3d-light-color: #cccc99; scrollbar-darkshadow-color: #999966; scrollbar-track-color: #999966; scrollbar-arrow-color: #999966; } /* centered div containing all content */ #all { width: 676px; margin: 0 auto 0 auto; padding:0; text-align:left; background-color: #999966; border: 2px solid #CCCC99; } /* link properties for hole document */ a:link, a:visited, a:active { color: black;} img { border: 0; } ul { list-style-type: none;} /* header/blackgold-banner */ #header { clear: all; } /* heading1 properties */ h1 { background-image: url('sitepics/bgback.jpg'); width: 676px; height: 67px; text-align: center; margin: 0 auto 0 auto; padding:0px; } h1 a { display: block; width: 100%; height: 100%; } h1 span { display:none; } /* navigation */ #header ul { list-style-type: none; padding: 0; margin: 0; } #navi { width: 676px; text-align: center; margin: 0 auto 0 auto; } #navi a:link, #navi a:visited, #navi a:active { color: #cccc99; text-decoration: none; font-style: normal; } #navi a:hover { color: #000000; text-decoration: none; font-style: italic; } #navi li { width: 135px; float: left; display: table-cell; } #navi li a { font-weight: bold; } /* 3 columns */ #left { width: 145px; } #center { width: 447px; } #centerlarge { width: 500px; } #right { width: 80px; } #left, #leftsmall, #center, #centerlarge, #right { float: left; margin: 0; padding: 0; border: 0; } /* used colors #999966 army */ /* #CCCC99 lightarmy */ /* #996600 darkorange */ /* containers in the columns */ /* headings in the containers in the columns */ h2 { color: #996600; text-align: right; font-size: 13pt; font-style: italic; letter-spacing: .75; } /* incol */ h2 span { margin: 0 10px 0 0; /* border: 1px solid #cccc99; background-color: #CCCC99; */ } h2 a:link, h2 a:visited, h2 a:active { color: #996600; text-decoration: none; } /* incol */ h3 { margin: 0 10px 0 0; font-size: 9.6pt; letter-spacing: .75; } h4 { margin: 0 10px 0 0; font-size: 9pt; letter-spacing: .75; } /* containers in the columns */ /* ------------------------- */ #reviews_block, #reviews_overview, #reviews_item, #news_block, #news_overview, #specials_block, #specials_overview, #specials_item, #games_block, #games_overview, #games_item, #dates_block, #dates_overview, #fwax_block, #free_block, #abo_block, #adds_block, #adds_block img { margin: 10px 0 0 0; padding: 0; border: 0; } /* containers with content after h2*/ /* ------------------------------- */ #reviews_block div, #reviews_item div, #news_block div, #news_overview div, #specials_block div, #specials_overview div, #games_block div, #games_overview div, #dates_block div, #dates_overview div, #pager div, #free_block p, #fwax_block p, #abo_block p { margin: 10px 10px 0 10px; } #reviews_block { max-width: 145px; width: 145px; } #reviews_block div { text-align: center; } #reviews_block p { margin: 10px 0 0 0; } #news_specials_block { max-width: 302px; width: 302px; float: left; } #news_block { max-width: 302px; width: 302px; } #news_block div { } #news_block p { margin: 10px 5px 0 5px; font-weight:bold;text-indent: 9px; text-align: justify; } #specials_block { max-width: 302px; width: 302px; } #specials_block div { } #specials_block h3 { } #specials_block h4 { text-indent: 9px; } #specials_block img { margin: 5px; float: left; text-align: left; } #specials_block p { font-weight:bold; text-align: justify; } #games_block { max-width: 145px; width: 145px; float: right; } #games_block div { text-align: center; } #games_block p { margin: 10px 0 0 0; } #dates_block { max-width: 145px; width: 145px; } #dates_block div { } #dates_block h3 { margin: 10px 0 0 0; text-align: left; } #dates_block h4 { text-align: right; } #dates_block p { margin: 0 0 0 10px; text-align: left; } #fwax_block { max-width: 447px; width: 447px; clear: both; } #free_block { max-width: 223px; width: 223px; float: left; } #abo_block { max-width: 223px; width: 223px; float: left; } #adds_block { margin: 40px 0 0 0; } #adds_block ul { list-style-type: none; text-align: center; } #reviews_overview { max-width: 447px; width: 447px; } #reviews_overview div { margin: 10px 0 0 0; text-align: center; } #reviews_overview p { max-width: 149px; width: 149px; float: left; text-align: center; } #reviews_overview img { margin: 0 auto 0 auto; } #reviews_item { max-width: 447px; width: 447px; } #reviews_item h3 { margin: 10px 0 0 0; float: left; } #reviews_item img { margin: 5px; float: right; } #reviews_item p { margin: 10px 0 0 0; clear: left; } #reviews_item em { margin: 0 20px 0 0; clear: right; float: right; } #reviews_item ul { } #reviews_item li { } #news_overview { max-width: 447px; width: 447px; } #news_overview p { margin: 10px 20px 0px 20px; text-indent: 9px; text-align: justify; } .news_spacer { max-width: 387px; width: 387px; height: 20px; background-image: url('pics/sitepics/newsbanner.jpg'); } #specials_overview { max-width: 447px; width: 447px; } #specials_overview h3 { } #specials_overview h4 { text-indent: 9px; } #specials_overview img { margin: 5px; float: left; text-align: left; } #specials_overview p { font-weight:bold; } #specials_item h3 { margin: 10px 0 0 0; } #specials_item h4 { text-indent: 9px; } #specials_item img { float: left; } #specials_item p { } #specials_item em { margin: 0 20px 0 0; clear: left; float: right; } #specials_item ul { } #specials_item li { } #games_overview div { max-width: 447px; width: 447px; text-align: center; } #games_overview p { max-width: 149px; width: 149px; float: left; text-align: center; } #games_overview img { margin: 0 auto 0 auto; } #games_item { max-width: 447px; width: 447px; } #games_item h3 { margin: 10px 0 0 0; float: left; } #games_item img { margin: 5px; float: right; } #games_item p { margin: 10px 0 0 0; clear: left; } #games_item em { margin: 0 20px 0 0; clear: both; text-align: right; } #games_item ul { } #games_item li { } #dates_overview { clear: both; } #dates_overview span { float: right; text-align: right; } #dates_overview img { margin: 5px; } #date_past, #date_today, #date_future h3 { text-align: left; } #date_past, #date_today, #date_future h3 span { text-align: left; } #date_past, #date_today, #date_future { clear: both; } #pager { width: 447px; max-width: 447px; clear: right; text-align: center; } #pager div { margin: 10px 10px 0px 10px; } /* ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------in dates.php */ .hide_deco { text-decoration: none; } .clear_left { clear: left; } .clear_right { clear: right; } /* -------------------------------------------------------- collection of items margin&padding&border = 0 ---- */ h2, h2 a:link, h2 a:visited, h2 a:active, #reviews_block a, #reviews_block img, #specials_block h3, #specials_block h4, #specials_block p, #games_block a, #games_block img, #dates_block h4, #adds_block ul, #adds_block li, #reviews_overview ul, #pager, #pager a { margin: 0; } /* ------------------------------------------------------------------------ img containers with border: 0 ---- */ h2, h2 span, h2 a:link, h2 a:visited, h2 a:active, h3, h4, #reviews_block p, #reviews_block a, #reviews_block img, #news_block p, #specials_block h3, #specials_block h4, #specials_block img, #specials_block p, #games_block p, #games_block a, #games_block img, #dates_block h3, #dates_block h4, #dates_block p, #adds_block ul, #adds_block li, #reviews_overview img, #pager, #pager div, #pager a { padding: 0; } /* -------------------------------------------------------- collection of items margin&padding&border = 0 ---- */ h2, h2 span, h2 a:link, h2 a:visited, h2 a:active, h3, h4, #reviews_block p, #reviews_block a, #reviews_block img, #news_block p, #specials_block h3, #specials_block h4, #games_block p, #games_block a, #games_block img, #dates_block h3, #dates_block h4, #dates_block p, #adds_block ul, #adds_block li, #reviews_overview img, #pager, #pager div, #pager a { border: 0; }