/**
 * Base - Sets vertical rhythm and basic overall typographic face-lift
 * 
 * @package WPFramework
 * @subpackage Media
 * @beta
*/

/* Skining */

/* Document Body */
@font-face{
	font-family:"Humnst777 BT Roman";
	src:url("Humnst777-BT-Roman.ttf"),url("Humnst777-BT-Roman.eot");
}
body, input, textarea {
    color: #4a4949;
    font-family: Humnst777 BT Roman;
    font-size: 9pt;
}

.archive .container, .singular .container, .search .container, .page .container {
	background-image: url(homeBackground.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: white;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

body {
     background-color: white;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

a {
    color: #4183da;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.container {
   width: 1005px;
   margin: 0px 0px 0px 0px;	
}

#content {
    position: relative;
    z-index: 1;
}

.breadcrumbs {
    position: relative;
    z-index: 2;
}

/* Header */

.header {
    height: 120px;
    margin: 0px;
}

#logo {
    height: 76px;
    padding: 0px 0px 0px 0px;
    position: relative;
    width: 222px;
}

#logo a {
    display: block;
    height: 76px;
    overflow: none;
    text-indent: -1000px;
    width: 222px;
}

#notice {
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: 5px;
}

#tagline {
    display: none;
}

/* Search form */

.searchbox {
	clear: both;
	float: right;
	margin-top: 10px;
}

.searchbox form {
    background-image: url(searchTextbox.gif);
    background-repeat: no-repeat;
    height: 23px;
    width: 200px;
    margin: 0px;
    padding: 0px;
    vertical-align:top;
}

.searchbox .search {
    background-color: #F1EFEF;
    border: 0px;
    font-size: 7pt;
    height: 15px;
    margin: 0px 0px 0px 2px;
    width: 104px;
}

.searchbox .search-btn {
    background-color: #D2C3D3;
    background-image: url(button_search.png);
    background-repeat: no-repeat;
    border: none;
    height: 23px;
    margin: 0px 0px 0px 8px;
    overflow: hidden;
    position: relative;
    text-indent: -1000px;
    width: 65px;
}

/* Menu */

.menu-main-menu-container {
    background-image: url(mainNaviBackground.gif);
    background-repeat: no-repeat;
    height: 45px;
    z-index: 10;
	margin-left: 0px;
	padding-left: 10px;
}

#menu-main-menu {
   float: left;
   font-family: Humnst777 BT Roman;
   line-height: 35px;
   text-transform: uppercase;
   width: 100%;
   padding: 0px 0px 0px 7px;
   z-index: 10;
}

#menu-main-menu, #menu-main-menu * {
    list-style: none;
    margin-left: 0;
    z-index: 10;
}

#menu-main-menu li {
    float: left;
    padding: 0;
    position: relative;
    z-index: 10;
}

#menu-main-menu .menu-item {
    background-image: url(mainNaviSeparator.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 10;
}

#menu-main-menu .menu-item:first-child , #menu-main-menu .sub-menu .menu-item {
	background-image: none;
}

#menu-main-menu a {
    color: #5E585D;
    display: block;
    position: relative;
    padding: 0px 8px 0px 8px;
    z-index: 10;
}

#menu-main-menu a:hover {
    /*color: #4183da;*/
    text-decoration:  none;
    z-index: 10;
}

#menu-main-menu li:hover a {
  color: white;
}

#menu-main-menu li.menu-item-has-children:hover a {
/*  background: url('icon_submenu-arrow.png') no-repeat;
  background-position: bottom;*/
  background: #9dcaea;
  text-decoration: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* submenus */
#menu-main-menu li ul {
    font-family: Humnst777 BT Roman;
    line-height: 11pt;
    position: absolute;
    text-transform: none;
    visibility: hidden;
    z-index: 10;
}

#menu-main-menu li:hover ul {
    position: absolute;
    visibility: visible;
    z-index: 10;
}

#menu-main-menu li:hover ul {
/*  border: 1px solid #e8e7e2;
  border-top: none;
  width: auto;
  padding: 10px;
  background: white;*/
}

#menu-main-menu li:hover ul li a {
  padding: 5px;
  color: white;
}

#menu-main-menu li ul:hover, 
#menu-main-menu li ul li:hover, 
#menu-main-menu li ul li a:hover {
    visibility: visible;
    z-index: 10;
}

