/*--------------------------------------
----------------------------------------

Copyright © Bleeding Medium 2004 / 2005
All Rights Reserved

Client: Flash Bang Wallop
Name:   fbw-core.css
Vers:   1.0

http://bleedingmedium.co.uk/

----------------------------------------
--------------------------------------*/



/*--------------------------------------
Global styling
--------------------------------------*/

body {
    font-family: Geneva, Arial, sans-serif;
    font-size: 75%;
    margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    color: #026;
    background: url("images/tile4.gif");
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:link, a:visited {
    color: #026;
}


h2.pagetitle {
    font-size: 120%;
}

a img {
    border: 0em;
}

*.push {
    float: right;
}


/*--------------------------------------
Paragraph styling
--------------------------------------*/

td p {
    margin: 1.0em;

    /* Mozilla */
    font-size: 100% !important;

    /* IE */
    font-size: 100%;
}

p.lead {
    float: left;
    clear: none;
    font-size: 150%;
    width: 23.0em;
    margin-right: 1.0em;
    padding-bottom: 0.5em;
    border-bottom: 0.05em #026 solid;
    text-align: left;
    text-justify: newspaper;
    text-justify-last: left;
}

span.leadchar {
    margin-top: -0.2em;
    margin-right: 0.1em;
    float: none; 
    font-size: 250%;
    font-weight: bold;
}

span.gallery {
    margin: 0.2em;
}

span.gallery, div.zoom {
    float: right;
    clear: right;
    margin-left: 1.0em;
    margin-bottom: 1.0em;
}

p.gallery {
    clear: both;
    text-align: justify;
    text-justify: newspaper;
    text-justify-last: left;
}

p.bulkend {
    font-weight: bold;
    clear: both;
}

p.gallery span.title a {
    display: block;
    color: #fa0;
    font-size: 120%;
    margin-right: 1.0em;
}

p.gallery span.quote {
    font-style: italic;
    text-align: justify;
    text-justify: newspaper;
    text-justify-last: left;
}

p.gallery span.thumbnail img {
    float: left;
    clear: left;
    margin-right: 1.0em;
}

p.quicklink span.current {
    color: #fa0;
    font-size: 200%;
    text-transform: uppercase;
}


/*--------------------------------------
Menu styling
--------------------------------------*/

#menu {
    border-bottom: #026 0.1em solid;
}			

#menu #links {
    text-align: right;
    padding: 0.0em;
    margin-top: -1.0em;
}			

#menu #ident {
    padding: 0.0em;
    margin: 0.0em;
}

/* Default navigation styling */
#menu a {
    background: #026 url("images/corner_link.gif") bottom right no-repeat;
    color: #fff;
    padding: 0.75em;
}

#menu a:hover {
    background-color: #fa0;
    text-decoration: none;
}

/* Currently selected ink */
/* #menu #links a.current { */
/*     background-color: #8fcfd5; */
/* } */


/*--------------------------------------
Index page
--------------------------------------*/

#index {
    background: url("images/the_father.gif") top right no-repeat;
    padding-bottom: 20em;
}

#index p.bulk, #index p.bulkend {
    text-align: justify;
    text-justify: left;
    text-justify-last: left;
}

#index p.lead {
    float: none;
}



/*--------------------------------------
Gallery page
--------------------------------------*/

#gallery p.leadclient {
    float: none;
}

#gallery p.leadclient span.leadline {
    font-weight: bold;
}

#gallery p.lead {
    float: none;
}

#gallery span.testimonial {
    font-style: italic;
    color: #888;
}

#gallery td, #gallery tr {
    margin: 0.2em;
    padding: 0.2em;
    text-align: center;
}

#gallery table {
    border: #ccc 0.05em solid;
    width: 100%;
    padding: 1.0em;
    margin-bottom: 1.0em;
}

#gallery p.navigation {
    text-align: center;
}

/*--------------------------------------
Weddings page
--------------------------------------*/

#weddings {
    background: url("images/nice_pair.gif") top right no-repeat;
}

#weddings p.bulk, #weddings p.bulkend {
    text-align: justify;
    text-justify: left;
    text-justify-last: left;
}

#weddings p.lead {
    float: none;
}


/*--------------------------------------
Pricing page
--------------------------------------*/

