/*
Theme Name: SEASR
Theme URI: http://seasr.org/
Description: The SEASR WordPress theme designed by <a href="http://www.function49.com/">Function 49</a>.
Version: 1.0
Author: Function 49
Author URI: http://www.function49.com/
Tags: seasr, custom header, fixed width, two columns, widgets

	SEASR v1.0
	http://seasr.org/

	This theme was designed and built by Function 49,
	whose website you will find at http://www.function49.com/

*/

/******** reset styles *********/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0px;
	padding: 0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

fieldset,
img {
	border: 0px;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

abbr,
acronym {
	border: 0px;
}

a {
	text-decoration: none;
}




/******** various tags and classes *********/

acronym,
abbr,
span.caps {
	cursor: help;
}

acronym,
abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}




body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #444 url('images/background.jpg') repeat-x 0px 0px;
	font-size: 1em;
	color: #444;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

ol,
ul {
	margin-bottom: 8px;
}

ol {
	list-style: decimal;
}

ol li {
	margin-left: 24px;
}

ul {
	list-style: disc;
}

ul li {
	margin-left: 24px;
}

p {
	margin-bottom: 8px;
}

h1,
h2,
h3,
h4 {
	margin: 16px 0px;
}

h1 {
	font-size: 145%;
	font-weight: bold;
	color: #333;
}

h2 {
	color: #aa251a;
	font-size: 125%;
	line-height: 130%;
}

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

blockquote {
	background: #ffffb0;
	padding: 5px 18px 0px 15px;
	border-left: 4px solid #e3963b;
	margin: 0px;
	margin-bottom: 10px;

	width: 525px;
	color: #000;
	font-size: 90%;
}

code {
	background: #ddd;
	border-bottom: 1px solid #999;
	padding: 4px 8px;
	margin: 4px 0px 12px 0px;
}



/******** container *********/

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#inside {
	padding: 20px;
}


/******** header *********/

#header {
	height: 32px;
}

#logo {
	float: left;
	margin-left: 10px;
}

#tagline {
	float: right;
	color: #4c4c4c;
	font-size: 90%;
	margin-top: 16px;
	margin-right: 10px;
}


/******** nav *********/

#nav {
	margin-top: 9px;
	position: relative;
}

#nav ul {
	font-size: 80%;
	margin: 0px;
	padding: 6px 0px;
	background-color: #333;
	float: left;
	width: 920px;
}

#nav li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

#nav li a,
#nav li a:link,
#nav li a:visited {
	color: #fff;
	padding: 6px 18px;
}

#nav li a:link:hover,
#nav li a:visited:hover {
	color: #fff;
	background-color: #888;
}

#nav li.current_page_item a,
#nav li.current_page_item a:link,
#nav li.current_page_item a:visited {
	color: #333;
	background-color: #fff;
	color: #fff;
	background-color: #555;
}

#rss {
	position: absolute;
	z-index: 100;
	right: 10px;
	top: 6px;
}


/******** subnav *********/

#subnav {
	clear: both;
}

#subnav ul {
	width: 903px; /*920*/
	margin: 0px;
	padding: 6px 0px 6px 16px;

	font-size: 70%;
	background-color: #eee;
	float: left;
	border-left: 1px solid #ddd;
}

#subnav li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	text-transform: uppercase;
}

#subnav li a,
#subnav li a:link,
#subnav li a:visited {
	color: #555;
	padding: 6px 16px 6px 18px;
}

#subnav li a:link:hover,
#subnav li a:visited:hover {
	color: #aa251a;
}

#subnav li.selected a,
#subnav li.selected a:link,
#subnav li.selected a:visited {
	color: #000;
}


/******** subnavControls *********/

#subnavControls {
	clear: both;
	float: left;
	font-size: 50%;
/*	color: #000;*/
	background-color: #eee;
	padding: 4px 18px 1px 18px;
	text-transform: uppercase;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}


/******** breadcrumbNav *********/

#breadcrumbNav {
	color: #000;
	margin-bottom: 16px;
}


/******** sectionNav *********/

#sectionNav {
	float: right;
	margin: 24px 0px 16px 48px;
	font-size: 95%;
	border: 1px solid #aaa;
	background-color: #f9f9f9;

	padding: 12px 14px;
	width: 192px; /* equals 220px width */
}

#sectionNav .sectionTitle {
	text-align: left;
	font-size: 1.2em;
}

#sectionNav ul {
	margin: 0px;
	padding: 0px;
	margin-left: 4px;
}

#sectionNav ul ul {
	margin-bottom: 4px;
}

#sectionNav li {
	margin: 0px;
	padding: 0px;
	margin-left: 12px;
}

