/*--------------------------------------------------
    
    TUUSPARTIO.FI stylesheet
	  > style and align
	(c) copyright 2009 Tuomas Hatakka
    
 --------------------------------------------------*/

/*.......... Body ................................................................................*/
body									{ height: 101%; margin: 0; padding: 0; text-align: center; overflow-y: scroll; }
body .wrap								{ width: 940px; margin: 0 auto; padding: 0; text-align: center; }
table									{ width: 100%; margin: 0 0 10px 0; padding: 0; vertical-align: top; }
td										{ margin: 0; padding: 3px 3px; vertical-align: top; }
th										{ margin: 0; padding: 3px 3px; vertical-align: top; text-align: left; }
.headrow th, .headrow td				{ border-bottom: 1px solid; }
.row1 td, .row1 th						{  }
.row2 td, .row2 th						{  }
img										{ border: 0; }
.helpimg								{ border: 2px solid; text-align: right; }

/*.......... Body > header .......................................................................*/
.header									{ position: relative; height: 200px; width: 900px; margin: 0 auto; text-align: left; }
.header h1								{ margin: 0; padding: 60px 0 0 180px; border: 0; }
.header h2								{ margin: 0; padding: 0 0 0 190px; border: 0; }
.header .search							{ display: none; /* !!! Tämä pois! */ position: absolute; top: 30px; right: 30px; }
/*.......... Body > header > menu ................................................................*/
.menu									{ position: absolute; top: 160px; left: 0; height: 20px; }
.menu h4								{ margin: 0; padding: 0 0 0 20px; border: 0; }
.menu ul								{ margin: 0; padding: 0; }
.menu li								{ display: block; float: left; margin: 0; padding: 0; height: 20px; }
.menu li a								{ display: block; height: 16px; margin: 0; padding: 2px 5px 2px 12px; }
.menu li a:hover						{  }
.menu li a.active						{  }
/*.......... Body > header > submenu .............................................................*/
.submenu								{ position: absolute; top: 180px; left: 20px; height: 20px; margin: 0; padding: 0; }
.submenu ul								{ margin: 0; padding: 0; }
.submenu li								{ float: left; height: 20px; margin: 0; padding: 0; }
.submenu li a							{ display: block; height: 16px; margin: 0; padding: 2px 5px 2px 12px; }
.submenu li a:hover						{  }

/*.......... Body > content ......................................................................*/
.content								{ width: 940px; margin: 0 auto; text-align: center; }
.content .top							{ width: 900px; margin: 0 auto; text-align: left; height: 60px; }
.content .top h3						{ padding: 20px 20px 0; }
.content .center						{ width: 900px; margin: 0 auto; text-align: left; }
.content .bottom						{ position: relative; top: -140px; z-index: -1; height: 200px; }
/*.......... Body > content > .... ...............................................................*/
.left									{ float: right; width: 220px; padding: 0 10px; }
.main									{ float: left; width: 660px; }
.main .layer							{ padding: 0 20px; }

/*.......... Body > footer .......................................................................*/
.footer									{ position: relative; height: 0px; top: -150px; }
.footer .buttons						{ float: right; }
.footer .buttons a.rss					{ float: right; display: block; width: 20px; height: 20px; margin: 10px 10px 30px 0; }
.footer .buttons a.rss:hover			{  }
.footer .buttons a.print				{ float: right; display: block; width: 20px; height: 20px; margin: 10px 10px 30px 0; }
.footer .buttons a.print:hover			{  }
.footer .buttons a.textsize				{ float: right; display: block; width: 20px; height: 20px; margin: 10px 10px 30px 0; }
.footer .buttons a.textsize:hover		{  }
.footer .information					{ padding: 10px 0 0 10px; }
.footer .information a					{  }
.footer .copyright						{ padding: 0 0 0 10px; }

/*.......... Text ................................................................................*/
a, a:active, a:visited, a:link			{  }
a:hover									{  }
p										{ margin: 0; padding: 0 0 10px; }
blockquote								{ margin: 10px 0 10px 5px; padding: 0 0 10px 10px; border-left: 7px solid; }
h3										{ margin: 0; padding: 0 0 0 10px; }
h4										{ margin: 0 0 10px; padding: 20px 0 0; border-bottom: 1px solid; }
h4 a									{  }
h4 .date								{ display: inline; float: right; }
h5										{ margin: 0; padding: 0; }
h6										{ margin: 0; padding: 0; }
table h4								{  }
table h5								{  }
table h6								{  }

/*.......... Form ................................................................................*/
form									{  }
.submit									{  }
.input									{ width: 200px; margin: 5px 0 0; }
input[type="input"] 					{ width: 200px; }
textarea								{ width: 200px; height: 100px; margin: 5px 0 0; overflow-y: scroll; }
textarea.email							{  }

/*.......... Address .............................................................................*/
.address								{ float: right; width: 200px; }

