/*
-----------------------------------------------
style sheet for www.puckerupgames.com
author: Joe Kauffman
----------------------------------------------- */

body	{
	font-family: "lucida grande", verdana, geneva, lucida, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #222222;
	background-color: #333333;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	background-image: url("../img/puckerup_bg.gif");
	background-position : top;
	background-repeat : repeat-x;
	background-attachment : fixed;
	}

img,td img,a img,td a img	{
	border-style: none;
	}

p	{
	vertical-align: top;
	font-size: 11px;
	line-height: 130%;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	}

/*-------- General Links -------*/

a:link,a:visited {
	color: #0099ff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ff0099;
}

a:active {
	text-decoration: underline;
	color: #ff0099;
}


/*-------- Main Styles -------*/

	
#page{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	}
	
#header{
	text-align: left;
	}
	
#nav-holder{
	height: 22px;
	text-align: left;
	background-color: #221D25;
	}

#nav{
	height: 22px;
	text-align: left;	
	background-image: url("../img/nav_bg.gif");
	}
	
#content{
	width: 100%;
	text-align: left;
	background-color: #221D25;
	margin: 0px 0px 0px 0px;
	/*overflow: auto; Removed because Firefox adds scrollbars to DIVs when it sees this. */
	}
	
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	
#content .left{
	float: left;
	width: 566px;
	text-align: left;
	margin: 10px 5px 10px 10px;
	background-color: #09080C;
	}
	
#content .left .icon{
	float: left;
	margin: 10px 8px 10px 10px;
	}
	
#content .left img a{
	margin: 0px 0px 0px 0px;
	}
	
#content .left p{
	color: #cccccc;
	}
	
#content .left .title{
	padding: 5px 0 0 0px;
	font-size: 18px;
	font-style: italic;
	line-height: 140%;
	color: #ffcc00;
	}

#content .left .title2{
	padding: 5px 0 0 10px;
	font-size: 18px;
	font-style: italic;
	line-height: 140%;
	color: #ffcc00;
	}
	
.yellow{
	color: #ffcc00;
	}
	
#content .left .leftp{
	color: #cccccc;
	padding: 5px 0 0 10px;
	}
	
#content .left div{

	padding: 0px 0px 3px 0px;
	}
	
	
/*-------- tables -------*/

#content .left table {
	height: 180px;
}

#content .left td {
	font-weight: normal;
	font-size: 11px;
	line-height: 140%;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

#content .left td img{
	padding: 0px 0px 0px 0px;
}

/*----------------------*/
	
#content .right{
	float: right;
	width: 194px;
	margin: 10px 5px 10px 0px;
	text-align: left;
	}
	
#content .right div{
	padding: 0px 0px 3px 0px;
	}
	
div.box {
	padding: 0px 0px 3px 0px;
	}
	
div.box-top{
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	background-color: #595186;
	padding: 0px 0px 0px 0px;
	}
	
div.box-bottom{
	text-align: center;
	color: #000000;
	background-color: #9999cc;
	padding: 0px 0px 20px 0px;
	}
.box-top a {
    color: inherit;
    text-decoration: inherit;
}

.news{
	margin: 6px 0 0 0;
	padding: 0px 0px 3px 0px;
	}
	
.news-bg1{
	background-color: #353050;
	padding: 0px 0px 0px 0px;
	}
	
.news-bg2{
	background-color: #353050;
	padding: 0px 0px 0px 0px;
	}
	
.news p{
	padding: 3px 0px 0px 6px;
	}
	
.news-title{
	color: #000000;
	font-weight: bold;
	}
	
/*-------- Game Screens -------*/

	
.reviews{
	padding: 0px 0px 3px 0px;
	}
	
.reviews-bg1{
	background-color: #9999cc;
	padding: 0px 0px 0px 0px;
	}
	
.reviews-bg2{
	background-color: #ccccff;
	padding: 0px 0px 0px 0px;
	}
	
.reviews p{
	padding: 3px 0px 0px 6px;
	}
	
.reviews-quote{
	color: #000000;
	}
	
.news-item1{
	margin: 0px 0px 0px 0px;
	background-color: #595186;
	color: #000000;
	}
	
.news-item2{
	margin: 0px 0px 0px 0px;
	background-color: #9999cc;
	color: #000000;
	}
	
.news-item3{
	margin: 0px 0px 0px 0px;
	background-color: #9999ff;
	color: #000000;
	}
	
.news-item1 p, .news-item2 p,.news-item3 p{
	padding: 5px 5px 0px 10px;
	}
	
.news-item1 img, .news-item2 img,.news-item3 img{
    float: right;
	margin: 5px 5px 0px 5px;
	}
	
.news-date{
	color: #222222;
}

.copyright{
	text-align: left;
	padding: 5px 0 0 0;
	font-size: 10px;
	line-height: 140%;
	color: #000000;
	}
	
div.clearer {
	content: ".";
	height: 0;
	display: block; 
	clear: both; 
	margin: 0;
	padding: 0;
  	visibility: hidden;
  	font-size: 1px;
  	line-height: 0px;
  	}

table.addrform {
	color: #000000;
	background-color: #9999cc;
	padding: 0px 0px 20px 0px;
}

/* Generic Document Structure  */
h2 {
	padding: 5px 0 0 0px;
	font-size: 18px;
	font-style: italic;
	line-height: 140%;
	color: #ffcc00;
}
h3,a.h3 {
	padding: 5px 0 0 0px;
	font-style: italic;
    font-weight: bold;
	color: #ffcc00;
}

h4,a.h4 {
	padding: 5px 0 0 0px;
	font-style: italic;
    font-weight: bold;
	color: #ffcc00;
}

p.news-title a {
    color: inherit;
}

div.news-item2 a {
    color: inherit;
    font-weight: bold;
}
div.box-bottom a {
    color: inherit;
    font-weight: bold;
}

div.sectionbox3 { /* A box containing H3s and Ps, or at the "3" level. */
    border: 1px solid Gray;
    padding-left: 1em;
    margin-bottom: 1em;
}