/*
Theme Name: Couponspile.info
Theme URI: http://www.couponspile.info/
Description: Landing page 1.
Version: 0.1b
*/


body {
	background-color: #CCCCCC;
	font-family: "Trebuchet Ms", Ariel, sans-serif;
	font-size: small;	
        margin: auto;
	width: 100%;
	height: 100%;

}

#wrap {
	background-color: white;
	height: 95%;
	width: 800px;
	margin: auto;
		
	
}

#header {
	background-image: url('header.gif');
	background-repeat: repeat-x;
	height: 5%;
	width: 800px;
}

#header h1 {
	font-size: small;
	font-family: Ariel, "Trebuchet Ms", sans-serif;
	color: white;
	position: absolute;
	left: 23%;
	top: 10%;
        
		
}

#header img {
	padding-left: 3em;
	display: inline;
	padding-bottom: 0;
	padding-top:0.6em;
}

#header #topnav {
	background-image: url('topnav.gif');
	background-color: #999999;
	height: 50px;
	margin: 10px 10px 0 10px;

}

#header #topnav a:link {
	font-family: "Trebuchet Ms", Ariel, sans-serif;
	color: white;
	text-decoration: none;
	font-size: medium;
	
}

#header #topnav a:visited {
	font-family: "Trebuchet Ms", Ariel, sans-serif;
	color: white;
	text-decoration: none;
	font-size: medium;
}

#header #topnav a:hover {
	font-family: Ariel, "Trebuchet Ms", sans-serif;
	color: white;
        font-size: medium;
	text-decoration: underline;
}

#header #topnav a:active {
	font-family: "Trebuchet Ms", Ariel, sans-serif;
	color: white;
	text-decoration: none;
	font-size: medium;
}


#header #topnav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	padding-top: 2.0em;
	width: 800px;
}

#header #topnav li {
	display: inline;
	color: white;
	margin-top: 3em;
	padding-left: 10px;
	text-align: center;
}

#content {
        background-color: white;
        position: relative;
	width: 625px;
        height: 100%;
	margin: 0 0 0 0;
	border-right: 2px solid #CCCCCC;
}

#content p {
	width: 400px;
	padding-left: 20px;
}

#content h2 {
	padding-left:50px;
	font-weight: bolder;
	text-decoration: underline;
	display: inline;
	
}

#content h3 {
	
	text-decoration: underline;
	display: inline;
        color: gray;
        padding: 15px 0 0 30px;

	
}

#content #offerbox {
	background-image: url('offerbox.gif');
	background-repeat: no-repeat;
	margin-top: 11px;
	margin-left: 20px;
	width: 100%;
        height: 164px;
   }


#offerbox li {
	list-style-image: url('dollar.gif');
	margin: -0.3em 0 0 0;
        line-height: 1.6em;
	padding: 0 0 0 0;
        font-size: 1.4em;
}

#offerbox li a:link {
	color: blue;
}

#offerbox ul a:visited {	
        color: blue;
}

#offerbox ul a:hover {
	color: blue;
}

#offerbox ul a:active {
	color: blue;
}


.button {
	background: url('button.gif') no-repeat;
	float: left;
	height: 53px;
	width: 420px;
	margin: 10px 0 10px 20px;
	padding: 1em 0 0 7.8em;
}

.button a:link {
	font-family: "Trebuchet Ms", Ariel, sans-serif;
	color: white;
	font-size: 2em;
}

.button a:visited {
	font-family: "Trebuchet Ms", Ariel, sans-serif;
	color: white;
	font-size: 2em;
}

.button a:hover {
	font-family: "Trebuchet Ms", Ariel, sans-serif;
	color: blue;
	font-size: 2em;
}

.button a:active {
	font-family: "Trebuchet Ms", Ariel, sans-serif;
	color: blue;
	font-size: 2em;
}


.highlight {
        display: block;
	font-family: Ariel, "Trebuchet Ms", sans-serif;
	color: navy;
	font-size: 1.4em;
	margin: 1em 0 1em 0;
	line-height: 1em;
	width: 400px;
	padding-right: 1em;
}

#sidebar {
       
           
}

#footer {
	background:#F6FAFC none repeat scroll 0 0;
        border-top: 1px dotted #999999;
	border-bottom:1px dotted #999999;
	clear:both;
	color:#999999;
	font-size:12px;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
        width: 800px;
}

#footer a:link {
       color: blue;
}

#footer a:visited {
       color: blue;
}

#footer a:hover {
       color: blue;
}

#footer a:active {
       color: blue;
}


#footertoo { 
 width: 772px;
 clear: both;
 color: #999;
 font-size: 10px;
 text-align: center;
 background: #f6fafc;
 margin: 0px 0px 10px 0px;
 padding: 5px 10px;
}

#footertoo li {float:left; list-style:none; padding:0px 3px; font-size:9px;}
#footertoo ul {padding:0px; margin:0px; }

#footertoo a:link {color: #999; text-decoration: none;} 
#footertoo a:visited {color: #999; text-decoration: none;} 
#footertoo a:hover {color: #999; text-decoration: underline;} 
#footertoo a:active {color: #999; text-decoration: none;}

#papajohns {
	width: 800px;
	height: 600px;
	background-image: url(papabg.gif);
	background-repeat: repeat-x repeat-y;

}

#papajohns img {
        border: none;
}

#papajohns img.papalogo {
	margin: 30px 350px 0 330px;
	vertical-align: middle;
	border: none;
	position: relative;
}



#papajohns .temp {
	position: relative;
	margin-left: 495px;
}

#papajohns .dough {
	position: absolute;
	top: 300px;
	left: 250px;
}

#papajohns .papatext1 {
    font-family: Ariel;
	position: absolute;
	top: 310px;
	left: 430px;
	color: #009900;
	font-size: 16px;
	font-weight: bolder;
	width: 249px;
	margin-top: 15px;
}

#papajohns .ing {
	position: absolute;
	top: 500px;
	left: 250px;
}

#papajohns .papatext2 {
    font-family: Ariel;
	position: absolute;
	top: 520px;
	left: 440px;
	color: #009900;
	font-size: 16px;
	font-weight: bolder;
	width: 249px;
	margin-top: 15px;
}

#papajohns .papabutton {
	position: absolute;
	top: 670px;
	left: 470px;
	border: none
}


#papajohns img.papalogo {
	margin: 30px 350px 0 330px;
	vertical-align: middle;
	border: none;
	position: relative;
}



#papajohns .temp {
	position: relative;
	margin-left: 495px;
}

#papajohns .dough {
	position: absolute;
	top: 300px;
	left: 250px;
}

#papajohns .papatext1 {
    font-family: Ariel;
	position: absolute;
	top: 310px;
	left: 430px;
	color: #009900;
	font-size: 16px;
	font-weight: bolder;
	width: 249px;
	margin-top: 15px;
}

#papajohns .ing {
	position: absolute;
	top: 500px;
	left: 250px;
}

#papajohns .papatext2 {
    font-family: Ariel;
	position: absolute;
	top: 520px;
	left: 440px;
	color: #009900;
	font-size: 16px;
	font-weight: bolder;
	width: 249px;
	margin-top: 15px;
}

#papajohns .papabutton {
	position: absolute;
	top: 670px;
	left: 470px;
	border: none
}