/*.......... Calendar ............................................................................*/
.calendar								{ position: relative; width: 560px; color: #000000; }
.calendar .reservation					{ float: left; width: 70px; height: 80px; line-height: 20px; }
.calendar .reservation.col				{ z-index: 30; position: relative; line-height: 40px; text-indent: 5px; }
.calendar .reservation.row				{ z-index: 10; position: absolute; left: 0; line-height: 20px; text-indent: 5px; }
.calendar .reservation.row b			{ display: block; text-indent: 5px; }
.calendar .reservation.book				{  }
.sudenpennut							{  }
.seikkailijat							{  }
.tarpojat								{  }
.samoajat								{  }
.vaeltajat								{  }
.calendar .line							{ z-index: 20; position: absolute; left: 0; width: 100%; border-top: 1px solid; }
.calendar .dayarea						{ position: absolute; top: 40px; left: 70px; width: 490px; height: auto; }
.calendar .day							{ float: left; width: 70px; height: 40px; line-height: 40px; text-indent: 5px; }
.calendar .day.dark						{  }
.calendar .day.reserved					{  }
.calendar .day.col						{  }
.calendar .day.row						{  }
.calendar a .day						{ position: relative; cursor: default; }
.calendar a:hover .day					{  }
.calendar a .day .popup					{ display: none; }
.calendar a .day .popup div				{  }
.calendar a:hover .day .popup			{ z-index: 1000; display: block; position: absolute; top: -30px; left: -40px; padding: 10px; }
.calendar a:hover .day .popup div		{ width: 140px; height: 80px; }
.calendar a:hover .day .popup div i		{ display: block; text-indent: 6px; }

/*.......... Item ................................................................................*/
.item.search							{ padding: 0 0 10px; min-height: 0px !important; }
.item.search h4							{  }
.item.search h4 .date					{  }
.item									{ padding: 0 0 20px; }
.item_edit								{ padding: 10px; border: 1px solid; }
.popup_holder							{ position: relative; }
.popup_holder:hover						{  }
.popup_holder .popup					{ display: none; position: absolute; top: 0; left: -96px; }
.popup_holder:hover .popup				{ display: block; z-index: 20; }

/*.......... Cell ................................................................................*/
.cell									{ margin: 1px; }
.cell a									{ display: block; padding: 4px; border: 1px solid; text-align: left; }
.cell a:hover							{  }
.cell a.out								{ height: 50px; }
.cell a.out:hover						{  }
.cell a .img							{ display: block; width: 140px; }
.cell a .img img						{ border: 1px solid; }
.cell a .namearea						{ float: right; width: 410px; height: 24px; text-align: left; }
.cell a .photographer					{ float: right; width: 410px; height: 24px; text-align: left; }

.maincell								{ height: 560px; vertical-align: middle !important; }
.maincell td							{ margin: 0 auto; padding: 0; vertical-align: middle !important; text-align: center; }
.maincell td img						{  }

.scell									{ float: left; margin: 1px; }
.scell a								{ display: block; padding: 4px; border: 1px solid; text-align: left; }
.scell a:hover							{  }
.scell a.active							{  }
.scell a img							{ border: 1px solid; }

/*.......... Note ................................................................................*/
.note									{ float: left; width: 280px; line-height: 18px; }
.note .head								{ height: 18px; }
.note .body								{ padding: 0 26px; line-height: 18px; }
.note .body h4							{ margin: 0; padding: 0; border: 0; line-height: 18px; }
.note .body p							{ margin: 0; padding: 0 0 18px; border: 0; line-height: 18px; }
.note .body .author						{ line-height: 18px; }
.note .foot								{ height: 18px; }

/*.......... Shout ...............................................................................*/
.shout									{ padding: 0 0 5px; }
.shout-textarea							{ width: 176px; height: 66px; margin: 0; padding: 2px; border: 0; overflow-x: hidden; overflow-y: scroll; }
.shout-top								{ height: 11px; }
.shout-bottom							{ height: 21px; }
.shout-bottom.alternative				{ height: 11px; }
.shout-head								{ padding: 0 5px; }
.shout-date								{ padding: 0 5px; }
.shout-body								{ padding: 0 5px; }

.side-item								{ margin: 0 0 5px; padding: 5px 15px; }
.side-item h4							{ margin: 0; padding: 0; }
.side-item h5							{ margin: 0; padding: 0; }

.gallup									{ display: block; position: relative; width: 100%; height: 24px; margin: 0; padding: 0 0 1px; }
.gallup-head							{ position: absolute; top: 0; left: 0; height: 16px; padding: 4px 0; z-index: 20; }
.gallup-votes							{ position: relative; height: 24px; }
.gallup-votes-start						{ position: absolute; left: 0; width: 4px; height: 24px; }
.gallup-votes-end						{ position: absolute; right: -4px; width: 4px; height: 24px; }