/*
    Stylesheet for ALLIHOPA.NET
    copyright Tuomas Hatakka 2009
*/

.nicEdit-main							{ font-family: tahoma, arial, sans-serif !important; line-height: 18px !important; font-size: 11px !important; }
.nicEdit-main *							{ font-family: tahoma, arial, sans-serif !important; line-height: 18px !important; font-size: 11px !important; }
.nicEdit-main h1						{ font-size: 16.5px !important; }
.nicEdit-main h2						{ font-size: 14px !important; }
.nicEdit-main h3						{ font-size: 14px !important; }
.nicEdit-main h4						{ font-size: 13px !important; }
.nicEdit-main h5						{ font-size: 12px !important; }
.nicEdit-main h6						{ font-size: 11px !important; }
.blogtextarea							{ font-family: tahoma, arial, sans-serif !important; line-height: 18px !important; font-size: 11px !important; }
.blogtextarea *							{ font-family: tahoma, arial, sans-serif !important; line-height: 18px !important; font-size: 11px !important; }
.blogtextarea h1						{ font-size: 16.5px !important; }
.blogtextarea h2						{ font-size: 14px !important; }
.blogtextarea h3						{ font-size: 14px !important; }
.blogtextarea h4						{ font-size: 13px !important; }
.blogtextarea h5						{ font-size: 12px !important; }
.blogtextarea h6						{ font-size: 11px !important; }

