@import url(reset.css);
@import url(editor.css);

html, body { background: url(/media/ulkoasu/background_repeat.gif) top center; height: 100%; }

/* Layout
------------------------------*/

#Wrapper {
	background: url(/media/ulkoasu/background_worm.gif) repeat-y 480px 0;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
	width: 980px;
}

#LeftColumn, #RightColumn { padding: 0 0 40px 0; }
#LeftColumn { float: left; width: 480px; }
#RightColumn { float: right; width: 410px; }

#Footer { clear: both; }


/* Left Column
------------------------------*/

#LeftColumn { margin: 50px 0 0 0; }

#Logo { float: left; }

/* Navigation */

#Navigation { float: left; width: 480px; margin: 20px 0 0 0; }
#Navigation ul { float: left; width: 480px; list-style: none; margin: 0; }

#Navigation li { padding: 0 10px 10px 0; display: inline;}
#Navigation a {
	background: #a3ad00;	
	color: #ffffff;
	float: left;
	font-family: Georgia, sans-serif;
	font-size: 130%;
	 display: inline;
	padding: 5px 10px 6px 10px;
	text-decoration: none;
	white-space: nowrap;
margin: 0 10px 10px 0;
}

#Navigation li.current a { background: #a2a2a2; }

/* Breadcrumbs */

#Breadcrumbs {
	border-top: 1px solid #d2d2d2;
	float: left;
	font-size: 95%;
	line-height: 140%;
	margin: 10px 0 0 0;
	padding: 5px 0;
	width: 100%;
}
#Breadcrumbs a { color: #d4196a/*d26aaf*/; }
#Breadcrumbs a.current { color: #828282; text-decoration: none; }
#Breadcrumbs .separator { padding: 0 5px }

/* Main */

#Main {
	float: left;
	position: relative;
	width: 480px;
}

/* Home */

.contNewsletter {
	border-width: 1px 0;
	margin: 40px 0 0 0;
	padding: 20px 0 10px 0;
}
.contNewsletter td { padding: 0 20px 0 0; }
.contNewsletter h3 { margin: 0 0 5px 0; }
.contNewsletter p {
	font-size: 95%;
	line-height: 140%;
	margin: 0 0 10px 0;
}
.contNewsletter .formTextinput { width: 226px; display: block; }
.contNewsletter .formSubmit { margin: 10px 0; }

#tableCredits {  border-width: 2px 0 0 0; margin: 40px 0 0 0; }

/* Gallery */

.galleryWrapper { margin: 20px 0 40px 0; }
.galleryWrapper h3 { margin: 0 0 10px 0; }
.galleryWrapper img { width: 450px; }
.galleryHolder {
        background: #ffffff;
        padding: 15px 15px 10px 15px;
        width: 450px;
}
.galleryPainting { text-align: center; width: 100%; width:450px; height:330px; }
.galleryControlPanel {
        margin: 10px 0 0 0;
        text-align: center;
        width: 100%;
}
.galleryControlPanel a { color: #a2ad00/*4b9539*/; }

/* Guests and Journals */

#tableGuests { font-size: 95%; line-height: 140%; width: 100%; }
#tableGuests td { padding: 0 0 50px 0; }
#tableGuests .guestRowWrapper { float: left; position: relative; width: 100%; }
#tableGuests .guestRow {
	float: left;
	padding: 0 5px 20px 0;
	width: 32%;
}
#tableGuests h6 { margin: 5px 0 0 0; }
#tableGuests p { margin: 0; }
#tableGuests a { margin: 5px 0 0 0; }
#tableGuests a.pinkLinkBox {
	bottom: 0;
	position: absolute;
}

#Sidebar #tableGuests td {padding: 0 0 30px; }
#Sidebar #tableGuests .guestRow { padding: 0 5px 20px 0; }


#tableGuests .last td { padding-bottom: 0; }


/* Right Column 
----------------------------------------*/

#RightColumn { margin: 10px 0 0 0; }

/* Guests Preview */

