/*
Theme Name: focusareas
Theme URI: http://www.qpqp.biz/
Description: CSS based theme. More themes at www.qpqp.biz
Version: 2.0.0
Author: Andrey Pshenichny
Author URI: http://www.superburo.com/
*/

@import "icons.css";

/*<group=reset>*/

body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin: 0;padding: 0;}
.low {display: none;}

/*</group>*/

/*<group=body>*/

body {
padding: 0;
margin: 0px 0px 0;
/*color: #565656;*/ /* a lighter gray */
color: #000; /* blacker than the blackest black, times infinity */
font: 80% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}


/*</group>*/

/*<group=html elements>*/

h1 {
font-size: 20px;
}

h1, h1 a,
h2, h2 a,
h3 a,
h4 a {
/*color: #505050;*/ /* a darker shade of gray */
color: #565656; /* a lighter gray */
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
color: #505050;
}

#headlines h2 {
font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
display: block;
}

#content h2 {
font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin-top: 20px;
display: block;
}

#content h2 a {
color: #000099;
text-decoration: none;
}

#content h2 a:hover {
color: #000099;
text-decoration: underline;
}

#content h3 {
font-size: 1em;
margin: 0;
}

#content h4 {
margin: 0;
font: bold 1.2em Arial, Helvetica, sans-serif;
}

table {
overflow: auto;
/*display: block;*/
}

table .light {
background: #ffffff;
border-top-style: none;
border-bottom: 1px solid #d6d6d6;
}

table .dark {
background: #f5f5f5;
border-top-style: none;
border-bottom: 1px solid #d6d6d6;
}

table .active {
background: #ffffff;
}

td {
padding: 5px 3px;
}

p {
margin: 0;
padding: 0 0 10px;
}

hr {
height: 0px;
border: 0px dotted #ffffff;
font-size: 0px;
color: #ffffff;
display: block;
clear: both;
}

hr.gray-separator
{
  font-size: 1em;
  border-top: 1px solid gray;
  border-bottom: none;
  margin: 1em 0;
}

ul {
margin: 0 0 0 1.4em;
padding: 0 0 18px 0;
}

ul ul {
padding: 0;
}

blockquote {
margin: 0;
padding: 0 18px;
font-style: italic;
}

pre, code, kbr {
font-family: Courier, Monaco, monospace;
overflow: auto;
margin: 0;
background: #dadada;
}

form {
padding: 6px 0;
}

form label {
color: #6c6c6c;
}

form fieldset {
border: 0 none;
}

fieldset {
border: 1px dotted #505050;
margin-bottom: 10px;
}

form textarea {overflow: auto; width: 380px;}

/*</group>*/

/*<group=links>*/

a {
color: #000099;
text-decoration: none;
}

a:hover {
color: #000099;
text-decoration: underline;
}

a img {border: none;}

/*</group>*/

/*<group=container>*/

#pagewrapper {
width: 970px;
margin-right: auto;
margin-left: auto;
}

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

.emptybox {
clear: both;
display: block;
}


#containerwrapper {
width: 790px;
text-align: left;
padding: 0px 0px 0px 0px;
background: repeat-y center url(page-bg.png);
}

#container {
width: 770px;
text-align: left;
padding: 0px 0px 0px 0px;
margin-right: auto;
margin-left: auto;
background: #ffffff;
}

/*</group>*/

/*<group=header>*/

#topheader {
width: 790px;
padding: 0;
border-top: 10px solid #001e5b;
margin-top: 0;
margin-bottom: 0;
}

#topheader .logo {
display: block;
text-align: left;
clear: both;
}

#loginbox {
display: block;
font-size: 0.9em;
color: #999999;
line-height: 1em;
float: right;
padding: 0 5px 0 0;
}

/*</group>*/

/*<group=navigation>*/

#navigationprimary {
padding: 0px;
display: block;
margin: 0px;
clear: both;
width: 780px;
float: left;
}

