body{background:#645d35 url('../images/bg.jpg') /*was bg2.png*/ repeat top left; font-family: Georgia, Times, sans-serif; margin:100px 0 0 0; padding:0; color:#E1D9AA;}
a{color:#F3F77B; text-decoration: underline; outline:none;}
a:hover{color:#FFFF08;}
a img {border:none;}

#container{width:780px; margin: 0 auto;}
h1{background:transparent url('../images/title.png') no-repeat top left; text-indent:-9999px; height:80px; margin-bottom:60px;}
h2{text-transform: uppercase; letter-spacing: 2px; font-size: 14px; }
.intro{font-style: italic; font-size:24px;  line-height:36px; font-weight:normal;} 
p{font-size:14px;}

/* HELPERS */
.clear{clear:both;}
.hidden { display: none;}
.arrow{font-family: Arial, sans-serif; color:#A19D58;}
.noMargin { margin: 0 !important; }
.red{color:#7A0511;}

/* OVERLAY */
.overlay { position:absolute; bottom:-25px; top:-20px; left:-10px; right:-10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: transparent url('../images/black_70.png'); display:none; z-index: 20;}
	.loading { background:#2E2E1D; background: transparent url(../images/ajax-loader.gif) no-repeat center center; height:30px; width:30px; top: 50%; margin-top: 15px; left:385px; position: absolute; }

/*FORMS*/
form{position:relative;}
form h3{text-align:center; padding-top:20px; }
fieldset{border:none; margin:0; padding:0;}
h5{margin:0; font-weight: normal;}
input, textarea ,button{font-family: Georgia, Times, sans-serif;}
input.text, input.action, textarea, button, #Form_doThis_Imagefile{ background:#858753; border:none 0; color:#E1D9AA; padding:5px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; margin:5px 0; }
	
	/* Validation Styling */
	.validationError input.text, .validationError textarea, 
	.validationError #Form_doThis_Imagefile { background: #a6a86f; border: 2px solid #ad1620; color: #5b5d30; }
	
	input#Form_doThis_Name{width:460px;}
	
	#Imagefile{position:absolute; top:5px; left:480px;}
		#Form_doThis_Imagefile{opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: relative; width: auto; height:100%; position:relative; left:-190px; top:-10px;  height: 30px; cursor: pointer;}
		.uploadButton{background:#F3F77B  url('../images/browse.png') no-repeat center center; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#645d35; font-size: 14px; padding:4px 8px; 
			font-style: italic; overflow:hidden; height:19px;width:79px; display:block; z-index:10; }
			.uploadButton:hover{background-color:#FFFF08;}
		
		.imgName{font-size:12px; padding:6px 11px; position:absolute;left:573px;text-decoration:none;top:5px; background:#858753 none repeat scroll 0 0; -moz-border-radius: 0 3px 3px 0 ; -webkit-border-radius: 0 3px 3px 0; min-width: 80px;}
		
	#Text .middleColumn {clear:both; position:relative; } 
	#Form_doThis textarea{width:580px; height: 35px; overflow:hidden; padding-right:30px;}
	.disclaimer{margin:0; position:absolute; bottom:-18px; left:0px; font-size:13px;}
	
	input#Form_doThis_action_doThis {background:#F3F77B; text-align: center; width: 90px; outline: none; color:#645d35; font-size: 18px; border: none; font-style: italic; font-size:18px; top: 37px; position:absolute; right:55px; cursor: pointer; bottom:0; height: 45px; line-height: 35px; }
		input#Form_doThis_action_doThis:hover{background:#FFFF08;}

	form .addImg{font-size:12px; font-style:italic; margin-left: 10px;}
	form .again{text-align:center;}
	form .charLeft{position: absolute; font-size:12px;font-style:italic;right:172px;position:absolute;top:47px;}
	
		
/* WALL */
#wall{position:relative; margin:80px 0;}
	#wall .wallContainer{position:relative; border: 4px solid #E1D9AA; width:770px; height:415px;}
		#wall .wallContainer ul { margin: 0; padding: 0;}
			#wall .wallContainer li { float: left; margin: 0; padding: 0; width: 769px; list-style: none;} /* initally we have 1 image */
				#wall img{position:absolute; top:0; left:0; width:100%; height:100%; z-index: 10; display: none;}
					#wall img.active { display: block;}
		#wall .wallContainer .overlay { bottom: -10px; top: -10px;}
	#wall .status{position:absolute; top:450px; right:140px;}
	#wall .nav {position:absolute; top:450px; right:0px;}
	#wall .nav .older{margin-right: 10px;}
	#wall .what_is { margin: 12px 0 0 0;}
	#wall #explain_the_Wall { padding: 6px 0 0 0;}
	
/*IMAGES*/
#images{width:316px; margin-right:30px; float:left; position:relative;}
	#carousel{overflow:hidden; width:310px; height:370px; position:relative;}
	#images ul{list-style: none; margin:0; padding:0; width:950px; }
		#images li{margin:0; float:left; }
		.imageContainer{background: url('../images/polaroid.png') no-repeat scroll top left; width: 310px; height: 372px; position:relative;}
		.imageContainer .crop{height:271px; top:24px; left:22px; width:264px; overflow:hidden; position:absolute;}
		.imageContainer .vclip{width:264px; height:auto;}
		.imageContainer .hclip{height:271px; width:auto;}
		#images .status{position:absolute; right:10px; top:11px; font-size:12px;}
		#images p{margin:0;}
			#images .pagination {margin-top:5px; float:right; margin-right:10px;}
			#images p .newer{margin-left:20px;}
			#images p .number{margin-left:20px;}
			
		#images .photoInfo{position:absolute; top:300px; left: 21px; z-index:2; right: 21px;}
		#images .imgTitle{color:#000;  }
		#images .summary{ color:#999; font-size:12px;}
			#images .summary .author a{color:#645d35; text-transform: uppercase; font-size:10px;}
	
	
/*ANSWERS*/
#answers{width:400px; float:right; position:relative;}
	#answers .status{position:absolute; top:0px; right:0px; font-size:12px;}
	#answers ul{ list-style: none; padding:0; margin:0; }
		#answers ul li { padding:18px 0; margin:0; background: transparent url('../images/divider.png') no-repeat top left; position:relative;}
			#answers ul li .user_img{ position:absolute; left:0; top:18px;}
			#answers ul li h4{ color:#FFF; margin:0 0 0 50px; font-weight: normal;}
			#answers ul li h4 br{ margin:0; padding:0; height:0; clear: none; display:none;}
			#answers ul li p{ margin:5px 0 0 50px; font-size:12px; }
				#answers ul li p .date{ font-weight: bold;}
				#answers ul li p .author{ color:#fff; text-transform: uppercase; font-size:10px;}
			
	
	#answers .pagination {margin-top:00px; text-align: center;background: transparent url('../images/divider.png') no-repeat top left; padding-top:20px;}
		#answers .pagination .newer {margin-left:20px;}
		#answers .pagination .number{margin-left:20px;}
			
		#answers .pagination .btMore{background:#F3F77B; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#645d35; font-size: 14px; padding:4px 16px; font-style: italic; text-decoration: none; width:100%;}
			#answers .pagination .btMore:hover{background:#FFFF08;}
			#answers .pagination .btMore.disabled{background:#A19D58; color:#645d35; cursor: default; opacity: 0.7;}
	
	#answers .blocks{width:400px; height:360px;}
	#answers .blocksContainer{width:400px; height: 360px; overflow:auto; position:relative;}
		#answers ul{width:380px; }
	
	.pagination .disabled { color:#A19D58; cursor: default;}
	
	
	
/*FOOTER*/
#footer{background:#403E23; margin:50px 0 0 0;}
#footerContainer{width:780px; margin: 0 auto; padding:20px 0;}
#footer .sponsor {position:relative;}
	#footer .sponsor img{ vertical-align:middle;}
	#footer .emailText{ position:absolute; right:0; }

/*SCROLLBAR*/	
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; outline: none;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 8px; top: 0; height: 100%; background: url(../images/scroll_track.png); width: 5px !important;}
.jScrollPaneDrag { position: absolute; background: url(../images/scroll_bar.png); cursor: pointer; overflow: hidden; left: -4px !important; height: 50px !important; width: 16px !important;}
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }

a.jScrollArrowUp { background: url(../images/scroll_arrow_up.png) no-repeat; top: 0; }
a.jScrollArrowDown { background: url(../images/scroll_arrow_down.png) no-repeat; bottom: 0;}
	
a.jScrollArrowUp,
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; right: 0;height: 9px;  text-indent: -2000px; overflow: hidden; width: 18px !important; height: 19px !important; background-position: left top;}
	a.jScrollArrowUp:hover,
	a.jScrollArrowDown:hover { background-position: left -21px; }
	
	
/*SAFARI HACKS*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	input#Form_doThis_action_doThis{top:36px;}
}