/*	-------------------------------------------------------------
	Ubuntu Story
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Ubuntu Story
	Filename:		storage.css
	Version:		1.0
	Date:			04/2008
	-------------------------------------------------------------	*/

@import url(typography.css);

/*	Bug hunting
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/** { border: 1px solid red; }*/


html, body { min-height:100%; }
body { margin:0px; background-color:#000; }

	/*	Clearing floats
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	/*	Content Wrapper
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#wrapper { width:932px; margin:0px auto; background:url(http://server/stu/studiospromain/ficheiros/main_pic.jpg) no-repeat center top; position:relative; }
	
			#logo { margin:0; }
				#logo a { display:block; width:100%; height:200px; text-indent:-9000px; padding:0px; }
			
			/*	Image Flow styles
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
			#imageflow{ margin:0 auto; width:915px;	text-align:left; }
				#imageflow img { position:absolute; top:0px; border:none; }
				.clear{	clear:both; }
				#images{ visibility:hidden; }
				#loading{ margin-top:90px; text-align:center; width:100%; }
				#loading img{ margin-top:10px; position:relative; }
				#captions{ font-weight:bold; position:absolute; display:none; text-align:center; z-index:10000; }
				#scrollbar{ visibility:hidden; position:relative; z-index:72; background:url(http://server/stu/studiospromain/ficheiros/hr.gif) no-repeat center top; height:36px; width:810px; margin:0 auto; }
				#slider{ position:absolute; margin-top:-18px; margin-left:-18px; z-index:72; background-image:url(http://server/stu/studiospromain/ficheiros/b_drag.gif); background-repeat:no-repeat; width:36px; height:36px; }
				#tooltip { width:151px; height:53px; background:url(http://server/stu/studiospromain/ficheiros/img/tooltip.gif) no-repeat; visibility:hidden; position:absolute; left:395px; top:310px; }	
				#tooltip_pl { width:151px; height:53px; background:url(http://server/stu/studiospromain/ficheiros/img/pl/tooltip.gif) no-repeat; visibility:hidden; position:absolute; left:395px; top:310px; }	
				#tooltip_es { width:151px; height:53px; background:url(http://server/stu/studiospromain/ficheiros/img/es/tooltip.gif) no-repeat; visibility:hidden; position:absolute; left:395px; top:310px; }
				#tooltip_nl { width:151px; height:53px; background:url(http://server/stu/studiospromain/ficheiros/img/nl/tooltip.gif) no-repeat; visibility:hidden; position:absolute; left:395px; top:310px; }
				#tooltip_tr { width:151px; height:53px; background:url(http://server/stu/studiospromain/ficheiros/img/tr/tooltip.gif) no-repeat; visibility:hidden; position:absolute; left:395px; top:310px; }
				#tooltip_de { width:151px; height:53px; background:url(http://server/stu/studiospromain/ficheiros/img/de/tooltip.gif) no-repeat; visibility:hidden; position:absolute; left:395px; top:310px; }
				#tooltip_it { width:151px; height:53px; background:url(http://server/stu/studiospromain/ficheiros/img/it/tooltip.gif) no-repeat; visibility:hidden; position:absolute; left:395px; top:310px; }
				#tooltip_ar { width:151px; height:53px; background:url(http://server/stu/studiospromain/ficheiros/img/ar/tooltip.gif) no-repeat; visibility:hidden; position:absolute; left:395px; top:310px; }
			
			/*	Content
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#content { width:760px; padding:1px 40px 0 30px; margin:36px 61px 18px 61px; background:url(/img/bk_content.jpg) no-repeat top left; min-height:375px; _height:375px; }
			
				h1#pageName { position:relative; }
					h1#pageName span { display:block; width:100px; position:absolute; right:15px; top:0px; font-size:13px; text-align:right; }
				.welcome { padding:16px 0 0 300px; }
					.welcome img { margin-left:-300px; float:left; display:inline; }
					.button { width:149px; height:35px; display:block; background:url(/img/b_bk.gif) no-repeat; line-height:35px; color:#ffca5b; text-align:center; font-size:13px; font-weight:bold; }
					.button.right { margin-right:10px; }
					.welcome .button {  margin:18px 15px 0 15px; }
					.more { display:none; }
					
				.comment { background:url(/img/bk_comments.gif) no-repeat; width:709px; min-height:71px; _height:109px; padding:30px 20px 18px 20px; }
				
			/*	Form
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
			form .input_bk { background:url(/img/form_input_bk.gif) no-repeat; background-color:none; width:749px; height:36px; margin-bottom:18px; }
			form input { background:none; border:none; outline:none; color:#ffca5b; padding:0 20px 0 20px; margin-top:9px; height:20px; width:90% }
			form .textarea_bk { background:url(/img/form_txtarea_bk.gif) no-repeat; width:749px; height:125px; margin-bottom:18px;  }
			form textarea { background:none; border:none; outline:none; color:#ffca5b; padding:10px 20px 10px 20px; width:95%; }
			
			/*	Description
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			.description { margin-bottom:36px; }
				.description img { margin:6px 0 6px 0; }
				.description img.left { margin-right:25px; }
				.description img.right { margin-left:25px; margin-right:20px; }
			
			/*	Other
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
			.hr { background:url(/img/hr.gif) no-repeat; width:810px; height:5px; margin-top:72px; margin-bottom:18px; }
			#footer { text-align:center; }