.navigationprimary {
padding: 0px;
display: block;
margin: 0px;
height: 2em;
float: right;
}

.navigationprimary ul {
margin: 0;
padding: 0;
}

.navigationprimary li {
margin: 0px;
display: block;
float: left;
line-height: 2em;
padding-left: 7px;
}

.navigationprimary li a {
text-transform: uppercase;
color: #ff9900;  /* this is orange */
/*color: #7f007f;*/
list-style: none;
margin: 0px;
display: block;
padding-left: 7px;
float: left;
text-decoration: none;
}

.navigationprimary a:hover {
list-style: none;
display: block;
padding-left: 7px;
float: left;
color: #000099;
text-decoration: none;
margin: 0;
}

#navigationsecondarywrapper {
background: no-repeat center top url(page-top-bg.png);
padding-top: 12px;
padding-right: 10px;
padding-left: 10px;
margin-top: 10px;
}

#navigationsecondary {
margin: 0px;
background: #ff9900; /*the orange is changed for staging */
/*background: #7f007f;*/
display: block;
padding-top: 5px;
padding-bottom: 3px;
}

.navigationsecondary {
margin: 0px;
background: #ff9900; /*the orange changed for staging */
/*background: #7f007f;*/
display: block;
}

.navigationsecondary ul {
margin: 0;
display: block;
}

.navigationsecondary li {
margin: 0px;
display: block;
float: left;
border-right: 1px solid #fff;
padding: 0;
}

.navigationsecondary li a {
text-transform: uppercase;
color: #ffffff;
list-style: none;
margin: 0px;
display: block;
float: left;
text-decoration: none;
padding: 0 5px;
font-size: 95%;
}

.navigationsecondary a:hover {
list-style: none;
display: block;
float: left;
color: #ffffff;
text-decoration: underline;
padding: 0 5px;
margin: 0;
}

/*</group>*/

/*<group=content>*/

#message {
padding: 5px;
text-align: left;
display: block;
background: #fce9c6;
border: 1px dotted #ff9933;
margin-bottom: 20px;
margin-top: 10px;
}

#mainbar {
float: left;
clear: both;
margin: 0px;
padding: 0px;
width: 570px;
background: #ffffff;
}

#content {
width: 550px;
margin-top: 10px;
margin-left: 15px;
line-height: 1.5em;
}

#mission {
padding: 10px;
display: block;
border: 5px solid #d6d6d6;
background: #f5f5f5;
margin-bottom: 15px;
margin-top: 5px;
line-height: 1.4em;
}

#headlines {
padding-right: 15px;
padding-left: 15px;
}

.xml-icon {
padding: 10px 0px 10px 0px;
}

/*</group>*/

/*<group=node>*/

.node, #blog-header {
margin: 0 0 10px 0;
border-bottom: 1px solid #dedede;
}

.nodecontent {
margin-top: 10px;
}

.sticky {
padding: 10px;
border: 5px solid #d6d6d6;
background: #f5f5f5;
}

.node a {
color: #000099;
text-decoration: none;
}

.node a:hover {
color: #000099;
text-decoration: underline;
}

.node .info {
display: block;
clear: both;
border-left: 5px solid #d6d6d6;
padding-left: 5px;
}

.node .submitted {
display: block;
color: #777777;
font-size:.75em;
}

.node .links {
color: #777777;
font-size:.9em;
}

.node .info a {
margin-right: 0px;
padding-right: 2px;
}

/*</group>*/

/*<group=comments>*/

.comment {
display: block;
border: 1px dotted #cccccc;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
border-left: 5px solid #cccccc;
}

.comment .new {
background: #ff9900;
color: #ffffff;
font-weight: bold;
padding: 2px;
font-size: 0.8em;
}

.comment h2 {
font-size: 0.8em;
}

.comment h2 a {
font-size: 0.8em;
}

.comment .links {
color: #777777;
font-size:.8em;
}

/*</group>*/

/*<group=sidebar>*/

