/*
 * Stylesheet for Retrominded website
 * Author: Mike Vervuren 2007
 *
 */

/* show scrollbar in all browsers */
html {
	height: 100%;
    margin-bottom: 1px;
}

/* body settings */
body {
	font-family: Verdane,sans-serif;
	font-size: 12px;
	text-align:center;
	background-color:#676767;
	color:#000000;
	margin:20px 6px;
	padding-bottom:4px;
}

/* set colors and margins for some html elements */
h1 {
	padding:4px 1px 1px 1px;
	margin:0px 0px 10px 0px;
	text-align:left;
	font-size:1.8em;
}

h2 {
	padding:1px;
	font-size:1.5em;
	text-align:left;
}

h3 {
	padding:1px;
	font-size:1.3em;
}

h4 {
	padding:1px;
	font-size:1.2em;
}

p {
	padding:6px 2px;
	line-height:1.3em;
}

a:link    { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #FE6601; }
a:active  { text-decoration: underline; color: #FE6600; }
a:hover   { text-decoration: underline; color: #FE6600; }

table {
	margin-top:10px;
	background-color:#dde4cc;
	width:100%;
}

div {
	position:relative;
	top:0px;
	left:0px;
}

tr {
}

td {
	vertical-align:middle;
	padding:2px;
}
th {
	background: #dde4cc url(/images/fieldset.png) repeat-x 0px 0px;
	height:2em;
	line-height:2em;
	vertical-align:middle;
}

.button {
	background: transparent url(/images/fieldset.png) repeat-x 0px -15px;
	border-color: white silver silver white;
	margin:4px 24px;
	border-width:1px;
	border-style:solid;
}

.directory th {
	height:3em;
}
.dark {
	background: #dde4cc url(/images/fieldset.png) repeat-x 0px -0px;
}

.light {
	background: #dde4cc url(/images/fieldset.png) repeat-x 0px -0px;
}

/* overrides for items from the master template */

#headrow {
	background-color: #c3cf21;
	background: #c3cf21 url(/images/body_lefttop.png) left top no-repeat;
}
#headrow #menu ul li a {
	color:#FFF;
}
#headrow #menu ul li a.activeitem,
#headrow #menu ul li a:hover {
	color:#000;
}
#headrow .centercell span#thetime {
	color:#676767;
}
/* the middle row */
#bodyrow {
	background:#dde4cc url(/images/content_background.png) repeat;
}
#bodyrow .centercell {
	background: transparent url(/images/centerleft.png) 0px 0px repeat-y;
}
/* the bottom row */
#footrow {
	background-color: #c3cf21;
	color:#FFF;
}
#footrow p strong {
	color:#000;
}

/* some handy classes */
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}

div.boxbottomleft {
	background:transparent url(/images/imagebox_bottomleft.png) no-repeat top left;
}
div.boxbottomright {
	background:transparent url(/images/imagebox_bottomright.png) no-repeat top left;
}
div.boxtopleft {
	background:transparent url(/images/imagebox_topleft.png) no-repeat top left;
}
div.boxtopright {
	background:transparent url(/images/imagebox_topright.png) no-repeat top left;
}
div.boxbottomleft a{
	display:block;
}


#informbox {
	height:200px;
	padding:20px;
}

form {
	position:relative;
	top:0px;
	left:0px;
}
.userform {
	margin:4px;
	padding:4px;
	width:440px;
	float:left;
	clear:none;
	border-width:1px;
	border-style:solid;
	border-color:white silver silver white;
}
.groupform {
	margin:4px auto;
	padding:4px;
	width:99%;
	border-width:1px;
	border-style:solid;
	border-color:white silver silver white;
}
.groupform h2 {
text-align:center;
}
.groupform ul {
	float:left;
	width:48%;
	margin:8px 2px;
}

#contactinfo {
	text-align:center;
}

#contactinfo p {
}


/* forms are displayed in fieldsets */
fieldset {
	z-index:1;
	position:relative;
	top:0px;
	left:0px;
	border-width:1px;
	border-style:solid;
	border-color:white silver silver white;
	padding:12px;
	margin:1.3em 0px 0px 0px;
	background: transparent url(/images/fieldset.png) repeat-x top left;
	clear:both;
	display:block;
}

