/* BASICS */

/* Colors
Light:
#f6dcc0
Default:
#b5965f
Dark:
#3e2213

Head size: 
95px

*/


div.test {
	color : white;
}

html {
	overflow : scroll;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin : 0px;
	background : #b5965f; 
	color : black;
}

input {
	padding : 0px;
	margin : 0px;
	font-size : 12;
}

td.right {
	width : 50%;
	text-align : right;
}

td.left {
	text-align : left;
}

td.top {
	vertical-align : top;
}

a {
	color : #3e2213;
	text-decoration : none;
}

a:hover {
	text-shadow : #977649 1px 1px;
	text-decoration : none;
}

form {
	background-color : white;
	border : solid 1px #765478;
	text-align : center;
	width : auto;
}

h1 {
	color : #3e2213;
	text-shadow : #745338 1px 1px;
	font-size : 22;
}
h2 {
	color : #3e2213;
	text-shadow : #745338 1px 1px;
	font-size : 16;
}

img {
	border : 0px;
}

div {
	margin : 0px;
	padding : 0px;
}

/* HEAD */

div.head {
	position : fixed;
	top : 0%;
	width : 100%;
	height : 102px;
	background : url('img/page/head_bg.png');
	background-repeat : repeat-x;
	background-attachment : fixed;
	text-align : center;
}

img.head {
	padding : 1px 0px 0px 0px;
}

/* FOOT */

div.page {
	margin : 95px 0 1% 0;
	padding : 10px 0 0 0;
	text-align : center;
	position : static;
	width : 100%;
}

div.hl {
	background-image : url('img/page/head_left.png');
	background-repeat : no-repeat;
	background-position : left 95px;
	background-attachment : fixed;
}

div.hr {
	background-image : url('img/page/head_right.png');
	background-repeat : no-repeat;
	background-position : right 95px;
	background-attachment : fixed;
	background-attachment : fixed;
}

div.fl {
	background : url('img/page/foot_left.png');
	background-repeat : no-repeat;
	background-position : left bottom; 
	background-attachment : fixed;
	bottom : 0;
	left : 0;
	width : 140;
	height : 90;
	position : fixed;
}

div.fr {
	background : url('img/page/foot_right.png');
	background-repeat : no-repeat;
	background-position :right bottom;
	background-attachment : fixed;
	bottom : 0;
	right : 0;
	width : 173;
	height : 185;
	position : fixed;
	
}

/* MENU */
div.bg {
	position : fixed;
}

div.taglist {
	text-align : left;
	width : 7%;
	padding : 0 0 0 1%;
	position : fixed;
	height : 100%;
	float :left;
}

h2.taglist {
	padding : 0;
	margin : 9% 0 3% 0;
}

ul {
	padding : 0 25;
	margin : 0;
}
li.sel {
	list-style-type : disc;
	font-weight : bolder;
}
li.unsel {
	list-style-type : circle;
	font-weight : normal;
}

/* Image list */
div.imagelist
{
	margin : 0 0 0 10%;
	text-align : left;
}

div.thumb_empty
{
	display : inline-block;
	background : url('img/list/border_dim.png');
	background-repeat : no-repeat;
	text-align : left;
	vertical-align : top;
	min-width : 121px;
	min-height : 153px;
	padding : 9px 0px 0px 9px;
	margin : 1%;
}


div.thumb
{
	display : inline-block;
	margin : 0% 0% 2% 0%;
	text-align : center;
	vertical-align : top;
	font-weight : bolder;
}

div.thumb:hover {
	text-shadow : #977649 1px 1px;
}

img.thumb {
	background : url('img/list/border.png');
	background-position : center top;
	background-repeat : no-repeat;
	margin : 0 40px;
	padding : 9px 14px 10px 6px;
}

img.thumb:hover {
	background : url('img/list/border_select.png');
	background-position : center top;
	background-repeat : no-repeat;
}

/* Image */

small {
	font-size : 8;
}

table.view {
	text-align : center;
	display : inline-block;
	border : solid 2px #3e2213;
	background :  #f6dcc0;
}

div.view {
	text-align : center;
	display : inline-block;
	border : solid 2px #3e2213;
	border-width : 2px 3px 3px 2px;
	background :  #f6dcc0;
	padding : 3px;
	margin : 10;
}

img.view {
	border : solid 2px #3e2213;
	border-width : 2px 1px 1px 2px;
}