#sectionNav ul li.current_page_item,
#sectionNav ul li.current_page_item a,
#sectionNav ul li.current_page_item a:link,
#sectionNav ul li.current_page_item a:visited {
	color: #000;
	font-weight: bold;
}

#sectionNav ul li.current_page_item ul li {
	color: #555;
}

#sectionNav ul li.current_page_item ul li a,
#sectionNav ul li.current_page_item ul li a:link,
#sectionNav ul li.current_page_item ul li a:visited {
	color: #aa251a;
	font-weight: normal;
}


/******** banner *********/

#banner {
	clear: both;
	padding-top: 9px;
}


/******** content *********/

#content {
	clear: both;
	padding: 16px 8px;
	font-size: 75%;
	line-height: 150%;
}

.column3 {
	float: left;
	width: 260px;
	margin-left: 10px;
	margin-right: 16px;
}

.column3 p {
	text-align: justify;
}

div.column3+div.column3 {
	padding-left: 16px;
	border-left: 1px solid #aaa;
}

.column3 h2.widgettitle {
	color: #aa251a;
	font-size: 125%;
	line-height: 130%;
	margin: 16px 0px;
}

.column3 div.textwidget {
	margin-bottom: 8px;
}


/******** box *********/

#box {
	padding: 8px 20px;
	color: #000;
	font-size: 70%;
	background-color: #ddd;
}

#box a,
#box a:link,
#box a:visited {
	color: #ccc;
}

#box a:link:hover,
#box a:visited:hover {
	color: #fff;
}


/******** footer *********/

#footer {
	width: 960px;
	margin: 11px auto 24px auto;

	color: #888;
	font-size: 60%;
	background-color: #1a1a1a;
}

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

#footer a:link:hover,
#footer a:visited:hover {
	color: #fff;
}

#footerText {
	padding: 8px 20px;
}

#powered {
	padding: 8px 20px;
	float: right;
}

#logos {
	margin-top: 8px;
	opacity: .5;
	filter: alpha(opacity=50);
}


/******** sidebar *********/

#sidebar {
	clear: right;
	float: right;
	margin: 24px 0px 16px 16px;
}

.sidebarWidget {
	margin-bottom: 8px;

	border: 1px solid #aaa;
	background-color: #f9f9f9;

	padding: 12px 16px;
	width: 188px; /* equals 220px width */
}

.sidebarWidget ul {
	font-size: .8em;
}

.sidebarWidget li {
	padding: 0px;
	margin: 0px;
	margin-left: 16px;
}

.noBackground {
	background-color: transparent;
	border: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 90%;
}

h2.widgettitle {
	color: #555;
	margin: 0px 0px 4px 0px;
	font-size: 1em;
}


/******** post *********/

.postList {
	margin-top: 16px;
	margin-right: 270px;
}

.post {
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px dotted #aaa;
}

.post h3 {
	border-top: 1px solid #ccc;
	padding-top: 24px;
	margin-top: 24px;
}

div.viewing {
	padding: 0px 0px 8px 1px;
	font-weight: bold;
}

span.folder,
span.tag,
span.comment,
span.calendar,
span.rss,
span.author {
	padding: 0px 0px 3px 19px;
	line-height: 17px;
}

span.folder {
	background: url(images/folder.gif) no-repeat top left;
}

span.tag {
	background: url(images/tag.png) no-repeat top left;
}

span.comment {
	background: url(images/comment.png) no-repeat top left;
	line-height: 21px;
}

span.calendar {
	background: url(images/calendar.png) no-repeat top left;
	line-height: 23px;
}

span.author {
	background: url(images/author.png) no-repeat top left;
}

span.rss {
	background: url(images/rss.png) no-repeat top left;
	line-height: 21px;
}

.entry h1 {
/*	border-bottom: 1px solid #aaa;
	padding-bottom: 16px;*/
	margin-right: 250px;
}

.browse {
	margin-top: 24px;
}

/******** date *********/
.month {
	width: 40px;
	padding: 5px 3px 0px 3px;
	text-align: center;
	color: #fff;
	background: url(images/date.jpg) no-repeat top;
	font-size: 11px;
	float: left;
	margin-right: 10px;
	height: 40px;
}

.date {
	display: block;
	color: #fff;
	padding: 0px 1px 0px 1px;
	margin-top: -2px;
	font-size: 15px;
	font-weight: bold;
}

.title {
	padding-bottom: 10px;
}

.title h2 {
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 17px;
	font-weight: normal;
	padding-left: 50px;
	margin: 0px;
}

.title h2 a {
	text-align:left;
}


