/*
#------------------------------------------------------------------------
ENERGETICA TEMPLATE v1 for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2010 Energetica.com.au, Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html - insert license here
#Author: Energetica.com.au, Ltd
#Websites: Energetica.com.au
#------------------------------------------------------------------------
*/

/* Additional Style sheets */
/*comment to test permission */

@import url('new_menus.css');
@import url('modules.css');
@import url('reset.css');
@import url('text.css');
@import url('960.css');
@import url('forms.css');
@import url('sonsuckerfish.css');
@import url('user_styles.css');
@import url('civi_extras.css');

/* end */
html {
  background: #44c8f5;
}

body {
    color: #333;
        font-size:85%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus  {background-color:black;color:white;} 



.floatleft {
    float:left;
}

.floatright {
    float:right;
}

h1 {margin-bottom: 5px;
  margin-left: -10px;
    font-weight: bold;
    text-align: left;
         line-height: 1.1em;
}


h1#sitename {
    font-weight:normal;
    letter-spacing:0.02em;
    padding:10px 20px 10px 168px;
    text-align:left;
}

.content p {
    line-height:1.35;
    overflow:hidden;
    margin-bottom:17px;
}

.content p:first-child {
}

.blog .content p:first-child {
    font-size:1.05em;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0.03em;
}

.container_12 {
    /* background: #fff url(../images/12_col.gif) repeat-y;*/

margin-bottom: 20px;
}

#wrapper {
    padding:0px 0px 20px 0px;
    margin:0 auto;
    display:block;
}

#frontpagewrapper {margin-left:-10px;}

#ourpage {
}
#ourpage.container_12, #topnav.container_12 {margin-bottom:0;

}

#left { margin-top: -30px;}

#pagebody {
  /* background:white; */ /*This overwrites background image url (used for grey background behind right-hand modules) which is set in .backgroundon */
  padding-top:10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);

}

#pagebody_footer {
    background-image:url(../images/pagebody_footer.png);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:960px;
}

#footer {
  background-color: #EDEDED;
    margin-left: 0px;
    text-align: center;
    width: 960px;
    border-radius: 0 0 10px 10px;
    position:relative;
    behavior:url(templates/ACCAN/css/PIE.htc);
}

#footer .inside {padding:10px;}
#footer p {
    margin-bottom:0;
}

#footer .grid_6 {
    padding:10px 0;
    text-align:center;
}

.backgroundon {
    background-image:url("../images/2col_bk.png");
    background-repeat:repeat-y;  
    background-position:0px 10px;
        
}

.backgroundoff {
    background-image:none;
    background-color:white;
}

.item-title {
    background-color:#ecedec;
    display:block;
    margin-bottom:2px;
    width:90%;
}

.item-title a {
    padding:4px;
    display:block;
}

/* ----- bits and pieces of the page ----- */



div.right {
    float: right;
}

.mn {
    z-index:400;
}

/*positioning the logo over the background-image */
.logoarea {
    height: 156px;
    z-index:4;
    position:relative;
}

#yoursitename {
    margin-left:-999em;
}

#yoursitename {
    height: 1%
}

html>body #yoursitename {
    height: auto
}

#sitelogo {
    position:absolute;
    top: -38px;
    left: 4px;
    z-index: 3;
}

#sitelogo img {
    -moz-box-shadow:0 0 5px #4A4A4A;
    -webkit-moz-box-shadow: 0 0 5px #4A4A4A;
    -webkit-box-shadow: 0 0 5px #4A4A4A;
    box-shadow: 0 0 5px #4A4A4A;
}

#sitebanner {
    position:absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}
#sitebanner p {
  margin-bottom: 0;
}

/* this should set the default colours for these items, to be overwritten by user preferences set in the backend */
#skip-to-content a {
    
}



#skip-to-content {margin-top:-5px;font-size:0.9em;}
#skip-to-content p {margin-bottom:0;}

#resize-font .inside {
    text-align:right;
}

/* article layout stuff */
#hellothere {padding-top:3px;}

.author, .createdate {
    font-size:0.9em;
    clear:both;
}

.createdate {
    margin-bottom:0.3em;
        display:block;
}

p.modifydate, div.modifydate {
    background-color:#F6F6F6;
    clear:both;
    display:block;
    float:right;
    font-size:0.7em;
    font-variant:small-caps;
    margin-bottom:0;
    padding:4px;
    text-align:right;
    width:100%;
    margin-top:10px;
}

div.item-author, div.item-hits, div.blog h1 {
    padding-left:10px;
}


/* pagination stuff */

