/*
Theme Name: PeepNote Spring Content 
Theme URI: http://PeepNote.com/
Description: PeepNote Spring Content Landing Page Styles
Version: 1.0
Author: Josh Hemsley
Author URI: http://thevisualclick.com
*/

* { margin: 0; padding: 0; }
p {padding-top:20px;}
.clearboth{clear:both;}


/****************************************************** 
						H Tags
******************************************************/	
h1 {}
h2 {margin-top: 30px;}
h3 {margin-top: 30px;}
h4 {}
h5 {}
h6 {}


/****************************************************** 
					INLINE LINKS
******************************************************/	
a{color: #aef0cd; text-decoration:none; outline:0;}
a:hover{color: #ecfaac; text-decoration: underline;}
a:active{outline: none;}


/****************************************************** 
					BODY/STRUCTURE
******************************************************/	

html {
	margin:0px;
	padding:0px;
	font-family:"trebuchet ms",Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	background: #e7ecef url('images/bg_html.jpg') repeat;
	}
	
body {
	padding: 0;
	margin: 0;
	width: 100%;
	letter-spacing:normal;
	line-height: 23px;
	font-size: 14px;
	font-family:"trebuchet ms", arial, helvetica;
	color: #f1ead1;	
	background:url('images/bg_main2.jpg') top center no-repeat;
	}




/****************************************************** 
					HEADER
******************************************************/	

#decor_bar {
	clear: both;
	width:100%;
	margin:auto;
	height:30px;
	margin-top:0px;
	background: url("images/border_top.jpg") repeat top center;
	border-bottom: 1px solid #c27028;
	}
	
#content_holder {
	clear: both;
	width:940px;
	margin:auto;
	margin-top:0px;
	}
	
#content {
	width:570px;
	float: left;
	margin-top: 170px;
	overflow: hidden;
	}
#content h2{
	color: #f2e070;
	font-size: 26px;
	font-weight: normal;
	line-height: 28px;
	}
#content ul.basket{
	margin: 0px;
	padding: 0px;
	width: 260px;
	float: left;
	margin-left: 15px;
	margin-top: 8px;
	list-style-type: disc;
}
#content ul.basket li{
	font-size: 12px;
	}
#content ul.basket li.price{
	color:#f2e070;
	font-weight:bold;
	font-style: italic;
	list-style: none;
	font-size: 14px;
	}
#content ul.rightlist{
	margin-left: 35px;
	}

	
	
#content ol.instructions{
	margin: 0px;
	padding: 0px;
	float: left;
	margin-top: 8px;
	width: 100%;
	}
#content ol.instructions p{
  padding: 0px;
	font-size: 12px;
	margin-top: 8px;
	}
#content ol.instructions p a{
	color: #aef0cd;
	text-decoration: underline;
	}
#content ol.instructions p a:hover{
	color: #ecfaac;
	}
#content ol.instructions p a.tweet_this {
	display: block;
	height: 56px;
	width: 200px;
	background: url("images/btn_tweet.png") center center no-repeat;
	text-indent: -9999px;
	margin: auto;
	margin-bottom: 10px;
	}
#content .tweet_msg{
	clear: both;
	width: 570px;
	height: 75px;
	background: url("images/bg_quote.png") center center no-repeat;
	text-align: center;
	font-size: 14px;
	color: #a1fee5;
	font-style: italic;
	margin-top: 10px;
	}
	
	
#logo {
	float: right;
	width: 330px;
	margin-top: 520px;
	text-align: center;
	overflow: hidden;
	}
#logo a.logocredits {
	display: block;
	height:43px;
	width:128px;
	background: url("images/logo.png") center center no-repeat;
	text-indent: -9999px;
	margin-top: 20px;
	margin: auto;
	}	
	
	
div.hr{
	width: 100%;
	background: #842b0b;
	height: 1px;
	clear: both;
	margin:15px 0px;
	}
	
	
#footer_holder {
	width: 100%;
	clear: both;
	border-top:1px solid #842b0b;
	border-bottom: 1px solid #842b0b;
	padding: 1px 0px;
	margin-top: 25px;
	margin-bottom: 20px;
	}
