/*
Theme Name: Massachusetts Ocean Partnership
Theme URI: http://massoceanpartnership.org
Description: A custom Wordpress theme designed by Kate Caprari and developed by Joel Oliveira and Michael Susz.
Version: 0.1
Author: Joel Oliveira & Mike Susz
Author URI: http://the47th.com
Tags: white, yellow, blue, ocean, water, 3-column, custom widgets

*/
/* =================================================== */
/* = reset.css courtesy of Eric Meyer - meyerweb.com = */
/* =================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	color:#07093d;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -------------------------------------------------
     OVERRIDES FROM 3RD PARTY CSS 
------------------------------------------------- */

#facebox { margin-top:5%; }
#facebox .body { position:relative; width:400px;}
#facebox .body a.close { position:absolute; right:18px; top:25px; }
.nextgen-gallery #facebox .body a.close { position:static; right:auto; top:auto; float:right; display:block; }


/* -------------------------------------------------
     FONTS ROUNDUP 
------------------------------------------------- */

/* all Arial/sans */
body, #nav ul li ul li a {
	font-family:Arial, Verdana,Tahoma,Helvetica,Arial,sans-serif;
}

/* -------------------------------------------------
     BASIC FORMATTING 
------------------------------------------------- */

html {}

body{
	font-size:12px;/* 62.5% */
	line-height:1.3;/* 1.4 */
	background:#08093d url(images/main.background.gif) center top repeat-y;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.3em; margin-top:10px;}
h3 {font-size: 1.1em; margin-top:10px;}

a{ color:#07093D; text-decoration:none;}
a:visited, a:active { color:#07093D; }
a:hover,a:focus { text-decoration:none;}
a img{border:none;}

ul{margin:5px 0 5px 20px;}
ol { list-style:decimal outside none; margin:0px 0 0px 28px; }
ol li { margin-bottom:5px;}

blockquote{
margin:10px 0 10px 20px;
padding:10px;
font-size:1.4em;
font-style: italic;
color:#999;}

pre, code{
margin:10px;
font-family:"Courier New", Courier, monospace;}

.half {
	float:left;
	width:47%;
	padding-right:2%;
}

.third {
	float:left;
	width:30%;
	padding-right:2%;
}

.twothirds {
	float:left;
	width:64%;
	padding-right:2%;
}

ul.inline li {
	float:left;
}

.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

span.read-more a,
span.re-collapse a,
a.glossary { color:#ae2e2b; }

/* override from reset */
table { margin-top:1em; }
table th, table td { padding:10px; }

/* -------------------------------------------------
WRAP
------------------------------------------------- */
#pagewrap {
	width: 1016px;
	padding:0 0 0 21px;
	margin:0 auto;
}

#pagewrap .inner {
	padding:0 24px 0 0;
	width:992px;
}

#header, #nav, #contentimage, #contentwrap {width:990px;}
/* -------------------------------------------------
HEADER
------------------------------------------------- */
#header {
	padding:10px 0 2px 0;
	overflow:auto;
	background:transparent url(images/header.background.jpg) top left no-repeat;
	clear:both;
	width:992px;
	height:94px;
	position:relative;
}
#header h1 { padding:0; margin:0; width:221px; height:94px; position:absolute; top:11px; left:22px; }
#header h1 a { font-size: 2em; color:#333; background:transparent url(images/logo.jpg) top left no-repeat; display:block; width:321px; height:94px; text-indent:-9999px; }
#header img {}
#header h2 {
	clear:left;
	float:left; 
	padding:5px 0 10px 5px;
	color:#666;
	text-transform: uppercase;
}

#header #utility {
	width: 560px;
	overflow: hidden;
	float: right;
}

#header #utility .tagline {
	margin-right: 30px;
	font-size: 22px;
	font-style: italic;
	text-align: right;
	line-height:1.1;
}

#header #utility .reference {
	margin-top:10px;
	width: 80px;
}

#contentimage {
	float:left;
	height:100px;
	overflow:hidden;
	margin-bottom:18px;

	background-image:url('images/contentimage.1.jpg');

	border-color:#000;
	border-width:0 1px 1px 1px;
	border-style:solid;

	-webkit-border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;

}

/* -------------------------------------------------
NAVIGATION
------------------------------------------------- */
#nav {
	clear:left;
	position:relative;
	
	background-color: #689ac5; /* fallback color */
	background-image: url(images/navigation.background.gif); /* fallback image */
	background-position:left center;
	background-image: -moz-linear-gradient(top, #00549e, #94b7d6); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00549e),color-stop(1, #94b7d6)); /* Saf4+, Chrome */
	border-style: solid;
	border-color: #000;
	border-width: 0 1px;
}
	#home #nav {
		border-width: 0 1px 1px;
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
		margin-bottom: 20px;
	}


