/* $Id: worrell.css,v 1.13 2006/04/27 22:33:53 marc Exp $ */

/*  */

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

body {
  padding:	0px;
  margin:	0px;

  font-family:	Arial, Helvetica, sans-serif;
  font-size:	14px;
}

form {
	margin: 0;
	padding: 0;
}

.spacer {
	clear:	both;
}

.spacer10 {
	clear:		both;
	position:	relative;
	height:		10px;
}


.padding {
	padding: 	10px;
}

h1 {
	font-family:	Arial, Helvetica, sans-serif;
	font-weight:	bold;
	width:			100%;
}


h1 a {
	text-decoration: none;
	color:			inherit;
}

h1 a:hover {
	background-color:	#ff6633;
	color:				white;
}

h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	width:				100%;
	background-color:	#ff9933;
	color:				white;
	padding: 			0px;
	font-size: 			1.6em;
}

.comment_header {
	padding:			0;
	width:				100%;
	color:				#0066cc;
	font-size: 			1.5em;
	background-color: 	white;
	font-weight:		bold;
}

.comment_form .comment_header {
	display: 			none;
}

.comment_form, .comment_authenticate {
	padding-top:		0.8em;
	border-top:			1px solid #ff6633;
}


.intro {
	font-weight:	bold;
	font-family:	Arial, Helvetica, sans-serif;
}

span.hint {
	font-weight:	normal;
	color:			#cccccc;
	font-style:		italic;
}

p, li, td {
	line-height:	1.2em;
}

li {
	margin-bottom:	10px;
}

pre {
	overflow: 		auto;
	font-size:		0.9em;
	padding:		10px;
	background-color:	#eed;
	border:			1px solid #ccc;
	border-left:		4px solid #ccc;
}

a {
	color:			#f63;
	text-decoration:	none;
}

a:hover {
	color:			#fc3;
	text-decoration:	underline;
}

a:visited {
	color:			#f93;
}

a:active {
	color:			#fc3;
	text-decoration:	underline;
}

/* MAIN CONTENT */

#content {
  margin: 			0px 300px 0px 50px;
  padding: 			10px 0px 0px 0px;
  background-color: #ffffff;    
}


/* LEFT COLUMN */

#left {
	position: 	absolute;
	left: 		0px;
	width: 		50px;
	color: 		#564b47;
	margin: 	0px; 
	padding:	0px;
}


/* RIGHT COLUMN */
#right {
	position: 	absolute;
	right: 		10px;        
	width: 		240px;
	color: 		#ff6633;
	margin: 	0px; 
	padding: 	50px 0 0 0;
}

/* Make the text over the image opaque */
#content h1,
.opaque {
	background-color:	#fff;
	filter: 		alpha(opacity=60);
	-moz-opacity: 		0.6;
	opacity: 		0.6;
}

#content h1 {
	margin: 	0px 0px 0px 0px;
	color:		#f63;
}

.image h1, .image-short h1 {
	position: 	absolute;
	z-index: 	20;
}

.image h1 {
	top:		-1.25em;  /* -60px */
}

.image-short h1 {
	top:		0em;
}

.image, .image-short {
	position: 	relative;
	width: 		100%;
	top: 		0px;
	z-index: 	10;
	margin-top: 	4.3em;	/* 70px */
}

.image img, .image-short img {
	width: 100%;
}


#content h1 {
	font-size:	3em;
}


.list-item h4 {
	padding:	4px;
	margin-top:	0px;
	background:	#ccc;
	color:		black;
	font-size:	0.75em;
	font-weight:	100;
	font-family:	Arial, Helvetica, sans-serif;
}

.list-item h4 span {
	margin:		0px;
	padding:	0px;
	float:		right;
}

#content li, #content ul {
	margin-left:	0px;
	padding-left:	0px;
}

/* LAYOVER IMAGES IN THE CONTEXT COLUMN */

#right h1 {
	font-size:	1.5em;
}

.list-item h1 {
	margin: 	0px 0px 0px 0px;
}

.list-item .image {
	margin-top:	2.9em;
}

.list-item .image-short {
	margin-top:	1.1em;
}

.list-item .image img,
.list-item .image-short img {
	height: 100px;
}

#content h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			48px;
	font-weight:		bold;

	width:				100%;
}

/* the menu line */
#main-header {
/*
	background-color:	#ff9933;
*/

	margin:			0;
	padding:		0;
	height:			160px;
/*
	border-top:		4px solid #ffcc33;
	border-bottom:		4px solid #ff6633;
*/
}

#main-menu {
	position:			relative;
	background-color:	#3986d5;
	color:				#FFFFFF;
	font-size: 			100%;

	padding-top:		5px;
	padding-bottom:		5px;
	margin-bottom:		5px;
	margin-top:			5px;
	height:				20px;
}

#main-menu ul {
	margin: 	0;
	padding: 	0;
	display:	inline;
}

