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

body {
  background: #e9e9e9;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

#page-wrapper {
  float: left;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

/* end od body -------------------------------------------*/

/* Heading -----------------------------------------*/

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3 {
  font-weight: normal;
}
/* end of heading----------------------------------------------*/

/* Text ----------------------------------------------*/

tr.odd td,
tr.even td {
  padding: 0.5em;
}

a {
  text-decoration: none;
}

a:link {
  color: #6f8eca;
  text-decoration: none;
}

a:visited {
  color: #6f8eca;
}

a:hover {
  color: #234c9b;
}
a.active {
  color: #5d658e!important;
}

/*end of text---------------------------------------------------*/


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

#header-wrapper {
  height: 140px;
  margin: 0 auto;
  width: 960px;
}

/* Authorize and Feed ----------------------*/

#authorize-and-feed {
  float: right;
  height: 24px;
  margin: 0 auto;
  width: 960px;
}

/*authorize---------------------*/
#authorize {
  color: #666666;
  float: left;
  font-size: 12px;
  height: 24px;
  width: 930px;
}

#authorize ul {
  float: right;
  margin: 0;
}

#authorize ul li {
  background-image: none;
  list-style: none;
}

#authorize .first {
  float: left;
  height: 19px;
  margin-top: 3px;
  text-align: right;
}

#authorize .last {
  border-left: 1px solid #979797;
  float: left;
  height: 19px;
  margin-left: 9px;
  margin-top: 3px;
  padding-left: 9px;
}
/*end of authorize-------------------*/


/*feed----------------*/
.feed-wrapper {
  float: right;
  height: 24px;
  margin: 3px auto 0;
  width: 20px;
}
/*end of feed-----------------*/

/*end of authorize and feed-----------------------*/

/* Menu and Search Box------------------- */

#menu-and-search {
  height: 37px;
  margin: 0 auto;
  position: relative;
  width: 966px;
  z-index: 5;
}

.menu-wrapper {
  background: transparent url(images/menu-background.png) repeat-x;
  float: left;
  height: 43px;
  margin: 0 auto;
  width: 946px;
}

#menu-left {
  background: transparent url(images/menu-background-left.png);
  float: left;
  height: 43px;
  width: 7px;
}

#menu-right {
  background: transparent url(images/menu-background-right.png);
  float: left;
  height: 43px;
  width: 13px;
}

/* Branding Section ----------------------------*/

#branding-wrapper {
  display: inline;
  margin: 0 auto;
  width: 960px;
}

/* branding ---------------------------*/

#branding {
  float: left;
  height: 72px;
  margin-left: 15px;
}

/* logo-------------*/

.logo {
  float: left;
  margin-top: 20px;
}

.logo img {
  height: 50px;
}
/* end of logo--------------*/


/* name and slogan ------------------*/

#name-slogan-wrapper {
  float: left;
  padding-top: 30px;
}

#name-slogan-wrapper h1 {
  font-size: 26px;
  line-height: 0.8em;
}

#name-slogan-wrapper span {
  color: #9a9a9a;
  font-size: 12px;
  line-height: 1.2em;
}

.site-name a {
  color: #666666;
  font-family: Myriad Pro;
  margin-left: 7px;
}

.site-name a:hover {
  color: #8aad39;
  text-decoration: none;
}

.site-slogan {
  padding-left: 43px;
}

/* end of name and slogan-------------*/

/* enf of branding-----------------------------*/


/* Container Wrapper-------------------------*/
#container-wrapper {
  margin: 0 auto;
  padding: 15px 0;
  width: 976px;
}


/* Container Background, also background of bottom-teaser and bottom-wrapper--------*/
.top-shadow {
  background: transparent url(images/top-shadow.png) no-repeat;
  height: 17px;
  margin: 0 auto;
  width: 976px;
}
.middle-shadow {
  background: transparent url(images/middle-shadow.png) repeat-y;
  margin: 0 auto;
  width: 976px;
}
.bottom-shadow {
  background: transparent url(images/bottom-shadow.png) no-repeat;
  height: 17px;
  margin: 0 auto;
  width: 976px;
}

/* end container background-------------------------------------------------------------*/

/*main content---------------------------*/

#content-top {
  background: #ededed;
  border: 1px solid #d1d1d1;
  border-radius: 2px;/*not compatible with IE 6, IE7 and IE 8*/
  margin-bottom: 40px;
  padding: 8px 10px;
}

#content-bottom {
  background: #ededed;
  border: 1px solid #d1d1d1;
  border-radius: 2px;/*not compatible with IE 6, IE7 and IE 8*/
  margin-bottom: 20px;
  padding: 8px 12px;
}

#content-middle {
  margin-bottom: 20px;
}
/* main content-------------*/

#main-content {
  margin-bottom: 20px;
  text-align: center;
}

#main-content .node {
  line-height: 1.2em;
  margin: 0 0 40px 0;
}

#main-content .node .title a {
  color: #666666!important;
  font-size: 25px;
}

#main-content .node .title a:hover {
  color: #8aad39!important;
  font-size: 25px;
}

#main-content .node .submitted {
  color: #4e76c3;
  font-size: 14px;
}
#main-content .node .submitted a {
  color: #666666;
  font-size: 14px;
}

#main-content .node .submitted a:hover {
  color: #8aad39;
  font-size: 14px;
  text-decoration: underline;
}

#main-content .node .content {
  color: #7f7f7f;
  font-size: 13.5px;
  line-height: 1.4em;
  margin: 15px 0 20px 0;
}

#main-content .node .links {
  margin-bottom: 20px;
}

#main-content .node .links a {
  color: #c6c6c6;
  font-size: 15px;
}

#main-content .node .links a:hover {
  color: #325e99;
  font-size: 15px;
}

#main-content .messages.error {
  background-image: none;
  border-radius: 2px;/*not compatible with IE 6, IE7 and IE 8*/
  font-size: 14px;
  margin: 10px 0 20px 0;
  padding: 12px 10px 12px 10px;
}

#main-content .messages.warning {
  background-image: none;
  border-radius: 2px;/*not compatible with IE 6, IE7 and IE 8*/
  font-size: 14px;
  margin: 10px 0 20px 0;
  padding: 12px 10px 12px 10px;
}

/*end of main content-----------*/


/*end of content-----------------------------*/


/* Footer----------------------------*/

#footer {
  font-size: 14px;
  margin: 10px auto 8px;
  position: relative;
  width: 960px;
}

.notice {
  float: left;
  padding: 2px 0 0 5px;
  width: 320px;
}

#footer #subnav {
  position: absolute;
  right: 0;
  top: 0;
}

#footer .footer-message {
  padding-left: 5px;
}

.footer {
  float: right;
  margin: 8px 5px 0 0;
}

/*end of footer-------------------------*/