/* 
Styles for MySoularium
Version: 1.0
Author: Jeff Bridgforth
Author URI: http://jeffbridgforth.com
*/

	@import url(/css/typography.css);
	@import url(/css/color.css);
	
/*Margin and Padding*/
	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}

/* Normalizes Font-size for headers*/
	h1,h2,h3,h4,h5,h6
	{font-size:100%;}

/* Removes list-style from lists*/
	ul
	{list-style:none;}

/* Normalizes font-style and font-weight to normal */
	address,caption,cite,code,dfn,th,var
	{font-style:normal; font-weight:normal;}

/* Removes list-style from lists*/
	table
	{border-collapse:collapse; border-spacing:0;}

/* Removes border from fieldset and img*/
	Fieldset, img
	{border:0;}

/* Left-aligns text in caption and th */
	caption, th
	{text-align:left;}

/*End Normalizing*/

/* Style to fix PNGs in IE6*/
	img, #maincontent, #secondarycontent, #postits, #branding h1, #copyright{
	behavior: url(css/iepngfix.htc); 
	}
/* Main Layout*/	
	body { margin: 0px;
    	padding: 0px;
    	background: url(/img/deskback_june07.jpg) no-repeat fixed 0px 0px;
    }
  	#wrapper { 
		padding: 0px;
    	position: relative;
    	width: 710px;
    	height: 100%;
    	margin-bottom: 0px;
    	margin-left: 50px;
		z-index:1;
    }
  	#branding { margin: 0pt;
    	height: 160px;
    	width: 710px;
    }
  	#branding h1 { 
		background: transparent url(/img/branding_final.png) no-repeat 0px;
    	position: absolute;
    	top: 0px;
    	width: 280px;
    	height: 160px;
    	text-indent: -9999px;
		z-index:600;
    }
/* Navigation*/
		#postits{
			position:absolute;
			top:0px;
			left:290px;
			display:block;
			height:125px;
			width:420px;
			background:transparent url(/img/postits.png) 0px 0px;
			z-index:200;
		}
		#homepage #postits{
			position:absolute;
			top:0px;
			left:290px;
			display:block;
			height:125px;
			width:420px;
			background:transparent url(/img/postits2.png) 0px 0px;
			z-index:200;
		}	
		ul#navigation{
			height:20px;
		}
		#view a{
			position:absolute;
			top:16px;
			left:314px;
			display:block;
			overflow:hidden;
			width:108px;
			height:32px;
			background:transparent url(/img/others_hover.png) no-repeat left top;
			text-indent:-9999px;
			z-index:600;
		}
		#view a:hover{
			background:transparent url(/img/others_hover.png) no-repeat right top;
		}
		#deeper a{
			position:absolute;
			top:50px;
			left:454px;
			display:block;
			overflow:hidden;
			width:88px;
			height:32px;
			background:transparent url(/img/deeper_hover.png) no-repeat left top;
			text-indent:-9999px;
			z-index:600;
		}
		#deeper a:hover{
			background:transparent url(/img/deeper_hover.png) no-repeat right top;
		}
		#returnhome a{
			position:absolute;
			top:0px;
			left:460px;
			display:block;
			overflow:hidden;
			width:88px;
			height:32px;
			background:transparent url(/img/home_hover.png) no-repeat left top;
			text-indent:-9999px;
			z-index:600;
		}
		#returnhome a:hover{
			background:transparent url(/img/home_hover.png) no-repeat right top;
		}
		#tools a{
			position:absolute;
			top:15px;
			left:599px;
			display:block;
			overflow:hidden;
			width:72px;
			height:46px;
			background:transparent url(/img/tools.png) no-repeat left top;
			text-indent:-9999px;
			z-index:600;
		}
		#tools a:hover{
			background:transparent url(/img/tools_hover.png) no-repeat right top;
		}
/* Content */
	#content { 
		margin: 0px;
    }
	#soulimage #content{
		width:710px;
	}
	#soulquestion #content{
		width:710px;
	}
