/* title: 	CSS for Second Chance Shelter 	*/
/* author: 	Jesse Perry for Smith&Jones 	*/
/* date:	September 17th, 2009			*/


/* RESET CSS 
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}

/* CSS for Second Chance Shelter */

body {
	font-size:100%;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#444;
	background:url(../images/backgroundFade.gif) top left repeat-x #fafafa ;
	text-align:center;
	border-top:7px #681d89 solid;
	
	}

img {max-width:100%;}	

#wrapper {
	width: 85%; 
	margin: 0 auto;	
	text-align: left; 	
	max-width:600px;

	}
		
	
/* splash area */

div#main {
	padding-top:2em;
	text-align:center;
	}


	
div#oversplash {
	margin-bottom:2em;
	}

div.spotlight {
	background:url(../images/starbadge.png) top left no-repeat;
	color:#fff;
	font-weight:bold;
	position:absolute;
	height:125px;
	width:125px;
	font-size:90%;
	margin-top:-13em;
	margin-left:-3em;
	}
div.spotlight p {
	padding-top:45px;
	font-size:130%;
}
div.spotlightSmall p {
	padding-top:50px;
	font-size:90%;
}


	
div.content	{
	margin-bottom:1em; 
	font-size:1em; 
	line-height:1.4em; 
	text-align:left;}


div.cardsPurchase {
	position:relative; 
	float:right;}
	
div.cardsPrice {
	font-size:2em;
	font-weight:bold;
	margin-right:1em;
	float:left;
	position:relative}

div.cardsPrice span {
	display:block;
	font-size:.25em;
	color:#888;
	text-transform:uppercase;
	}

div.cardsBuyNow {
	float:right;
	margin-top:1em;}	
	

/* subSection */
div#subSection {
	padding:2em 0em;
	}

img.cardShow {
	img:3px;
	width:14%;
	border:1px solid #d0d0d0;
	margin: 4px;
	}
#subSection h2 {
	text-align: center;
}

img.cardShow:hover {
	-moz-transform: scale(1.75);
    -webkit-transform: scale(1.75);

	}



/* footer aera */
#footer {
	font-size:.75em;
	padding:1em 0em;
	margin-bottom:3em;
	border-top:1px solid #dbd1de;
	color:#888;}
	
#footer ul li {line-height:1.8em;}



/* general typography */
h1	{font-size:1.8em; color:#b0a9b3; padding:1em 0em; text-transform:uppercase;}
h2	{font-size:1.2em; color:#b0a9b3; padding:1em 0em 0em; text-transform:uppercase; text-align:left;}


a:link, a:visited 		{font-weight:bold; color:#853ca6; text-decoration:none; }
a:hover 				{font-weight:bold; color:#853ca6; text-decoration:underline; }

a.button {
	padding:1em; 
	border:1px solid #f2e4f9; 
	background:url(../images/button-back.gif) center left repeat-x #853ca6;
	color:#e2c5ef;
	text-decoration:none;
	text-transform:uppercase;
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	
	}
	
a.button:hover {
	color:#fff;
	}

strong {font-weight:bold; color:#853ca6;}

	
	

/* general hackery */


.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }