/* Main CSS for DSG Website feature pages - fixed width, height em, min width in IE */

/* Revision 0.1 20.1.2008 */



/* Global reset to clear browser default margins and padding */

  *{margin: 0; padding: 0;}



/* ---------------------- FONT SETTINGS ---------------------------- */



/* Set global font settings and background colour for entire site */

body {

font-family: Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;

color: #242424;

font-size: 0.75em;

background: #d9d9dc;

}


/* Hack for Internet Exploder to remove excessive font resizing */

* html body, *body

{font-size: 75%;}


/* Set header sizes */

h1 {font-size: 1.4em;}

h2 {font-size: 1.2em;}

h3 {font-size: 1.1em}

h4 {font-size: 1em;}


/* Set link colours */

a:link {color: #242424; text-decoration: none;}

a:visited {color: #242424;text-decoration: none;}

a:hover {color: #000000; text-decoration: underline;}

a:active {color: #000000; text-decoration: none;}


/* Remove blue border from image links */

a img {border-style: none;}



/* ------------------ SIZE AND WIDTH SETTINGS ------------------- */



/* Set up overall size for site for standards compliant browsers*/

.width {

width: 780px;

margin: auto;

margin-top: 1em;

}



/* 'Holly Hack' for IE so it sees the divs with zero content. Stars and slashes are to hide it from IE5/Mac */

/*\\*/

* html .minwidth, * html .container {

height: 1px;

}

/**/



/* -------------------------- BACKGROUND AND HEADER AREA SETTINGS -------------------------------- */



/* Set an off-white background for the content as a whole */

.wrapper {

background: #fefefe;

}


/* Set up header area */

/* .logo is the container which holds the DSG logo. */


.logo {

float: left;

padding-left: 5%;

}


.logo img {

border-style: none;

padding-top: 2em;

padding-bottom: 1.5em;

}


/* .title is the container which holds the DSG name and car models */


.title {

float: right;

padding-top: 42px;

padding-right: 5%;

text-align: right;

font-style: italic;

}


.title h1 {

font-size: 2em;

font-weight: bold;

}


.title h3 {

font-size: 1.2em;

padding-top: 0.1em;

padding-bottom: 1.5em;

padding-right: 0.2em;

color: #9e1623;

}


/* Set up the top navigation bar */


.navbar {

clear: both;

}


.navbar ul {

float: left;

width: 100%;

background: #0b0b0b url(graphics/Navbar30_2.gif) repeat-x;

}


.navbar li {

list-style-type: none;

display: inline;

}


/* Change the font-family order for navigation buttons as Arial looks better in IE/Win */


.navbar li a {

float: left;

width: 12.3%;

background: #0b0b0b url(graphics/Navbar30_2.gif) repeat-x;

text-align: center;

line-height: 2.2em;

font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;

color: #ffffff;

font-size: 1.2em;

text-decoration: none;

border-left: 1px solid #fefefe;

}


.navbar li a:hover, .navbar li a:active {

background: #0b0b0b url(graphics/Navbar30dark.gif) repeat-x;

color: #fefefe;

text-decoration: none;

}


.navbar li a:visited {color: #ffffff;}


/* Remove left border from first button so it looks right. 'First-child' doesn't work in IE */


#cars {

border: none;

}

.navbar ul .thispage a {

background: #dd0400 url(graphics/Navbar_red.gif) repeat-x;

}


/* --------------------------------- PAGES AND CONTENT --------------------------------------- */



.announce {font-size: 1.2em;}


.thread {font-size: 0.9em;}


/* Set up remaining pages all with same basic layout. Use IDs for variations. The basic layout consists of .contentbox repeated down the page, with .text for the copy, floated left, and .info floated right for images, links and further information. */


/* content box is the first div which is repeated down the page, and is full width */


.onecol {

clear: both;

width: 85%;

margin: auto;

padding-bottom: 2em;

font-family: Verdana, Helvetica, sans-serif;

font-size: 1em;

line-height: 1.6;

}


.onecol h2

{padding: 2.5em 0 1.5em 0;}


.onecol h3 {

padding: 2.5em 0 1.5em 0;

border-top: 1px solid #d9d9dc;

}


.onecol p {

margin-bottom: 1.7em;

}


.onecol a {font-style: italic;}


.onecol img {

padding-bottom: 1.3em;

}




/* .onecol is contentbox for single column layout. .lowest is contentbox at bottom of page. Pad the bottom of both to space them off the bottom navigation bar. */


.lowest {

padding-bottom: 2em;

}


.slogan {

font-weight: normal;

font-style: italic;

padding: 2.5em 0 0 0;

}



/* leftphoto and rightphoto float photographs with those classes left and right on a single column page */


.leftphoto {float: left; padding: 0.5em 28px 1.8em 0; text-align: center;}

.rightphoto {float: right; margin: 0.5em 0 1.8em 26px; text-align: center;}



/* .firstpara is to make the first paragraph of a feature article bolder. .lastpara makes the last paragraph italic if used */

.firstpara {font-size: 1.1em; line-height: 1.45;}


.lastpara {font-style: italic;}


.credit {font-size: 0.95em;}




/* ---------------------------- BOTTOM NAVIGATION BAR AREA ------------------------------- */



/* Set up the bottom navigation bar */


.footer {

clear: both;

}


.footer ul {

float: left;

width: 100%;

background: #fefefe url(graphics/Footer1.png) repeat-x;

border-top: 1px solid #f0f0f5;

border-bottom: 1.5em solid #d9d9dc;

}


.footer li {

list-style-type: none;

display: inline;

}


.footer li a {

float: left;

width: 14%;

background: #fefefe url(graphics/Footer1.png) repeat-x;

text-align: center;

text-decoration: none;

line-height: 2.2em;

font-family: Arial, Helvetica, Verdana, \ldblquote Trebuchet MS\rdblquote , sans-serif;

color: #303030;

font-size: 1em;

border-left: 1px solid #fefefe;

}


.footer li a:hover {

background: url(graphics/Footer1dark.png) repeat-x;

text-decoration: none;

}


#members {

border: none;

}