fieldset legend {
	margin:2px 4px;
	padding:3px 6px;
	background: #dde4cc url(/images/fieldset.png) repeat-x 0px -10px;
	font-weight:bold;
	position:absolute;
	font-size:larger;
	top: -1.0em;
	left:0px;
	color:#b7b727;
	border-width:1px;
	border-style:solid;
	border-color:white silver silver white;
}
/* items in the forms are displayed in lists */
fieldset ul {
	margin:10px 0px;
}
/* most list items have a label */
fieldset li label {
	font-weight:bold;
	font-size:100%;
	position:relative;
	padding:2px;
	width:25%;
	display:inline;
	float:left;
	clear:none;
	border-width:1px;
	border-style:solid;
	background: transparent url(/images/fieldset.png) repeat-x 0px -15px;
	border-color:white silver silver white;
}
/* some labels have notices */
fieldset label em {
	color:red;
	vertical-align: middle;
}
/* captcha image */
fieldset li img.captcha {
	float:left;
	margin:2px 86px 2px 0px;
	padding:2px 0px;
	clear:none;
}
/* input fields */
fieldset li span.input ,
fieldset li input,
fieldset li select {
	width: 70%;
	margin: 0px 2px;
	padding: 2px;
	float: left;
	clear: none;
	z-index: 1;
	background-color:transparent;
	border-width: 1px;
	border-style: solid;
	border-color: silver white white silver;
}
fieldset li select option {
	background-color:white;
}
fieldset li input[type=submit] {
	background: transparent url(/images/fieldset.png) repeat-x 0px -15px;
	border-color: white silver silver white;
	width: 100%;
	margin: 4px auto;
	font-weight: bold;
}

fieldset li input[type=submit]:active,
fieldset li input[type=submit]:hover {
	border-color: silver #eee #eee silver;
	font-weight: normal;
}

fieldset li.submit {
	padding:4px 0px;
}

fieldset li input[type~=file],
#file {
	position:absolute;
	right:0px;
	top:0px;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:smaller;
}

fieldset li textarea {
	width:100%;
	margin:4px 0px;
	padding:2px;
	z-index:1;
	border-width:1px;
	border-style:solid;
	border-color:silver white white silver;
	background-color:transparent;
}

/* hidden input fields - they keep messing up the layout in IE6 */
fieldset input[type=hidden] {
	display:none;
	margin:0px;
	padding:0px;
	border:0px;
}

/* make sure all floats are show right */
fieldset li:after { content: ""; display: block; height: 0; clear: both; }
fieldset li { height: 100%; }
fieldset:after { content: ""; display: block; height: 0; clear: both; }
fieldset { height: 100%; }
/* end of form styling */

fieldset span.warningbox{
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	padding:2px;
	margin:2px;
	display:block;
	font-weight:bold;
	color:red;
}

form#login {
	width:400px;
	margin:0px auto;
}

#content {
	padding:6px 0px;
}
#content:after { content: ""; display: block; height: 0; clear: both; }
#content { height: 100%; }


/* paging */
div.paging {
	text-align:center;
	margin:0px auto;
	margin:0px;
	border-width:1px;
	border-style:solid;
	border-color: white silver silver white ;
	margin-top:2px;
}

div.paging a.active {
	font-weight:bold;
	border-color: silver white white silver;

}
.paging div {
	display:inline;
	color:#267746;
}
.paging div a{
	color:#267746;
	display:inline-block;
	padding:4px;
	text-decoration:none;
	border-width:1px;
	border-style:solid;
	border-color: white silver silver white ;
}
.paging div.navleft {}
.paging div.navcenter{}
.paging div.navright{}
.paging div.navnext{}
.paging div.navtotal{
	clear:both;
	float:none;
	display:block;
	padding:2px 0px;

}
/* end of paging */

/* Gallery stuff */
/* from the index.tpl */
/* the gallery menu */
#gallerymenu li {
	width:220px;
	margin:0px 20px 10px 0px;
}

