/* BODY */

body{
	margin:0;
	background:#feb url('../img/back.jpg') no-repeat fixed top center; 	
	color:#000;
	font-family:"Trebuchet MS", "Tahoma", "Verdana", "Helvetica CE", Arial, Helvetica, sans-serif;
	font-size:14px;
}

/* PAGE */

div#page{
	margin:0 auto 0;
	width:768px;
}

/* CONTAINER */

div#container{
	margin-top:0;
	background-color:#ffc;
}

/* COMMON */

div#header, div#footer{
	background:#eb4 url('../img/header.jpg') no-repeat fixed top center; 		
}

div#header, div#footer, div#main{
	padding:8px;
}

/* HEADER */

div#header{
	margin-top:0;
	margin-bottom:0;
	height:106px;
}

div#header a{
	color:inherit;
	text-decoration:none;
}

div#header p{
	font-family:"DejaVu Serif", "Palatino Linotype", "Times New Roman";
	font-style:italic;	
	font-weight:normal;
	color:#ffc;
	position:relative;
}

div#header p.heading{
	left:105px;
	top:0;
	font-size:34px;
}

div#header p.subheading{
	left:155px;
	top:-35px;
	font-size:20px;
}

div#header p.option1{
	display:none;
}

div#header.nomenu{
	margin-top:0px;
}

/* OPTIONS */

div#options{
	width:768px;
	top:0;
	height:32px;
	position:fixed;

	background-color:#b73;

	overflow:hidden;
	
	text-align:center;

	color:#050;
}

div#options ul{
	padding:0;
	margin:0;
	overflow:hidden;
	width:70%;
	display:block;
	float:left;

	list-style-type:none;
	font-weight:bold;	
}

div#options ul li{
	float:left;
	width:20%;
	display:block;
}

div#options ul li a{
	background-color:#b73;
	color:#ffc;
	
	font-size:120%;

	text-decoration:none;
	text-align:center;

	line-height:32px;
	vertical-align:middle;

	display:block;
	padding:0 8px;
	height:32px;
}

div#options ul li a:hover, div#options ul li a.active{
	background-color:#fc5;
	color:#852;
}

div#options div.loginfo{
	height:32px;
	margin:1px;
	line-height:32px;

	float:right;
	display:inline;
	overflow:hidden;
	height:inherit;
}

div#options div.loginfo div{
	font-weight:bold;
}

div#options div.loginfo div.logname{
	color:#ffc;
	float:left;
	display:inline;
	margin:0;
	font-size:16px;
}

div#options div.loginfo div.logout{
	float:left;
	display:inline;
	margin:0 16px;
	font-size:14px;
}

div#options div.loginfo div.logout a{
	color:#fc5;
}

div#options div.loginfo div.logout a:hover{
	color:#fff;
}

/* MAIN */

div#main{
	padding-top:36px;
	padding-left:24px;
	padding-right:24px;

	font-family: "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	
	background-color:#fff;
	background:#fff url('../img/main.jpg') no-repeat fixed top center; 		
	color:#632;
}

div#main.nomenu{
}

div#main.public{
}

h1{
	display:none;
	margin:6px;
	text-align:center;
	font-weight:normal;
	font-size:21px;
}

h2{
	color:#fa0;
	margin-left:14px;
	font-weight:normal;
	font-size:18px;
}

h3{
	font-weight:bold;
	font-size:14px;
	margin-left:2em;
}

h4{
	font-weight:bold;
	font-size:100%;
	text-indent:2em;
	margin-top:2em;
}

p{
	text-align:justify;
	text-indent:2em;
}

p.center{
	text-align:center;
}

p.signature{
	text-align:right;
}

p.note{
	text-indent:0;
	margin-left:2em;
}

p.note span.notice{
	font-style:italic;
	color:#444;
}

p.note span.error{
	font-style:italic;
	color:#b44;
}

p.note span.em{
	font-weight:bold;	
}

a:link, a:visited{
	color:#b60;
}

a:hover{
	color:#630;
}

a:active{
	color:#fe0;
}

a img{
	border:none;
}

form{
	line-height:160%;
	margin:1.5em 0;
}

form label{
	width:7em;
	min-height:5px;
	padding-right:0.4em;
	text-align:right;
	float:left;
}

form div.formitem{
	overflow:hidden;
	margin:5px;
}

form input.typetext, form input.typepassword, input.typecheckbox, form textarea, form select{
	border: 3px double #ca8;
	font-size:80%;
	font-family:"Verdana","Helvetica CE",Arial,Helvetica,sans-serif;
}

form input.typesubmit{
	border: 3px double #ca8;
	font-size:80%;
	font-family:"Verdana","Helvetica CE",Arial,Helvetica,sans-serif;
	background-color:#c84;
	color:#ffc;
}

div.section{
	overflow:hidden;
	margin-bottom:1em;
}

div.subsection{
	overflow:hidden;
	margin:8px;
}

