/*
Theme Name: Borders Scrap Store
Theme URI: http://www.bordersscrapstore.org.uk/
Description: Borders Scrap Store - ReDesign 2007
Version: 1.0
Author: Gareth J M Saunders
Author URI: http://www.garethjmsaunders.co.uk/

=== Image Licence ==============================================================

The following images have been created using the

Creative Commons Attribution-Noncommercial-Share Alike 2.5 UK: Scotland License
http://creativecommons.org/licenses/by-nc-sa/2.5/scotland/

1. The menu background gradient (dark-grey to mid-grey)
2. The heading image (green gradient with recycle logo)
3. The sidebar button images (pink gradient and green gradient)
4. Background image (crumpled paper)

=== Colours ====================================================================

    green:      #336600     51,102,0
    pink:       #cc0099     204,0,153
    white:      #fff        255,255,255
    black:      #000        0,0,0


=== Reset sizes and setup basics =============================================*/

* {
    margin: 0;
    padding: 0;
    }

body {
    background-color: #CCCC99;
    background: transparent url("images/bg_paper.jpg") repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%; /* Resets 1em to 10px */
  	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	}

/*= Layout ===================================================================*/

#container {
    background-color: #fff;
    margin: 0 auto;
    height: 100%;
    padding: 0 10px;
    position: relative;
	text-align: left;
    	width: 625px; /* False value for IE4-5.x/Win = border + padding + content */
		voice-family: "\"}\"";
		voice-family: inherit;
	width: 605px; /* Actual value for conformant browsers */
	z-index: 1;
	}

    html>#container {
        width: 605px; /* Be nice to Opera 5 */
        }

#header {
    background: #336600 url(images/header_bg.png) no-repeat;
    clear: both;
    color: #fff;
    padding: 20px 10px 10px 10px;
    position: relative;
    	width: 605px; /* False value for IE4-5.x/Win = border + padding + content */
		voice-family: "\"}\"";
		voice-family: inherit;
	width: 585px; /* Actual value for conformant browsers */
    }

    #header {
    	height: 232px; /* False value for IE4-5.x/Win */
		voice-family: "\"}\"";
		voice-family: inherit;
        height: 202px; /* Actual value for conformant browsers */
        }

    html>#header {
        width: 585px; /* Be nice to Opera 5 */
        }

#menu {
        clear: both;
        height: 40px;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0;
        width: 605px;   /* No need for Box Model Hack as no BMP */
        }

    #menu ul {
        background: transparent url(images/nav_bg.png) repeat-x;
        float: left;
        height: 40px;
        line-height: 29px;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 605px;
        }

    #menu ul li {
        float: left;
        }

    #menu li {
        clear: none;
        }

    #menu a:link, #menu a:visited {
        color: #fff;
        display: block;
        float: left;    /* Fix for IE6 */
        font-size: 1.2em;
        font-weight: normal;
        height: 40px;
        padding: 0 7px;
        text-decoration: none;
        }

    #menu a:hover, #menu a:active, #menu a.current {
        background: transparent url(images/nav_arrow.png) top center;
        color: #ddd;
        }

    #menu a.current {
        cursor: default;
        }

    #menu a.oklink {
        cursor: pointer;
        }

#content {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    margin: 0 0 20px 0;
    padding: 0 2px;
    position: relative;
    	width: 369px; /* False value for IE4-5.x/Win = border + padding + content */
		voice-family: "\"}\"";
		voice-family: inherit;
    width: 365px;
    }

#sidebar {
    background-color: transparent;
    color: #000;
    float: right;
    font-size: 1.2em;
    margin: 0 0 2em 0;
    padding: 0;
    position: relative;
    top: 10px;
    width: 220px;   /* No need for Box Model Hack as no BMP */
    }

    #sidebar ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

    #sidebar li a:link, #sidebar li a:visited {
        color: #fff;
        display: block;
        font-size: 1.8em;
        height: 70px;
        line-height: 70px;
        margin: 10px 0 0 0;
        text-align: center;
        width: 220px;
        }

    #sidebar li a.pink {
        background: url(images/button_pink.png);
        }

    #sidebar li a.green {
        background: url(images/button_green.png);
        }

    #sidebar li a:hover, #sidebar li a:active {
        color: yellow;
        text-decoration: none;
        }

    #sidebar li a.green:hover, #sidebar li a.green:active {
        background: url(images/button_green_inverse.png);
        }

     #sidebar li a.pink:hover, #sidebar li a.pink:active {
        background: url(images/button_pink_inverse.png);
        }

     #fees {
        font-size: 1.2em;
        }

     #fees li {
        margin-bottom: 1em;
        }

