/* - - - - - - - - - - - - - - - - - - - - -

Title : styles.css 
Author : Chri Ansley
URL : http://www.sooonotamodel.com/styles.css

Description : Style Sheet	

- - - - - - - - - - - - - - - - - - - - - */

/* --------- COLOR SCHEME ---------- 

bg: 		#d93396 - pink

dark grey:	#444
mid grey:	#838381
light grey:	#b8b8b8

blue:		#00aeff

----------------------------------- */
																			/* ----- RESET CSS ----- */																			
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
}
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;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
																				/* ----- END RESET ----- */


																				/* ----- SITE CSS ----- */

html, body 
{
					height: 100%;
}


body 
{
					margin: 0 auto;
					padding: 0;
					width: 950px;					
					background: #d93396 url(images/bg.gif) repeat;
					height: 100%;
					height: auto !important;
					font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
					font-size: 80%;
					color: #000;
					letter-spacing: 0.04em;
}					

a:link
{
					color: #333;
					text-decoration: underline;
}	

a:visited
{
					color: #333;
					text-decoration: underline;
}			

a:hover
{
					color: #333;
					text-decoration: none;
}			

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

p
{
					line-height: 19px;
}					
																					/* ----- CONTAINER ----- */
#container		
{
					width: 950px;
}

																					/* ----- HEADER ----- */
#hdr
{
					width: 950px;
}

				

																				/* ----- NAVIGATION ----- */

ul#nav {
	list-style-type: none;
	margin-left: 110px;
	padding-top: 30px;
	width: 950px;
	height: 45px;
}

#sponsors
{
					clear: both;
					margin-left: 20px;
					width: 830px;
					text-align: left;				
}					

#sponsors ul
{
	list-style-type: none;
	width: 840px;
}

ul#nav li {
	display: block;
	float: left;
	text-indent: -9999px;	
}

#sponsors ul li {
	display: block;
	float: left;
}

ul#nav li a {
	display: block;
	height: 40px;
}

ul#nav li a:hover {
	border: 0;
	display: block;
}	
	

																					/* ============ HOME ============= */
li#home a:link, li#home a:active, li#home a:visited {
	width: 60px;
	height: 50px;
	background: url(images/nav/home.png) no-repeat;
 }

li#home a:hover {
	background-position: 0 -50px;
}

li#homeCurrent a {
	width: 65px;
	height: 50px;
	background: url(images/nav/home.png) no-repeat;
	background-position: 0 -50px;		
 }


																					/* ---------- ENTER ------- */
li#enter a {
	width: 143px;
	height: 50px;
	background: url(images/nav/enter.png) no-repeat;
}

li#enter a:hover {
	background-position: 0 -50px;
}

li#enterCurrent a {
	width: 142px;
	height: 50px;
	background: url(images/nav/enter.png) no-repeat;
	background-position: 0 -50px;	
}

	
																					/* ---------- Past Winners ------- */
li#pastWinners a {
	width: 145px;
	height: 50px;
	background: url(images/nav/pastWinners.png) no-repeat;
}

li#pastWinners a:hover {	
	background-position: 0 -50px;
}



																					/* ---------- Rules & Regs ------- */
li#rulesRegs a {
	width: 207px;
	height: 50px;
	background: url(images/nav/rulesRegs.png) no-repeat;
}

li#rulesRegs a:hover {	
	background-position: 0 -50px;
}


																					/* ---------- Email a friend ------- */
li#email a {	
	width: 145px;
	height: 50px;
	background: url(images/nav/emailFriend.png) no-repeat;
}

li#email a:hover {	
	background-position: 0 -50px;
}

																						/* END nav */								


																					/* ----- CONTENT ----- */
#wrapper
{
					clear: both;
					width: 862px;
					margin-left: 43px;
					background: #fff;
					padding-top: 10px;
}		

								
				
#contentContainer
{
					background: #fff url(images/contentTop.gif) no-repeat top left;
					margin-top: -16px;
					clear: both;
}					
					
																						/* right column */					
#rht-column
{
					float: right;
					width: 220px;
					margin-right: 2em;
					padding-top: 1em;
}

#rht-column h2 
{
					margin-top: 10px;
					font-size: 20px;
					font-family: Georgia, "Times New Roman", Times, serif;					
					color: #972369;
}
		
#rht-column p 
{
					margin-top: 0;
}

#rht-column h2#hdrEmail
{
					background:url(images/homeHdrEmail.gif) no-repeat;
					text-indent: -9999px;
					width: 229px;
					height: 33px;
					margin-left: -20px;
}


																						/* left column */		
