/*
Black:       #000;
White:       #fff;
Dark Gray:   #333;
Green:       #639a41; Pantone 362.
Yellow:      #f4e39b; Pantone 1205.
Light Blue:  #b2dde9; Pantone 304.
Dark Blue:   #0072ae; Pantone 307.
Bordeaux:    #af1432; Pantone 186.
Light Pink:  #ebbbc8; Pantone 182.
Light Brown: #e1ad40; Pantone 143. -> f0d6a0 (50%)
Blue:        #0064be; Pantone 300 (links, searchresults)

comments-preview background: C9E2E9 (pantone 304)
comments-preview-color: 0072a7 pantone 307

*/

body {
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	background-color: #af1432;
}

h1 {
	margin-bottom: 1.5em;
}

p {
	margin-bottom: 1.5em;
}

strong {
	color: #000;
	font-weight: bold;
}

img {
}

a {
	color: #0064be;
	text-decoration: none;
}

a:link, a:visited {
	color: #0064be;
}

a:hover {
	color: #e1ad40;
}

h1, h2, h2 a, h3 {
	color: #639a41;
}

#container {
	margin: 0 auto;
	width: 954px; /*79.5em;*/
	text-align: left;
	background-color: #fff;
/*	overflow: auto; */
}

#header {
	float: left;
	width: 100%;
}

	#topwrapper {
		height: 2.25em;
		background-color: #000;
		float: left;
		width: 100%;
	}

		#contentlink {
			float: left;
			width: 25em;
			height: 2em;
			background-color: #000;
			padding-top: 0.25em;
			padding-left: 2em;
		}
		
		#contentlink a,
		#contentlink a:link,
		#contentlink a:visited {
			float: left; /* IE */
			height: 1.5em;
			display: block;
			float: left;
			padding-left: 10px;
			padding-right: 10px;
			color: #fff;
			background-image: url("../images/interface/contentlink-down.gif");
			background-repeat: no-repeat;
		}

		#contentlink a:hover {
			color: #e1ad40;
			background-image: url("../images/interface/contentlink-down-hover.gif");
			background-repeat: no-repeat;
		}
	
		#languages {
			width: 25.5em;
			background-color: #000;
			float: left;
		}
	
		#languages ul li {
			display: inline;
		}

		#languages ul li.l10n_current {
			display: block;
			float: left;
			width: 10em;
			height: 2em;
			padding-top: 0.25em;
			padding-left: 2em;
			color: #e1ad40;
			background-image: url("../images/interface/currentlang.gif");
			background-repeat: no-repeat;
		}
	
		#languages a {
			display: block;
			float: left;
			width: 10em;
			height: 2em;
			color: #fff;
			padding-top: 0.25em;
			padding-left: 2em;
		}

		#languages a:hover {
			color: #e1ad40;
			background-image: url("../images/interface/currentlang.gif");
			background-repeat: no-repeat;
		}
	
		#searchform {
			float: right;
			width: 20em;
			height: 2em;
			background-color: #000;
			text-align: right;
			padding-top: .25em;
		}
		
		#searchform fieldset legend {
			display: none;
		}

		#searchform label {
			display: none;
		}
		
		#searchform button {
			width: 20px;
			height: 20px;
			display: block;
			background: transparent url("../images/interface/search.gif") no-repeat;
			margin: 0;
			padding: 0;
			margin-left: 0.2em;
			text-align: center;
			cursor: pointer;
			border: 0;
			float: left;
		}
		
		#searchform button span {
			display: none;
		}
		
		#searchform input {
			height: 1.39em;
			width: 16.5em;
			padding-left: 0.5em;
			padding-top: 0.2em;
			border: 0.08em solid #0064be;
			float: left;
		}

	#navwrapper {
		clear: both;
		float: left;
		border-bottom: 1px solid #999;
		height: 20.17em;
		width: 100%;
	}

		#navwrapper #plotslogo {
			float: left;
			margin-right: 1.5em;
			text-align: right;
			width: 25.5em;
		}

		#navwrapper #plotslogo h1 a {
			background-image: url("../images/interface/plotslogo.gif");
			background-position: top;
			background-repeat: no-repeat;
			width: 25.5em;
			height: 15em;
			display: block;
		}

		#navwrapper #plotslogo h1 a span {
			display: none;
		}

		#navwrapper #navigation {
			float: left;
			text-align: left;
			width: 25.5em;
		}

		#navwrapper #navigation ul li {
			float: left;
		}
		
		#navwrapper #navigation ul li a {
			display: block;
			float: left;
			width: 23.5em;
			height: 1.92em;
			padding-top: 0.25em;
			padding-left: 2em;
		}

		#navwrapper #navigation ul li#active a#current {
			color: #fff;
			border-bottom: 1px solid #999;
			background-image: url("../images/interface/nav-active.gif");
			background-repeat: no-repeat;
		}


		#navwrapper #navigation ul li a:link,
		#navwrapper #navigation ul li a:visited {
			color: #666;
		}

		#navwrapper #navigation ul li a:hover {
			background-image: url("../images/interface/nav-hover.gif");
			background-repeat: no-repeat;
		}

		#navwrapper #plotscover {
			float: left; /* right */
			text-align: right;
			width: 25.5em;
		}