#menu-main-menu li ul li {
    float: none;
    z-index: 10;
    position: relative;
}

#menu-main-menu li ul .menu_item {
    background-image: none;
    z-index: 10;
    position: relative;
}

#menu-main-menu li ul li a {
  display: block;
  position: relative;
  float: left;
  width: auto;
  width: 190px;
  padding: 3px;
  color: #555;
  font-weight: bold;
}

#menu-main-menu li ul li a:hover {
  text-decoration: underline;
    color: #4d82e4;
    z-index: 10;
    position: relative;
}

#menu-main-menu li.menu-item-has-children:hover ul li a {
  border-radius: 0;
}

/* submenu level 2 */

#menu-main-menu li ul ul, #menu-main-menu li:hover ul ul {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}

#menu-main-menu li ul ul li {
  float: left;
}

#menu-main-menu li ul ul li a, 
#menu-main-menu li:hover ul ul li a,
#menu-main-menu li.menu-item-has-children:hover ul ul li a{
	display: block;
  padding: 3px 5px;
  font-weight: normal;
  color: #56585a;
  background: #cbe1fd;
  border-radius: 0;
}

#menu-main-menu li:hover ul ul li a:hover {
  color: #4d82e4;
}

/* submenu level 3 */

#menu-main-menu li ul ul ul, 
#menu-main-menu li:hover ul ul ul {
    position: relative;
    z-index: 10;
}

#menu-main-menu li ul ul ul a, 
#menu-main-menu li:hover ul ul ul a,
#menu-main-menu li.menu-item-has-children:hover ul ul ul a {
  background: #e3ecf5;
}

/* submenu level 4 */

#menu-main-menu li ul ul ul ul, #menu-main-menu li:hover ul ul ul ul {
  visibility: hidden;
  position: fixed;
  z-index: 10;
}

/* submenu rounded borders */
#menu-main-menu li.menu-item-has-children:hover ul li:first-child a {
  border-top-right-radius: 10px;
}

#menu-main-menu li.menu-item-has-children:hover ul li:first-child ul a,
#menu-main-menu li.menu-item-has-children:hover ul ul li:first-child a {
  border-top-right-radius: 0;
}


/* Breadcrumb */

.breadcrumb {
    font-weight: bold;
    font-size: 7pt;
    line-height: 27px;
    padding: 15px 0px 0px 35px;
}

.breadcrumb a, .breadcrumb .sep {
    color: #4C454C;
    font-weight: normal;
}

/* Footer */

.footer {
    background-image: url(footerBackground.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    color: #60565f;
    clear: left;
    font-size: 8.5pt;
    padding: 25px 35px 0px 35px;
    position: relative;
    height: 25px;
}

#copyright {
    display: block;
    width: 300px;
}

#footerMenu {
    display: block;
    width: 200px;
    position: absolute;
    top: 25px;
    right: 305px;
}

#footerMenu a {
    color: #60565f;
}

#socialmedia {
    display: block;
    font-weight: bold;
    height: 30px;
    width: 280px;
    position: absolute;
    top: 25px;
    right: 35px;
}

#socialmedia_join, #socialmedia a {
    color: #60565f;
    display: block;
    float: left;
    font-weight: normal;
}

.smFacebook {
    background-image: url(footerFacebook.gif);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 15px 25px;
}

.smYoutube {
    background-image: url(footerYoutube.gif);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 15px 25px;
}

.smFeed {
    background-image: url(footerFeed.gif);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 15px 25px;
}

/* Homepage */

home .breadcrumb-title {
    /* Home does not display breadcrumbs. */
    display: none;
}

.home #content {
    /* No padding above for home. */
    padding: 0px 15px 10px 15px;
}

#homeFeature {
    position: relative;
    margin: 0px 0px 10px 20px;
}

#homeFlash {
    height: 325px;
    width: 600px;
    overflow: hidden;
}

#homeFlash ul {
    list-style: none;
}

#homeBurbs {
   height: 310px;
   position: absolute;
   margin: 0px 46px 0px 0px;
   right: 0px;
   top: 110px;
   width: 289px;
}

#homeBurbs .homeRollout_widget h4 {
    background-image: url(homeFeatureTitle.jpg);
    background-repeat: no-repeat;
    color: white;
    cursor: pointer;
    font-family: Humnst777 BT Roman;
    font-size: 10pt;
    line-height: 33px;
    padding: 0px 0px 2px 12px;
}