#nav ul {
	float:left;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul li {
	display:block;
	float:left;
	padding:0;
	margin:0;
	position:relative;
}

/* top level */
#nav ul li a {
	display:block;
	color:#fff;
	font-size:14px;
	height:42px;
	line-height: 42px;
	/*width:80px;*/
	margin:0 12px;
	text-transform: uppercase;
/*	background:transparent url(images/header.nav.sprite.gif) 19px center no-repeat;
	text-indent:-9999px;*/
}

#nav ul li a:hover,
#nav ul li a:focus, 
#nav ul li.current_page_item a,
#nav ul li.current_page_ancestor a,
#nav ul li:hover a,
#nav ul li.hover a { 
	color:#ffc425;
}

/* background-image:url(images/header.nav.sprite.on.gif); }

#nav ul li.page-item-2  a { background-position:-62px center; width:120px; }
#nav ul li.page-item-7  a { background-position:-187px center; width:205px; }
#nav ul li.page-item-12 a { background-position:-400px center; width:98px; }
#nav ul li.page-item-14 a { background-position:-511px center; width:150px; }
#nav ul li.page-item-17 a { background-position:-662px center; }*/

/* second level */
#nav ul ul li a {
	line-height:1.3;
	height:auto;
	width:auto;
	line-height: 1.2;
	font-weight: bold;
	text-transform:uppercase;
	padding:14px 19px 10px;
	margin:0;
	background:none !important;
	text-indent:0;
}
#nav ul ul li a:hover,
#nav ul ul li a:focus, 
#nav ul ul li.current_page_item a,
#nav ul ul li.current_page_ancestor a,
#nav ul ul li:hover a,
#nav ul ul li.hover a { color:#ffc425; }
/*#nav > ul > li:last-child { position:absolute; top:2px; right:6px;} /* this contains the search form */
/*#nav ul li.last-child { position:absolute; top:2px; right:6px;} /* for IE. Nice job. */

#nav ul li#searchbox {
	padding:10px 10px 10px;
	display:block;
	float:right;
}

#nav ul li ul { 
	background:#98bad8; 
	border:solid 1px #00549e; 
	border-top: none; 
	height:auto; 
	width:210px;
	margin-left:10px;
	padding:0 0 5px;
	z-index:601;

	position:absolute;
	left:-9999px;

	border-bottom-right-radius:9px;
	border-bottom-left-radius:9px;

	-webkit-border-bottom-right-radius:9px;
	-webkit-border-bottom-left-radius:9px;

	-moz-border-radius-bottomright:9px;
	-moz-border-radius-bottomleft:9px;
}
#nav ul li:hover ul,
#nav ul li.hover ul { left:-5px; }

#nav ul li ul li {
	font-size:11px;
	float:none;
	clear:both;
	padding:0;
	margin:0;
	text-transform:none;
	font-weight:normal;
	overflow:hidden;
}

#nav ul li ul li a,
#nav ul li ul li a:link,
#nav ul li ul li a:visited,
#nav ul li ul li a:hover,
#nav ul li ul li a:active {
	color:#07093d;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	line-height:14px;
	display:block;
	padding:3px 10px;
	margin:0;
	white-space:nowrap;
}
#nav ul li ul li a:hover,
#nav ul li ul li a:focus { color:#ffc425; text-decoration:underline; }

#nav ul ul ul {
	display:none;
	position:relative;
	top:0px;
	background:transparent;
	border:none;
	width:auto;
	padding:0;
	z-index:602;
}
/* stack up selectors for exceptions - sections of 3rd level nav
	that we want to appear in the dropdowns */
#nav ul ul li.page-item-52 ul {
	display:block;
}


ul.categories { margin-right:10px;}
ul.categories li {  margin-right:14px; }
ul.categories li a { text-transform:uppercase; display:block; background:transparent url(images/nav_icons_sprite.gif) top left no-repeat; height:35px; text-indent:-9999px; width:80px; }
ul.categories li.news a {     background-position:-105px top; width:67px; }
ul.categories li.events a {   background-position:-187px top; width:75px; }
ul.categories li.timeline a { background-position:-274px top; width:83px; }
ul.categories li.library a {  background-position:-372px top; }
ul.categories li.science a {  background-position:-460px top; width:86px; }
ul.categories li.progress a { width:90px;  }


ul.reference { white-space:nowrap; text-align:right; margin:10px 10px 0px 0px; width:390px;}
ul.reference li { display:inline; float:none; line-height:27px; }
ul.reference li a { height:27px; display:block; float:left; width:60px; background:transparent url(images/header.nav.reference.sprite.gif) 0px 0px no-repeat; text-indent:-9999px; text-align:left; }