#content {
	clear: both;
	float: left;
	background-color: #fff;
	padding-bottom: 4.5em;
	width: 100%;
}

	#content-left {
		width: 25.5em;
		float: left;
		background-color: #fff;
	}

	#content-right {
		float: right;
		width: 52.5em;
	}

	#content-right #breadcrumb {
		height: 1.42em;
		border-bottom: 1px solid #999;
		margin-bottom: 3em;
	}
	
	#content-right #breadcrumb p {
		font-size: 0.8em;
	}

	#content-right .article {
		clear: both;
		float: left;
	}
	
	#content-right .article .article-image {
		float: left;
		width: 12em;
		margin-right: 1.5em;
	}

	#content-right .article .article-text {
		border-top: 0.08em solid #999;
		float: left;
		width: 39em;
	}

	#content-right .link-category {
		clear: both;
		float: left;
		border-top: 0.08em solid #999;
		width: 52.5em;	
	}

	#content-right .link-category .links-column {
		float: left;
		width: 25.5em;
	}

	#content-right h2 {
		font-size: 1.2em;
		line-height: 2.42em;
		margin-bottom: 1.25em;
	}
	
	#content-right h2 a {
		color: #639a41;
	}
	
	#content-right .article .article-text h3,
	#content-right ul {
		font-size: 1em;
		margin-bottom: 1.5em;
	}
	
	#content-right .article .article-text p {
		width: 35em;
		margin-bottom: 1.5em;
	}

	#content-right .article .article-text p.image {
		width: 39em;
		float: left;
		line-height: 0em;
	}

	#content-right dl dd {
		padding-left: 1.5em;
		margin-bottom: 1.5em;
	}
	
	#content-right ul li {
		list-style-type: disc;
		margin-left: 1.5em;
	}	

	#content-right #article-navigation {
		clear: both;
		border-top: 0.08em solid #999;
		padding-top: 1.5em;
		float: left; /**/
		width: 52.5em; /**/
	}

	#content-right #article-navigation-left {
		text-align: right;
		width: 12em;
		float: left;
		margin-right: 1.5em;
	}

	#content-right #article-navigation-left strong {
		font-weight: bold;
	}

	#content-right #article-navigation-right {
		width: 39em;
		float: left;
	}

	#content-right .searchresults {
		background-color: #ff0;
	}
	
	#content-right ol {
		margin-left: 2.5em;
	}
	
	#content-right ol li {
		border-top: 0.08em solid #999;
		list-style-type: decimal-leading-zero;
	}

	#content-right .link-category .more-links {
		padding-bottom: 1.5em;
		float: left; /**/
	}

	#content-right .link-category .more-links a {
		padding-left: 1.5em;
		background: url("../images/interface/more-links-normal.gif") no-repeat;
	}

	#content-right .link-category .more-links a:hover {
		padding-left: 1.5em;
		background: url("../images/interface/more-links-hover.gif") no-repeat;
	}

