/*
Title: Screen
Author: RZ
Date: April 2010
*/

@import url("xhtml.css");
@import url("uniform.css");

/* Format
---------------------------------------- */
html {
	background: url(../images/bg-page-bottom.jpg) center bottom no-repeat;
}

body {
	text-align: center;
	background: url(../images/bg-page-top.jpg) center top no-repeat;
	font-size: 75%;
	color: #222;
}

h1, h2, h3 {
	letter-spacing: -1px;
}

a:link, a:visited {
	color: #009c32;
	text-decoration: none;
}

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

a:active {
}

/* Page
---------------------------------------- */
#page {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
}

/* Header
---------------------------------------- */
#branding {
	padding: 15px 30px 5px;
	position: relative;
	overflow: hidden;
}

	#branding ul {
		list-style: none;
		margin: 0;
	}
	
		#branding li {
			margin: 0;
		}
	
	#branding .logo {
		float: left;
	}
	
	#branding .gp {
		position: absolute;
		top: 45px;
		right: 27px;
		display: block;
		background: url(../images/logo-gp.png) 0 0 no-repeat;
		width: 134px;
		height: 22px;
	}
	
		#branding .gp img {
			position: absolute;
			left: -9999px;
		}
		#branding .gp_homepage {
			position: absolute;
			color:white;
			top: 15px;
			right: 27px;
			display: block;
			width: 240px;
			height: 22px;
			text-align:right;
			font-weight:bold;
		}

#highlight {
	clear: both;
	color: #fff;
}
	
	#highlight .top,
	#highlight .bottom {
		height: 20px;
		font-size: 0;
		overflow: hidden;
	}

	#highlight .top {
		background: url(../images/bg-hl-top.png) 0 bottom no-repeat;
	}

	#highlight .middle {
		background: url(../images/bg-hl-mid.png) 0 0 repeat-y;
		overflow: hidden;
		padding: 0 30px;
	}

	#highlight .bottom {
		background: url(../images/bg-hl-bot.png) 0 0 no-repeat;
	}

	#highlight .left {
		float: left;
		width: 320px;
	}

		#highlight .left h1 {
			font-size: 3em;
			line-height: .9;
			margin-top: .25em;
			color: #f6e711;
		}
	
		#highlight .left h2 {
			margin-bottom: 0;
		}
	
		#highlight .left p {
			font-size: 1.167em;
			margin-bottom: .5em;
		}
	
		#highlight .left .submit {
			font-size: 1.714em;
			margin-top: 1.25em;
		}
		
			#highlight .left .submit a {
				color: white;
				padding: 5px 15px;
				background-color: #f6e711;
				color: #222;
				font-weight: bold;
			}
				#highlight .left .submit a:hover {
					background-color: #fcf8ba;
					color: #222;
					text-decoration:none;
				}
	
		#highlight .left img {
			float: right;
		}

	#highlight .right {
		float: right;
		position: relative;
		border:5px solid #ffffff;
		height:310px;
	}
		
		#highlight .right .text {
			position: absolute;
			padding: 10px;
			background-color: #f6e711;
			width: 165px;
			right: 15px;
			bottom: 90px;
			color: #222;
			font-size:0.95em;
		}
		
			#highlight .right .text h2 {
				border-bottom: 1px solid #c1b515;
				font-size: 1.333em;
				padding-bottom: .5em;
			}
		
			#highlight .right .text p {
				margin-bottom: .9em;
			}
		
			#highlight .right .text .arrow {
				background: url(../images/arrow-yellow.png) 0 0 no-repeat;
				width: 15px;
				height: 14px;
				display: block;
				position: absolute;
				left: -15px;
				bottom: 15px;
			}
			#highlight .right .text #close {
				float:right;
				text-indent:-9999px;
				display:block;
				width:15px;
				height:15px;
				background-image:url(../images/close.png);
			}

		#highlight .right .image {
			border: 5px solid #fff;
		}

/* Content
---------------------------------------- */
#content {
	clear: both;
	padding: 15px 0 80px;
	overflow: hidden;
}