#pricing {
    background: url("images/the_bunch.gif") top right no-repeat;
    padding: 0em;
    margin: 0em;
}

#pricing p {
    margin: 1.5em;
}

#pricing p.lead {
    float: none;
}

#pricing span.price {
    color: #fa0;
}

#pricing span.package {
    color: #fa0;
    font-style: italic;
}

#pricing legend, #contact legend {
    text-transform: uppercase;
    font-size: 125%;
    border: #026 0.05em solid;
    padding: 0.5em;
    padding-right: 2.5em;
    background: #eee url("images/legend-corner.gif") bottom right no-repeat;
    font-weight: bold;
}

/* NB. Mac IE ignores fieldset styling */
#pricing fieldset, #contact fieldset {
    border: #026 0.05em solid;
    margin-top: 1.0em;
    padding: 0.5em;
}


/*--------------------------------------
Contact page
--------------------------------------*/

#contact {
    background: url("images/the_bentley.gif") bottom right no-repeat;
}

#contact input, #contact textarea {
    background-color: white;
    border: 0.1em #026 solid;
    padding 0.1em;
    display: inline;
}

#contact textarea {
    width: 100%;
}

#contact label {
    display: block;
}

#contact fieldset p {
    text-align: left;
}


/*--------------------------------------
Extra page
--------------------------------------*/

#extra p.lead {
    float: none;
}

#extra p.bulk, #extra p.bulkend {
    width: 60%;
    text-align: justify;
    text-justify: newspaper;
    text-justify-last: left;
}

/*--------------------------------------
TBD - TO REMOVE
--------------------------------------*/

#index #sandbag0,
#index #sandbag1,
#index #sandbag2,
#index #sandbag3,
#index #sandbag4,
#index #sandbag5,
#index #sandbag6,
#index #sandbag7,
#index #sandbag8,
#index #sandbag9 {
    float: right;      
    clear: right;
    margin: 0em;
}

#index #sandbag0 {height: 7em; width: 0em;}
#index #sandbag1 {height: 3em; width: 22em;}
#index #sandbag2 {height: 7em; width: 25em;}
#index #sandbag3 {height: 5em; width: 25em;}
#index #sandbag4 {height: 5em; width: 27em;}
#index #sandbag5 {height: 5em; width: 27em;}
#index #sandbag6 {height: 5em; width: 27em;}
#index #sandbag7 {height: 5em; width: 28em;}
#index #sandbag8 {height: 5em; width: 13em;}
#index #sandbag9 {height: 5em; width: 0em;}

#weddings #sandbag0,
#weddings #sandbag1,
#weddings #sandbag2,
#weddings #sandbag3,
#weddings #sandbag4,
#weddings #sandbag5,
#weddings #sandbag6,
#weddings #sandbag7 {
    float: right;      
    clear: right;
    margin: 0em;
}

#weddings #sandbag0 {height: 7em; width: 20em;}
#weddings #sandbag1 {height: 3em; width: 22em;}
#weddings #sandbag2 {height: 3em; width: 22em;}
#weddings #sandbag3 {height: 5em; width: 21em;}
#weddings #sandbag4 {height: 5em; width: 20em;}
#weddings #sandbag5 {height: 5em; width: 23em;}
#weddings #sandbag6 {height: 5em; width: 24em;}
#weddings #sandbag7 {height: 6em; width: 24em;}


#pricing #sandbag0,
#pricing #sandbag1,
#pricing #sandbag2,
#pricing #sandbag3,
#pricing #sandbag4,
#pricing #sandbag5,
#pricing #sandbag6,
#pricing #sandbag7,
#pricing #sandbag8,
#pricing #sandbag9 {
    float: right;
    clear: right;
    margin: 0em;
}

#pricing #sandbag0 {height: 30px; width: 190px;}
#pricing #sandbag1 {height: 20px; width: 200px;}
#pricing #sandbag2 {height: 10px; width: 210px;}
#pricing #sandbag3 {height: 20px; width: 210px;}
#pricing #sandbag4 {height: 30px; width: 220px;}
#pricing #sandbag5 {height: 30px; width: 220px;}
#pricing #sandbag6 {height: 30px; width: 200px;}
#pricing #sandbag7 {height: 30px; width: 190px;}
#pricing #sandbag8 {height: 50px; width: 150px;}
#pricing #sandbag9 {height: 60px; width: 120px;}