ul.reference li.blog          a { background-position:0 center; width: 36px;}
ul.reference li.testimonials  a { background-position:-36px center; width: 93px;}
ul.reference li.contact	      a { background-position:-330px center; width: 63px;}
ul.reference li.feedback      a { background-position:-127px center; width: 72px;}
ul.reference li.facebook      a { background-position:-203px center; width: 45px;}
ul.reference li.twitter       a { background-position:-248px center; width: 40px;}
ul.reference li.rssicon       a { background-position:-288px center; width: 40px;}

ul.reference li.last-child { padding-right:0; border-right:0 !important; }



/* -------------------------------------------------
MAIN CONTENT
------------------------------------------------- */
#contentwrap{float:left; clear:left; overflow:hidden;margin-bottom:20px; } /* overflow:auto; width: 100%;  */
#content {
	float:left;
	width:696px; /* 520px */
/* 	font-size:1.2em; */
	margin:0 0 0px 0px;
	overflow: hidden;
	padding-bottom:40px;
}

/* ONE COLUMN */
.one-column #content { width:991px; margin:0 0 0 2px; }
.one-column #content .content_box { }

/* TWO COLUMNS */
.two-column #sidebar_left { width:200px; float:left; margin-right:50px; }
.two-column #content { width: 735px; float:left; }
.two-column #content .content_box { width: 644px; }

/* THREE COLUMNS */
.three-column #content { }
.three-column  #sidebar_left { width:200px; float:left; margin-right:50px; }
.three-column       #content { width:490px; float:left; margin-right:50px;}
.three-column #sidebar_right { width:200px; float:left; margin-right:0px; }

/* archives page */
.archivetitle{font-size:1.2em; border-bottom: solid 1px #ddd;}
ul.archivelist{margin: 0; list-style: none;}
ul.archivelist li{padding:2px 0;}

.post {}
#content .post h2,
h2.tab_page_title,
h2#respond {color:#07093C; border-bottom:dotted 1px #a5a5a5; padding-bottom:8px; margin-bottom:30px; }
h2#respond { margin-bottom:10px; }
#content .post h2 a { color:#07093C; text-decoration:none; }
#content .post h2 a:hover { color:#ccc; }
#content .post p {margin:0 0 1.2em 0; }
#content .post p.back_to_calendar { border-top:dotted 1px #a5a5a5; padding-top:15px; margin-top:20px; }
#content .post a {text-decoration:underline;}
#content .post ul {list-style: square; padding:2px 0;}
#content .post li {padding:2px 0;}
#content .post small{font-size: .9em;}
#content .post .column { padding-bottom:18px; }

/* news page */
#content.news h3 span, #content.board h3 span,
#content.summaries h3 span, #content.reports h3 span {
	font-weight:normal;
}

/* library list */
#content ul.documents li {
	margin-bottom:0.5em;
}

#library-filter label {
	margin-right:10px;
	float:left;
}

#library-filter #submit {
	margin-top:1.3em;
}