div.items{
	width:100%;
	overflow:hidden;
}

div.items ul{
	padding:0;
	margin:0;
	overflow:hidden;
	width:100%;
	display:inline;

	list-style-type:none;
	font-weight:normal;	
}

div.items ul li{
	float:left;
	width:23%;
	display:inline;
}

div.items ul li a{
	font-size:120%;

	text-decoration:none;
	text-align:center;

	line-height:32px;
	vertical-align:middle;

	display:block;
	height:32px;

	background-color:#fff;
	
	padding:0 8px;
	margin:3px;
}

div.sfriends ul li{
	float:left;
	width:48%;
	display:inline;
}

div.sfriends ul li a{
	font-size:100%;
}


div.items ul li a:hover, div.items ul li a:active{
	background-color:#fea;
	color:#852;
}

div.item{
	word-wrap:break-word; /* CSS3 */
	overflow:hidden;
	margin-bottom:1px;
}

div.item div.heading, div.item div.features{
	padding:4px;
	height:24px;
	overflow:hidden;
	width:352px;
}

div.item div.heading{
	font-variant:small-caps;
	font-size:130%;
	text-align:left;
	float:left;
}

div.item div.features{
	float:right;
}

div.item.color0 div.heading, div.item.color0 div.features{
	background:#b73;
	color:#ffc;
}

div.item.color1 div.heading, div.item.color1 div.features{
	background:#fc5;
	color:#642;
}

div.item.booked div.heading, div.item.booked div.features{
	background:#dc9;
	color:#876;
}

div.item.anti div.heading, div.item.anti div.features{
	background:#933;
	color:#fdd;
}

div.item div.content{
	padding:4px;
	clear:both;
}

.clearer{
	width:100%;
	clear:both;
}

div.item.color0 div.content{
	background:#c84;
	color:#ffc;
}
div.item.color1 div.content{
	background:#fd8;
	color:#642;
}

div.item.booked div.content{
	background:#eda;
	color:#876;
}

div.item.anti div.content{
	background:#b55;
	color:#fdd;
}

div.item.color0 div.content a{
	color:#ffb;
}

div.item.color0 div.content a:hover{
	color:#ffd;
}

div.item.color1 div.content a{
	color:#662;
}

div.item.color1 div.content a:hover{
	color:#220;
}

div.feature{
	text-align:center;
	float:left;
}

div.act{
	float:right;
}

.thumb {
  float: left;
  margin-right:4px;
  max-width: 240px;
  max-height: 120px;
  width: expression(this.width > 240 ? "240px" : true);
  height: expression(this.height > 120 ? "120px" : true);
}

div.item div.features div.act{
	margin-left:0.5em;
}

div.act a{
	white-space:nowrap;
	font-weight:bold;
	text-decoration:none;
}

div.color1 div.act a{
	color:#420;
}

div.color0 div.act a{
	color:#fff;
}

div.manage{
	overflow:hidden;
	line-height:3em;
	margin:0 auto 0;
	width:80%;
}

div.item div.features div.feature.act span,
div.manage div.feature.act span{
	display:none;
}

div.item div.features div.feature.act img,
div.manage div.feature.act img{
	display:inline;
	width:24px;
	height:24px;
	vertical-align:middle;
	margin-left:12px;
}

div.item div.features div.feature.act.debookgift img{
	background-image:url('../img/cancelgift_icon.png');
}

div.item div.features div.feature.act.loadgift img{
	background-image:url('../img/edit_icon.png');
}

div.item div.features div.feature.act.bookgift img{
	background-image:url('../img/gift_icon.png');
}

div.manage div.feature.act.askforkeeping img{
	background-image:url('../img/ask_icon.png');
}

div.manage div.feature.act.acceptrefuse.accept img{
	background-image:url('../img/ok_icon.png');
}

div.item div.features div.feature.act.delegift img,
div.manage div.feature.act.removefriend img,
div.manage div.feature.act.acceptrefuse.refuse img,
div.manage div.feature.act.cancelkeeping img,
div.manage div.feature.act.stopkeeping img{
	background-image:url('../img/cancel_icon.png');
}

div#main div.free{	
	margin-left:1em;
	float:none;
	display:inline;
}

div.friend{
	width: 100%;
	overflow:hidden;
}

form.inline{
	margin-left:2em;
}

div.section.login div.subsection{
	width:45%;
	float:left;
}

div.section.editstyle textarea{
	width:90%;
	height:20em;
	margin:0 auto 0;
}

/* FOOTER */

div#footer
{
	color:#ffc;
	font-weight:normal;
	font-size:12px;
	line-height:140%;
	overflow:hidden;
}

div#footer img.valid{
	border:none;
	width:88px;
	height:31px;
}

div#footleft
{
	float:left;
	text-align:left;
}

div#footcenter
{
	float:none;
	text-align:center;
}

div#footright
{
	float:right;
	text-align:right;
}