CSS styles for study stimuli

study-stumuli-css

	body {
		background:#fff;
	}
	
	.base-wrapper{
	position:absolute;	
	z-index:10;
	}
	
	.content-wrapper {
		z-index:100;
		position:relative;
		/*border:1px solid red;*/
	}
	
	.header-block-ad { /* ad element on top of page e.g. a leaderboard */
		position:absolute;
		left:22px;
		/*background:red;*/ /* for testing position */
		width:980px;
		height:250px;
	}
	
	.header-block-mask {
		position:absolute;
		left:22px;
		/*background:blue;*/ /* for testing position */
		width:980px;
		height:250px;
		
		/*fake the hand attribute over linkable elements */
		cursor: hand;
		cursor:pointer;
	}
	
	.side-block-ad {
		/*background:green;*/ /* for testing position */
		display:block;
		position:absolute;
		left:755px;
		top:270px;
		width:252px;
		height:auto;
	}
	
	.side-block-ad > div { /* all child divs of side block get a margin on top */
		margin-top:12px;
	}
	
	#content { /* Sticky element, might possibly rename */
		position:absolute;
		width:252px;
		height:auto;
		top: 1020px;
		left: 755px;
		padding-top: 5px;
		z-index: 2;
	}
	
	* {
	margin:0;
	padding:0;	
	}