/*
 * The Liberal Democrats in Hull
 * Copyright (C) Damian Walker 2010
 * Style sheet for elements common to both Hull and Hessle
 */

/***********************************************************************
 * Generic styling used across the site
 */

H1 /* modern browsers should replace top heading with a banner graphic */
{
display: none;
}

H2 /* page heading */
{
font-family: "Arial", "sans-serif";
font-style: normal;
font-weight: bold;
font-size: 14.4;
text-transform: uppercase;
text-align: left;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: medium;
border-color: #006F7E;
border-style: solid;
clear: both;
}

H3 /* section headings for pages with section split */
{
height: 18;
font-family: "Arial", "sans-serif";
font-style: normal;
font-weight: bold;
font-size: 12;
text-align: left;
padding-left: 6px;
background-image: url(/images/heading3-background.gif);
background-repeat: repeat-x;
clear: both;
}

H4 /* used for news item titles within news sections */
{
font-family: "Arial", "sans-serif";
font-style: normal;
font-weight: bold;
font-size: 12;
text-align: left;
clear: both;
}

P /* common styling for paragraphs */
{
font-family: "Arial", "sans-serif";
text-align: left;
}

A:link /* links not in the visiting history */
{
color: #7F7000;
}

A:visited /* links that are in the visiting history */
{
color: #1F1C00;
}

TABLE /* styling common to tables across the site */
{
margin: auto;
border-style: solid;
border-width: 1px;
font-family: "Arial", "sans-serif";
font-size: 12;
border-collapse:collapse;
background-color: #FEE692;
}

TABLE TD /* standard table cells */
{
vertical-align: top;
}

FORM /* standard form styling */
{
background-color: #FEE692;
border-style: solid;
border-width: 1px;
margin: auto;
}

FORM UL /* list of fields in a form */
{
padding: 5;
margin: 0;
list-style: none;
float: left;
}

FORM LI /* individual fields within a form */
{
clear: left;
}

FORM LABEL /* individual field labels */
{
float: left;
width: 100;
margin-right: 1em;
text-align: right;
}

FORM INPUT.text /* text input boxes */
{
font-family: "Arial", "sans-serif";
font-size: 12;
}

FORM TEXTAREA /* text input box for a large field */
{
font-family: "Arial", "sans-serif";
font-size: 12;
}

FORM SELECT /* drop-down list */
{
font-family: "Arial", "sans-serif";
font-size: 12;
}

FORM DIV.button /* standard submit button style */
{
width: 100%;
text-align: right;
padding: 5;
clear: both;
}

FORM DIV.error /* error message */
{
text-align: center;
color: red;
margin-top: 5;
}

/***********************************************************************
 * Styles specific to particular parts and pages of the site
 */

/*
 * Front page - decorative image.
 */

IMG.frontpage /* image style and position */
{
float: left;
clear: left;
margin: 5;
border-style: solid;
border-width: 1px;
}

/*
 * Places page - "Other places of interest"
 */

DIV.placelink /* overall styles for the section */
{
width: 210;
margin: 4;
float: left;
text-align: center;
}

DIV.placelink IMG /* ... for representative images */
{
width: 210;
height: 140;
border-style: solid;
border-width: 1px;
}

/*
 * Petitions page - signature form
 */

FORM.sigform /* overall support form */
{
width: 320;
}

FORM.sigform INPUT.text /* input boxes */
{
width: 180;
}

FORM.sigform DIV.button /* submit button area */
{
width: 310;
}

/*
 * Support page - support form particulars
 */

FORM.supportform /* overall support form */
{
width: 640;
}

FORM.supportform UL.address /* contact details section */
{
width: 320;
}

FORM.supportform UL.checkboxes /* check box section */
{
width: 280;
}

FORM.supportform INPUT.text /* input boxes */
{
width: 180;
}

FORM.supportform DIV.button /* submit button area */
{
width: 610;
}

/*
 * Contact page - general contact details
 */

UL#contact /* list of contact details */
{
width: 320;
background-color: #FEE692;
border-style: solid;
border-width: 1px;
margin: auto;
padding: 5;
list-style: none;
font-family: sans-serif;
}

/*
 * Data centre - login form
 */

FORM.loginform /* overall form style */
{
width: 320;
}

FORM.loginform INPUT.text /* input box for login detail */
{
width: 180;
}

FORM.loginform DIV.button /* button for the form */
{
width: 310;
}

/*
 * Data centre - the main menu icon list
 */

DIV.iconlist IMG /* icon images */
{
float: left;
margin-right: 5;
margin-bottom: 2;
border: none;
}

DIV.iconlist P /* accompanying text */
{
width: 25%;
text-align: left;
float: left;
}

/*
 * Online manifesto and similar documents
 */

UL.manifestocontents /* the list of accessible pages */
{
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
}