/******** misc *********/

.clearAll {
	clear: both;
	line-height: 0px;
	font-size: 1px;
}

.spacer {
	margin-bottom: 24px;
}

.hideDiv {
	display: none;
}


/******** MeandreTagCloud *********/

#MeandreTagCloud {
	font-size: .8em;
}

#MeandreTagCloud ul {
	list-style-type: none;
	text-indent: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;

	border-bottom: 5px solid #cecece;
	padding-bottom: 16px;
	margin-top: 8px;
}

#MeandreTagCloud li {
	margin: 0px;
	padding: 0px;
	background-image: none;
	display: inline;
	line-height: 150%;
}

#MeandreTagCloud li:before {
	content: "";
}

#MeandreTagCloud li a,
#MeandreTagCloud li a:link,
#MeandreTagCloud li a:visited {
	padding: 4px 8px 4px 0px;
}

#MeandreTagCloud li a:hover {
	text-decoration: underline;
}

#MeandreTagCloud a.AltTag {
	color: #282828;
}

/******** MeandreListSelectedTags *********/

#MeandreListSelectedTags {
	font-size: .8em;
}

#MeandreListSelectedTags ul {
	list-style-type: none;
	text-indent: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;

	margin-left: 8px;
	margin-top: 4px;
}

#MeandreListSelectedTags li {
	margin: 0px;
	padding: 0px;
	margin-right: 4px;

	display: inline;
	line-height: 150%;
}

#MeandreListSelectedTags li:before {
	content: "";
}

#MeandreListSelectedTags li a,
#MeandreListSelectedTags li a:link,
#MeandreListSelectedTags li a:visited {
	padding: 4px 10px 4px 10px;
	background: transparent url('icon_delete.gif') no-repeat left;
	color: #000;
}

#MeandreListSelectedTags li a span {
	display: none;
}

#MeandreListSelectedTags li a:link:hover,
#MeandreListSelectedTags li a:visited:hover {
	color: #aa251a;
}


/******** MeandreListFlows *********/

#MeandreListFlows {
	font-size: .8em;
	width: 100%;
	overflow: auto;
	border-bottom: 2px solid #cecece;
	border-top: 2px solid #cecece;
}

#MeandreListFlows .Label {
	font-size: 1.25em;
}

#MeandreListFlows ul {
	list-style-type: none;
	text-indent: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;

	margin-top: 18px;
}

#MeandreListFlows li {
	margin: 0px;
	padding: 0px;

	float: left;
	width: 120px;
	margin-right: 28px;
	margin-bottom: 16px;

	text-align: center;
}

#MeandreListFlows li:before {
	content: "";
}

#MeandreListFlows li img {
	border: 1px solid #ddd;
  	width: 100px; 
	height: 100px;
}

#MeandreListFlows li div.MeandreListFlowTitle {
}

#MeandreDescribeFlow {
	width: 100%;
	overflow: clip;
}

#MeandreDescribeFlow #Wrap {
	width: 100%;
	overflow: clip;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

#MeandreDescribeFlow #Left {
	width: 300px;
	float: left;
}

#MeandreDescribeFlow #FlowImage {
	width: 300px;
	float: left;
	margin-left: 25px;
}

#MeandreDescribeFlow #FlowImage img {
	width: 300px;
	height: 300px;
}

#MeandreDescribeFlow #Name {
	font-size: 14pt;
	font-weight: bold;
}

#MeandreDescribeFlow #Creator {
	margin-right: 5px;
	display: inline;
}

#MeandreDescribeFlow #Date {
	color: #808080;
	display: inline;
}

#MeandreDescribeFlow #Execute {
	width: 100%;
	text-align: center;
	margin: 8px;
}

#MeandreDescribeFlow #Execute input[type="button"] {
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
}

#MeandreDescribeFlow #Keywords {
	margin-top: 5px;
	margin-bottom: 5px;
}

#MeandreDescribeFlow #Description {
	overflow: auto;
	height: 150px;
}

#MeandreDescribeFlow #TagsByFlow ul {
	list-style-type: none;
	text-indent: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#MeandreDescribeFlow #TagsByFlow li {
	margin: 0px;
	padding: 0px;
	display: inline;
	line-height: 150%;
	padding-right: 5px;
}

#MeandreDescribeFlow #TagsByFlow li:before {
	content: "";
}

#MeandreDescribeFlow #TagsByFlow li:after {
	content: ", ";
}

#MeandreDescribeFlow #TagsByFlow  li.Last:after {
	content: "";
}

.Label {
	font-weight: bold;
}

#MeandreDescribeFlow #MoreInfo {
	clear: both;
}