#lft-column
{
					padding-bottom: 1em;
					width: 560px;
					margin: 0 200px 0 2.5em;
}


#lft-columnEntry
{
					padding-bottom: 1em;
					width: 830px;
					margin: 0 0 0 2.5em;
}

		
#lft-column h1, #lft-column legend, #lft-columnEntry h1, #lft-columnEntry legend
{
					margin-top: 10px;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #972369;
					font-size: 20px;
}

#lft-column h1#hdr1, #lft-columnEntry h1#hdr1
{
					background:url(images/homeHdr1.gif) no-repeat;
					text-indent: -9999px;
					width: 490;
					height: 31px;
					padding-bottom: 5px;			
}

#lft-column h1#hdr2
{
					background:url(images/homeHdr2.gif) no-repeat;
					text-indent: -9999px;
					width: 320px;
					height: 29px;
					margin-top: 20px;
}

#sponsors h2#hdr3, #rht-column h2#hdr3
{
					background:url(images/homeHdr3.gif) no-repeat;
					text-indent: -9999px;
					width: 131px;
					height: 22px;
					margin-top: 30px;
}

#rht-column h2#hdr3
{
					background:url(images/homeHdr3.gif) no-repeat;
					text-indent: -9999px;
					width: 131px;
					height: 22px;
					margin-top: 20px;
}

#lft-column h2, #lft-columnEntry h2
{
					margin-top: 10px;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #972369;
					font-size: 16px;
}

#lft-column h3, #lft-columnEntry h3
{
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #000;
					font-size: 16px;
}

#lft-column h1#07WinHdr
{
					background:url(images/07WinnersHDR.gif) no-repeat;
					text-indent: -9999px;
					width: 307;
					height: 26px;
					padding-bottom: 5px;			
}

#lft-column h1#06WinHdr
{
					background:url(images/06WinnersHDR.gif) no-repeat;
					text-indent: -9999px;
					width: 307;
					height: 26px;
					padding-bottom: 5px;			
}


#lft-column p span 
{
					font-size: 16px;
					color: #000;
					color: #972369;					
}

#lft-column ul
{
					margin: 10px 2em;
}					

#lft-column ul li
{
					list-style: decimal;
}		

#lft-column ul#rules li
{
					padding-bottom: 15px;
					text-align: justify;
}							


#lft-column ul#subRules li
{
					list-style: circle;
					padding-bottom: 15px;
}							
																						/* polaroids */
		

ul#pics {
	list-style-type: none;
	width: 843px;
	height: 285px;
}

ul#pics p {
	display: block;
	float: left;
}

ul#pics p a {
	display: block;
	height: 285px;
}

ul#pics p a:hover {
	border: 0;
	display: block;
}	
	

/* lastYears */ 
li#lastyears a:link, li#lastyears a:active, li#lastyears a:visited {
	width: 283px;
	height: 210px;
	background: url(images/polaroids/bonus.gif) no-repeat;
 }



li#lastyears a:hover {
	background-position: 0 -209px;
}

/* pastWinners */
li#winners06 a:link, li#winners06 a:active, li#winners06 a:visited {
	width: 276px;
	height: 210px;
	background: url(images/polaroids/candid.gif) no-repeat;
 }
 

li#winners06 a:hover {
	background-position: 0 -209px;
}

/* tote */
li#tote a:link, li#tote a:active, li#tote a:visited {
	width: 284px;
	height: 210px;
	background: url(images/polaroids/bbong.gif) no-repeat;
 }

li#tote a:hover {
	background-position: 0 -209px;
}

#polo3 {
	margin-left: -2px;
	}																				
																					/* EMAIL A FRIEND */
#emailFriend 
{			
							margin: 0;
							padding: 0;
							width: 220px;
							font-weight: bold;
}

fieldset
{
							width: 220;
							border: none;
							margin-bottom: 20px;
}

.lbl
{
							margin-right: 100px;
}

#step1
{
							float: left;
							padding-right: 20px;
							border-right: #f09fcf 1px solid;
							margin-top: 10px;
							width: 220px;																				
}	

#step1contest
{
							padding-right: 20px;
							margin-top: 10px;
}	


#step2
{
							width: 240px;
							float: left;
							padding-left: 15px;
}																				
																				


#step3 
{
							width: 240px;
							border-left: #f09fcf 1px solid;	
							padding-left: 15px;
																																				
}



label, fieldset p
{
							margin-bottom: 10px;
							font-size: 11px;
							font-family: Arial, Helvetica, sans-serif;
}							



input, input.newsletter, textarea, select
{
							color: #000;
							background-color: #f9e8f2;
							border-bottom: #f9c0e2 1px solid;
							border-top: none;
							border-left: none;
							border-right: none;
							width: 220px;
							height: 20px;
}

