/* just to get you started */

/* ----------------- brand new styles ----------------- */


body    {
    background: #def58c ;
    font-family: "Hoefler Text", Garamond, Palatino, "Palatino Linotype", "Times New Roman", serif;
    line-height: 1.2;
    color: #222;
    }

p{margin-bottom: 1em;}

/* it there is no horiz nav, you don't need all that top padding */
.no_nav_horiz div#outer-wrapper   {
    padding: 0px 30px 5px;
    }

div#outer-wrapper   {
    padding: 30px 30px 5px;
    margin: 30px auto;
    background: white;
    width: 960px;
    border: 1px solid black;
    }

div#inner-wrapper   {
    padding: 0 0 10px;
    margin: 0;
    background: white;
}

div.footer  {
    border-top: 1px solid black;
}
h1,h2,h3,h4,h5,h6 {margin: 0.6em 0 0.8em 0;}

h1  {font-size: 220%; color: #412fd9; font-variant: small-caps; font-weight: normal; text-align: center; }
h2  {font-size: 170%; font-style: italic; font-weight: normal; color: #7e991e; border-bottom: 1px solid gray;}
h3  {font-size: 150%; margin-bottom: 0;}
h4  {font-size: 112%}
h5  {font-size: 86%}
h6  {font-size: 75%}

/* ----------------- arkestra.css ----------------- */

/* background of important items */
ul.plugin-list.vertical li.grouper li.important {
    background: #fffd92;
    }

/* groupers in plugin lists */
ul.plugin-list li.grouper {color: #ff7f37;}
ul.plugin-list li.grouper ul {
    color: #444;
    }

/* summary for news, events, etc */
.summary   {color: gray; size: 200%;}
.date   {color: #666; font-weight: lighter; font-style: italic;}

ul.plugin-list li span.site-name    {
    font-family: "gill sans", "gill sans mt", "Trebuchet MS", sans-serif;
    font-variant: small-caps;
    color: #666;
}

*[class|="has-background"] {
    padding: 8px;
    border: none;
}

*.has-background-green  {
    background: #edfac1;
    color: black;
    }

*.has-background-yellow  {
    background: #fffec5;
    color: black;
    }

*[class|="has-background"] .plugin h2 {
    border-bottom: none;
    margin-top: 0;
    color: black;
}

/* typogrify_tags */

.caps {font-size: 93%;}
.amp {font-size: 105%; font-family: "Hoefler Text", "Didot", Georgia, serif; font-style:italic;}

/* ----------------- arkestra_navigation.css ----------------- */

ul.menu	{ /* the whole thing */
    background: #def58c;
    padding: 8px;
    padding-right: 8px;
    border-bottom: 1px solid gray;
	}

ul.menu li	{ /* all items */
    background: #def58c;
	padding-bottom: 8px;
	}

ul.menu li li li li {
    background: #ecf9ba;
    padding: 6px;
    font-size: 90%;
    }

ul.menu li li li li li {
    background: #f3fbd2;
    }

ul.menu ul { /* 2nd level list */
}

ul.menu ul li { /* 2nd level items */
    padding-left: 6px;
    padding-right: 6px;
}

ul.menu ul ul { /* 3rd level list */
	padding: 7px 0 0;
}

ul.menu ul li:hover ul {
}

ul.menu ul ul li {
	padding-top: 8px;
	border-top: 1px solid gray;
}

li.menu_item a	{
    color: black;
}

li.menu_item a.selected	{
    color: #412fd9;
	}

li.menu_item a:hover	{
	color: #ff7f37;
	}


/* the default horizontal menu site navigation menu */

ul.menu	{ /* the whole thing */
	text-align: left;
    z-index: 200;
    position: relative;
	}

li.menu_item a	{
	text-decoration: none;
	border: none;
}

li.menu_item a:hover	{
	}

li.menu_item	{ /* all items */
	display: inline;
	width: 100%;
	list-style-type: none;
	}

ul.menu ul { /* 2nd level list */
    display: inline;
    text-align: right;
    float: right;
}

ul.menu ul li { /* 2nd level items */
   	position: relative; /* for the absolute drop-down */
}

ul.menu ul ul { /* 3rd level list - off by default */
	display: none;
    text-align: left;
	position: absolute;
    left: 0;
    width: 100%;
}

ul.menu ul li:hover ul { /* hovering over 2nd level displays third */
	display: block;
}

ul.menu ul ul li {
    display: list-item;
}

ul.menu ul ul ul   {
    top: -1px;
    left: 100%;
    padding-top: 0;
}

ul.menu ul ul ul li {
}

ul.menu ul ul li:hover ul    {
    display: block;
}

ul.menu li li:hover ul ul,
ul.menu li li:hover ul ul
   {display:none;}
ul.menu li li:hover ul,
ul.menu li li li:hover ul    {display:block;}

/* the default tab menu, as used for People and Places */

ul#tab-menu {
	border-bottom: 7px solid #707070;
	float:left;
	width: 100%; /* width of entire menu */
	margin: 0 0 .5em 0; /*margin underneath menu*/
	padding: 0;
}
ul#tab-menu li {
	background:url(/static/arkestra/images/tabmenu/tabmenu_bg_inactive_rt.gif) no-repeat right top;
	float:left;
	margin: 0 2px 0 0; /*gap between menu tabs*/
	padding:0;
	list-style: none;
}

ul#tab-menu a {
	background:url(/static/arkestra/images/tabmenu/tabmenu_bg_inactive_lt.gif) no-repeat left top;
	display:block;
	padding: 0.1em 1.2em;/*padding within tab*/
}
ul#tab-menu  .active span {
	color:#fff;
	display:block;
	padding: 0.1em 1.2em;
}
ul#tab-menu .active {
	background:url(/static/arkestra/images/tabmenu/tabmenu_bg_active_rt.gif) no-repeat right top;
	border-bottom: 1px solid #707070;
}
ul#tab-menu .active span {
	background:url(/static/arkestra/images/tabmenu/tabmenu_bg_active_lt.gif) no-repeat left top;
}
ul#tab-menu a,
ul#tab-menu li a:link,
ul#tab-menu li a:visited,
ul#tab-menu li a:hover,
ul#tab-menu li a:active{
	color:#fff;
	text-decoration:none;
	border-bottom: none;
}

/* ----------------- images ----------------- */


/* the image-title is generally superimposed on it */
.imageset .image-title {
    text-transform:uppercase;
    text-align: right;
    font-size: 95%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 2px 10px;
    color: black;
    background: rgba(255,255,255,.7);
    }

.imageset .image-caption {
    font-style: italic;
    font-weight: lighter;
    font-size: 90%;
    text-align: right;
    padding-bottom: 5px;
    }