.postmetadata{padding:0 0 20px 0;border-top:double 4px #ddd;color:#999;}
.postmetadata a {text-decoration: none; color:#999;}
.postmetadata a:hover {color:#333; text-decoration:underline;}

/* single post nav for previous/next entries */
.navigation{padding:10px 0;font-size:.9em;float:left;width:98%;}

.alignleft {float:left;}
.alignright {float:right;}
p.alignleft	{float:none;text-align:left;}
p.alignright{float:none;text-align:right;}

/* styling for 'continued' page links */
p.continued{padding:5px; background:#f0f0f0;}
p.continued a{padding:5px; font-weight:bold;}

/* -------------------------------------------------
SIDEBAR
------------------------------------------------- */
#sidebar_left { float:left; }
#sidebar_right { float:left; width:327px; overflow:hidden; }

.one-column #sidebar_right { }
.two-column #sidebar_right { width:327px; }
.three-column #sidebar_right { }

.sidebar h2 {  }
.sidebar p { line-height:1.5em; margin-bottom:1.5em; }
/* .sidebar a {color:#666;} */
/*
.sidebar a:hover,
.sidebar a:focus,
.sidebar li li li.current_page_parent a,
.sidebar li.current_page_item > a {color:#476430;}
*/
.sidebar ul{margin:0;padding:0;list-style:none;}
.sidebar ul li, 
.sidebar ol li { display:inline; }
.sidebar ul li a { display:block; /* border-bottom: solid 1px #ececec; */  }
.sidebar ul ul { margin-left:10px; } /* this can't have margin top/bottom - 
	causes lists with display:none li's to make vertical padding */
.sidebar ul ul li { line-height:1.3; }

/* this allows user entered content for lists to be lists */
.sidebar .content_box ul,
.sidebar .gray_content_box ul {
	margin-left:20px;
	list-style-type:square;
}

.sidebar .content_box ol,
.sidebar .gray_content_box ol {
	list-style-type:decimal;
}

/* and this overrides the above for the nav widget - no bullets */
.sidebar .nav_widget div ul {
	margin-left:0;
	list-style-type:none;
}
/* .sidebar .nav_widget div ul ul {margin-left:10px;} */

.sidebar .nav_widget div {
	padding:10px 0 10px;
}

.sidebar .nav_widget li {
	margin:0;
}

.sidebar .nav_widget li a {
	padding:2px 10px;
}

.sidebar .nav_widget li ul li a {
	padding:2px 10px 2px 20px;
}

.sidebar .nav_widget li ul li ul li a {
	padding:2px 10px 2px 30px;
	font-size:11px;
	background:transparent url(images/raquo.gif) 21px 6px no-repeat;
}


.sidebar .nav_widget li.current_page_item a,
.sidebar .nav_widget li.active a,
.sidebar .nav_widget li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor a { background-color:#ffc425; }

.sidebar .nav_widget li.current_page_item ul li a { background-color:transparent; }

.sidebar .nav_widget li.current_page_item > a:hover { background-color:#ffc425 !important; }

.sidebar .nav_widget li a:hover,
.sidebar .nav_widget li a:focus,
.sidebar .nav_widget li.current_page_item li a:hover,
.sidebar .nav_widget li.current_page_item li a:focus { background-color:#80aa2e; }

.nav_widget li li li {
	display:none;
}

.nav_widget li li.current_page_ancestor { }

.nav_widget li li.current_page_item li,
.nav_widget li li.current_page_parent li,
.nav_widget li li.current_page_ancestor li {
	display:inline;
}

/* -------------------------------------------------
SEARCH
------------------------------------------------- */

#searchform { margin:0; display:block; overflow:hidden; }
#searchform input {}
#searchform #s { width:145px; float:left; }
#searchsubmit { border:none; background:transparent url(images/navigation.search_button.gif) center center no-repeat; width:19px; height:22px; margin-left:15px; display:block; float:left; text-indent:-9999px;}
.sidebar #searchform { display:none; }
.post #incoming { display:none;}
/* on the search page */
#content .post form input#s { 
	border:1px solid #999999;
	font-size:24px;
	height:45px;
	line-height:45px;
	margin:0;
	padding:0 0 0 10px;
	width:245px;
	}
#content .post form input#searchsubmit { 
	border:none;
	background:transparent url(/wp-content/uploads/2010/07/button_search.gif) top left no-repeat;
	width:147px; 
	height:45px; 
	margin-left:15px; 
	display:block; 
	float:left; 
	text-indent:-9999px;
	cursor:pointer;
}


/* -------------------------------------------------
FEATURE LINKS
------------------------------------------------- */
.rss {
font-size: 1.2em;
font-weight: bold;
line-height: 1.4em;
background: #f0f0f0;
padding-left: 5px !important;
margin-top:10px;}

.rss a {
	padding-left:25px;
	background: transparent  url(images/feed-icon-16x16.png) left no-repeat; 
}

/* this is very very broad - the archive.php page is haywire!
.archive a{
padding-left:25px;
background: transparent  url(images/square.png) left no-repeat;}
*/

/* -------------------------------------------------
COMMENTS
------------------------------------------------- */
#comments { border-top:1px dotted #A6A6A6; margin:25px 0 0; padding:25px 10px 20px 0; clear:both;}
#comments h3 { font-size:19px; font-weight:normal; margin:0 0 10px; }
#comments ol.commentlist { margin:0; padding:0; overflow: hidden; }
#comments ol.commentlist li { margin:0px 0 10px; padding:15px 10px 10px 62px; position:relative;}
#comments ol.commentlist li .avatar { position:absolute; top:10px; left:10px; border:solid 2px #fff; }
#comments ol.commentlist li.alt { background:transparent url('images/gray_bg.jpg') repeat top left; }
#comments ol.commentlist a {}
#comments cite {font-style: normal; font-size:10px; color:#333333; }
#comments cite a { font-size:18px; }
#comments small.commentmetadata { margin-bottom:20px;}

/* -------------------------------------------------
COMMENT FORM
------------------------------------------------- */
#commentform { margin:20px 0px 10px 0; padding:0px 10px 10px 0; }
#commentbox { width:100%; min-width:400px; margin:5px 5px 0 0; }
#commentform #author, 
#commentform #email, 
#commentform #subject, 
#commentform #organization,
#commentform textarea, 
#commentform #submit { border:solid 1px #ccc; margin:5px 5px 0 0; }
#submit { cursor:pointer; }

/* -------------------------------------------------
TAB PAGES
------------------------------------------------- */
/* see above to match h2.tab_page_title to #content .post h2 style
	see 'YELLOW MODULE' below to match [ul#pagetabs li.current_page_item] to [.content_box > h2] style,
	and 'GRAY MODULE' below to match [ul#pagetabs li a] to [.gray_content_box > h2] style */
ul#pagetabs {
	margin-left:0;
 	margin-top:-10px;
	margin-bottom:10px;
}

ul#pagetabs li {
	display:block;
	float:left;
	margin-right:2px;
	width:auto !important;
}

ul#pagetabs li a {
	display:block;
}

/* -------------------------------------------------
FOOTER
------------------------------------------------- */

/* 

background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');

*/
#footer {
	float:left;
	width:100%;
	clear:both;
	color:#fff;
	margin-bottom:2em;

	background-color: #689ac5; /* fallback color */
	background-image: url(images/navigation.background.gif); /* fallback image */
	background-position:left center;
	background-image: -moz-linear-gradient(top, #00549e, #94b7d6); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00549e),color-stop(1, #94b7d6)); /* Saf4+, Chrome */

	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

#footer a {
	color:#fff;
}

#footer ul {
	margin:15px;
/* 	margin-left:0.5em; */
}

#footer ul li {
	display:inline;
	padding-right:1.5em;
}

/* ======== */
/* = BLOG = */
/* ======== */

body.blog    #content .post,
body.archive #content .post,
body.single  #content .post {  }
body.blog    #content .post h2,
body.archive #content .post h2,
body.single  #content .post h2 { margin-bottom:0px; font-size: 18px; font-weight:normal; padding-bottom:20px; background:transparent url('images/blog.hr.gif') no-repeat bottom left; border:none; }
body.blog    #content .post small.date,
body.archive #content .post small.date,
body.single  #content .post small.date { color:#797274; display:block; margin-bottom:15px; }
body.blog    #content .post .postmetadata,
body.archive #content .post .postmetadata,
body.single  #content .post .postmetadata { border:none; color:#07093D;}
body.archive  h2.archivetitle { padding-bottom:10px; margin-bottom:30px; color:#797274;}

body.blog .widget_archive h2 div,
body.blog .widget_archive h2 div div { background: none !important } 

body.archive .widget_archive h2 div,
body.archive .widget_archive h2 div div { background: none !important } 

body.single .widget_archive h2 div,
body.single .widget_archive h2 div div { background: none !important } 

/* { width:166px; } */
select#cat,
select#cat.hover,
select#cat:hover { width: auto; }

/* sidebars*/
.blog_left  div.blog_category_list,
.blog_right li.widget_archive,
.blog_right li.subscribe {
  background:transparent url('images/gray_bg.jpg') top left repeat;
  padding: 17px;
  display: block;
  margin-bottom: 20px;
}
  .blog_left  div.blog_category_list h2,
  .blog_right li.widget_archive h2,
  .blog_right li.subscribe h2 { 
    margin:0 0 5px 0; 
    background:transparent url('images/blog.title.sprite.gif') top left no-repeat;
    background-color: transparent !important;
    padding:0;
    border:none;
    text-indent:-9999px;
    height: 28px;
  }
  .blog_left  div.blog_category_list ul,
  .blog_right li.widget_archive ul,
  .blog_right li.subscribe ul {
    border: none;
    padding: 0;
    margin:0;
    list-style: none;
    background: transparent;
    position: relative;
  }
    .blog_left  div.blog_category_list ul li,
    .blog_right li.widget_archive ul li,
    .blog_right li.subscribe ul li {
      display: block;
      background: transparent;
      position: relative;
    }
    .blog_left  div.blog_category_list ul a,
    .blog_right li.widget_archive ul a,
    .blog_right li.subscribe ul a {
      display: inline;
      position: relative;
    }
    .blog_right li.widget_archive h2 { background-position:left -26px;}
    .blog_right li.subscribe h2 { background-position:left -52px;}

.widget_archive ul li,
.blog_category_list ul li { font-size:11px; margin-bottom:4px; }

.subscribe ul { margin-top:10px !important; }
.subscribe li a { 
  background:transparent url('images/sm.sprite.gif') no-repeat top left;
  display:block !important;
  height:26px;
  line-height:26px;
  margin-bottom:11px;
  padding-left:33px;
}
.subscribe li.twitter  a { background-position:left -26px; }
.subscribe li.rssicon  a { background-position:left -52px; }

/* ============ */
/* = HOMEPAGE = */
/* ============ */

#home #video_carousel { 
  background:transparent url('images/film_strip.gif') top left no-repeat;
  width:245px;
  height:486px;
  float:left;
  margin-right: 15px;
  margin-bottom: 20px;
}

#home #video_carousel li {
  width: 150px;
  height: 142px;
  display: block;
  text-align: center;
  margin-bottom:0;
  float:none !important;
}
#home #video_carousel li[style] { float:none !important; } 
#home #video_carousel li a { display: block; font-size: 13px; }
#home #video_carousel li img { display: block; }

/* ============ */

#home #sidebar_right { width: 300px; }

#home #sidebar_right .top,
#home #sidebar_right .bottom { background:transparent url('images/gray_bg.jpg') top left repeat; margin-bottom:15px; height: 1%; }