#primary {
	float: left;
	width: 600px;
	padding: 0 45px 30px 30px;
	background: url(../images/hr-primary.png) 30px bottom no-repeat;
}

	#primary h2 {
		font-size: 3.25em;
		margin-bottom: .25em;
		background: url(../images/hr-primary.png) 0 bottom no-repeat;
		padding-bottom: .5em;
	}
	
	#primary h3 {
		font-size: 2.083em;
		margin-bottom: .3em;
		background: url(../images/hr-primary.png) 0 0 no-repeat;
		padding-top: 1em;
	}
	
	#primary .lineless {
		background: none;
		padding-top: 0;
	}
	
	#primary p {
		font-size: 1.333em;
		line-height:1.4em;
	}
	
	#primary img {
		margin-bottom: 1em;
	}

#secondary {
	float: right;
	width: 315px;
	padding: 0 30px 0 0;
}
	
	#secondary .widget {
		width: 300px;
		padding-left: 15px;
		margin-bottom: 3em;
	}

		#secondary .widget h2 {
			font-size: 1.333em;
			background-color: #009c32;
			color: #f6e711;
			padding: 5px 10px;
			line-height: 1;
		}
		
		#secondary .widget ul {
			list-style: none outside;
			margin: 0;
		}
		
		#secondary .widget li {
			margin: 0 0 .25em;
			padding: 0 0 .25em;
		}
	
	/* Menu */
	#secondary .menu-widget {
		width: 315px;
		padding-left: 0;
		margin-bottom: 2.85em;
	}
	
		#secondary .menu-widget ul {
			padding-left: 15px;
		}

			#secondary .menu-widget li {
				padding: 0;
				margin: 0;
				line-height: 2;
				font-size: 1.25em;
				font-weight: bold;
				border-top: 1px solid #ccc;
				letter-spacing: -0.5px;
				height: 30px;
				display: block;
				margin-left: 10px;
			}
			
			#secondary .menu-widget li.last {
				border-bottom: 1px solid #ccc;
			}
			
			#secondary .menu-widget li.current {
				background: black url(../images/arrow-black.png) 0 center no-repeat;
				color: #f6e711;
				border: 0;
				margin-left: -15px;
				padding-left: 25px;
				border: 0;
			}
			
				#secondary .menu-widget li.current a {
					color: #f6e711;
				}
	
	/* Logos */
	#secondary .logos-widget .inner-logos-top {
		background-color: #f0f0f0;
		overflow: hidden;
		padding: 5px 5px 0;
		border-top: 3px solid #f6e711;
		margin-top: -6px;
	}

		#secondary .logos-widget .inner-logos-top .flickr_badge_image {
			float: left;
			display: block;
			width: 85px;
			height: 85px;
			overflow: hidden;
			padding: 0;
			margin: 5px 5px;
		}

			#secondary .logos-widget .inner-logos-top .flickr_badge_image img {
				width: 85px;
				height: 85px;
			}

	#secondary .logos-widget .inner-logos-bottom {
		padding: 5px 10px;
		clear: left;
		background-color: #f0f0f0;
		margin: 0;
		font-size: 1.167em;
		font-weight: bold;
		overflow: hidden;
	}

		#secondary .logos-widget .checkout {
			border-bottom: 1px solid #ccc;
			margin: 0 0 .6em;
			padding: 0 0 .6em;
			letter-spacing: -0.5px;
		}

		#secondary .logos-widget .submit {
			font-size: 1.286em;
			line-height: 1.25;
			letter-spacing: -1px;
			margin: 0 0 1em;
		}
	
	/* Newsletter */
	#secondary .newsletter-widget h2 {
		margin: 0;
	}
	
	#secondary .newsletter-widget .inner-widget {
		overflow: hidden;
		border-bottom: 3px solid #f6e711;
	}

	#secondary .newsletter-widget form {
		overflow: hidden;
		background-color: #009c32;
		margin: 0;
    	padding-bottom: 5px;
	}
	
	
