/* -------------------------------------------------------------------------------------
   This stylesheet will be included in various sites under the puzzlepirates domain,
   so names must be unique(ish) in order to avoid conflicts. 
--------------------------------------------------------------------------------------*/


/* ----------------------
   HTML ELEMENTS
-----------------------*/

/* Create Fluid Background */
html, body {
	margin: 0;
    height: 100%;
    background-image: none;
}

/* ----------------------
   CONTENT
-----------------------*/

/* Fix Content at 980px */
.YPP_fixed {
    background-color: #ffffff;
    position: relative;
    width: 980px;
    margin: 0 auto 0 auto;
}

.YPP_content {
    position: relative;
    width: 940px;
    left: 20px;
    margin-top: 10px;
    min-height: 100%;
}

#YPP_templateContainer {
	position: relative;
	background: #436a96 url("/puzzlepirates/images/template/blue_gradient.png") repeat-y center 105px;
    min-height: 100%;
}

/* IE 6 and under hack */
* html #YPP_templateContainer {
    height: 100%;
}


/* ----------------------
   HEADER
-----------------------*/

#YPP_headTile, #YPP_headerCenter, #YPP_headerNav, #YPP_headerInner {
    height: 140px;
}

/* Override no border on header images */
#YPP_headerNav img {
	border: none;
}

#YPP_headTile {
    background: #436A96 url("/puzzlepirates/images/template/tile_header.png") repeat-x center top;
}

/* Header Content */

#YPP_headerCenter {
    position: relative;
    top: -140px;
    margin-bottom: -140px;
    clear: both;
}

#YPP_headerNav {
    background: transparent url("/puzzlepirates/images/template/header_background.png") no-repeat center;
    position: absolute;
    width: 100%;
}

#YPP_headerInner {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

#YPP_headerNav ul {
    position: absolute;
    left: 200px;
    top: 30px;
    margin: 0;
    padding: 0;
}

#YPP_headerNav li {
    display: inline;
    margin: 0;
    padding: 0;
}

#YPP_headerNav .YPP_pp_headerLogo {
    position: absolute;
    left: 20px;
    top: 12px;
}

#YPP_headerNav .YPP_ooo_headerLogo {
    position: absolute;
    right: 25px;
    top: 25px;
}

/* ----------------------
   FOOTER
-----------------------*/

/* Prevent content from flowing behind the footer */
#YPP_footerMargin {
    clear:both;
    height:84px;
}

#YPP_footerContainer, #YPP_footerCenter, #YPP_footTile {
    height: 64px;
}

#YPP_footerContainer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#YPP_footTile {
    position: relative;
    background: #436A96 url("/puzzlepirates/images/template/tile_footer.png") repeat-x center;
    clear: both;
}

/* Footer Content */

#YPP_footerNav {
    background: transparent url("/puzzlepirates/images/template/footer_background.png") no-repeat top center;
    position: absolute;
    width: 100%;
    text-align: center;
}

a.YPP_footerNav, a.YPP_footerNav:link, a.YPP_footerNav:visited, a.YPP_footerNav:hover, a.YPP_footerNav:active{
    text-decoration: underline;
}

#YPP_footerNav p {
    margin-bottom: 0;
    padding-bottom: 9px;
}

#YPP_footerNav p, #YPP_footerNav p a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    margin-top: 37px;
}

#YPP_footerNav p a {
    font-weight: bold;
}

/* Override no border on footer images */
#YPP_footerNav img {
    border: none;
}

/* ----------------------
   STRETCH ALTERNATIVE TEMPLATE
-----------------------*/

#YPP_templateContainer.YPP_templateStretch {
    background-color: white;
    background-image: none;
}

.YPP_templateStretch .YPP_fixed,
.YPP_templateStretch #YPP_headerNav,
.YPP_templateStretch #YPP_footerNav {
    width: 100%;
    min-width: 450px;
    max-width: 1400px;
}

.YPP_templateStretch .YPP_fixed {
    margin: 0;
}

.YPP_templateStretch .YPP_content {
    width: auto;
    left: 0;
    margin: 0 30px;
}

.YPP_templateStretch #YPP_headTile,
.YPP_templateStretch #YPP_footTile {
    background-color: white;
}


/* ----------------------
   BILLING NAVIGATION
-----------------------*/

.YPP_billingNav {
    position: absolute;
    top: 97px;
    left: 50px;
    width: 880px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    font-family: verdana, arial, sans serif;
}

.YPP_billingNav,
.YPP_billingNav a {
    color: #ffffff;
    text-decoration: none;
}

.YPP_billingNav a:hover {
    text-decoration: underline;
}