#main-menu li {
	list-style: 	none;
	margin: 		0;
	padding: 		0;
	display: 		block;
	float:			left;
	margin-left:	10px;
}

#main-menu a {
	display:			block;
	width:				150px;
	height:				140px;

	font-family: 		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	text-transform:		uppercase;
	color:				#FFFFFF;
	text-decoration:	none;

	padding-left:		4px;
	padding-top:		4px;
	margin-top:			-10px;
}

#main-menu a:hover {
	height:				160px;
}

#menu-search {
	position:			absolute;
	right:				10px;
	top:				-10px;
	width:				150px;
	height:				140px;
	padding-left:		4px;
	padding-top:		4px;
}

#menu-search input {
	border:			1px solid #FF6633;
	height:			1.3em;
	width:			142px;
	margin-top:		10px;
	padding-left:	2px;
	font-size:		12px;
}


#menu-home a {
	background-color:  #ff9933;
}

#menu-photos a {
	background-color:  #ff6633;
}

#menu-guestbook a {
	background-color:  #0066cc;
}

#menu-colofon a {
	background-color:  #ffcc33;
}

#menu-search {
	background-color:  #ff66cc;
}


/* highlighting the menu items */
body.page-home #menu-home a,
body.page-gallery #menu-photos a,
body.page-guestbook #menu-guestbook a,
body.page-aboutus #menu-colofon a,
body.page-search #menu-search {
/*	background-color:#FF6633; */
	height:	160px;
}

/* ACTION BOX */

.action_box {
        width: 210px;
        position:absolute;
        z-index:1010;
        display: none;
        background: #ccc;
        padding: 7px;
}

#action-exif {
	width:	500px;
	margin: 10px;
	border: 1px solid #FF6633;
}

#action-exif h2 {
	margin-top: 0px;
}

#action-exif th,
#action-exif td {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:	0.8em;
	text-align: 	left;
}

#action-background {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:1000;
        display:none;
        background:#fff;
}


/* ATTACHMENT PAGE */

.image-info {
	float:		right;
	padding:	4px;
	background:	#ccc;

	font-size:	0.80em;
	font-family:	Arial, Helvetica, sans-serif;
	color:		black;
}


.cc {
	font-size:	1em;
	color:		#3F4A3E;
}

/* SEARCH RESULT PAGE */

body.page-search #content > h1 {
	margin-top:	10px;
	font-size:	2em;
}

body.page-search #content {
  margin-right: 50px;
}

body.page-search #right {
 width: 0px;
}

#content .list-item p {
	display: none;
}

#content .list-item {
	float:	left;
	width:	200px;
	overflow: hidden;
	padding: 10px;
}

#content .list-item h1 {
	font-size:	1em;
}

#content .list-item .image,
#content .list-item .image-short,
#content .list-item img,
#content .list-item h1 {
	margin-top:	0em;
}

#content .list-item h1 {
	top:		0px;
}


/* DOCUMENTS ON PAGES */
.docs {
}

.doc {
	float:		left;
	text-align:	center;
	padding:	10px;
	border:		2px solid #ccc;
	margin-bottom:	10px;
	margin-right:	10px;
}

.doc:hover {
	border:		2px solid #346;
}

.doc a:hover {
	color:		#346;
	text-decoration:none;
}


/* FORUM SEPCIFIC DEFS */

.comment .odd 
{
	text-align: left;
}

.comment .prs {
	float: left;
	width: 100px;
	margin-top:  1.2em;
	overflow: hidden;
}

.comment .cnt {
	float: left;
}

.mar a span, .mar a img {
	display: block;
}

.comment .nfo {
	color:		#cccccc;
	font-size:	0.8em;
}

.preview .comment .mar {
	display: none;
}

.preview {
	display: block;
}

.preview .ftr {
	clear: both;
}


/* Gallery page */

.page-gallery-set #content {
	margin-right: 50px;
}

.page-gallery-set .set-desc {
	width: 202px;
	margin-right: 4px;
	float: left;
}

.set-desc p {
	padding-right: 4px;
}

.page-gallery-set .thumbs,
.page-home #content .set-item h4 {
	float: left;
}

.page-gallery-set .hierarchy {
	width: 140px;
	float: left;
}

.page-gallery-set .set-item,
.page-home #content .set-item {
	float: left;
	border: 1px solid #ccc;
	padding: 0px !important;
	margin-right: 4px;
	margin-top: 4px;
}

.page-gallery-set .set-item h4,
.page-home #content .set-item h4 {
	margin: 0px;
}

.set-desc h3 {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}


/* Home page */

.page-home #right {
	width: 0px;
}

.page-home #content {
	margin-right: 20px;
}

.page-home .set-item h4 {
	display: none;
}

.page-home .hh {
	height: 200px;
}

.page-home .hh h3 {
	margin-left: 10px;
	color: white;
}

/*  */