.guestsPreview {
	background: #d4196a/*d26aaf*/;
        color: #ffffff;
        margin: 40px 0 20px 0;
        padding: 10px;
}
.guestsPreview .guestProfiles { width: 390px; overflow: hidden; }
.guestsPreview .guestProfiles table { width: 390px; }
.guestsPreview a, .guestsPreview a:visited { color: #ffffff; }
.guestsPreview h1 { color: #ffffff; margin: 0 0 15px 0; }
.guestsPreview td { padding: 0 10px 0 0; }
.guestsPreview h6 { color: #ffffff; margin: 0 0 0 0; }
.guestsPreview p {
        font-size: 95%;
        line-height: 140%;
        margin: 0 0 10px 0;
}
.guestsPreview td img { width: 80px; height: 100px; }
.guestsPreview .guestsPreviewFooter { padding: 15px 0 25px 0; }
.guestsPreview .guestsPreviewFooter a,
.guestsPreview .guestsPreviewFooter a:visited {
        background: #ffffff;
        color: #d4196a/*d26aaf*/;
        display: inline;
        float: left;
        margin: 0 10px 0 0;
        padding: 3px 5px;
        text-decoration: none;
}
.guestsPreview .guestsPreviewFooter a:hover { text-decoration: underline; }

/* Journals */

#journalFilter { 
	background: #a1a1a1; 
	color: #ffffff;
	margin: 40px 0 0 0;
	padding: 10px 15px;
}
#journalFilter label { font-size: 95%; margin: 0 10px 0 0; }

.journalIngress { overflow: hidden; margin-bottom: 1px; }
.journalList, .imageList { margin: 20px 0 0 0; width: 100%; }
.journalList h1, .imageList h1 {  margin: 0 0 20px 0; width: 100%; }
.journalList .kuva, .imageList .kuva { margin: 0 0 10px 0; }
.journalList .journalIngress h5 { margin: 0; }
.journalList .journalIngress p, .imageList p {
	font-size: 95%; 
	line-height: 140%;
	margin: 10px 0 5px 0;
}
.contGrey {
	background: #e9e8e6;
	margin: 0 10px 0 0;
	padding: 3px 5px ;
}
.separator { padding: 0 5px; }
.journalList hr, .imageList hr { margin: 20px 0; width: 100%; }
.journalList .journalFooter {
	background: #e9e8e6;
	border-top: 2px solid #000000;
	margin: 20px 0 0 0;
	padding: 5px;
	width: 400px;
}
.journalList .journalFooter a, .journalList .journalFooter .curPage { color: #d4196a/*d26aaf*/; }

.journalList.guest { margin: 0; }
.journalList.guest h1 { margin: 0 0 20px 0; }

.imageList div {
	width: 115px;
	float: left;
	display: inline;
	margin: 0 20px 10px 0;
}

/* Global 
------------------------------*/

.error { color: #d4196a; }

.floatcols { float: left; }	
#Sidebar .column-wrapper ol { margin: 0; padding-right: 10px;  }
#Sidebar .column-wrapper-2 .floatcols { width: 160px; }

.profileImageWrapper {
	background: #ffffff;
	border: 1px solid #d2d2d2; 
	clear: right;
	margin: 10px 0 15px 30px !important;
	padding: 15px;
}
.profileImageWrapper img { margin: 0 !important; }

/* Manage */

#editorFor-9 { position: relative; }

#hintSave {
	left: -120px;
	position: absolute;
	text-align: right;
	width: 100px;
}
#hintSave p { margin: 3	px 0 10px 0; }

#hintUpload { width: 290px; }
#hintUpload td { padding: 0 10px 0 0; vertical-align: middle; } 


/* Forms
------------------------------*/

.formEmailinput, .formTextinput, .formTextarea {
        border: 1px solid #a1a1a1;
        font-family: Verdana, sans-serif;
        font-size: 100%;
        padding: 1px;
        width: 350px;
}

.formSubmit {
        border: 0;
        color: #ffffff !important;
        padding: 1px;
        cursor: pointer;
	background: #d4196a/*d36eb1*/;
}

select { font-size: 100%; }

form table td {
        padding: 3px 0px 0px 7px;
}

li { clear: right; }
li img { margin-bottom: 6px; }

/* Image-gallery
-------------------------------*/

div#images-wrapper { 
  padding-top: 5px; 
  height: 480px;
}

div.thumb {
    width: 66px;
    height: 66px;
    border: 1px solid #d4d4c9;
    background-color: #fff;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

div.no-margin { margin-right: 0; }

a.group { 
  margin: 3px;
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
}