UL.manifestocontents LI /* individual page listing */
{
float: left;
margin: 5;
width: 200;
height: 72;
overflow: hidden;
background-image: url(/images/buttonbanner.jpg);
background-repeat: no-repeat;
font-size: 24;
}

UL.manifestocontents A /* hyperlink to access a page */
{
font-weight: bold;
color: black;
text-decoration: none;
text-transform: uppercase;
padding-top: 5;
vertical-align: middle;
}

UL.manifestocontents A:hover /* hyperlink being hovered over */
{
color: #fecc26;
}

/*
 * Data centre - table for listing records
 */

TABLE.recordlist /* overall table styles */
{
width: 640;
}

/*
 * Data centre - forms for editing records
 */

FORM.editrecordform /* overall form styles */
{
width: 640;
}

FORM.editrecordform TEXTAREA /* text input box for a large field */
{
width: 500;
}

FORM.editrecordform INPUT.text /* text input box for a field */
{
width: 500;
}

FORM.editrecordform SELECT /* drop-down list of people or places */
{
width: 500;
}

FORM.editrecordform DIV.button /* submit button */
{
width: 610;
}

/*
 * Data centre - form for CSV import/export
 */

FORM.csvform /* overall form style */
{
border-style: none;
background-color: white;
}

FORM.csvform TEXTAREA /* overall form style */
{
width: 100%;
height: 240;
font-family: "Arial", "sans-serif";
font-size: 12;
}

/***********************************************************************
 * Styles for things included among various pages
 */

/*
 * Header section - common to all pages
 */

DIV#header /* overall header styling */
{
width: 760;
height: 80;
margin: 0;
padding: 0;
clear: both;
}

/*
 * Navigation bar - common to all pages
 */

DIV#navigation /* elements for the navigation bar */
{
width: 80;
height: 360;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}

DIV#navigation UL /* the list of accessible pages */
{
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
}

DIV#navigation LI /* individual page listing */
{
width: 80;
height: 20;
overflow: hidden;
margin: auto;
}

DIV#navigation A /* hyperlink to access a page */
{
font-weight: bold;
color: black;
text-decoration: none;
text-transform: uppercase;
padding-top: 5;
vertical-align: middle;
}

DIV#navigation A:hover /* hyperlink being hovered over */
{
color: white;
}

/*
 * Page footer - common to all pages
 */

DIV#footer
{
width: 760;
clear: both;
padding-top: 1;
border-top-width: medium;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-color: #FECC26;
border-style: solid;
}

DIV#footer P
{
text-align: center;
font-size: 8;
font-style: italic;
}

/*
 * Content section - every page should have one
 */

DIV#content /* overall styling for content section */
{
width: 675;
margin-left: 5;
float: right;
}

IMG.decorative /* decorative images for news items, etc. */
{
float: right;
clear: right;
margin: 5;
border-style: solid;
border-width: 1px;
}

/*
 * People sections - for listing local campaigners, candidates, whole team
 */

DIV.businesscard /* main style elements for business card itself */
{
width: 210;
margin: 5;
height: 120;
overflow: hidden;
float: left;
border-style: solid;
border-width: 1px;
background-image: url(/images/businesscard.jpg);
}

DIV.businesscard UL /* for the list of contact details */
{
text-align: left;
list-style-type: none;
overflow: hidden;
margin: 0;
padding: 0;
}

DIV.businesscard UL LI /* for individual contact detail */
{
line-height: 120%;
font-family: sans-serif;
}

DIV.businesscard IMG /* for images in the business card */
{
width: 90;
height: 120;
float: left;
margin-right: 5;
}

/*
 * News sections - for front, news, place or election pages
 */

DIV.newsitem H4 /* title for each individual news item */
{
clear: left;
}

/*
 * Post code entry - for election front page and places page
 */

FORM.postcodebox /* overall form style */
{
float: right;
width: 144;
margin-left: 5;
padding: 0 5;
}

FORM.postcodebox LABEL /* label */
{
width: 144;
text-align: left;
}

FORM.postcodebox INPUT /* postcode input box */
{
width: 144;
}

/*
 * "Support Us" link - common to every page on the site
 */

P.hovering
{
margin: 0 0;
position: absolute; top: 0px; right: 0px;
}

/*
 * Events list - for front, events and place pages
 */

TABLE.events { /* table to contain the list */
border-style: none;
background-color: white;
margin: 0;
}

TABLE.events TD.datetime { /* highlighted style for date and time */
white-space: nowrap;
vertical-align: top;
}

/*
 * Link list - for places and links pages
 */

UL.linklist /* list of links */
{
width: 100%;
list-style-type: none;
text-align: left;
font-weight: bold;
padding-left: 0;
padding-top: 10;
clear: both;
}

UL.linklist LI /* individual link in a list */
{
width: 30%;
float: left;
font-weight: normal;
}