/* Container Wrapper-------------------------*/
#container-wrapper {
  margin: 0 auto;
  padding: 0px 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;
}

/* triplet wrapper,this is to create separator between column in triplet wrapper--------*/
.triplet-wrapper.in2 .separator-fix {
  background: transparent url(../images/separator-fix-2.png) repeat-y center;
}

.triplet-wrapper.in3 .separator-fix {
  background: transparent url(../images/separator-fix-3.png) repeat-y center;
}
/* end of triplet wrapper-----------------------*/

/* fix the collapsed part of container wrapper*/
#container-wrapper .middle-shadow {
  padding-bottom: 1px;/* fix the collapsed part. "Don't Touch" */
}
/*end of fix*/

/* middle fix is to fix container of middle shadow:D ------*/
.middle-fix {
  margin: 0 auto;
  width: 920px;
}

#container-wrapper .middle-fix {
  margin: 0 auto;
  padding: 20px 0 0;
  width: 920px;
}

.two-sidebars #container-wrapper .middle-fix {
  margin: 0 auto;
  padding: 20px 0 0;
  width: 940px;
}

/* middle fix is ended--------------------------------------*/

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

/*Breadcrumb--------------*/
#breadcrumb {
  display: block;
  float: none;
  font-size: 14px;
  height: 15px;
  padding-left: 15px;
}
/*end of breadcrumb---------------------*/


/* Side Bar------------------------*/

.sidebar .block {
  margin-bottom: 10px;
}

.sidebar h2 {
  background: #ededed;
  border-bottom: 1px solid #d0d0d0;
  font-size: 18px;
  overflow: hidden;
  padding: 3px 4px;
}

.sidebar .content {
  overflow: hidden;
  padding: 3px 4px;
}

.sidebar .content ul.menu li {
  margin-left: 3px;
}

.two-sidebars #sidebar-left-wrapper {
  float: left;
  width: 21%;
}

.one-sidebar #sidebar-left-wrapper {
  float: left;
  width: 24%;
}

#sidebar-left {
  font-size: 13px;
}

#sidebar-left .block {
  background-color: #fcfcfc;
  border-bottom: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-radius: 2px;/*not compatible with IE 6, IE7 and IE 8*/
  border-right: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
}

.two-sidebars #sidebar-right-wrapper {
  float: right;
  width: 21%;
}

.one-sidebar #sidebar-right-wrapper {
  float: right;
  width: 24%;
}

#sidebar-right {
  font-size: 13px;
}

#sidebar-right .block {
  background-color: #fcfcfc;
  border-bottom: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-radius: 2px;/*not compatible with IE 6, IE7 and IE 8*/
  border-right: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
}

.sidebar .block ul {
  margin: 0;
  padding: 0;
}

/*end of sidebar-------------------------*/


/*main content---------------------------*/
.two-sidebars #main-content {
  float: left;
  margin-left: 8px;
  width: 56.3%;
}

.one-sidebar.sidebar-first #main-content {
  float: left;
  margin-left: 13px;
  width: 74.5%;
}

.one-sidebar.sidebar-second #main-content {
  float: left;
  width: 74.5%;
}

#content-top {
  background: #ededed;
  border: 1px solid #d1d1d1;
  border-radius: 2px;/*not compatible with IE 6, IE7 and IE 8*/
  margin-bottom: 20px;
  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 .node {
  line-height: 1.2em;
  margin: 0 0 20px 0;
}

#main-content .node .title a {
  color: #000000!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;
  margin-top: 3px;
}
#main-content .node .submitted a {
  color: #000000;
  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: 10px 0 10px 0;
}

#main-content .node .links {
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  color: #999999;
  margin: 0 40px 20px 5px;
  padding: 3px 0;
}

#main-content .node .links ul {
  border: none;
}

.page-node- #main-content .node .links {
  border: none;
  color: #999999;
}

#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 {
  border-radius: 2px;/*not compatible with IE 6, IE7 and IE 8*/
  font-size: 14px;
  margin: 0 0 20px 0;
  padding: 12px 10px 12px 40px;
}

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

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

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

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