#footer {
    background-color: #336600;
    clear: both;
    color: #fff;
    font-size: 1.2em;
    height: 40px;
    line-height: 20px;
    padding: 10px;
        	width: 605px; /* False value for IE4-5.x/Win = border + padding + content */
		voice-family: "\"}\"";
		voice-family: inherit;
	width: 585px; /* Actual value for conformant browsers */
    }

    #footer a:link, #footer a:visited {
        color: #fff;
        text-decoration: underline;
        }

    #footer a:hover, #footer a:active {
        text-decoration: none;
        }

/*= Typography ===============================================================*/

h1 {
    color: #fff;
    font-size: 3.8em;
    margin-top: 10px;
    padding: 0 0.25em;
    text-align: left;
    }

      h1 a:link, h1 a:visited {
        color: #fff;
        text-decoration: none;
        }

      h1 a:hover, h1 a:active {
        color: yellow;
      }

      #header p {
        font-family: "Georgia", "Times New Roman", Times, serif;
        font-size: 2em;
        font-weight: normal;
        margin-left: 10px;
        }

h2, h3, h4, .gf-title {
    color: #cc0099;
    font-weight: bold;
    margin: 10px 0;
    text-decoration: none;
    }

h2 {
    font-size: 1.4em;
    }

h3 {
    font-size: 1.2em;
    margin-top: 1.5em;
    }

a:link, a:visited {
    color: #336600;
    font-weight: bold;
    text-decoration: none;
    }

a:hover, a:active {
    text-decoration: underline;
    }

abbr, acronym {
    border-bottom: 1px dashed #000;
    cursor: help;
    }

address {
    font-style: normal;
    }

form {
    margin: 0;
    padding: 0;
    }

fieldset {
    margin-top: 20px;
    padding: 10px;
    }

hr {
    background-color: #cc0099;
    border: 0;
    color: #cc0099;
    height: 3px;
    margin: 20px 0 10px 0;
    }

img {
    border: 0;
    }

    a:link img, a:visited img {
        background-color: transparent;
        }

    a:hover img, a:active img {
        background-color: yellow;
        }

input, select {
    display: block;
    height: 1.5em;
    width: 330px;
    }

input.button {
    display: inline;
    height: 50px;
    margin-right: 5px;
    width: 45%;
    }

input.half {
    width: 50%;
    }

input[type="radio"], input[type="button"], input[type="reset"] {
    display: inline;
    height: 50px;
    margin-right: 10px;
    width: 33%;
    }

input.fat {
    height: 3em;
    }

label {
    display: block;
    font-weight: normal;
    }

legend {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    }

#content ul {
    margin-left: 20px;
}

#content p, table, table p, #content ul {
    padding-bottom: 1em;
    }

th {
    font-weight: normal;
    }


/*= Additional Support classes ==========================================================*/

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }

.hide, .gfc-resultsHeader {
    display: none;
    }

.filesize {
    display: block;
    font-size: 0.8em;
    }

.gf-snippet {
    margin-top: 1em;
    }

.gfc-resultsHeader {
    margin-top: 20px;
    }

div.gfc-control {
    margin-top: 50px;
    }

a.gf-title, .gf-title {
    font-size: 1.1em;
    height: 1.1em;
    }

.join {
    color: #336600;
    }

li.pdf
 {
	background-image: url("images/icon_pdf.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 32px;
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 50px;
	}

.locality {
    text-transform: uppercase;
    }

.picborder {
    border: 3px solid #000;
    width: 365px;
    }

.halfpicborder {
    border: 3px solid #000;
    }

.weepic {
    border: 2px solid #000;
    float: left;
    margin: 0 2px 1em 0;
    }

/*= Additional Support IDs ==============================================================*/

#printbutton {
  font-weight: bold
}

#printerror {
    margin-top: 1em;
    }

#rss {
    float: right;
    margin-top: -2em;
    }