#sidebarleft {
font-size: 1em;
line-height: 1.1em;
display: block;
float: right;
width: 160px;
clear: right;
border: 5px solid #d6d6d6;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
padding: 5px;
background: #f5f5f5;
}

#sidebarright {
font-size: 1em;
line-height: 1.1em;
display: block;
float: left;
width: 140px;
border: 1px dotted #d6d6d6;
margin-top: 145px;
margin-bottom: 5px;
margin-left: 5px;
padding: 5px;
}

.sidebar .block h2 {
font-size: 1.1em;
margin-bottom: 5px;
}

#sidebarright .block h2 {
background: #f5f5f5;
}

.sidebar .block h3 {
font-size: 1.1em;
margin-bottom: 5px;
}

.sidebar .block .content {
font-size: 1em;
margin-bottom: 5px;
border-bottom: 1px dotted #dedede;
padding-bottom: 5px;
}

.sidebar a {
text-decoration: none;
}

.sidebar a:hover {
color: #505050;
text-decoration: underline;
}

.sidebar .item-list li {
list-style-type: square;
list-style-image: url(menu-leaf.png);
margin: 0pt 0pt 0em 0.5em;
}

/*</group>*/

/*<group=poll>*/

.poll .title {
font-weight: bold;
margin-bottom: 10px;
}

.poll .bar {
background: #d6d6d6;
}

.poll .bar .foreground {
background: #ff9900;
}

.poll .option {
display: block;
}

/*</group>*/

/*<group=calendar>*/

.calendar {
text-align: center;
}

.calendar table {
border-collapse: collapse;
width: 100%;
padding: 1px;
display: block;
border-style: none;
}

.calendar a {
text-decoration: none;
}

.calendar a:hover {
text-decoration: none;
}

.calendar td, .calendar th {
text-align: center;
padding: 0px;
margin: 0;
font-size: 0.9em;
}

.calendar .row-week {

}

.calendar .row-week td a {
display: block;
}

.calendar .header-week th {
border-style: none;
padding-right: 3px;
padding-left: 3px;
}

.calendar .day-normal {
border: 1px solid #5e5e5e;
background: #ffffff;
}

.calendar .day-future {
border: 1px solid #5e5e5e;
}

.calendar .day-link {
background: #5e5e5e;
border: 1px solid #5e5e5e;
color: #ffffff;
}

.calendar .day-link a {
background: #5e5e5e;
border: 1px solid #5e5e5e;
color: #ffffff;
}

.calendar .day-today {
background: #5e5e5e;
border: 1px solid #5e5e5e;
color: #ffffff;
}

.calendar .day-today a {
background: #5e5e5e;
border: 1px solid #5e5e5e;
color: #ffffff;
}

.calendar .day-selected {
background: #d6d6d6;
border: 1px solid #5e5e5e;
}

.calendar .row-week td a:hover {
background-color: #ff9900;
color: #fff;
}

.calendar td.day-blank {
border: 0;
}

/*</group>*/

/*<group=foonav>*/

#foonav {
background: center bottom no-repeat url(page-bottom-bg.png);
width: 780px;
padding: 0 5px 10px;
clear: both;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
}

#foonavbarwrapper {
background: #8b8b8b;
width: 760px;
padding: 10px;
border-top: 5px solid #d6d6d6;
}

#foonavbar {
display: block;
float: none;
}

#foonavbar h2 {
font-size: 1.2em;
color: #ff9900; /* orange changed for staging */
/*color: #7f007f;*/
float: left;
}

#foonavbar hr {
color:#cccccc;
background:#cccccc;
border:none;
height:2px;
}

#foonavbar .foonavbox {
padding-bottom: 0;
margin-bottom: 0;
margin-right: 15px;
margin-left: 15px;
float: left;
clear: right;
text-transform:uppercase;
}

#foonavbar strong {
font-size: 1.2em;
color: #fff;
font-weight: normal;
}

#foonavbar ul {
padding-bottom: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 0; text-transform:none;
}

#foonavbar ul li {
display: block;
color: #cccccc;
}