#homeBurbs .homeRollout_widget .textwidget {
    overflow: hidden;
    padding: 4px 10px 8px 12px;
    height: 85px;
}


#homeContent {
    border: 1px solid #CDC9C9;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 10px;
    width: 905px;
}

#homeContentLeft {
    display: block;
    float: left;
    width: 610px;
    overflow: hidden;
}

#homeContentRight {
    display: block;
    float: right;
    width: 289px;
    overflow: hidden;
}

#homeContentLeft .homeLeft_widget {
    display: block;
    float: left;
    width: 610px;
}

#homeContentLeft .homeLeft_widget h4 {
    background-image: url(homeWhatExpectTitle.jpg);
    background-repeat: no-repeat;
    color: white;
    font-family: Humnst777 BT Roman;
    font-weight: bold;
    font-weight: 10pt;
    height:33px;
    line-height: 33px;
    padding: 0px 0px 0px 40px;
}

#homeContentLeft .homeLeft_widget .textwidget {
    background-image: url(http://www.opennet.com.sghomeLeftShadow.jpg);
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-family: Humnst777 BT Roman;
    font-size: 10pt;
    font-weight: bold;
    margin: 1px 0px 0px 0px;
    padding: 15px 10px 10px 10px;
    width: 610px;
}

#homeResidentialWhatExpect, #homeNonResidentialWhatExpect {
    display: block;
    float: left;
    width: 290px;
}

#homeResidentialWhatExpect ul, #homeNonResidentialWhatExpect ul {
    font-family: Humnst777 BT Roman;
    font-size: 9pt;
    font-weight: normal;
    list-style: none;
    padding: 15px 0px 0px 0px;
}

#homeResidentialWhatExpect ul li, #homeNonResidentialWhatExpect ul li {
    background-image: url(listMarker.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 3px 0px 3px 20px;
}

.homeContentTitle {
    color: white;
    font-family: Humnst777 BT Roman;
    font-weight: bold;
    line-height: 33px;
    padding: 0px 0px 0px 40px;
}

.homeContentTitle a {
    color: white;
}

.homeRight_widget {
    width: 289px;
}

.homeRight_widget H4 {
    background-image: url(homePostTitle.jpg);
    background-repeat: no-repeat;
    color: white;
    font-family: Humnst777 BT Roman;
    font-weight: bold;
    font-weight: 10pt;
    height:33px;
    line-height: 33px;
    padding: 0px 0px 0px 40px;
}

.homeRight_widget H4 a {
    color: white;
}

.homeRight_widget H4 a:hover {
    text-decoration: none;
}

.homeRight_widget ul {
    background-image: url(homeRightShadow.jpg);
    background-repeat: no-repeat;
    margin: 1px 0px 0px 0px;
    padding: 15px 10px 10px 10px;
    list-style: none;
    margin-left: 0;
}

.homeRight_widget ul li {
    font-size: 8pt;
    margin: 0px 0px 10px 0px;
}

.homeRight_widget .post-date {
    font-weight: bold;
}

.home .postTitle {
    color: #4183da;
}

.home .footer {
    background-image: none;
}

/* Search Result page */

.search #content {
    float: left;
    padding: 5px 0px 10px 0px;
}

.search #primary {
    float: left;
    padding: 20px 0px 0px 35px;
    width: 710px;
}

.search #secondary {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 205px;
}

#search-query {
    list-style: none;
}

#search-query li {
    border-top: 1px solid #CDC9C9;
    padding: 10px 0px 10px 0px;
}

#search-query .entry-summary {
    padding: 15px;
}

/* tag page */

.tag .hentry {
    border-top: 1px solid #CDC9C9;
    padding: 10px 0px 10px 0px;
}


.tag .entry-summary {
    padding: 15px;
}

.tag .entry-meta {
    padding: 15px !important;
    font-size: 8pt;
    font-weight: normal;
}

/* Category lists */

.category .entry-title {
    background-position: 0px 0px;
    font-size: 9pt;
}

/* Archive lists */

.archive .post {
    clear: left;
    display: block;
    float: left;
    border-top: 1px solid #CDC9C9;
    padding: 10px 0px 10px 0px;
    width: 100%;
}