#gallerymenu li.last {
	margin-right:0px;
}

#gallerymenu li a,
#gallerymenu li div.noimage {
	display:block;
	height:132px;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	text-decoration:none;
	color:#444;
	border-width:1px;
	border-style:solid;
	border-color: white silver #dde4cc white;
	background-color:#dde4cc;
}
/* the span in the link */
#gallerymenu li span {
	display:block;
	height:28px;
	line-height:14px;
	padding:4px;

}
#gallerymenu li span.gallerythumb {
	height:80px;
	line-height:80px;
	padding:8px;
}
/* the image in the link */
#gallerymenu li span.gallerythumb img {
	margin:0px auto;
	padding:0px;
	border-width:1px;
	border-style:solid;
	border-color: silver white white silver  ;
}

/* the number of items in the gallery */
#gallerymenu li span.nritems {
	display:block;
	color:#888;
	background-color:#dde4cc;
	font-size:.8em;
	height:1em;
	line-height:1em;
	padding:0px 8px 4px 2px;
	text-align:right;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color: #dde4cc silver silver white;
}

#gallerymenu li a:hover{
	color:#FE6600;
	border-color: silver white white silver  ;
}


#object {
	width:940px;
}
#object:after { content: ""; display: block; height: 0; clear: both; }
#object { height: 100%; }


#objectpaging h1 {
	border-width:0px;
	border-style:solid;
	border-color: silver silver silver white ;
	text-align:center;
}

#objectdescription {
	border-width:0px;
	border-style:solid;
	border-color: white silver silver white ;
	text-align:center;

}
#object div#MainImage {
	text-align:center;
	width: 456px;
	border:1px solid silver;
	background-color:#dde4cc;
	padding:20px 0px;
}

#object div#MainImage img {
	border-width:1px;
	border-style:solid;
	border-color: white silver silver white ;
}

#object #MainImage #ObjectInfo td,
#object #MainImage #ObjectInfo th {
	padding:0px 5px;
}

#object .zoom {
	position:absolute;
	top:10px;
	right:10px;
}

#objectpaging a {
	background-color:transparent;
	color:#999999;
	display:block;
	text-align:center;
	padding:5px;
	text-decoration:none;
	font-size:1.3em;
	line-height:1.1em;
	font-weight:bold;
	border-width:1px;
	border-style:solid;
	border-color: white silver silver white ;
}

#objectpaging a:hover {
	border-color: silver white white silver ;
	color:#777;
}

.gallerydescription {
	border-width:1px;
	border-style:solid;
	border-color: white silver silver white ;
	text-align:center;
	font-size:1.1em;
}

#objectoverview {}
#objectoverview table{
	border:1px solid silver;
}
#objectoverview td {
	text-align:center;
}
#objectoverview td.preview {
	height:200px;
}


/* extra images with an object */
div#imageoverview {
	width:460px;

}

#imageoverview table.thumb {
	position:relative;
	top:0px;
	left:0px;
	float:left;
	padding:10px 0px 10px 10px;
	margin:0px 10px 20px 0px;
	width:218px;
	border:1px solid silver;
}

#imageoverview .thumb .zoom2 {
	float:right;
	clear:none;
}
div.imagebox {
	height:170px;
	width:150px;
	text-align:center;
	float:left;
	clear:none;
}
.imagebox a {
	display:block;
	text-decoration:none;
}
.imagebox a img {
	display:block;
	margin:0px auto;
	height:110px;
	padding:20px;
}
.imagebox a span {
	display:block;
	height:20px;
	color:#267746;
	font-weight:bold;
}
.sold {
	font-weight:bold;
	color:red;
}

#gallerymenu1 li {
	width:220px;
	margin:1px;

}
#gallerymenu1 li a {
	border-width:1px;
	border-style: solid;
	border-color: white silver #dde4cc white;
	display:block;
	padding:1px;
}
#gallerymenu1 li a:hover,
#gallerymenu1 li a.active {
	border-width:1px;
	border-style: solid;
	border-color: #dde4cc white white silver;
	display:block;
}