#foonavbar ul li a {
color: #cccccc;
}

#foonavbar ul li a:hover {
color: #ffffff;
text-decoration: underline;
}

.listbreak {
border-bottom:1px solid;
margin-top:-0.3em;
margin-bottom:0.2em;
}

/*</group>*/

/*<group=footer>*/

#footer {
color: #999999;
font-size: 0.9em;
clear: both;
background: #ffffff;
width: 770px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
margin-top: 0;
margin-bottom: 0;
}

#footer a {
color: #505050;
}

#footer a:hover {
color: #414141;
}

#footer small {
color: #999999;
}

/*</group>*/

/*<group=img styles>*/

.logos {
background: #fff;
text-align: center;
}

.imgleft {
float: left;
display: block;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

.imgright {
float: right;
display: block;
padding: 10px;
}

/*</group>*/

/*<group=pager>*/

#pager div {
padding: 0;
margin: 0;
}

#pager {
margin-bottom: 10px;
font-size: 0.8em;
display: block;
padding-top: 5px;
}

#pager a {
border: 1px solid #d6d6d6;
padding: 2px;
background: #f5f5f5;
line-height: 0.8em;
margin-bottom: 10px;
margin-right: 2px;
margin-left: 2px;
}

/*</group>*/

/*<group=aggregator>*/

.news-item .date {
font-size: 1.1em;
font-weight: bold;
}

.news-item .title {
font-size: 1.1em;
font-weight: bold;
}

#aggregator h3 {
font-size: 1.1em;
font-weight: bold;
}

.news-item .description {
padding-top: 5px;
padding-bottom: 5px;
}

.news-item .source, .news-item .categories {
font-size: 0.8em;
border-left: 5px solid #636d62;
line-height: 1.2em;
background: #ececec;
padding: 1px 3px;
}

/*</group>*/

/*<group=tracker>*/

#tracker table {
width: auto;
}


/*</group>*/

/*<group=book>*/

.book {
border: 5px solid #d6d6d6;
background: #f5f5f5;
padding: 10px;
margin: 10px 0;
}

.book .title {
font-weight: bold;
font-size: 1.3em;
margin-bottom: 10px;
}

.book .tree {
border-top: none;
padding: 0;
margin: 0;
border-bottom: 1px dotted #d6d6d6;
}

.book .name {
padding-top: 10px;
font-weight: bold;
font-size: 1em;
}

.book .nav {
border-top: none;
border-bottom: none;
padding-bottom: 10px;
padding-top: 10px;
clear: both;
}

.book .nav .links {
clear: both;
}

.book .nav .titles {
clear: both;
}

.book .nav .prev {
float: left;
text-align: left;
width: 45%;
}

.book .nav .next {
float: right;
text-align: right;
width: 45%;
}

.book .nav .up {
text-align: center;
}

/*</group>*/

/*<group=menu>*/

li.expanded {
list-style-type: circle;
list-style-image: url(menu-expanded.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}

li.collapsed {
list-style-type: disc;
list-style-image: url(menu-collapsed.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}

li.leaf {
list-style-type: square;
list-style-image: url(menu-leaf.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}

/*</group>*/

/*<group=blocks>*/

.block-search h2 {
display: none;
}

.block-search form {
margin: 0;
padding: 0;
}

.block-search form .form-text {
margin: 0;
padding: 0;
width: 155px;
}

.block-user h2 {
display: none;
}

/*</group>*/

.opendoc-table {
padding-left: 10px;
border: 1px solid #d6d6d6;
}

a.freelinking_nonexistent {
color: red;
}

a.tagadelic {
  padding: 0.25em;
}


span.textcoloroffset {
  color: #6699cc;
}

p.rightalign {
  float: right;
}

.clear {
clear: both;
}

.submitted {
font-size:small;
}

.node-event .field-field-description {
  margin-top:1em;
}

.image-attach-teaser {
  float:none;
}

#news-page .feed-item-source {
  font-size:.75em;
}