ul.pagination {
    display:block;
}

ul.pagination li {
    display:inline;
    float:left;
    margin-left:20px;
}

/* pad article images */

.articleContent .article-content div img {
    padding:3px;
}

/* Category list layout css */

.category {
  line-height:250%} 

.subheading-category {
  line-height:200%;
  font-size:1.1em;
  font-weight:bold;
} 

.items {
    margin-top:10px;
}

.blog-image {
    font-size:1.1em;
    line-height:1.35;
    overflow:hidden;
    margin-bottom:17px;
}

.article_row {margin-bottom: 1.5em;}

.cat-items {
  margin-left:-20px;}

.cat-list-row1 {
  background-color:#e6f0ff;
}

.list-title {
  width:80%;
}

.list-date {
  width:20%
}

.display-limit {
  margin-bottom: 15px;
  margin-top: -20px;
}


/* FOOTER */ 

#footer .grid_8 .inside {padding-top: 20px;
    text-align: center;}
#footer .omega img { margin-bottom: 10px;
    margin-top: -10px;}
#footer ul.menu li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

#footer ul li#current a, #footer ul li.active a {text-decoration:underline;}

#footer li {margin-left: 10px;}

#footer .full-span2, #footer .full-span1 {text-align:center;}
#footer .full-span1 {    margin: 20px 0;}
.energetica-logo { float: left;
    margin-left: 335px;
    padding-right: 20px;
    }
.joomla-logo {float:left;
}

/* this corrects that odd IE bug where the 2nd input is shorter than the 1st one.  */

#com-form-login input {
    font-family:Arial, Helvetica, sans-serif;
}

.drawLogin fieldset label {
    display:block;
    float:left;
    width:120px;
}

/* this sets the layout for the defalt Edit Your Details form, which looks quite scattered by default */

form.user-details label {
    display:block;
    float:left;
    width:120px;
}

form.user-details input {
    clear:right;
    float:left;
}

form.user-details p {
    clear:both;
    padding:5px;
}

/* download bit */

#jc_title {
    width:96%;
}

/* dynamic area */

#dynamic {
  background:#fff;
  height:184px;
  padding:10px 0;
  width:960px;
}
.home #dynamic {
  padding-top:0;
}
#twoj_news_scroll_1-wrap {
    
}

#twoj_news_scroll_1_menu {
    float:right;
    margin-top:-30px;
    padding-right:25px;
    position:relative;
}

#twoj_news_scroll_1_menu a {
    padding:5px 8px;
    background-color:#ccc;
}



#twoj_news_scroll_1_menu a.wactive {
    background-color:#0B5932;
    color:white;
}

#dynamic .slider .inside_module {
    padding:0;
}

#dynamic .slider .contentheading {
    display:block;
    float:left;
    margin-left:-999em;
    width:100px;
}

#dynamic .slider em {
    font-size:1.8em;
}

#dynamic .slider strong {
    font-size:2.2em;
}

#Mod196 {margin-left:5px;  margin-top: -4px;}

#dynamic .slider {background-color:transparent;}


#dynamic .actnow .inside_module {
    padding:0;
}

#dynamic .actnow p {
    margin-bottom:0;
}

#breadcrumbs {margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    
}

#breadcrumbs .module {
    margin-bottom:0;
}

.hide {
    display:none;  
} 

/* Mock homepage: This forces a subpage to look like the homepage with the Slider and Act Now modules showing.  Intial class used is the individual page alias. */

.home-bbready .hide {
  display:inline;
}

.home-bbready #ourpage {
  background:white;
}

.home-bbready .grid_9 {
  margin-top: -4px;
  margin-left: 15px;
  margin-right: -8px;
}

.home-bbready .grid_3 {
  margin-top: 4px;
  margin-left: 0px;
  margin-right: -8px;
}

.home-bbready .blog._home {
  margin-left:-25px;
  margin-right:25px;
}

/* serach */

.moduletable_search {
   position: absolute;
   top: 3px;
   right: 10px;
}

.search_search label {
  float:left;
  margin-left:-999em;
}
.search_search #mod-search-searchword {
  border: 0 none;
  padding: 9px 35px 9px 9px;
  border-radius: 20px;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
  margin: 0;
  width: 150px;
}

.search_search .button_search {
  border-radius: 14px;
  -moz-border-radius: 14px;
  background-color: #C9C9C9;
  border: medium none;
  display: block;
  font-size: 15px;
  line-height: 15px !important;
  width: 33px;
  height: 30px;
  padding: 7px 7px 8px 7px;
  position: absolute;
  right: 5px;
  top: 2px;
  margin: 0;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
   behavior:url(templates/ACCAN/css/PIE.htc);
}