#secondary .newsletter-widget form {

}

		#secondary .newsletter-widget .fieldset {
			margin: 0;
			padding: 5px 10px;
			clear: both;
		}
	
		#secondary .newsletter-widget label {
			position: absolute;
			left: -9999px;
			color: white;
			line-height: 1.25;
		}
	
		#secondary .newsletter-widget .label-radio {
			position: static;
			left: 0;
			width: 170px;
			float: left;
		}
	
		#secondary .newsletter-widget .input-text {
			font-size: 1.333em;
			padding: 5px;
			font-style: italic;
			color: #555;
			float: left;
			border: 0;
			margin-right: 5px;
			width: 270px;
			margin-bottom: 2px;
			outline: 0;
		}
	
		#secondary .newsletter-widget #signup {
			float: right;
			margin: -32px 0 10px;
		}
	
	/* Share */
	#secondary .share-widget ul {
		overflow: hidden;
		padding: 14px 0 10px;
		border-top: 3px solid #f6e711;
		border-bottom: 3px solid #f6e711;
		margin: -6px 0 0;
	}
	
	#secondary .share-widget li {
		padding: 0;
		margin: 0 14px 0 0;
		float: left;
	}
	
	#secondary .share-widget li.last {
		margin-right: 0;
	}
	
	/* Facebook */
	#secondary .facebook-widget {
	}
	
	/* RSS/Twitter */
	#secondary .simple-widget ul {
		overflow: hidden;
		border-top: 3px solid #f6e711;
		margin: -6px 0 0;
		padding: 1em 0 0;
	}
	
	#secondary .simple-widget li {
		padding: 0 0 1em;
		margin: 0 0 1em;
		border-bottom: 1px solid #ccc;
	}
	
		#secondary .simple-widget li .meta {
			color: #999;
			font-size: .917em;
		}

/* Footer
---------------------------------------- */
#footer {
	clear: both;
	padding: 0 30px;
	background-color: #222;
	padding: 10px 40px 10px 20px;
	overflow: hidden;
	font-size: 1.167em;
	margin: 0 0 40px 0;
	line-height: 1;
}
	
	#footer ul {
		margin: 0;
	}
	
		#footer li {
			margin: 0;
		}
	
			#footer a {
				color: #f6e711;
			}

	#footer .left {
		float: left;
	}
	
		#footer .left li {
			float: left;
			border-right: 1px solid #fff;
			padding: 0 1em 0 0;
			margin: 0 1em 0 0;
			display: block;
		}
	
		#footer .left li.last {
			margin-right: 0;
			border: 0;
		}
	
	#footer .right {
		float: right;
	}

/* Form
---------------------------------------- */
.uniform {
	padding: 1em 0 0;
	font-size: 1.333em;
}
	
	.uniform fieldset,
	.uniform .fieldset {
		clear: both;
		margin: 0 0 .5em;
		overflow: hidden;
	}
	
	.uniform label {
		width: 180px;
		display: block;
		float: left;
		font-weight: bold;
	}
	
	.uniform select,
	.uniform .value,
	.uniform input[type=file] {
		font-size: .813em;
		color: #555;
	}

	.uniform input[type=text], 
	.uniform input[type=password], 
	.uniform textarea {
		border: 1px solid #b2b2b2;
		padding: 5px;
		border-color: #b2b2b2 #e0e0e0 #e0e0e0 #b2b2b2;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: .813em;
		background: #fbfbfb url(../images/bg-input.png) 0 0 no-repeat;
	}

	.uniform input[type=text]:focus, 
	.uniform input[type=password]:focus, 
	.uniform textarea:focus {
		border: 1px solid #b2b2b2;
		background-color: white;
		outline: 0;
	}
	
	.uniform input[type=submit],
	.uniform input[type=reset],
	.uniform input[type=button],
	.uniform button {
		border: 1px solid #b2b2b2;
		padding: 5px;
		border-color: #e0e0e0 #b2b2b2 #b2b2b2 #e0e0e0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		background-color: #fbfbfb;
		font-size: .813em;
		color: #222;
	}
	
	.uniform input[type=submit]:hover,
	.uniform input[type=reset]:hover,
	.uniform input[type=button]:hover,
	.uniform button:hover {
		border: 1px solid #b2b2b2;
		background-color: white;
	}