/* Body
-------------------------------------------------------------- */

/* Default font settings.  */

p           { margin: 0 0 1.25em; font-size:1em;line-height:1.5em;}

a:focus, 
a:hover     { color: #ED0C6D;text-decoration: none;}
a           { color: #000;text-decoration: underline;}

a.feature:focus, 
a.feature:hover     { color: #000;text-decoration: underline;}
a.feature           { color: #ED0C6D;text-decoration: none; }

a.pdf:link, a.pdf:visited, a.pdf:active {background: transparent url("../_img/elements/pdf.gif") no-repeat;padding-left:21px;padding-bottom:5px;}

ul          { list-style-type: disc; margin: 0 0 1.5em;}
ol          { list-style-type: decimal; margin: 0 0 1.5em;}

li  { margin: 0 0 .5em 2em;}


hr {display: block;position: relative;padding: 0;margin: 15px auto;height: 0;max-height: 0;width: 100%;clear: both;border: none;border-top: 1px dotted #555;font-size: 1px;line-height: 0;}
hr.spacer {display: block;position: relative;padding: 0;margin: 15px auto 0;height: 0;max-height: 0;width: 100%;clear: both;border: none;border-bottom: 1px solid #FFF;font-size: 1px;line-height: 0;}
hr.dotted {display: block;position: relative;padding: 0;margin: 15px auto;height: 0;max-height: 0;width: 100%;clear: both;border: none;border-top: 1px dotted #555;border-bottom: none;font-size: 1px;line-height: 0;}


blockquote  { margin: 1.5em; color: #333; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000000; }

h1 { font-size: 1.8em; text-align:uppercase;margin-bottom:1em;}
h2 { font-size: 1.5em;  font-weight:normal;}
h3 { font-size: 1.2em;}
h4 { font-size: 1em; color:#ED0C6D;margin-bottom: .75em;}
h5 { font-size: 1em;  margin-bottom: .75em;}
h6 { font-size: .9em; margin-bottom: .5em; color:#ED0C6D;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

#rightcolumn h4 {text-transform:uppercase;}


/* Default Classes
-------------------------------------------------------------- */

.small      { font-size: .775em; margin-bottom: 1.875em; line-height: 1.5em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #999; }
.dark {color:#2a2a2a;font-weight:bold;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}

/* Special Classes
-------------------------------------------------------------- */
.photoCaption { color:#666; font-size: .775em; margin-bottom: 1.875em; line-height: 1.5em;  font-style: italic;}

/* UBC Framing Helpers
-------------------------------------------------------------- */
#UbcContent {padding-bottom:0;}
#UbcHeaderWrapper li {list-style:none;margin-left:0;}
#UbcBottomRight a {color:#758291}


/* Container
-------------------------------------------------------------- */
#container {font-size:90%;line-height:1.5em;margin:0;padding:0;text-align: center;width: 100%; color: #333; background:#555; font-family: Helvetica, Verdana, Arial, sans-serif;}


/* Header
-------------------------------------------------------------- */

#header {text-align:left;background:#555; width: 920px;margin:0 30px 10px;}

#supernav {width:920px;text-align:left;padding:15px 0 0;float:left;margin-bottom:0;height:10px;}
.supernav li {position:relative;display: inline;float:left;margin:0;padding-left:5px;padding-right:5px;border-right:1px solid #888;line-height:.75em; }
.supernav li.last {padding-right:0;border-right:0;}
.supernav li a:link, .supernav li a:visited {font-size:.85em;text-decoration:none;color:#fff;font-weight:bold;}
.supernav li a:active, .supernav li a:hover { text-decoration:none;color:#78786f;}	


#topnav {width:920px;text-align:left;float:left;margin-top:10px;margin-bottom:0;}
.topnav {width: 920px;margin:0;}
.topnav li {position:relative;display: inline;float:left;margin:0;padding-left:1px;padding-right:1px;border-right:1px solid #888; }
.topnav li.last {padding-right:0;border-right:0;}
.topnav li a:link, .topnav li a:visited { font-size:1em;text-decoration:none;color:#fff;padding:3px 5px;background:#555;height:15px;}
.topnav li a:active, .topnav li a:hover { text-decoration:none;color:#78786f;background:#4f4f4f;}	


.current-about .about a:link, .current-about .about a:visited {color:#78786f;}
.current-renewal .renewal a:link, .current-renewal .renewal a:visited {color:#78786f;}
.current-exhibits .exhibits a:link, .current-exhibits .exhibits a:visited {color:#78786f;}
.current-events .events a:link, .current-events .events a:visited {color:#78786f;}
.current-collections .collections a:link, .current-collections .collections a:visited {color:#78786f;}
.current-programs .programs a:link, .current-programs .programs a:visited {color:#78786f;}
.current-rentals .rentals a:link, .current-rentals .rentals a:visited {color:#78786f;}
.current-shop .shop a:link, .current-shop .shop a:visited {color:#78786f;}
.current-join .join a:link, .current-join .join a:visited {color:#78786f;}
.current-home .home a:link, .current-home .home a:visited {color:#78786f;}
.current-blog .blog a:link, .current-blog .blog a:visited {color:#78786f;}
.current-contact .contact a:link, .current-contact .contact a:visited {color:#78786f;}

#topnav {z-index:1001;}
#topnav li ul {display: none; position: absolute; top: 10px; left: 0;  width: 150px;  margin-left:-1px;padding: 0 0 5px;  background: #78786f;border-left:1px solid #fff; }
#topnav li:hover ul { display: block; }
#topnav li ul li {float: none;border-right:none;}
#topnav li ul li a {padding: 3px 12px; display: inline-block; background-image:none;text-indent: 0px;height:12px;text-transform:uppercase;color:#000}
#topnav li ul li a {display: block;font-size:.8em;font-weight:bold;border-left:none;cursor: pointer;}
#topnav li ul li a:hover { color: #fff;text-decoration:none;}
  

/* Banners
-------------------------------------------------------------- */

#banner {width:920px;margin: 0 30px;background:#2a2a2a;height:143px;overflow:hidden;}
#banner img {float:left;margin:0;}

/* Images
-------------------------------------------------------------- */
  
img	{border: 0;}
img.floatleft {float: left;}
img.floatright {float: right;}	
img.rightMargin {float: right; margin:10px 0 10px 15px;}	
img.leftmargin {float: left; margin:0 15px 15px 0;}	
div.spacer 	{clear: both;}


/* Content
-------------------------------------------------------------- */

#content {text-align:left;width:920px;margin:10px 30px 0 30px;padding:0;background:#fff;border-top:40px solid #fff;overflow:hidden;}

#content.home {background:#fff url('../_img/bg/home.png') repeat-y right;}
#content.twocol {background:#fff url('../_img/bg/2col.png') repeat-y left;}
#content.threecol {background:#fff url('../_img/bg/3col.png') repeat-y right;}
#content.blog {background:#fff url('../_img/bg/blog.png') repeat-y right;}



/* Columns
-------------------------------------------------------------- */

#fullpage {float:left;width:920px;padding:0 20px 40px;}
#homefeature {float:left;width:660px;padding-right:9px;border-right:1px solid #555;}
#leftcolumn {float:left;width:190px;padding:0 15px 10px;overflow:hidden;}
#midcolumn {float:left;width:410px;padding:0 19px 40px;border-left:1px solid #555;border-right:1px solid #555;font-size:1.1em;line-height:1.6em;overflow:hidden;}
#rightcolumn {float:left;width:220px;padding:0 15px 10px;overflow:hidden;}
#maincolumn {float:left;width:660px;padding:0 19px 40px;border-left:1px solid #555;font-size:1.1em;line-height:1.6em;overflow:hidden;}


/* Side Navigation
-------------------------------------------------------------- */

ul.sidenav {margin: 0;padding: 0;list-style-type: none;}
ul.sidenav li {margin:0;padding:0;line-height:1.75em;}
ul.sidenav li a, ul.sidenav li a:link, ul.sidenav li a:visited { display: block; padding:2px 0;margin-bottom:3px; font-weight: bold;font-size:1em;line-height:1.25em; text-decoration: none;color: #555555;width: 190px;}
ul.sidenav li a:hover { color: #000;}

ul.sidenav li ul {list-style:none;margin: 0;padding: 0;}
ul.sidenav li ul li {margin-left: 10px;padding:0;line-height:1.25em;width: 180px;}
ul.sidenav li ul li a, ul.sidenav li ul li a:link, ul.sidenav li ul li a:visited {font-weight:normal;}



/* Specialized Content
-------------------------------------------------------------- */

div.exhibitwrapper {clear:both;overflow:hidden;}
div.exhibitTN {float:left;width:100px;margin:0 10px 10px 0;}
div.exhibitINFO {float:left;width:300px}
div.exhibitINFOWIDE {float:left;width:550px;padding-bottom:10px;}

div.webTN {float:left;width:150px;margin:0 10px 10px 0;}
div.webINFO {float:left;width:500px}

.plainOrange {color:#8FB163;}

ul.gallery { list-style: none; margin: 0 0 10px 0; }
ul.gallery li { display: block; float: left; margin: 0 5px 0 0; }



table.wam {width:660px;}
td.wamartists {background:#000;border-right:1px solid #fff;border-bottom:1px solid #fff;}
td.wamartists span.artists {padding:1px 3px;}
td.wamartists a {color:#fff;font-weight:bold;text-decoration:none;display:block;padding:2px;}
td.wamartists a:hover {color:#ee0c6e;background:#2a2a2a;}
td.wamartists a:hover img {filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}
	
img.wamartistdetail {float:right;border:1px solid #000;margin:0 0 10px 10px;}


/* Bottom Navigation
-------------------------------------------------------------- */

#bottomnav {display:block;width:920px;text-align:left;padding:0 30px;margin:0;}
#bottomnav ul {margin:0;padding:0;}
#bottomnav li {float:left;margin:0;list-style:none;}

#bottomnav li a:focus, 
#bottomnav li a:hover     { color: #fff;}
#bottomnav li a           { color: #fff;text-decoration: none;font-weight:bold;width:124px;height:40px;padding:20px;display:block; }

#bottomnav li.one a {background:#89a254;border-right:#a2c137 20px solid;}
#bottomnav li.one a:focus, #bottomnav li.one a:hover {background:#7a7d6c;border-right:#a2c137 20px solid;}

#bottomnav li.two a {background:#adca44;border-right:#a3a633 20px solid;}
#bottomnav li.two a:focus, #bottomnav li.two a:hover {background:#a2c137;border-right:#a3a633 20px solid;}

#bottomnav li.three a {background:#abaa40;border-right:#e3b925 20px solid;}
#bottomnav li.three a:focus, #bottomnav li.three a:hover {background:#a3a633;border-right:#e3b925 20px solid;}

#bottomnav li.four a {background:#ecc12e;border-right:#cb6425 20px solid;}
#bottomnav li.four a:focus, #bottomnav li.four a:hover {background:#e3b925;border-right:#cb6425 20px solid;}

#bottomnav li.five a {background:#cc6a33;border-right:#cc6a33 20px solid;}
#bottomnav li.five a:focus, #bottomnav li.five a:hover {background:#cb6425;border-right:#cc6a33 20px solid;}

/* footer
-------------------------------------------------------------- */
#footer {text-align:left;width:920px;padding:10px 30px;color:#fff;font-size:.89em;}

#footer p.copyright {float:left;margin-right:10px;}
#footer ul {float:left;margin-top:1px;}
#footer li {float:left;display:inline;margin:0;padding:5px 5px 2px;list-style:none;border-right:1px solid #CCC;line-height:.5em;}
#footer li.last {border-right:none;}
#footer li a:focus, 
#footer li a:hover     { color: #000;}
#footer li a           { color: #fff;text-decoration: none;}

a.twitter:link, a.twitter:visited, a.twitter:active, a.twitter:hover {background: transparent url("../_img/elements/twitter.png") no-repeat;padding-left:21px;padding-bottom:5px;}


/* tables
-------------------------------------------------------------- */
table.regular {margin:10px 0;}
caption {text-align:left;background:#000;color:#fff;font-weight:bold;padding:2px 5px;}

table.regular td, table.regular th {padding:2px 5px;}
.bgeven {background:#fff}
.bgodd {background:#f2f2f2}
thead tr {background:#333;color:#fff;padding:2px 5px;}


/* BLOG STYLES
-------------------------------------------------------------- */
#blogmaincolumn {float:left;width:590px;padding:0 19px 40px;border-right:1px solid #555;font-size:1.1em;line-height:1.8em;}
#blognavcolumn {float:left;width:260px;padding:0 15px 10px;overflow:hidden;}

div.blogblock {background:#eee;padding:10px;margin-bottom:10px;}
div.blogblock p {margin-bottom:0px;}


.blogtwocolumn {float:left;width:110px;margin-right:10px;overflow:hidden;}
.blogtwocolumn .last {margin-right:0;}

/* meta */
.entry-meta {color:#8A8B83;font-size:.9em;}
.entry-meta a {color:#555;text-decoration:none;}
.entry-meta a:hover {text-decoration:underline;}

.author {color:#000;}
.vcard {}
.meta-sep {}
.cat-links {}
.comments-link {}

/* navigation */
#nav-below {}
#nav-above {}

h1 a:hover {text-decoration:none;}

h2.page-title {font-weight: bold;}
h3.widgettitle {font-weight: bold;}
.entry-content {}

.entry-date {color:#8FB164;margin:0;}
.navigation {margin:15px 0;height:1.75em;}
div.navigation div.nav-next {float:right;text-align:right;}
div.navigation div.nav-previous {float:left;}

.excerptblock {border-bottom:1px dotted #666;margin-bottom:10px;padding-bottom:15px;}
.excerptblock p {margin-bottom:0;}


.sidebar ul {list-style:none;margin:0;padding:10px 0;}
.sidebar ul li {margin-left:0;margin-bottom:2px;}
.sidebar ul li ul li {margin-left:5px;margin-bottom:5px;}

.sidebar ul li a {text-decoration:none;}


ul.content-column, ul.wp-tag-cloud {list-style:none;}
ul.content-column li, ul.wp-tag-cloud li {padding-right:5px;display:inline;}

div.sidenav-tags {margin-top:10px;}
div.sidenav-tags a {padding-right:5px; text-decoration:none;}
div.archives ul li a {text-decoration:none; line-height:1.6em;}


div.blogabout {background:#89a254;padding:10px;margin-bottom:10px;color:#fff;}
div.blogabout h3 {color:#fff;font-size:1em;}

div.recentposts {padding:10px;border:5px solid #ee691e;margin-bottom:10px;}

div.blognetworks {border:5px solid #C05A8B;padding:10px;color:#000;margin-bottom:10px;}
div.blognetworks p, div.blognetworks a img {float:left;padding-right:10px;font-weight:bold;margin-bottom:0;}


#blogmaincolumn h2 {}
#blogmaincolumn h2 span {font-weight:bold;color:#ED0B6D;}
.sidebar h5 {margin-bottom:0;padding:0}

#blog-twitter {clear:both;padding:10px;border:5px solid #39cdff;margin-bottom:10px;}
#blog-search {background:#ffc20f;padding:10px;margin-bottom:10px;}

#blog-flickr {clear:both;padding:10px;border:5px solid #8B8B82;margin-bottom:10px;}
#blog-flickr a img {float:left;padding:0;margin:0 5px 5px 0;height:71px;width:71px;}

input.blog-search {width:180px;}

textarea#comment { height:13em; margin:0 0 0.5em; overflow:auto; width:66%; }

.alignright,img.alignright{ float:right; margin:1em 0 0 1em; }

.alignleft,img.alignleft{ float:left; margin:1em 1em 0 0; }

.aligncenter,img.aligncenter{ display:block; margin:1em auto; text-align:center; }



/* Forms
-------------------------------------------------------------- */

label {font-size:1em;}


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.1em; }

/* Text fields */
input.text	{margin:0;font-size:1.1em;}
input.text 	{ border:1px solid #333; background:#fff; padding:2px;margin: 0 1px 5px 0; }
input.text:focus       { border:1px solid #999; background:#fff; }

input.checkbox             {margin-top:8px; }

/* Textareas */
textarea            { margin: 0; }
textarea            { border:1px solid #333; background:#FFF; padding:2px; }
textarea:focus      { border:1px solid #666; background:#eee; }

textarea.comments {width:525px;height:50px;}

/* Select fields */
select              { border:1px solid #333;padding:1px;font-size:1.1em;margin: 3px 5px 5px 0;}
select:focus        { border:1px solid #666; background:#eee; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.required {color:#990000;}


/* Orignal MOA TOOLS styles */ 
body.tools {
	width: 980px;
	background:#555;
	margin: 0 auto;
}

#more { color: #ff0000; font-size: 9px; font-weight: bold; line-height: 16px;}
#error_message { color: #FF0000; font-size: 10px; line-height: 16px;padding:10px;margin:10px;border:1px dotted #990000;clear:both;}
#error_list { color: #000000; font-size: 10px; line-height: 16px;}
#form_label { color: #000000; font-size: 10px; line-height: 16px;}
#form_field { color: #000000; font-size: 10px; line-height: 16px;}
#message { color: #000000; font-size: 10px; line-height: 16px;padding:10px;margin:10px;border:1px dotted #990000;clear:both;}
#table_title { color: #000000; font-size: 11px; line-height: 12px; font-weight: bold;}
#table_item { color: #000000; font-size: 10px;}
#page { color: #333333; font-size: 13px; line-height: 14px;}
a#page:hover { color: #56339b; font-size: 13px; line-height: 14px;}
#page_s { color: #e10a0a; font-size: 13px; line-height: 14px;}
#draft { color: #ff0000; font-size: 24px; font-weight: bold; line-height: 24px;position:absolute; left:250px; top:42px;}

textarea.summary {width:480px;height:100px;padding-bottom:10px}
textarea.detail {width:480px;height:200px;padding-bottom:10px}


/* signup form */
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }