div#outercontainer {background-color: #ddaa33; padding: 0px;}

h1 {color: #ddaa33}
h2 {color: #ddaa33}
h3 {margin-top: 30px;}

span.time {font-weight: bold; color: #56A;}
span.oldquote {font-weight: bold}
span.newquote {font-weight: bold}
span.oldrulequote {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-weight: bold;
	color: #364583;
	background-color: #BCF;
}

span.rulequote {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #364583;
}

div.innercontainer {background-color: white; border: 1px solid #ddd; margin-left: auto; margin-right: auto; padding-bottom: 20px;}

div.innercontainer img {width: 90%; margin-left: 5%; margin-top: 20px}

@media screen and (max-width: 750px) {
    div.innercontainer, div#infobox {
        width: 100%;
    }

    div.innercontainer img {width: 90%; margin-left: 5%; margin-top: 20px;}

}

@media screen and (min-width: 751px) {
    div.innercontainer, div#infobox {
        width: 750px;
        margin-left: auto;
        margin-right: auto;

    }

/*
    div.innercontainer img {width: 15%; margin-right: -15%; float: left; position: relative; left: 760px; top: -170px; z-index: 2; border: 3px solid white;}
    div.innercontainer img:hover {width: 90%; margin-right: -90%; top: -380px; left: 300px; z-index: 3;}

    div.innercontainer img.second {left: 880px;}
    div.innercontainer img.second:hover {left: 420px;}

    div.innercontainer img.hor {}

}

*/

div.fp {border: 1px solid #e5e5e5; text-align: left; margin: 20px; background-image: url("http://www.silverknife.co.uk/bonding/face.png"), url("http://www.silverknife.co.uk/bonding/shareline.png"); background-position: 5px 6px, left bottom; background-repeat: no-repeat, no-repeat; padding-bottom: 30px; padding-top: 55px;}
div.fp p {font-family: helvetica; font-size: 90%; margin: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5}