/* Main Content */
 	#homepage #maincontent{ 
		margin: 0px;
    	background: transparent url(/img/opacity.png) no-repeat 0px;
    	width: 240px;
    }
	#others #maincontent, #admin #maincontent, #deep #maincontent, #tool #maincontent, #problem #maincontent, #error #maincontent{
		margin-left:290px;
		width:400px;
		background: transparent url(/img/opacity.png) no-repeat 0px;
	}
	#filter #maincontent{
		margin-left:290px;
		width:400px;
		background: transparent url(/img/opacity.png) repeat 0px;
	}
	#add #maincontent {
		margin-left:290px;
		width:400px;
		background: transparent url(/img/opacity.png) no-repeat 0px;
	}
 	#soulimage #maincontent{ 
		margin: 0px;
		padding:0px;
    	width: 800px;
    }
 	#soulquestion #maincontent{ 
		margin: 0px;
		padding:0px;
    	width: 710px;
    }
/*Secondary Content*/
	#homepage #secondarycontent{
		position:absolute;
		top:0px;
		left:270px;
		width:440px;
		padding-top:475px;
		background: url(/img/collage.png) no-repeat 20px 0px;
		z-index:100;
	}
	#others #secondarycontent, #deep #secondarycontent, #tool #secondarycontent, #add #secondarycontent, #filter #secondarycontent, #problem #secondarycontent, #error #secondarycontent, #admin #secondarycontent{
		position:absolute;
		top:180px;
		left:-50px;
		width:300px;
	}
/* site info*/
	#site_info { 
		width:710px;
    	margin-left: 25px;
    	margin-top: 25px;
    }
	/*#site_info{
		margin-top:75px;
		width:800px;
		height:125px;
		background: transparent url(/img/pencil.png) no-repeat top left;
	}*/
	#site_info #copyright{
		background:transparent url(/img/siteinfo.png) no-repeat 0px 25px;
		text-indent: -9999px;
		height:50px;
	}
  	#add #site_info{ 
		clear:both;
    	margin-left: 0px;
    	margin-top: 50px;
    }
	#tool #site_info{
		margin-top:200px;
	}
	#deep #site_info{
		margin-top:50px;
	}
/*Supplementary Content*/
	#supp_content{
		margin-top:25px;
		width:710px;
	}
	ul#supp_content{
		position:relative;
		min-height:50px;
		padding:20px;
		border-top:1px solid #000;
	}
	#supp_view{
		position:absolute;
		left:0px;
		top:15px;
		display:block;
		width:236px;
		height:50px;
		background:url(/img/view.jpg) no-repeat left top;
	}
	#supp_deeper{
		position:absolute;
		left:237px;
		top:15px;
		display:block;
		width:236px;
		height:50px;
		background:url(/img/deeper.jpg) no-repeat left top;
	}
	#supp_tools{
		display:block;
		position:absolute;
		left:474px;
		top:15px;
		width:236px;
		height:50px;
		background:url(/img/tools.jpg) no-repeat left top;
	}
	
/* Form Styling */
	fieldset{
		margin:10px 0;
		padding:10px;
		border: 2px solid #000;
		width:380px;
	}
	fieldset legend{
		font-size:18px;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-weight:bold;
		color:#000000;
		margin-bottom:5px;
	}
	fieldset label{
		font-size:14px;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-weight:bold;
		width:150px;
		margin:3px;
		margin-left:0px;
	/*	float:left;
		clear:both;*/
	}
	fieldset input, select{
		font-size:80%;
		font-weight:bold;
		margin:3px;
		/*float:left;*/
	}
	fieldset textarea{
		width:20em;
		/*float:left;*/
	}
	input:focus, textarea:focus {
	  	background: #ffc;
	}
	label{
		font-weight:bold;
		width:15px;
		margin:3px;
		display:block;
		float:left;
		clear:both;
	}
	.school{
		margin-left:160px;
	}
	#problem label{
		float:none;
	}
	#problem fieldset input, select{
		float:none;
		}
	#problem textarea{
		width:250px;
		float:none;
	}
	#problem fieldset{
		margin-top:25px;
		border: 2px solid #000;
		width:325px;
		background: transparent url(/img/opacity.png) no-repeat scroll 0px;
	}
/* Additional layout styles*/
	#notes{
		font-size:12px;
		margin:2px;
		padding:3px;
		border:2px solid #a91618;
	}
/*	#overlay{
		position:absolute;
		top:0px;
		left:0px;
		width:760px;
		height:900px;
		background:transparent url(/img/layout_guide.png) no-repeat 0px 0px;
		z-index:1000;	
	}*/
	#viewresults{
		margin-bottom:15px;
	}
	#nav_secondary{
		position:relative;
		width:710px;
	}
	#previous{
		float:left;
	}
	#next{
		float:right;
	}
	#question{
		width:150px;
		}