/*-----------------------------------------------------------------------------
version:	1.0
author:		John Anderson
email:		janderson@soaringpenguin.co.uk
website:	http://www.soaringpenguin.co.uk/
date:		2009 May 25
Client:         Comics Creators Guild
URL:            www.comicscreatorsguild.co.uk
page:           Site-wide


Copyright 2009 Soaring Penguin Ltd. All Rights Reserved
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - 
http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
div{
    border: 0px solid #ccc;
}

/* Class for clearing floats */
.clear {
    clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
    border: 0;
    vertical-align: bottom;
}
body {
    font-family: Verdana;
    font-size: 12px;
    line-height: 18px;
    background: #a39c7f url(../img/bodybg.jpg) center top no-repeat;
    
}
.red {
    color: #f80606;
}

/* =Structural
-----------------------------------------------------------------------------*/
	#container {
            width: 1075px;
            margin: 0 auto;
        }
            #wrapper {
                width: 1075px;
                background: url(../img/containerbg.png) 132px 0 repeat-y;
                float: left;
            }
                #navigation {
                    width: 145px;
                    float: left;
                }
                #main {
                    width: 685px;
                    float: left;
                }
                    #header {
                        width: 685px;
                        height: 170px;
                    }
                    #maincontent {
                        width: 388px;
                        padding: 0 2px;
                        float: left;
                        display: inline;
                        margin-left: 27px;
                    }
                    #secondarycontent {
                        width: 217px;
                        padding: 0 2px;
                        float: left;
                        margin-left: 13px;
                    }
                #secondary {
                    width: 245px;
                    float: right;
                    position: relative;
                }
            #footer {
                clear: both;
                width: 1075px;
                height: 60px;
                background: url(../img/footerbg.png) no-repeat 133px 0;
            }
	    #secondarynav {
		position: absolute;
		top: 0;
		left: 0;
	    }

		


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



/* =Headings
-----------------------------------------------------------------------------*/
    h2.blueline {
        height: 18px;
        font-size: 16px;
        font-weight: bold;
        background: url(../img/headingbg.png);
    }
    .blueline {
	height: 18px;
        font-size: 16px;
        font-weight: bold;
        background: url(../img/headingbg.png);
    }



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/





/* =Main Nav
-----------------------------------------------------------------------------*/
    #navigation ul {
/*        padding: 0 0 0 30px;*/ padding: 0;
        margin: 135px 0 0 0;
        width: 145px;
        height: 378px;
        background: url(../img/navigationbg.png) no-repeat top left;
        list-style: none;
        position: relative;
    }
        #navigation ul li {
            display: block;
            padding: 0;
            position: absolute;
        }
            #navigation ul li a {
                text-decoration: none;
                display: block;
/*                width: 85px;*/
                line-height: 25px;
                color: black;
                font-size: 18px;
            }
                #navigation ul li a:hover {
                    color: #f80606;
                }
        #navigation ul li.active {
/*             border: 1px solid blue;*/
        }
            #navigation ul li#nav_home {
                top: 0;
                left: 0;
                height: 130px;
            }
                #navigation ul li#nav_home a {
                    height: 130px;
                    display: block;
                    margin: 50px 0 0 45px;
                    width: 98px;
                    
                }
                    #navigation ul li#nav_home.active {
                        background: url(../img/navigationbg.png) no-repeat -147px top;
                    }
            #navigation ul li#nav_about {
                top: 87px;
                left: 0;
                height: 115px;
            }
                #navigation ul li#nav_about a {
                    height: 115px;
                    display: block;
                    margin: 35px 0 0 50px;
                    width: 90px;
                }
                    #navigation ul li#nav_about.active {
                        background: url(../img/navigationbg.png) no-repeat -289px -87px;
                    }
            #navigation ul li#nav_members {
                top: 175px;
                left: 0;
                height: 130px;
            }
                #navigation ul li#nav_members a {
                    height: 130px;
                    display: block;
                    margin: 35px 0 0 30px;
                    width: 120px;
                }
                    #navigation ul li#nav_members.active {
                        background: url(../img/navigationbg.png) no-repeat -437px -175px;
                    }
            #navigation ul li#nav_reviews {
                top: 276px;
                left: 0;
                height: 113px;
            }
                #navigation ul li#nav_reviews a {
                    height: 113px;
                    display: block;
                    margin: 35px 0 0 45px;
                    width: 95px;
                }
                    #navigation ul li#nav_reviews.active {
                        background: url(../img/navigationbg.png) no-repeat -582px -276px;
                    }


/* =Sub Nav
-----------------------------------------------------------------------------*/
    img#todolist {
        position: absolute;
        z-index: -1;
        top: 27px;
    }
    img#newspaper {
        position: absolute;
        z-index: -1;
        top: 375px;
    }
	#secondary ul {
    /*        position: absolute;
            top: 160px;
            left: 885px;*/
            margin: 165px 0 0 48px;
            padding: 0;
            list-style: none;
            width: 150px;
	    border: 0px solid black;
/*	    right: 0;*/
        }
            #secondary ul a {
                text-decoration: none;
                color: #000000;
                display: block;
                line-height: 15px;
                margin-bottom: 12px;
                font-size: 18px;
            }
                #secondary ul a:hover {
                    color: #f80606;
                }
	    #secondary ul li {
		padding: 0;
		margin: 0;
	    }
        #announcements {
            position: absolute;
            top: 425px;
            left: 955px;
            width: 150px;
        }


/* =Main Content
-----------------------------------------------------------------------------*/
a {
    color: #f80606;
    text-decoration: none;
}
    a:hover {
        text-decoration: underline;
    }

/* Reviews page */
.article {
    margin-top: 20px;
}
        .article img {
                float: right;
        }
td.membername,
td.website
{
    width: 180px;
    height: 40px;
    font-weight: bold;
}
/* Products page */
    .productimage {
        float: left;
        display: inline;
        width: 120px;
    }
    .productdetails {
        float: left;
        display: inline;
        width: 268px;
        font-size: 12px;
	margin-bottom: 22px;
    }
        .productdetails p.credits {
            font-style: italic;
            margin-bottom: 3px;
        }
        .productdetails p.publisher {
	    font-style: italic;
	    font-weight: bold;
	    margin-bottom: 3px;
	}
        .productdetails p.price {
/*            font-weight: bold;
            font-size: 14px;
            margin: 3px 0;
	    background-color: #ffaaaa; */
        }
        .productdetails p.was {
	    text-decoration: line-through;
	    color: #ff0000;
	}
        .productdetails table {
            width: 250px;
        }
            .productdetails table td {
                width: 150px;
            }
/* Basket page */
    table#order td.quantity {
        width: 30px;
    }
    table#order td.title {
        width: 200px;
    }
    table#order td.unitprice {
        width: 75px;
    }
    table#order td.unittotal {
        width: 75px;
    }
        table#order td input {
            width: 30px;
        }
        p.submit input{
            display: block;
            border: 1px solid white;
            background-color: #37cdcd;
            font-size: 12px;
        /*    width: 100px;*/
            color: white;
            font-weight: bold;
            line-height: 24px;
            padding: 3px;
            margin-top: 12px;
        }
/* Portfolio page */
    .galleryitem {
	clear: both;
    }
	.galleryitem img {
	    float: left;
	    margin: 0 5px 5px 0;
	}






/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/




/* =Tables
-----------------------------------------------------------------------------*/

table {
   border-spacing: 0;
    border-collapse: collapse;
}

td {
   text-align: left;
   font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/