/* comments *****************************************************************/
	#comments {
		clear: both;
		border-top: 0.08em solid #999;
		padding-top: 1.5em;
	}
	
	#comments h3 {
		margin-bottom: 1.42em;
	}

	#comments .comment {
		clear: both;
		float: left;
		border-top: 0.08em solid #999;
		padding-top: 1.5em;	
	}

	.comment-header p {
		float: left;
		margin-bottom: 0;
	}
	
	#comments .comment-left {
		text-align: right;
		width: 12em;
		float: left;
		margin-right: 1.5em;
		font-weight: bold;
	}

	.comment-body {
		clear: both;
		float: left;
		min-height: 5.92em;
	}

	.comment-gravatar {
		margin-top: 1.42em;
		text-align: right;
		width: 12em;
		height: 5.92em;
		float: left;
		margin-right: 1.5em;
	}

	#comments .comment-right {
		width: 39em;
		float: left;
	}

	#comments .comment-message {
		margin-top: 1.42em;
		width: 39em;
		float: left;
		min-height: 5.92em;
	}

	#cpreview .comment {
		background-image: url("../images/interface/comments-preview.gif");
		background-repeat: no-repeat;
		background-color: #c9e2e9;
		color: #0072a7;
	}
	
	#commentform {
		clear: both;
		float: left;
		border-top: 0.08em solid #999;
		padding-top: 1.42em;
		width: 52.5em;
	}

	#orderform p label,
	#contactform p label,
	#commentform p label {
		width: 12em;
		text-align: right;
		font-weight: bold;
		float: left;
		margin-right: 1.5em;
	}

	#orderform input[type="text"],
	#contactform input[type="text"],
	#commentform input[type="text"] {
		background-color: #fff;
		width: 25.34em;
		height: 1.34em;
		border: 0.08em solid #999;
	}

	#orderform textarea,
	#contactform textarea,
	#commentform textarea {
		background-color: #fff;
		width: 25.34em;
		height: 7.34em;
		border: 0.08em solid #999;
	}

	p#txpCommentInputForm {
		clear: both;
		border-top: 0.08em solid #999;
		padding-top: 1.42em;
		color: #71a600;
		padding-bottom: 1.5em;
	}

/* contact */
#orderform,
#contactform {
	clear: both;
	float: left;
	border-top: 0.08em solid #999;
	width: 52.5em;
}

	#orderform h3 {
		clear: both;
	}

	#orderform p,
	#contactform p {
		clear both;
		float: left;
		width: 52.5em; /**/
	}

	#orderform div.submit,
	#commentform div.remember,
	#commentform div.help,
	#commentform div.submit,
	#contactform div.submit {
		clear: both;
		float: left;
		padding-left: 13.5em;
		margin-bottom: 1.5em;
	}

	#orderform input[type="submit"],
	#commentform input[type="submit"],
	#contactform input[type="submit"] {
		width: 120px;
		height: 36px;
		display: block;
		margin: 0;
		padding: 0;
		cursor: pointer;
		border: 0;
		float: left;
		background: transparent url("../images/interface/submit.gif") no-repeat;
		margin-bottom: 1.5em;
		margin-right: 1em;
	}

	#commentform input[type="submit"].disabled {
		background: transparent url("../images/interface/submit-disabled.gif") no-repeat;
		color: #999;
		cursor: default;
	}

	#orderform label.zemRequired:before,
	#contactform label.zemRequired:before {
		content: "* ";
		color: #666;
	}

	#orderform label.zemRequirederrorElement
	#contactform label.zemRequirederrorElement {
		color: #af1432;	
	}

	#orderform label.zemRequirederrorElement:before,
	#contactform label.zemRequirederrorElement:before {
		content: "* ";
		color: #af1432;	
	}

	#orderform textarea.zemRequirederrorElement,
	#contactform textarea.zemRequirederrorElement,
	#contactform input[type="text"].zemRequirederrorElement {
		border: 0.08em solid #af1432;
	}

	#orderform div.fullwidth {
		clear: both;
		float: left;
		width: 39em;
		padding-left: 13.5em;
		margin-bottom: 1.5em;
	}

	#orderform div.fullwidth input[type="checkbox"],
	#orderform div.fullwidth input[type="radio"] {
		clear: both;
		float: left;
		margin-right: 0.5em;
	}

	#orderform div.fullwidth p {
		clear: both;
		float: left;
		text-align: left;
		width: 39em;
		margin-bottom: 0;
	}

	#orderform div.fullwidth label {
		float: left;
		text-align: left;
	}
	
	ul.comments_error,
	ul.zemError {
		clear: both;
		float: left;
		border: 0.08em solid #af1432;
		background-color: #ebbbc8;
		padding: 1.42em;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}

	ul.comments_error li,
	ul.zemError li {
		list-style-type: disc;
		margin-left: 2.92em;
	}
	
#footer {
	clear: both;
	float: left;
	background-color: #af1432;
	color: #fff;
	height: 7.5em;
	width: 100%;
	padding-top: 1.5em;
	margin-top: 1.5em;
}

#footer a,
#footer a:visited,
#footer a:link {
	color: #f0d6a0;
}

#footer a:hover {
	color: #e1ad40;
}

#footer-col-1 {
	float: left;
	width: 25.5em;
	margin-right: 1.5em;
}

#footer-col-2 {
	float: left;
	width: 25.5em;
	margin-right: 1.5em;

}

#footer-col-3 {
	float: left;
	width: 24em;
}