/* $Id: local-sample.css,v 1.1 2009/08/19 04:28:07 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

/****************************/
/* theme overrides
/****************************/

/** apture hide powerbar **/
body #aptureD .aptureActionBar,
body #aptureD .aptureActionBar .apturePowered,
body #aptureD .aptureActionBar .aptureGet {display:none !important;}

/****************************/
/* typography
/****************************/
h1, h2, h3, h4, h5, h6 {
margin: auto;
margin-top: .3em;
}

h1.title {
color:MidnightBlue;
margin-bottom:4px;
}

/***** links */
a {
color: darkBlue;
outline: none;
}

a:hover {color: ForestGreen;text-decoration: none;}

hr {
border:1px dotted indianRed;
height:auto;
}

/****************************/
/* html elements
/****************************/
body {
background-color: #2D1650;
color:DarkSlateBlue;
line-height:1;
}

.header-group {
background-color: #1A0D2A;
background-image: url(../img/header-bg.png);
background-position: bottom left;
background-repeat: repeat-x;
margin-bottom: 0;
}

#site-name {display: none;}

.header-site-info .header-site-info-inner {
margin:1em 0em;
}

.primary-menu {
background-color: transparent;
border-bottom: 5px solid gold;
margin:0;
}

.breadcrumbs,
.breadcrumb,
.breadcrumbs-inner
{
}

.breadcrumbs a {
display:inline-block;
font-size:100%;
padding:3px 5px;
}

.main {
background-color: linen;
border-bottom:9px solid gold;
padding:1.3em 0;
}

.main-content {}

.content-group {
margin-bottom:0;
}

.content-region .content-inner-inner {
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
background-color:White;
color:black;
padding:1em 2em;
}

#sidebar-first,
#sidebar-last {
}

/****************************/
/* PRIMARY LINKS */
.primary-menu {}
.primary-menu .primary-menu-inner {margin: 0;}
.primary-menu .primary-menu-inner ul li {list-style: none;margin: 0;}
.primary-menu .primary-menu-inner ul li a {
background: orange url(../img/primary-li-a.png) no-repeat left top;
color:white;
font-size:110%;
font-weight:bold;
padding:2px 1.3em;
text-shadow:1px 1px 6px indigo;
text-transform:lowercase;
}

.primary-menu .primary-menu-inner ul li a:hover,
.primary-menu .primary-menu-inner ul li a.active:hover
{
background-image: none;
background-color: MediumVioletRed;
}

.primary-menu .primary-menu-inner li a.active {
background-position:right top;
}


/****************************/
/* FORMS */

.form-item input, .form-item select, .form-item textarea {
border:2px solid gainsboro;
}

fieldset {
border:2px solid gainsboro;
}

div.resizable-textarea .grippie {
background-color:gainsboro;
border:medium none;
height:4px;
}

/***** local task tabs */
.content-tabs,
.content-tabs-inner
{
margin:0;
padding:0;
border:medium none;
}
.content-tabs-inner ul.primary,
.content-tabs-inner ul.primary li,
.content-tabs-inner ul.primary li a,
.content-tabs-inner ul.secondary,
.content-tabs-inner ul.secondary li,
.content-tabs-inner ul.secondary li a
{
margin: 0;
padding: 0;
}

.content-tabs .content-tabs-inner ul.primary,
.content-tabs .content-tabs-inner ul.secondary
{
border-color:orange;
margin-top:10px;
}

.content-tabs .content-tabs-inner ul.primary li a,
.content-tabs .content-tabs-inner ul.secondary li a
{
background-color: transparent;
border:0 none;
color:gray;
font-size:100%;
font-weight:normal;
padding:0 10px;
}

.content-tabs .content-tabs-inner ul.primary li a:hover,
.content-tabs .content-tabs-inner ul.primary li a.active {
color: midnightblue;
}

.content-tabs .content-tabs-inner ul.primary li a.active {font-weight: bold;}

.content-tabs .content-tabs-inner ul.primary li {}

.content-tabs .content-tabs-inner ul.secondary li a {
padding: 4px;
}


/**** vertical tabs */

.vertical-tabs {
border:4px solid darkturquoise;
}

.vertical-tabs-panes {}

.vertical-tabs-list ul,
.vertical-tabs-list li,
.vertical-tabs-list li a
{
background-color: transparent;
border-color:darkorange;
border-width:0;
}

.vertical-tabs-list li.selected a {
background-color: DarkTurquoise;
color: white;
}

.vertical-tabs-list li.selected strong {
color:Yellow;
}

.vertical-tabs-list li strong {
font-weight:bold;
}



/****************************/
/* block regions
/****************************/
.block-region {
background-color:BlanchedAlmond;
border:1px dotted Orange;
color:black;
font-size:100%;
}


/****************************/
/* blocks
/****************************/
.block {
margin: 0;
}

.sidebar-first .block,
.sidebar-last .block
{
border-bottom: 2px solid gainsboro;
margin-bottom: 2em;
}

body ul {}
ul.menu li, ul.links li {
list-style-image:none;
list-style-type:square;
}

/****************************/
/* taxonomy stuff
/****************************/
.terms {}
.terms ul li {}
.terms ul li a {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color:darkBlue;
color:white;
padding:1px 7px;
text-decoration: none;
}
.terms ul li a:hover {
background-color:gold;
color:darkblue;
}

/****************************/
/* nodes
/****************************/
div.node {}
div.node .content a {color: forestGreen;}

.node .inner .content {margin-bottom: 1em;}

.node .inner .content img {
border:1px solid;
color:#ddd;
padding:5px;
}

.node .inner .picture {
background-color:white;
border:1px solid gainsboro;
float:left;
margin:7px;
padding:3px;
}

.node .inner .submitted {
background-color:indigo;
border-bottom:5px solid DarkSlateBlue;
color:white;
display:block;
margin-bottom:2em;
padding:4px 9px;
}

.node .inner .submitted a {color:orange;font-weight: bold;}


.node div.links {margin: 2em 0;}
.node div.links ul {}
.node div.links ul li {}
.node div.links ul li a {
border:2px solid;
font-weight:bold;
padding:3px 7px;
}