#home #sidebar_right .stephanie,
#home #sidebar_right .bottom { padding:13px; }

#home #sidebar_right .stephanie { background:transparent url('images/stephanie.gif') bottom right no-repeat !important; padding-bottom:105px;  }
#home #sidebar_right .stephanie p { margin-top: 0px; background-color:transparent !important; border-left: solid 1px #f6f6f4; }
#home #sidebar_right .stephanie p a { color:#a91a1d;  background-color:transparent !important;}
#home #sidebar_right .stephanie ul {  position: relative;  background-color:transparent !important; }
#home #sidebar_right .stephanie li {margin-bottom:5px; overflow:hidden; display:block;  background-color:transparent !important; position:relative; height:30px; }
#home #sidebar_right .stephanie li span { display:block; float:left; font-size:11px; overflow:hidden; width:64px;}
#home #sidebar_right .stephanie li a { 
  display:block;
  float:left;
  font-size:11px;
  font-weight:bold;
  overflow:hidden;
  width:210px;
}


#home #sidebar_right .top h3,
#home #sidebar_right .bottom h3 { margin:0 0 10px 0; color:#47640a; }

/* ============ */

#home #content { 
  background:transparent url('images/gray_bg.jpg') top left repeat;
  padding:15px; 
  width: 385px;
  margin-right:15px;
}
#home .two-column #content { width: 663px; float:left; }
#home #intro {
	width:992px;
	height:278px;
	overflow:hidden;
}
#home #intro #flash {
	float:left;
	width:992px;/* 709px */
	height:282px;
	background:transparent url(images/home.intro_placeholder.jpg) left -2px no-repeat;
}
#news_summary { overflow:hidden; background:none repeat scroll 0 0 #D1E0EA; padding:0 7px; margin-top:10px; }
#home #news_summary {
	float:left;
	background:#d1e0ea; 
/*	border:1px solid #000000; 
	border-left:none; 
	border-top:none;
	border-bottom:none;*/
	/*height:278px;*/
	padding:4px 10px 0;
	width: 100%; /* 262px */
	margin-top:0px;

/*	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	border-bottom-right-radius:12px;*/
}

#news_summary h2,
#news_summary span,
#news_summary a b { color:#47640a; }
#news_summary h2 { margin:5px 0 10px;}
#home #news_summary h2 { display: block; margin:5px 0 12px;}
#news_summary a { display:block; clear:both; }
#news_summary div.scroll { height:229px;}
#news_summary ul { padding:0; margin:0; line-height:14px;}
#news_summary ul li { display:block; background:transparent url(images/home.intro_sprites.gif) top left no-repeat; margin:0; padding:0 0 10px 26px; font-size:10px; }
#news_summary ul li.event { }
#news_summary ul li.news { background-position:0 -72px;}
#news_summary ul li.library { background-position:0 -151px;}
#news_summary br { display:none; }

#home #partner_flash { width:992px; margin-bottom:15px; clear:both; }
#home #partner_flash div { overflow:hidden; }


/* ================= */
/* = YELLOW MODULE = */
/* ================= */
.content_box { }

#home #content .post h2,
ul#pagetabs li.current_page_item a,
ul#pagetabs li.current_page_ancestor a,
ul#pagetabs li a:hover,
ul#pagetabs li a:focus,
.content_box > h2,
li.widget > h2 {
	background-color:#ffc425; 
	padding:9px 15px 5px 15px;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin:0;
	color: #07093d;
	border:solid 1px #ffc425;
	-webkit-border-top-right-radius:12px;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-topleft:12px;
	border-top-right-radius:12px;
	border-top-left-radius:12px;
	border-bottom:none !important;
}

.content_box > div, 
   li.widget > div
{ 
	background-color:#faf5f5;
	padding: 10px 15px;
	border:solid 1px #ffc425;
	-webkit-border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	border-bottom-left-radius:12px;
	border-top: none !important;
}

#home #content .post h2 {
	/*display:none;*/
	background: transparent;
	border: none;
	font-size: 1.3em;
	padding-left: 0;
	color: #07093C;
}
#home #content .post .post { border:none; background:transparent; padding:0 !important; }
#home .sidebar div { border:none; background:transparent; }
#home .sidebar h2 { display:none; }

/* ================= */
/* = GRAY MODULE = */
/* ================= */
.gray_content_box { }

ul#pagetabs li a,
.gray_content_box > h2,
         li.widget > h2
{
	background-color:#d1e0ea;/* #ccc - gray is no longer gray, lulz */ 
	padding:9px 15px 5px 15px; 
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin:0;
	color: #07093d;
	border:solid 1px #d1e0ea; /* #ccc */
	-webkit-border-top-right-radius:12px;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-topleft:12px;
	border-top-right-radius:12px;
	border-top-left-radius:12px;
	border-bottom:none !important;

}

