/* First Rite Clothing styles */

/* Reset browser defaults  */
html { font-size:100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,dl,dt,dd,table,th,td,pre,img,form,label,iframe { margin:0; padding:0; font-size:1em; line-height:inherit; font-weight:inherit; border:none; }
h1,h2,h3,h4,h5 { font-weight:normal; }
input,select,textarea,button { font-size:1em; line-height:inherit; font-family:inherit; color:#222; margin:0; }
input[type=button],input[type=submit],button { overflow:visible; }
input[disabled],select[disabled],textarea[disabled],button[disabled] { opacity:0.75; }
.skiplink { position:absolute; top:0; left:-9999px; width:9em; padding:5px; color:#00f; background-color:#ff9; border:1px solid #993; text-align:center; z-index:9999; }
.skiplink:focus { left:0; }
.clear { clear:both; height:0; }

/* Basic page elements */
body { background-color:#fff; color:#222; font-size:1em; line-height:1.4; font-family:Garamond,"Times New Roman",Times,serif; }
p { margin-bottom:1em; margin-bottom:1em; }
a { color:#666; text-decoration:none; outline:none; }
a:hover { color:#222; background-color:#eee; }

/* Page structure */
#container { margin:12px auto; max-width:1000px; min-width:800px; padding:0 12px; text-align:center; }
.rule { position:absolute; top:0; left:0; width:0; height:100%; border-left:6px solid #fff; }

#main { position:relative; }
	#splash .rule { left:10%; }
	#splash .rule+.rule { left:auto; right:10%; }
	#overlay { opacity:0; position:absolute; top:0; left:0; width:100%; z-index:200; }
		#overlay .photo { position:relative; cursor:pointer; }
		#overlay .rule { left:10%; }
		#overlay h1 { background-image:url(/images/30white.png); position:absolute; top:0; right:10%; height:100%; padding:6px; width:238px; border:solid #fff; border-width:0 6px; }
			#overlay h1 img { position:absolute; bottom:20%; left:6px; }
	#body { text-transform:uppercase; }