/* usefullinks */

.weblinks {
    margin-top: 10px;
    width: 100%;
}

.sectiontableentry1 {
    background-color: #E0E0E0;
    padding: 5px 0;
}

.sectiontableentry2 {
    background-color: #FFFFFF;
    padding: 5px 0;
}



.weblinks .sectiontableentry2 .num {
    color:#ccc;
}

table.tablelist {
    width:100%;
}

table.tablelist td {
    padding: 10px 2px;
}

table.tablelist td.num {text-align: center;
    color: #888888;
    font-size: 3em;
        padding: 5px;
}


/*  
.search_search input.button_search:focus {background-color:black;color:white;padding:0;border:3px solid #1b94f4;}
.search_search input#mod_search_searchword:focus {background-color:#f2f2f2;color:black;font-weight:bold;border:3px solid #1b94f4;padding:7px;}*/

/* error */

div.error {
    border:1px solid #CCCCCC;
    margin-bottom:20px;
    padding:10px 20px;
}

div.error h2 {
    color:red;
}

div.error dd {
    padding-top:10px;
}

#actnowbutton {height:155px;
overflow:hidden;
padding-left:25px;
width:170px;
}

.actnow a img {margin-top:20px;}

.readon {display:block;
margin-bottom:15px;}

ol.list li {margin-top:15px;}



.input_border { border: inset 2px red; }

/* agora styling */

h2.ag_headerbar {display:block;
height:1%;}

/* acymail */

.acymailing_form input {margin-bottom: 5px;
    width: 140px;}
  .acymailing_form .acysubbuttons input {background: none repeat scroll 0 0 black;
    border: 0 none;
    color: white;
    font-size: 1.1em;
    margin-left: 30px;
    padding: 4px;}
  
  .acymailing_form {margin-bottom:0;}
  

/* bcode stuff */

#topnav {
   background:white;
   border-radius:0;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}

#topnav .inside {
  border-radius:20px;
  width: 940px;
  margin-left: 10px;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}

#skip-to-content {
   z-index:5;
   position:absolute;
   margin:10px 0px 0px 672px;
}

#skip-to-content > a,
#skip-to-content > div {
   display:inline-block;
}

.pagination ul li {
    display:inline-block;
}

#login-form label {
  width: 150px;
  vertical-align: middle;
  display: inline-block;
}

#login-form input.inputbox{
  font-size: 15px;
  padding: 5px;
  border-radius: 2px;
  vertical-align: middle;
  border: 1px solid #999;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}

#login-form input.button{
  border: 1px solid #3e3e3e;
  background: #70716B;
  padding: 2px 4px;
  color: #FFF;
  cursor: pointer;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}

#editor-xtd-buttons .button2-left {
  display: inline-block;
  margin-right: 5px;
}

.joinnow{
  border-radius: 16px;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}
.joinnow .inside_module {
  padding: 0;
}
.joinnow a img {
  margin-top: 20px;
}

.formelm-buttons button {
  border: 1px solid #3e3e3e;
  background: #70716B;
  padding: 2px 4px;
  color: #FFF;
  cursor: pointer;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}

.edit form#adminForm label {
  width: 150px;
  display: inline-block;
  vertical-align: top;
}

.edit form#adminForm legend {
  font-weight: bold;
  margin-bottom: 5px;
}

.edit form#adminForm .formelm-buttons {
  float: right;
}

.edit form#adminForm #editor-xtd-buttons .btn{
  border: 1px solid #ccc;
  background: #fff;
  padding: 2px 4px;
  color: #000;
  cursor: pointer;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}

ul.actions {
  list-style: none;
}

ul.actions .edit-icon {
  margin-left: 0;
}

.tip-wrap {
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
}

.ask-a-question .breadcrumbs{visibility: hidden;}

.inside_module .menu li span.separator{color: #ffffff;font-size: 17px ! important;padding: 9px 7px 9px 20px; font-weight:bold; display:inline-block;}
.module.share.mod-corners-share h3{ background:none;}
.container_12 .grid_6{
width: 425px;
padding-left: 6px;}

.no-padding, .mod-corners- {
  border-radius: 16px;
  -moz-border-radius: 16px;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}
.no-padding h3,
.mod-corners- h3 {
  border-radius: 16px 16px 0px 0px;
  -moz-border-radius: 16px 16px 0px 0px;
   position:relative;
   behavior:url(templates/ACCAN/css/PIE.htc);
}

.item-page {
    padding-right:15px;
}