/* codejibe.com */

/* $Source:     jibe.css   */
/* $Revision:              */
/* $Author:                */
/* $Date:                  */
/*                         */

/**********************************************************/
/*                                                        */
/* main elements                                          */
/*                                                        */
/**********************************************************/


.hide {display: none}
.hide_ie {}


img {border:0}
img {border-color:#0000a0}
input.ck {margin-left:-2px}
input.bt, button.bt {padding:0 .4em 0 .4em; width:auto; overflow:visible;}


.fixed_width { font-family: fixed-width, monospace; font-size: 90%}

a:link,.w,a.w:link,.w a:link {color:#667ca1}  /* 8696A4    0000cc */
a:visited {color:#557799;}
a:active {color:#557799;}
a:hover {color:#8696A4;}

a { text-decoration:none }
.inheritcolor a {color:inherit;}

body {
    color: #393733;
    margin: 0;
    padding: 0 20px;
    text-align: left;
    background: #eeeeee;
}

body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
    font-family: arial, helvetica, sans-serif;
    /*font: 83%/1.4 arial, helvetica, sans-serif;*/

    
}
  body {font-size:83%}
  table {font-size:inherit}
  p { font: 10pt/1.4 Verdana, Arial, Helvetica, sans-serif;} 

.b {font-weight:bold}
.fontsize0 {font-size:78%}
.fontsize1 {font-size:83%}
.fontsize2 {font-size:91%}
.fontsize_25 {font-size: 100%}
.fontsize3 {font-size:106%}
.fontsize4 {font-size:114%}
.fontsize5 {font-size:129%}
.fontsize6 {font-size:150%}
.fontsize7 {font-size:189%}


/**********************************************************/
/*                                                        */
/*      STATIC OPACITY LEVELS                             */
/*                                                        */
/**********************************************************/

   /*works for divs (doesnt work on images in IE) */
  #divopacity02 {filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2;}
  #divopacity02:hover {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

  #divopacity03 {filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
  #divopacity03:hover {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

  #divopacity05 {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
  #divopacity05:hover {filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

  #divopacity05 {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
  #divopacity05:hover {filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}
  
  #divopacity06 {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
  #divopacity06:hover {filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

  #divopacity07 {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
  #divopacity07:hover {filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}
  
  #divopacity_on {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
  /*.divopacity_on a {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} */


  /**************************************/

   /*works for images (in FF/IE/OPERA etc).. this doesnt work on divs though.. hence above */
   a.linkopacity05 img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
   a.linkopacity05:hover img {filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

   a.linkopacity06 img {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
   a.linkopacity06:hover img {filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

   a.linkopacity07 img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
   a.linkopacity07:hover img {filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

   a.linkopacity_on:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

/**********************************************************/
/*                                                        */
/*      NAV BARS                                          */
/*                                                        */
/**********************************************************/
  
  /* TOP BAR */
  .mainba {
  font: 100% tahoma, sans-serif;
  text-decoration: none;
  text-align: right;
  color: #ffffff;
  padding: 4px 12px 0px 0px;
  }
  .mainba a:active,
  .mainba a:hover,
  .mainba a:visited,
  .mainba a:link {
  color: #ffffff;
  text-decoration: none;
  }

  .mainbar {
  background: #557799 url(../images/navbar/logo.gif) center left no-repeat;
  width: 158px;
  height: 31px;
  }
  
  .mainbarr {
  background: #557799;
  font: 100% tahoma, sans-serif;
  text-decoration: none;
  text-align: right;
  color: #ffffff;
  vertical-align: center;
  padding: 4px 12px 4px 6px;
  }

  
  #navbar_beta {
  float: left;
  display: block;
  margin: -1px 0px 0px -12px;
  width:48px;
  height:24px;
  background: #557799 url(../images/navbar/navtop_beta_small.gif) center left no-repeat;  
  filter:alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
  }
  
  /* LOWER NAV BAR */
 
 .mainbarlower {
  position: relative;
  z-index: 2;
  background: #d9d9d9;
  font: 75% arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #686868;
  padding: 4px 25px 4px 25px;
  }
  
  /* LOWER NAV BAR - CORNER SHAPING */
	
 .mainbarlowerleft {
  background:#d9d9d9 url(../images/navbar/rnd_corners_lb_lightgrey.png) bottom left no-repeat;
  padding:0;
  margin:0;
  font: 75% arial, sans-serif;
  text-decoration: none;
  color: #686868;
  padding: 4px 25px 4px 25px;
  }
  
 .mainbarlowerright {
  background:#d9d9d9 url(../images/navbar/rnd_corners_rb_lightgrey.png) bottom right no-repeat;
  padding:0;
  margin:0;
  font: 75% arial, sans-serif;
  text-decoration: none;
  color: #686868;
  padding: 4px 25px 4px 25px;
  }

  /* NAV BUTTONS */
  .nav_btn, .nav_left, .nav_right {
  font: 105% arial, sans-serif; font-weight: bold; text-align: center;
  text-decoration: none;
  color: #000000;
  padding: 2px 0px 0px 0px;
  margin: 4px 0px 0px 1px;
  width: 110px;
  height: 20px;
  background-color: #fff;
  }

  /* CORNERS FOR NAV BUTTONS */ 
  .nav_right {
  background:#fff url(../images/navbtns.gif) repeat scroll 100% -120px;
  }
  .nav_left {
  background:#fff url(../images/navbtns.gif) repeat scroll 0pt -120px;
  }

  /* CORNERS FOR MIDDLE NAVBAR */ 
  .mnav_right {
  background:#fff url(../images/middlenav-right.gif) 100% 0 no-repeat;
  }
  .mnav_left {
  background:#fff url(../images/middlenav-left.gif) 0% 0 no-repeat;;
  }


  /* PAGE TITLES */
  
  .pagetitle1 {
  font-size: 200%; /* font-size: 105% */
  font-weight: bold;
  padding: 0px 0px 15px 0px;
  color: #000000;
  }

	/* PAGE TOP NAV BUTTONS */
  .topnav {
  float: left;
  margin-left: 10px;
  display:block;
  }
  	

/**********************************************************/
/*                                                        */
/* login form / search boxes / edit boxes                 */
/*                                                        */
/**********************************************************/

/* #srch_box {background: transparent url(images/searchmag.gif) norepeat scroll left center;} 

background: #eeeeee none repeat scroll 0%;

*/
#srch_box {float: left; background: #FFFFFF;}
#srch_box {font: 105% arial, sans-serif; color: #666;}
#srch_box {border:0px solid #FFFFFF; height:23px; padding: 5px 0px 0px 0px; width:280px; font: 105% arial, sans-serif;}
#srch_box {display:inline;}
#srch_box:focus, #srch_box:hover {background: #FFFFFF;}

.edt_box {font:normal 13px arial,helvetica;color:#666;}
.edt_box {border:1px solid #CCC; height:15px; margin-right:2px; width:200px; font:normal 11px verdana,geneva,helvetica;padding-top:2px;}
.edt_box {display:inline;}
/*.edt_box:focus {background: #f9ffee none repeat scroll 0%;}*/

.combo_box {font:normal 13px arial,helvetica;color:#666;}
.combo_box {border:1px solid #CCC; height:18px; margin-right:2px; width:200px; font:normal 11px verdana,geneva,helvetica;padding-top:2px;}
.combo_box {display:inline;}
/*.combo_box:focus {background: #f9ffee none repeat scroll 0%;}*/

.file_edt_box {font:normal 13px arial,helvetica;color:#666;}
.file_edt_box {border:0px solid #FFFF; margin-right:2px; font:normal 11px verdana,geneva,helvetica; padding-top:2px;}
.file_edt_box {display:inline;}
/*.file_edt_box:focus {background: #f9ffee none repeat scroll 0%;}*/

.txt_area {font:normal 13px arial,helvetica;color:#666;}
.txt_area {border:1px solid #CCC; height:80px; width:400px; margin-right:2px; font:normal 11px verdana,geneva,helvetica;padding-top:2px;}
.txt_area {display:inline;}
/*.txt_area:focus {background: #f9ffee none repeat scroll 0%;}*/

/**********************************************************/
/*                                                        */
/* TAG CLOUD STYLES                                       */
/*                                                        */
/**********************************************************/

#tagcloud{
        margin: 0px 30px 5ex 30px;
        color: #a2a5c7;
        font-family: Arial, verdana, sans-serif;
        border: 1px solid #eee;
	      text-align: center;
}

#tagcloud a{
        color: #9b9ca6;
        text-decoration: none;
        text-transform: capitalize;
}

#tagcloud_sidebar{
        margin: 0px 0px 3ex 0px;
        color: #a2a5c7;
        font-family: Arial, verdana, sans-serif;
        border: 1px solid #eee;
	      text-align: center;
}

#tagcloud_sidebar a{
        color: #9b9ca6;
        text-decoration: none;
        text-transform: capitalize;
}

/**********************************************************/
/*                                                        */
/* PRELOAD IMAGES                                         */
/*                                                        */
/**********************************************************/

.hiddenPic {display:none;}

/**********************************************************/
/*                                                        */
/* CONTENT STYLES                                         */
/*                                                        */
/**********************************************************/

  
  /* code highlight frame */
  
  .highlight pre { margin : 0 }
  .highlight { font-size : 12px; line-height : 16px; padding : 5px; background : #fafafa; border : 1px solid #ddd; margin-bottom : 15px; }
  .highlight h4 { float : right; margin : 0 0 5px 0; font-weight : normal; font-size : 10px; color : #bbb; }
  .highlight ol { font-size : 12px; margin : 0 0 0 40px; }
  
  /* image frame border */
  
  .img_border { border:1px solid #E2E2E2; float:left; margin:1px; padding:1px; }
  
  
/**********************************************************/
/*                                                        */
/*    COMMON BOXES                                        */
/*                                                        */
/**********************************************************/

/* green corner box */
.cornerBlueBR
{height:4px;overflow:hidden;background:#557799 url(../images/corner_green_BR.gif) 100% 0 no-repeat;}
.cornerBlueBL
{width: 10px;height:4px;overflow:hidden;background:#557799 url(../images/corner_green_BL.gif) 0% 0 no-repeat;}

/* white corner box */
.box
{}
.cornerWhiteTR
{height:4px;overflow:hidden;background:#fff url(../images/corner_white_TR.gif) 100% 0 no-repeat;}
.cornerWhiteTL
{width: 10px;height:4px;overflow:hidden;background:#fff url(../images/corner_white_TL.gif) 0% 0 no-repeat;}

.topboxContent
{padding: 2px 10px 2px 10px;
 background:#ffffff;
}
.boxContent
{padding: 10px 12px 10px 12px;
 background:#ffffff;
}
.cornerWhiteBR
{height:4px;overflow:hidden;background:#fff url(../images/corner_white_BR.gif) 100% 0 no-repeat;}
.cornerWhiteBL
{width: 10px;height:4px;overflow:hidden;background:#fff url(../images/corner_white_BL.gif) 0% 0 no-repeat;}
  
/**********************************************************/
/*                                                        */
/*    COMMON STYLES                                       */
/*                                                        */
/**********************************************************/

  .img_border_small {
  border: 1px solid #eee;
  padding: 2px 2px 2px 2px;
  margin-bottom: 4px;
  height: 40px;
  width: 60px;
  text-align: center;
  }

  .img_border_large {
  border: 1px solid #eee;
  padding: 2px 2px 2px 2px;
  margin-bottom: 4px;
  height: 100px;
  width: 150px;
  text-align: center;
  }

  .text1 {
  color: #333333;
  font: 75% tahoma, sans-serif;
  text-decoration: none;
  }
  .text1upper {
  color: #333333;
  text-transform: uppercase;
  font: 75% tahoma, sans-serif;
  text-decoration: none;
  }

  .text2 {
  font: 75% arial, sans-serif;
  text-decoration: none;
  color: #686868;
  }
  .text2 A {
  color: green;
  text-decoration:underline;
  } 
  .text2upper {
  text-transform: uppercase;
  font: 75% arial, sans-serif;
  text-decoration: none;
  color: #686868;
  }
  .text2upper A {
  color: #686868;
  text-decoration:underline;
  }
  
  .text3 {
  font: 80% arial, sans-serif;
  text-decoration: none;
  color: #686868;
  }
  .text3 A {color: green;} 
  .text3upper {
  text-transform: uppercase;
  font: 80% arial, sans-serif;
  text-decoration: none;
  color: #686868;
  }
  .text3upper A {color: green;}

  .colblack {color: #000000}
  .colgreen1 {color: #008000;}
  .colgreen2 {color: #03aa03}
  .colred {color: #e70101;}

  .text2upper2 {
  text-transform: uppercase;
  font: 75% arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  }

  .text4 {  
  color:#666666;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  }
  .text4 A {
  color: #5d5d5d;
  }

  .text5 {
  font: 80% tahoma, sans-serif;
  }
    
  .text5upper {
  text-transform: uppercase;
  font: 80% tahoma, sans-serif;
  }

  .text6 {
  font: 70% verdana;
  }
    
  .text6upper {
  text-transform: uppercase;
  font: 70% verdana;
  }


  /* PAGE TITLES */

  .titlearialblue1 {
  font-size: 105%;
  color: #8696A4;
  }
  
  .titlearialblue2 {
  font-size: 130%;
  color: #8696A4;
  }
    
  .titlearialblue3 {
  font-size: 140%;
  color: #8696A4;
  }
  
  .titlearialblue4 {
  font-size: 160%;
  color: #8696A4;
  }
  
  .titlearialblack1 {
  font-size: 105%;
  color: #525252;
  }
  
  .titlearialblack2 {
  font-size: 130%;
  color: #525252;
  }
    
  .titlearialblack3 {
  font-size: 140%;
  color: #525252;
  }
  
  .titlearialblack4 {
  font-size: 160%;
  color: #525252;
  }
  
  /* SEARCH TITLES */
  
  .searchtitle {
  font-family: arial,helvetica,sans-serif;
  font-size: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #557799;
  }
  
  /* VIEW POST TITLES */
  
  /* NB: posttitle0 posttitle1 and postitle2 need duplicating in fckeditors fck_editorarea.css file */

  .posttitle0 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 150%;
  width: 800px;
  color: #5d5d5d;
  /*font-weight: bold;*/
  padding: 10px 0px 0px 0px;
  }

  .posttitle1 {
  background: url(../images/post-underline.gif) bottom left no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 150%;
  width: 800px;
  color: #5d5d5d;
  /*font-weight: bold;*/
  padding: 10px 0px 0px 0px;
  }

  .posttitle2 {  
  background: url(../images/post2-underline.gif) bottom left no-repeat;
  text-transform: uppercase;
  color: #686868;
  font-size: 90%;
  font-family: verdana;
  text-decoration: none;
  background-color: #fff;
  padding: 3px 7px 3px 40px;
  }

  .posttitle3 {
  font-size: 13pt;
  color: #5d5d5d;
  font-family: verdana;
  font-weight: bold;
  padding: 10px 0px 0px 0px;
  }

  .postcode {
	padding: 10px 10px 10px 10px;
	margin: 10px 60px 10px 10px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
  /* background-color: #F1F5F8; /* #E1ECF7  /  #EDF3F8 */
  background:#e6fdcd none repeat scroll 0%;
  border:1px dashed green;
  }
  
  /* POSTS PAGE TEXT */
  
  .txtarialblack1 {
  font-family:Arial;
  font-size:90%;
  color: #525252;
  }
  
  .txtarialblack2 {
  font-family:Arial;
  font-size:100%;
  color: #525252;
  }
  
  .txtarialblack3 {
  font-family:Arial;
  font-size:105%;
  color: #525252;
  }
  
  .txtarialblack4 {
  font-family:Arial;
  font-size:110%;
  color: #525252;
  }
  
  .txtarialblue1 {
  font-family:Arial;
  font-size:90%;
  color: #525252;
  }
  
  .txtarialblue2 {
  font-family:Arial;
  font-size:100%;
  color: #525252;
  }
  
  .txtarialblue3 {
  font-family:Arial;
  font-size:105%;
  color: #525252;
  }
  
  .txtarialblue4 {
  font-family:Arial;
  font-size:110%;
  color: #525252;
  }
  
/**********************************************************/
/*                                                        */
/*    SEARCH PAGE STYLES                                  */
/*                                                        */
/**********************************************************/  
  
  
  .rss {
  background: url(../images/rss4.gif) top right no-repeat;
  text-align: right;
  display: block;
  }
  .rss a span {
  visibility: hidden;
  }
  
  
  /* PROGRESS BARS */
    
  .prog-border {
  background:#FFFFFF none repeat scroll 0%;
  border:1px solid silver;
  height:15px;
  margin:0pt;
  padding-right:3px;
  width:97px;
  }

  .prog-bar {
  background:#C9DDEC none repeat scroll 0%;
  font-size:10px;
  height:11px;
  margin:2px;
  padding:0pt;
  text-align:right;
  }

  .prog-text {
  color:#000000;
  }
  
#botpagenav {
margin-top:5ex;
}
#recent *, div.wrap * {
margin:8px 3% 8px 3.5%;
}
.pagenav {
text-align:center;
white-space:nowrap;
}

.pagenav .thispage, .pagenav a:link, .pagenav a:visited {
padding:2px 6px;
}

.pagenav .thispage {
border:1px solid #CAD6E8;
}

.pagenav a.next:link, .pagenav a.next:visited {
background:white url(../images/icons/next.png) no-repeat scroll right center;
border-style:solid;
border-width:1px;
font-weight:bold;
padding-right:14px;
text-decoration:none;
}
.pagenav a.next:visited {
background-image:url(../images/icons/next-visited.png);
}
.pagenav a.next:hover {
background-image:url(../images/icons/next-hover.png);
}


/**********************************************************/
/*                                                        */
/*    CLOUD AND STATS PAGE                                */
/*                                                        */
/**********************************************************/  
  
  /* PROGRESS BARS */
    
  .statprog-border {
  background:#FFFFFF none repeat scroll 0%;
  border:1px solid silver;
  height:15px;
  margin:0pt;
  padding:0pt;
  width:70%;
  }

  .statprog-bar {
  background:#C9DDEC none repeat scroll 0%;
  font-size:10px;
  height:11px;
  margin:2px;
  padding:0pt;
  text-align:right;
  }

  .statprog-text {
  color:#000000;
  }