textarea
{
							height: 100px;
							overflow: auto;
}

											


input:focus, input.newsletter:focus, textarea:focus, select:focus
{
							background-color: #f8acd9;
							border-bottom: #f09fcf 1px solid;							
}

#optin
{
							width: 10px;
}							

.submitBtn
{
							background-color: #f8acd9;
							border-bottom: #f9c0e2 1px solid;
							color: #972369;
							border-top: none;
							border-left: none;
							border-right: none;
							width: 80px;
							height: 25px;
}

.submitBtnContest
{
							background-color: #f8acd9;
							border-bottom: #f9c0e2 1px solid;
							color: #972369;
							border-top: none;
							border-left: none;
							border-right: none;
							height: 25px;
}


.submitBtnEntry
{
							width: 160px;
							background-color: #f8acd9;
							color: #972369;						
}
							
.submitBtn:hover, .submitBtn:focus, .submitBtnEntry:hover, .submitBtnEntry:focus, .submitBtnContest:hover, .submitBtnContest:focus, .submitBtnEntry:hover, .submitBtnEntry:focus
{
							background-color:#ed037c;
							color: #000;
							border-bottom: #f09fcf 1px solid;
							border-top: none;
							border-left: none;
							border-right: none;
}

legend, legend.newsletter
{
							color: #999;
							padding-top: 40px;
}



#success 
{
							margin: 0;
							padding: 5px;
							width: 180px;
							background-color: #f9e8f2;
							font-size: 11px;
							font-family: Arial, Helvetica, sans-serif;
}

.required																					
{
							color:#E54343;
							font-weight: bold;
}

.example
{
							color:#999;
}								

.err, .err_main, .err_step1, .err_step2, .err_step3						
{
							color:#fff;
							font-weight: bold;
							background-color: #e54343;
							padding: 5px;
							width: 220px;
							margin-bottom: 5px;
}	

.err_main, .success_main
{
							width: 500px;
							text-align: center;
}
							

.success_main					
{
							color: #000;
							font-weight: bold;
							background-color: #66CC00;
							padding: 5px;
							width: 220px;
							margin-bottom: 5px;
}																						/* ----- FOOTER ----- */		
																					
							
#footer
{
					clear: both;
					background-color: #fff;
					padding: 1em;
					margin-left: 10px;
					text-align: center;
					font-size: 11px;
					color: #ccc;
					background: #fff url(images/ftrBtm.gif) no-repeat bottom left;																											
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active
{
					color: #ccc;
}					

#ftrHR
{
					background: url(images/hr.gif) no-repeat;
					width: 795px;
					height: 20px;
					display: block;
					border: none;
}

#ftrHR img
{
					border: none;
}					
					

#copyright
{
					margin-bottom: 20px;
}					
																						/* ======== GALLERY ======== */
#lft-columnGallery
{
					padding: 50px 0 1em 0;
					width: 800px;
					margin-left: 3.5em;
}

div.thumbs
{
							float: left;
							padding: 5px;
							margin: 5px;
							width: 177px;
							height: 242px;
							background: #ea99c8;
							text-align: center;
}


div.thumbs img
{
														border: 2px solid #fff;
}

#viewPhoto
{
							padding-top: 20px;
							width: 800px;
							text-align: center;
}

#viewPhoto p
{
							background: #ea99c8;	
							padding: 5px;													
}

#viewPhoto img
{
							border: solid 2px #fff;
}

#pagination
{
							text-align: right;
							padding-right: 17px;
							margin-top: -65px;
							position: absolute;
							top 30px;
							left: 800px;
}

#pagination a:link, #pagination a:visited, #pagination a:active
{
							background: #ea99c8;
							padding: 10px;
							text-decoration: none;								
}

#pagination a:hover
{
							text-decoration: underline;
}												
																							/* ======== WINNERS IMG ======== */
.winnerIMG
{
							border: 3px solid #ea99c8;
							padding:3px;
							background:#fff;
							margin: 0 0 10px 10px;						
}																							
																																													
/* ----- CLASSES ----- */

.hide
{
					display: none;
}

.line
{
					width: 55px;
					height: 1px;
					border-bottom: 1px solid #d5d5d0;
					margin-left: 7px;
}

.logo
{
					float: left;
}

img
{
					border: none;
}															
/* ----- LINE BREAKS ----- */

hr
{
					display: none;
					border: none;			
}

/*==================== BBONG CONTEST FROM ========================= */
#formContainer 
{
					width: 550px;
					text-align: left;								
}

.help {
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	}