.gray_content_box > div, 
li.widget.gray_content_box > div,
.sidebar .widget > ul {
	background-color:#faf5f5;
	padding: 10px 15px;
	border:solid 1px #d1e0ea; /* #ccc */
	-webkit-border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	border-bottom-left-radius:12px;
	border-top: none !important;
}

.sidebar .content_box, 
.sidebar .gray_content_box {
	margin-bottom:20px;
	overflow-x:hidden;
}

/* -------------------------------------------------
CALENDAR
------------------------------------------------- */
.calendar .glance a,
.calendar .eventlist a {text-decoration:underline;}

.calendar #calendar {
	border:2px solid #aaa;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

.calendar #calendar th,
.calendar #calendar td {
	border:1px solid #ccc;
	text-align:left;
}

.calendar #calendar thead th {
	text-align:center;
	background-color:#243b64;
}

.calendar #calendar thead .next,
.calendar #calendar thead .prev {
	margin:0 10px;
}

.calendar #calendar thead .current {
	font-size:120%;
}

.calendar #calendar thead th select {
	margin-left:30px;
}

.calendar #calendar thead th,
.calendar #calendar thead th a {
	color:#FABA11;
}

.day1, .day2, .day3,
.day4, .day5, .day6, .day7 {
	width:14%;
	color:#243B64;
	background-color:#70889f;
	font-weight:bold;
}

#calendar .no-date {
	background:#eee;
}

#calendar .today {
	background:#FAF5F5;
}

#calendar .today span {
	font-weight:bold;
}


#calendar td {
	vertical-align:top;
	height:60px;
}

#calendar td.has-events { border:3px solid #FCD56D; }
#calendar td.has-events p { display:block; }
#calendar td.has-events p span { display:block; text-align:left; padding:0px; text-indent:-9999px; height:26px; }
#calendar td.has-events p span.eea-meeting              { background:transparent url(/wp-content/uploads/2010/07/i_eeaevent.gif) 12px 0px no-repeat;       }
#calendar td.has-events p span.mop-board-meeting        { background:transparent url(/wp-content/uploads/2010/07/i_boardmeetings.gif) 12px 0px no-repeat;  }
#calendar td.has-events p span.mop-partners-event       { background:transparent url(/wp-content/uploads/2010/07/i_partnersevent.gif) 12px 0px no-repeat;  }
#calendar td.has-events p span.mop-workshop             { background:transparent url(/wp-content/uploads/2010/07/i_workshopevent.gif) 12px 0px no-repeat;  }
#calendar td.has-events p span.other-event              { background:transparent url(/wp-content/uploads/2010/07/i_generalevents.gif) 12px 0px no-repeat;  }
#calendar td.has-events p span.special-event            { background:transparent url(/wp-content/uploads/2010/07/i_specialevents.gif) 12px 0px no-repeat;  }
#calendar td.has-events p span.working-session          { background:transparent url(/wp-content/uploads/2010/07/i_workingsessions.gif) 12px 0px no-repeat;  }
#calendar td.has-events p span.general-event        { background:transparent url(/wp-content/uploads/2010/07/i_generalevents.gif)   12px 0px no-repeat;     }
#calendar td.has-events p span.document           { background:transparent url(/wp-content/uploads/2010/07/i_doc.gif)       12px 0px no-repeat;     }
#calendar td.has-events p span.document-release             { background:transparent url(/wp-content/uploads/2010/07/i_docrelease.gif)    12px 0px no-repeat;     }
#calendar td.has-events p span.link,
#calendar td.has-events p span.links                        { background:transparent url(/wp-content/uploads/2010/07/i_links.gif)            12px 0px no-repeat;     }
#calendar td.has-events p span.meeting-summaries,
#calendar td.has-events p span.meeting-summary              { background:transparent url(/wp-content/uploads/2010/07/i_meetingsummaries.gif)     12px 0px no-repeat;     }
#calendar td.has-events p span.photos                       { background:transparent url(/wp-content/uploads/2010/07/i_photo.gif)                  12px 0px no-repeat;     }
#calendar td.has-events p span.presentations,
#calendar td.has-events p span.presentation                 { background:transparent url(/wp-content/uploads/2010/07/i_presentations.gif)          12px 0px no-repeat;     }
#calendar td.has-events p span.progress-report              { background:transparent url(/wp-content/uploads/2010/07/i_progressreports.gif)        12px 0px no-repeat;     }
#calendar td.has-events p span.public-hearing               { background:transparent url(/wp-content/uploads/2010/07/i_publichearing.gif)          12px 0px no-repeat;     }
#calendar td.has-events p span.public-listening-session     { background:transparent url(/wp-content/uploads/2010/07/i_publiclisteningsession.gif) 12px 0px no-repeat;     }
#calendar td.has-events p span.videos,
#calendar td.has-events p span.video                        { background:transparent url(/wp-content/uploads/2010/07/i_video.gif)                  12px 0px no-repeat;     }
#calendar td.has-events p span.articles,
#calendar td.has-events p span.news                       { background:url("/wp-content/uploads/2010/07/i_news.gif") no-repeat scroll 5px center transparent; }

