/***************************************************************
screen styles for ace comics
2008.11.29 -- Michael Burke
---------------------------
url			:	http://www.wandwords.com.au/ace.html
version		:	2008.11.29	v.2
copyright	:	(c) Burke
author		:	Michael Burke
website		:	http://www.bearfacts.com.au
tested		:	Firefox (Mac/Win), IE 7, IE 6, Opera (Mac/Win)
---------------------------
colours
d3cece - grey     - h3 span, footer
f9d61b - yellow   - h3
852b1f - red      - footer links, hovers
661e15 - red dark - bg, h2
200906 - dark     - txt
---------------------------
`ALL | `MAIN | `SIDEBAR | `FOOTER | `PARAS | `LINKS | `LISTS
***************************************************************/

* {
	padding: 0;
	margin: 0;
}

/*** `ALL ***/

body {
   background: #661e15;/* dark red */
   color: #200906;
}

#noscript {
   background: url(../pics/bg-tiler.jpg) repeat-y;
   padding: 0 90px;/* line up with txt */
   color: #d3cece;/* grey */
}

#noscript p.lead {
   padding-top: 20px;
}/* first para in #noscript */

#noscript p {
   padding: .3em 0;
}

#noscript p.last {
   padding-bottom: 40px;
}

#noscript span {
   font-weight: bold;
   color: #852b1f;
}

#all {
   margin: 0 auto;/* centre all div */
   width: 1060px;/* bg images */
   background: url(../pics/bg-tiler.jpg) repeat-y;
   font-family: Eurostile, Verdana, sans-serif;
}/* bg tiler image */

#all-in {
   background: url(../pics/bg-top.jpg) no-repeat top center;
}/* bg top image */

#all-end {
   background: url(../pics/bg-bottom.jpg) no-repeat bottom center;
   padding-bottom: 68px;
}/* bg bottom image */

#logo {
   background: url(../pics/ace-logo.jpg) no-repeat top left;
   width: 536px;
   height: 253px;/* need dimensions for image */
}/* ace logo + bg top bg */


/*** `MAIN ***/

h1 {
   visibility: hidden;
}/* h1 behind logo */

#main {
   width: 484px;/* main bg images */
   float: left;
   margin-top: 10px;/* distance to logo */
   margin-left: 70px;/* distance to #all */
}/* main content */

.page {
   background: url(../pics/page-tiler.jpg) repeat-y;
   margin-bottom: 20px;/* space between divs */
}/* divs in #main - page tiler image */

.page-in {
   background: url(../pics/page-top.jpg) no-repeat top center;
}/* page top image */

.page-end {
   background: url(../pics/page-bottom.jpg) no-repeat bottom center;
}/* page bottom image */

.page h2 {
   background: url(../pics/header-main.jpg) no-repeat 5px 5px;
   /* 5px indents image to line up with page bg */
   width: 462px;
   height: 77px;/* image dimensions */
   line-height: 77px;/* vertically centre txt */
   text-align: center;
   font-family: "Arial Narrow";
   text-transform: uppercase;
   font-style: italic;
   color: #651e15;/* dark red */
   padding-bottom: 20px;/* spacce to paras */
}

#google {
   margin-left: 20px;
}/* google map div */


/*** `SIDEBAR ***/

#sidebar {
   width: 424px;/* match bg images */
   float: right;
   margin-top: -213px;/* force up - 40px less than logo */
   margin-right: 70px;/* indent from #all */
}/* sidebar content */

.sidebar-page {
   background: url(../pics/sidebar-tiler.jpg) repeat-y;
   margin-bottom: 20px;/* space between divs */
}/* sidebar tiler image */

.sidebar-page h2 {
   background: url(../pics/header-sidebar.jpg) no-repeat top center;
   height: 90px;/* image height */
   line-height: 90px;/* vertically centre txt */
   text-align: center;
   font-family: "Arial Narrow";
   text-transform: uppercase;
   font-style: italic;
   color: #651e15;/* dark red */
}/* sidebar h2 bg image */

h3 {
   background: url(../pics/header-minor.jpg) no-repeat top center;
   height: 50px;/* image height */
   line-height: 45px;/* vertically centre txt */
   font-family: "Arial Narrow";
   text-transform: capitalize;
padding-left: 40px;
   color: #f9d61b;/* yellow */
}/* sidebar h3 bg image */

h3 span {
   display: block;/* to float right */
   float: right;
   font-size: .6em;
   text-align: right;
   margin-right: 40px;/* line up with paras */
   color: #d3cece;/* grey */
   font-weight: normal;
}

.sidebar-end {
   background: url(../pics/sidebar-bottom.jpg) no-repeat bottom center;
}/* sidebar bottom bg */

#nav {
   display: none;
}/* no nav yet */


/*** `FOOTER ***/

#footer {
   clear: both;/* #main & #sidebar */
   background: url(../pics/footer.jpg) no-repeat top center;
   width: 941px;
   height: 76px;/* bg image dimensions */
   line-height: 76px;/* vertically centre txt */
   text-align: center;
   margin-left: 58px;/* aligns bg image to centre */
   color: #d3cece;/* grey */
   font-size: .9em;
}/* footer bg image */

#footer span {
   color: #852b1f;
   margin-left: 20px;
}

#footer a#top-button {
   margin-left: 20px;
}


/*** `PARAS ***/

#main p,
#sidebar p {
   padding: 10px 20px;
}/* space for paras */

#main p.last,
#sidebar p.last {
   padding-bottom: 40px;
}/* extra bottom padding for last paras */


/*** `LISTS ***/

#main ul {
   list-style: none;
   list-style-image: url(../pics/spade.jpg);
   margin-left: 60px;/* indent under paras */
}

#main ul.links {
   list-style: none;/* clobber upright spade */
   margin-top: -6px;
   margin-left: 20px;/* line up ul with paras */
   padding-bottom: 40px;/* same as last paras */
   line-height: 1.3;
}/* links in #main */


/*** `LINKS ***/

/** main & google **/

#google a {
   font-size: 1.2em;/* link size only */
   text-transform: lowercase;/* link txt only */
   line-height: 2;
}

#main ul.links a:link,
#main ul.links a:visited,
#google a:link,
#google a:visited {
   background: url(../pics/pointer.jpg) no-repeat left center;
   padding-left: 20px;/* further indent for bullets */
   color: #200906;
   font-weight: bold;
}

#main ul.links a:hover,
#google a:hover {
   background: url(../pics/hover.jpg) no-repeat left center;
   padding-left: 20px;/* further indent for bullets */
   color: #661e15;/* red */
   text-decoration: overline underline;
}

#main ul.links a:active,
#google a:active {
   color: #661e15;/* red */
   text-decoration: overline;
}

/** sidebar **/
#sidebar a:link,
#sidebar a:visited {
   color: #200906;/* dark red */
   font-weight: bold;
}

#sidebar a:hover {
   text-decoration: overline underline;
   color: #661e15;/* red */
}

#sidebar a:active {
   color: #661e15;/* red */
   text-decoration: overline;
}

/** footer **/
#footer a:link,
#footer a:visited {
   color: #852b1f;/* pale red */
}

#footer a:hover {
   color: #d3cece;/* grey */
   text-decoration: overline underline;
}/* specific selector to override span and #top-button */

#footer a:active {
   color: #852b1f;/* pale red */
   text-decoration: overline;
}


/*** `ELEMENTS ***/

em {
   font-style: normal;
}