/*

	Incolo.us Cascading Style Sheet

	-----------------------------------------------

	Table of Contents:

		import navigation

		layout

		colours, typography & links

		misc

*/



/* import navigation

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



@import 'nav.css';



/* layout

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



body

{

	font-family: Tahoma, sans-serif;

	font-size: 12px;

	color: #fff;

	background: url(imgs/bg.gif) repeat-x;

	margin: 0; padding: 0;

}

div#container

{

	width: 940px;

	margin: 0 auto;

}

h1#logo

{

	width: 284px;

	height: 141px;

	background: url(imgs/logo.gif) no-repeat;

	text-indent: -9999px;

	float: left;

}

div#welcome

{

	font-size: 17px;

	color: #ccc;

	width: 850px;

	padding: 50px 0 0 0;

	margin: 0 auto;

	clear: both;

}

	div#welcome h2

	{

		font-size: 25px;

		color: #c9fa76;

		font-weight: normal;

		margin: 0;

	}

div#upload_holder

{

	width: 810px;

	padding: 40px 65px 0 65px;

	margin: 36px 0 0 0;

	background: url(imgs/upload_box.gif) no-repeat;

	overflow: auto;

}

div#resize_box

{

	width: 333px;

	height: 24px;

	padding: 9px 0 0 40px;

	margin: 5px 0 0 0;

	background: url(imgs/resize_bg.gif) no-repeat;

}

	div#resize_box input

	{

		width: 20px;

		height: 15px;

		float: left;

	}

	.resize_text

	{

		float: left;

		margin: 0 10px 0 0;

	}

.upload_field

{

	width: 400px;

	height: 29px;

	border: 2px solid #6f6f6f;

	margin: 5px 0 0 0;

}

.upload_now

{

	width: 209px;

	height: 50px;

	margin: 30px 0 45px 0;

	background: url(imgs/upload_now.gif) no-repeat;

	border: 0;

	cursor: pointer;

}

div#allowed

{

	color: #000;

	text-align: center;

	width: 355px;

	height: 32px;

	line-height: 32px;

	background: url(imgs/allowed_bg.gif) no-repeat;

	float: left;

}

div#user_box

{

	margin: 25px 0 0 0;

}

div#footer

{

	width: 100%;

	height: 240px;

	line-height: 180px;

	background: url(imgs/footer_bg.gif) repeat-x;

	clear: both;

	margin: 100px 0 0 0;

}

	.footer_content

	{

		color: #999;

		width: 758px;

		margin: 0 auto;

	}

	.footer_content a

	{

		color: #999;

		text-decoration: none;

	}

	.footer_content a:hover

	{

		color: #999;

		text-decoration: underline;

	}



/* colours, typography & links

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



a

{

	color: #000;

	text-decoration: none;

}

a:hover

{

	color: #000;

	text-decoration: underline;

}

span.highlight

{

	color: #e7ffa8;

}



/* misc

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



form, input, textarea, h1, h2

{

	margin: 0; padding: 0;

}

a img

{

	border: 0;

}

.alignleft

{

	float: left;

}

.alignright

{

	float: right;

}

.clear

{

	clear: both;

}



/* upload form
----------------------------------------------- */

#divinputfile{
	background:url(imgs/upload_file.gif) no-repeat 100% 1px;
	height:33px;
	width:344px;
	margin:0px;
	margin-top: 3px;
	
}

#divinputfile #filepc{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:18px;
	
}

#fakeinputfile{
	margin-top:-29px;
}

#fakeinputfile #fakefilepc{
	width:265px;
	height:29px;
	font-size:18px;
	font-family:Arial;
	border:solid 2px #6f6f6f;
}