.archive .entry-meta {
    padding: 0px 0px 10px 0px;
    font-weight: bold;
}

.archive .published {
    clear: left;
    display: block;
    /* float: left; */
    width: 100px;
    padding: 0px 0px 0px 18px;
}

.archive #content {
    float: left;
    padding: 5px 0px 10px 0px;
}

.archive #primary {
    float: left;
    padding: 20px 0px 0px 35px;
    width: 710px;
}

.archive #secondary {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 205px;
}

/* Single Post */

.page .post, .singular .post {
    padding: 10px 0px 10px 0px;
}

.page .entry-meta, .singular .entry-meta {
    padding: 0px 0px 10px 0px;
    font-weight: bold;
}

.page .entry-content, .singular .entry-content {
    padding: 0px;
}

.page #content, .singular #content {
    float: left;
    padding: 5px 0px 10px 0px;
}

.page #primary, .singular #primary {
    float: left;
    padding: 20px 0px 0px 35px;
    width: 710px;
}

.page #secondary, .singular #secondary {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 205px;
}

/* Side bars */

#secondary h4 {
    color: #4C454C;
    font-family: Humnst777 BT Roman;
    font-weight: bold;
    font-size: 10pt;
    padding: 30px 5px 0px 35px;
    margin: 0px 0px 10px 0px;
}

#secondary .widget {
}

#secondary .widget object p{
	padding-left: 20px;
}

#secondary .widget div {
    padding: 0px 5px 10px 35px;
}

#secondary .widget div div {
    padding: 0px 0px 0px 0px;
}

#secondary .widget ul, #secondary .widget ol {
    list-style: none;
    margin-left: 0;
}

#secondary .widget ul ul, #secondary .widget ol ol {
    position: relative;
    left: -35px;
    width: 205px;
    background-image: url(sidebarListSeparator.gif);
    background-position: left top;
    background-repeat: no-repeat;

    /* heck to hide additional 5px space below. */
    overflow: hidden;
    margin-bottom: -5px;
    margin-top: 5px;
}

#secondary .widget ul li, #secondary .widget ol li {
    background-image: url(sidebarListSeparator.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 35px;
}

#secondary object {
    margin-left: 20px;
}

/* Main content */

#content {
    padding: 5px 35px 10px 35px;
}

.entry-title {
    background-image: url(titleBling.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    color: #4a4949;
    display: block;
    font-size: 12pt;
    font-weight: bold;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 20px 0px;
}

.entry-content {
    color: #4C454C;
}

.entry-content a {
    font-weight: bold;
}

.navigation-links {
    padding: 20px 0px 20px 0px;
    text-align: right;
}

.navigation-links .nav-next {
    display: block;
}

.navigation-links .nav-previous {
    display: block;
}

.moreLink {
    background-image: url(moreLink.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 16px;
}

.article p {
    padding: 0px 0px 16px 0px;
}

.article ul, .article ol {
    padding: 5px 0px 5px 25px;
}

.article li {
    padding: 2px 0px 2px 0px;
}

/* Media gallery link */

#mediaLink {
    font-size: 7pt;
    position: absolute;
    right: 0px;
}

#mediaLink a {
    color: #4a4949;
}

#mediaLink .photogallery_link {
    background-image: url(button_photogallery.gif);
    background-position: left center;
    background-repeat: no-repeat;
    border-right: 1px solid #4a4949;
    padding: 0px 10px 0px 20px;
}

#mediaLink .videogallery_link {
    background-image: url(button_videogallery.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0px 35px 0px 20px;
    margin: 0px 0px 0px 10px;
}

/* tubepress */

.tubepress_container .pagination .current {base
    color: #4a4949 !important;
}

.tubepress_container .pagination a {
    color: #722169 !important;
}

.tubepress_container .pagination a:hover {
    background-color: #722169 !important;
    color: #ffffff !important;
}

/* nextgen gallery */

.ngg-gallery-thumbnail-box {
    width: 33%
}

.ngg-navigation {
    padding: 15px 0px 15px 0px;
}

.ngg-navigation span {
    color: #4a4949 !important;
}

.ngg-gallery-thumbnail {
    width: 100%;
}

.ngg-gallery-thumbnail, .ngg-gallery-thumbnail img {
    margin: 0px auto !important;
}

.ngg-navigation a {
    color: #722169 !important;
}