.calendar ul.glance {
	margin-top:13px;
}

.calendar ul.glance li {
	list-style-type:square;
} 

.calendar .eventlist dt,
.calendar .eventlist dd,
.calendar .eventlist p {
	padding-bottom:0.5em; 
	margin-bottom:0.5em;
}
	.calendar .eventlist dd {
		border-bottom:1px solid #aaa;
		padding-right:120px;
	}

.calendar .eventlist .documents li {
	list-style-type:square;
}

/* event categories */

span.general-event,       strong.general-event            { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_generalevents.gif) 8px center no-repeat; }
span.eea-meeting,       strong.eea-meeting              { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_eeaevent.gif)    8px center no-repeat; }
span.mop-board-meeting,     strong.mop-board-meeting        { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_boardmeetings.gif) 8px center no-repeat; }
span.mop-partners-event,    strong.mop-partners-event       { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_partnersevent.gif) 8px center no-repeat; }
span.mop-workshop,        strong.mop-workshop             { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_workshopevent.gif) 8px center no-repeat; }
span.other-event,       strong.other-event              { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_generalevents.gif) 8px center no-repeat; }
span.special-event,       strong.special-event            { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_specialevents.gif) 8px center no-repeat; }
span.working-session,     strong.working-session          { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_workingsessions.gif) 8px center no-repeat; }  
span.document,          strong.document                 { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_doc.gif)       8px center no-repeat; }
span.document-release,      strong.document-release         { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_docrelease.gif) 8px center no-repeat; }                                                                               
span.link,            span.links,
strong.link,          strong.links                    { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_links.gif)           8px center no-repeat; }                                                               
span.meeting-summaries,     strong.meeting-summaries,     
span.meeting-summary,     strong.meeting-summary          { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_meetingsummaries.gif)    8px center no-repeat; }           
strong.photos,          strong.photos                   { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_photo.gif)                  8px center no-repeat; }           
span.presentations,      strong.presentations,
span.presentation,      strong.presentation             { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_presentations.gif)          8px center no-repeat; }         
span.progress-report,     strong.progress-report          { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_progressreports.gif)        8px center no-repeat; }           
span.public-hearing,        strong.public-hearing           { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_publichearing.gif)          8px center no-repeat; }
span.public-listening-session,  strong.public-listening-session { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_publiclisteningsession.gif) 8px center no-repeat; }        
span.videos,           strong.videos,
span.video,           strong.video                    { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_video.gif)                  8px center no-repeat; }                                                                     
span.articles,          span.news,
strong.articles,        strong.news           { display:inline-block; text-indent:-9999px; zoom:1; *display:inline; padding-left:74px; height:21px; padding-top:5px; background:transparent url(/wp-content/uploads/2010/07/i_news.gif)                  8px center no-repeat; }                                                                 
#calendar span,
.eventlist strong,
.glance li strong { text-indent:0px; }

/* -------------------------------------------------
CONTACT FORM
------------------------------------------------- */
div.gform_wrapper form .gform_footer input { 
  background:transparent url('/wp-content/uploads/2010/07/button_submit.gif') top left no-repeat; 
  width:187px; 
  height:45px; 
  display:block;
  line-height:0px;
  float:left;
  cursor:pointer;
  border:none; 
  padding:0px; 
  margin:0px; 
  text-indent:-9999px;
  font-size:0px;
  color:transparent;
  text-align:left;
}

/* -------------------------------------------------
PHOTO GALLERY
------------------------------------------------- */
.gallery { padding:0 21px; }
.gallery div { display:block; }
.gallery div.image { text-align:center; margin-bottom:10px; overflow:hidden;}
.gallery div div { display:inline; float:none; height:auto; width:auto; }
.gallery div a.thumbnail { display:block; margin-bottom:10px;}
.gallery div a img { border:solid 1px #050a4e; max-width:446px; }
.gallery div p { font-size:11px; }
.gallery div.ngg-clear { float:none; width:auto; height:auto; }

#mop-album div { width:124px; padding:0 12px; height:210px; float:left; }

/* -------------------------------------------------
GLOSSARY
------------------------------------------------- */
div.glossary { display:none;}
a.glossary { }

/* -------------------------------------------------
CLEARS (if needed with further customizations)
------------------------------------------------- */
.clear{clear:both;}
.clearfix{display:inline-block;}
.noborder{border:none !important; vertical-align:middle;}
.left{float:left; border:none !important; margin:5px;}
.right{float:right; border:none !important; margin:5px;}