body									{ background: url(http://www.allihopa.net/images/background-x.jpg); font-size: 11px; font-family: tahoma, arial, sans-serif; line-height: 18px; text-align: center; }
#wrap									{ position: relative; width: 960px; margin: 0 auto; padding: 0 0 48px; text-align: left; }
#header									{ height: 256px; background: url(http://www.allihopa.net/images/header.png); }
#menu									{ position: absolute; top: 205px; display: block; width: 911px; height: 32px; margin: 0; padding: 25px 24px 23px; background: url(images/menu.png) no-repeat; list-style-type: none; }
#menu #scroller							{ height: 20px; padding: 5px; overflow-y: auto; }
#menu li								{ display: block; float: left; height: 20px; margin: 0; padding: 0; list-style-type: none; }
#menu li a								{ display: block; float: left; margin: 0; padding: 0 5px 0 10px; font-size: 13px; }
#content								{ position: relative; padding: 35px 0 0; }
#top									{ height: 62px; background: url(http://www.allihopa.net/images/top.png) no-repeat top center; }
#center									{ position: relative; padding: 0 35px; background: url(http://www.allihopa.net/images/center.png) repeat-y top center; }
#bottom									{ height: 300px; background: url(http://www.allihopa.net/images/bottom.png) no-repeat top center; }
#copyright								{ color: #808080; font-size: 10px; font-family: arial, sans-serif; padding: 215px 0 0 300px; }

#textarea								{ float: left; width: 480px; padding: 0 0 0 96px; }
#textarea img							{ padding: 8px; }
#textarea img.act						{ padding: 0 !important; }

#rightside								{ position: relative; top: -140px; float: right; width: 200px; }
#shoutbox								{ position: relative; right: -20px; width: 230px; font-family: courier new, courier !important;  z-index: 10; }
#shoutbox #shoutbox-top					{ height: 47px; background: url(http://www.allihopa.net/images/shoutbox-top.png) no-repeat; }
#shoutbox #shoutbox-center				{ padding: 0 20px; background: url(http://www.allihopa.net/images/shoutbox-center.png) repeat-y; }
#shoutbox #shoutbox-bottom				{ height: 20px; background: url(http://www.allihopa.net/images/shoutbox-bottom.png) no-repeat; }
#links									{ width: 200px; padding: 20px 0 0; }
#links .link							{ display: block; height: 48px; margin: 0 0 4px; padding: 8px; background: url(images/photo-back.png) no-repeat top left; }
#links .link b							{ display: block; padding: 14px 0; font-weight: normal; }
#links .link img						{ float: left; width: 48px; height: 48px; padding: 0 12px 0 0; }
#links .link:hover						{ height: 64px; padding: 0; background: url(images/photo-back-hover.png) no-repeat top left; }
#links .link:hover b					{ display: block; padding: 22px 0; font-weight: normal; }
#links .link:hover img					{ width: 60px; height: 60px; padding: 2px 6px 2px 2px; }

#splash									{ position: absolute; top: 270px; left: -20px; display: block; width: 257px; height: 65px; z-index: 400; font-size: 16px; color: #000000 !important; background: url(images/enter.png); }
#splash:hover							{ background: url(images/enter-hover.png); }

.box									{ padding: 0; }
.box img								{ padding: 8px; }
.box-image								{ padding: 8px; }

.shout									{ font-size: 11px; padding: 0 0 23px; text-align: left; line-height: 24px; font-weight: normal; color: #404040; }
.shout h3								{ padding: 0; font-size: 1.2em; font-family: courier new, courier !important; line-height: 24px; }
.shout .shout-author					{ font-family: tahoma, arial !important; font-size: 10px; line-height: 24px; }

.gallery-main							{ position: relative; width: 660px; height: 680px; padding: 10px 10px 0; background: url(http://www.allihopa.net/images/image-main.png) no-repeat; text-align: center; vertical-align: middle; }
.gallery								{ float: left; width: 128px; height: 160px; margin: 5px; padding: 10px; background: url(http://www.allihopa.net/images/image-thumb.png) no-repeat; }
.gallery a								{ display: block; width: 128px; height: 32px; padding: 128px 0 0; background-repeat: no-repeat !important; }
.gallery-prev							{ position: absolute; display: block; top: 10px; right: 33px; width: 20px; height: 20px; background: url(http://www.allihopa.net/images/arrow-prev.png) no-repeat; }
.gallery-next							{ position: absolute; display: block; top: 10px; right: 10px; width: 20px; height: 20px; background: url(http://www.allihopa.net/images/arrow-next.png) no-repeat; }
#loading								{ position: absolute; display: block; top: 5px; left: 5px; width: 670px; height: 670px; background: #ff0000; z-index: 200; }

p										{ margin: 0; padding: 0; }
h1										{ margin: 0; padding: 10px 0 20px 60px; font-size: 16.5px !important; font-family: arial !important; font-weight: normal; color: #897952; }
h2										{ margin: 0; padding: 15px 0 5px; font-size: 14px !important; font-family: arial !important; text-transform: uppercase; color: #6d6559; background: url(images/line.png) repeat-x center bottom; }
h3										{ margin: 0; padding: 15px 0 5px; font-size: 14px !important; font-family: arial !important; color: #6d6559; }
h4										{ margin: 0; padding: 10px 0 5px; font-size: 13px !important; font-family: arial !important; }
h5										{ margin: 0; padding: 5px 0 0; font-size: 12px !important; font-family: arial !important; }
h6										{ margin: 0; padding: 5px 0 0; font-size: 11px !important; font-family: arial !important; }
a										{ color: #606060; text-decoration: none; }
a:hover									{ color: #808080; text-decoration: underline; }

img										{ border: 0; }

.collapser								{ height: 20px; margin: 2px 0 0; padding: 3px 0 1px 20px; cursor: pointer; cursor: hand; background: url(images/collapser.png) no-repeat; color: #555555; font-weight: normal; font-size: 1.0em; }
.collapser:hover						{ background: url(images/collapser-hover.png) no-repeat; color: #957a5a; }
.collapser-selected						{ height: 20px; margin: 2px 0 0; padding: 3px 0 1px 20px; background: url(images/collapser-selected.png) no-repeat; color: #955a5a; font-weight: normal; font-size: 1.0em; }
.collapseable							{ padding: 5px; background: url(images/collapser-bottom.png) no-repeat bottom; }

.txtar									{ width: 100%; height: 160px; margin: 0; padding: 0; font-size: 1.0em; font-family: tahoma, arial, sans-serif !important; }

table									{ vertical-align: top; margin: 0; padding: 0; font-size: 1.0em; width: 100%; }
td, th									{ vertical-align: top; margin: 0; padding: 2px; font-size: 1.0em; text-align: left; }
hr										{ width: 100%; height: 0; border: 0; border-top: 1px solid black; }

.option									{ cursor: hand; cursor: pointer; background: #ff0000; }
.row1									{ background: #e0e0e0; }
.row2									{  }
.headrow td, .headrow th				{ border-bottom: 1px solid; font-style: italic; }

.imagetable								{ border: 1px solid #808080; background: #d9d9d9; }
.edit-item								{ margin: 2px 0; padding: 5px; border: 1px solid #808080; background: #f0f0f0; }
.edit-item h3							{ margin: 0; padding: 0; }

input									{ border: 1px solid #404040; background: #ffffff; }
input[type="submit"]					{ border: 1px solid #707070; background: #c0c0c0; }
input[type="file"]						{ border: 1px solid #000000; background: #ffffff; }

.topinfo								{ padding: 0 0 4px; color: #8f8677; font-size: 0.9em; }
.afile									{ display: block; float: right; width: 180px; height: 36px; margin: 5px; padding: 5px 5px 5px 38px; border: 1px solid #c0c0b0; background: #e0e0d0 url(http://www.allihopa.net/images/file.png) no-repeat top left; }
.afile:hover							{ border-color: #d0c0c0; background: #f0e0e0 url(http://www.allihopa.net/images/file.png) no-repeat top left; text-decoration: none; color: #d04030; }

.warning								{ color: #d04030; text-transform: uppercase; }