/*
	Description: amund.se
	URI: 
	Version: 1.0
	Author: Niklas Hultgren
	Author URI: http://www.litchi.se

    1. Global
    2. Framework
    3. Menu
    4. Startpage
    5. Template page | Image left, content right
    6. Footer
    7. Image headings
    8. Misc
	9. Form

*/

/* 1. Global
======================================== */
html,
body { margin:0; padding:0; }
body{ background:#000 url(images/body_bg.jpg) no-repeat 50% 0;}

/* 2. Framework
*******************************************/
#Wrapper  { width:896px; margin:0 auto; }
#InnerArea { width:100%; margin:60px 0 0 0 }
#LogoArea{ font-size:1px; padding:0 0 30px 0; }
#Container { width:100%; }
#Inner { background-color:#660000; color:#fff; }


/* 3. Menu
*******************************************/
#MenuArea { background-color:#fafaf0;}
#MenuArea ul.menu { list-style:none; margin:0; padding:0 0 0 3px; }
#MenuArea ul.menu li {
    float:left;
    width:auto;
    padding:7px 23px 7px 23px;
    text-align:center;
    border-right:1px solid #5e5e5a;
    font-weight:bold;
    color:#666;
}
#MenuArea ul.menu li.last { border:0; }
#MenuArea ul.menu li.selected
{
    color:#660000;
}

/* 4. Startpage
*******************************************/
#StartPage { width:100%; }
#StartPage .left-area { float:left; width:584px; font-size:1px; }
#StartPage .right-area{
    float:left;
    width:312px;
    min-height: 510px; height: auto !important; height:510px;
}

#StartPage .right-area .content { margin:10px;}
.intro { position:relative; left:0px; top:20px; }



/* 5. Template page | Image left, content right
*******************************************/
#TemplateWrapper { width:100%; }
#TemplateWrapper .left-area { 
float:left; 
width:433px;  
min-height: 510px; height: auto !important; height:510px;}
#TemplateWrapper .right-area{
    float:left;
    width:430px;
    min-height: 510px; height: auto !important; height:510px;
}

#TemplateWrapper .right-area .content { margin:31px;  }



/* 6. Footer
*******************************************/
#FooterArea { background-color:#fafaf0; height:18px; }


/* 7. Image headings
*******************************************/
img.h1 { padding:0 0 0px 0; }

/* 8. Misc
======================================== */
.loader {
	background:transparent url(images/loader.gif) no-repeat 0 55%;
	padding-left:19px;
	padding-top:1px;
}
/*
.success {
	background:transparent url(images/tick.png) no-repeat 0 55%;
	padding-left:19px;
}
*/
.fail {
	background:transparent url(images/cross.png) no-repeat 0 55%;
	padding-left:19px;
}
.clear { clear:both; }
.non-visual { position:absolute; left: -9999px; }
#flash-content{ font-size:1px;} /* fix for padding-bottom */


/* 9. Form
*******************************************/
#guestbook-listing
{
	
	height: 168px;
	width: 100%;
	overflow: auto;
	border: 1px solid #fff;
	padding: 8px;


	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
ul.guestbook
{
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
}

ul.guestbook li
{
	margin:0 0 6px 0;
	padding:0;
}

ul.guestbook li p
{
	margin:0;
	padding:0;
}

ul.guestbook li p.name
{
	font-weight:bold;
}

ul.guestbook li p.date
{
	font-size:10px;
}

.content form
{
	margin:10px 0 10px 0;
}

.content form label,
.content form input
{
	display:block;
}


.content form input
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:6px;
	outline: none;
}

.content form input[type="text"]
{
	width:300px;
	margin:0 0 4px 0;
}

.content form textarea
{
	width:300px;
	height:60px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:6px;
	outline: none;
	resize: none;
	margin:0 0 4px 0;
}

span.success
{
	background:transparent url(images/tick.png) no-repeat 0 55%;
	padding-left:19px;
}