.footer {
	background: #842b0b;
	width: 100%;
	padding: 10px 0px;
	text-align: center;
	font-size: 12px;
	}
.footer a{
	color: #ebdd88;
	}


/****************************************************** 
				MISC TYPOGRAPHY
******************************************************/	
.yellow_txt{
	color: #f2e070;
}


#logo .content
{
width: 100%;
padding-top: 4px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #862d08;
color: #f1ead1;
font-size: 18px;
text-shadow: #9d360f;
font-weight: normal;
}




/****************************************************** 
				NEW CSS
******************************************************/	

.container {
	width: 960px;
	margin: 0px auto;
	}

#header {
	background: #f4f3eb url("images/bg_header-2.png") repeat-x bottom center;
	height: 78px;
	width: 960px;
	margin: auto;
	border-top: 4px solid #ded5b2;
	z-index: 10;
	}

#header_bottom {
	height: 24px;
	margin-bottom: 5px;
	width: 960px;
	background: url("images/bg_header_bottom.png") repeat-y top center;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://peepnote.com/images/bg_header_bottom.png",
sizingMethod='scale');
	}

h1.logo a {
	display: block;
	height: 71px;
	width: 218px;
	background: url("images/full_logo.png") no-repeat center center;
	text-indent: -9999px;
	border: 0px;
	text-decoration: none;
	float: left;
	margin: 8px 0px 0px 24px;
	}


/****************************************************** 
					NAVIGATION
******************************************************/

#nav {


/* Nav Holder */
float: right;
	margin: 30px 0px 0px 0px;
}

#nav ul {
/* all lists */
display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	display: block;
	float: right;
	height: 48px;
	list-style: none;
	margin-right: 20px;
}

#nav li {


/* all li items */
float: left;
	display: inline;
	list-style-type: none;
}

#nav ul li a {

/* Main Level Link Styling */
float: left;
	background: url("images/btn_beige_001_left.png") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
	text-decoration: none;
}

#nav ul li a span {
	float: left;
	display: block;
	margin-right: 3px;
	background: url("images/btn_beige_001_right.png") no-repeat right top;
	padding: 7px 15px 6px 6px;
	color: #226e8e;
	font-size: 14px;
	text-shadow: 1px 1px #fff;
	font-family: "trebuchet ms",Arial, Helvetica, sans-serif;
}

#nav ul li a:hover {
	background-position: 0% -27px;
}

#nav ul li a:hover span {
	background-position: 100% -27px;
	color: #a35635;
}

#nav ul li.current a {

/* Current Main Level Link Styling */
float: left;
	background: url("images/btn_blue_001_left.png") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
	text-decoration: none;
}

#nav ul li.current a span {

/* Current Main Level Link Styling */
float: left;
	display: block;
	margin-right: 3px;
	background: url("images/btn_blue_001_right.png") no-repeat right top;
	padding: 7px 15px 6px 6px;
	color: #def3fa;
	font-size: 14px;
	text-shadow: -1px -1px #22657e;
	font-family: "trebuchet ms",Arial, Helvetica, sans-serif;
}

#nav ul li.current a:hover {
	background-position: 0% -27px;
}

#nav ul li.current a:hover span {
	background-position: 100% -27px;
	color: #def3fa;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#nav ul li a span, #nav ul li.current a span {
	float: none;
}

/* End IE5-Mac hack */

#nav ul li a:hover span, #nav ul li.current a:hover span {
	
}


/****************************************************** 
					WINNER
******************************************************/
body {
	padding: 0;
	margin: 0;
	width: 100%;
	letter-spacing:normal;
	line-height: 23px;
	font-size: 14px;
	font-family:"trebuchet ms", arial, helvetica;
	color: #f1ead1;	
	background:url('images/bg_main_winner.jpg') top center no-repeat;
	}
	
.winner_thumb {
	background:url('images/winner_thumb_bg.png') 0px 0px no-repeat; 
	padding: 9px;
	}



#winner-photos {
  margin-top:40px;
  text-align:center;
  color: #aef0cd;
}

#winner-photos img {
  border-color:#fff;
  border-width:3px;
  border-style:solid;
}