/*  
	Theme Name: Consnet-Home 1.2
	Theme URI: http://www.consnet.co.za/consnet-home/
	Description: Consnet Home Theme <a href="http://www.consnet.co.za">www.consnet.co.za</a>. A theme for your corporate website.
	Version: 1.2
	Author: Johan van Zijl
	Author URI: http://johanvanzijl.wordpress.com/
*/

@import "chromestyle.css";

body {
  font-family:		verdana, "bitstream vera sans", arial, helvetica, sans-serif;
  font-size:		0.7em;
  text-align:		left;
  margin:		0px;
  background: 		#808080 url(images/bg_body.gif);
  color: 		#000000;
}


@media print {
  #toplinks {  display: none; }
  #sidebar { display: none; }
  #content { width: 		100%; }
  .chromestyle{ display: none; }
}

@media screen {
  #content { width: 		788px; 
	     }
}

#container {
  margin:		15px auto 0 auto;
  padding:		8px;
  width: 		978px;
  background-color: 	#e3e3e3;
  border: 1px solid 	#b2b2b2;
}

#container:after{ /*Add margin between header and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Start of Header Layout */
#header {
  display: block; 
  margin:		1px 2px 1px 2px;
  position: 		relative;
  clear: both;
}

#header:after{ /*Add margin between header and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#logo {
  margin:		0 0 0 0;
  float:		left;
}

#toplinks {
  margin:		0px;
  float:		right;
  text-align:		right;
}

#cnleft {
  float: left;
  width: 49%;
}

#cnright {
  float: right;
  width: 49%;
  padding-right: 6px;
}

/* End of Header Layout */
/* Start of Midsection Layout */

#midsection { 
  padding-right:       4px;
  display: block; 
  clear: both;
}

#midsection:after{ /*Add margin between nidsection and footer in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#sidebar {
  border:		0;
  margin:		5px -3px 0px 0px;
  width: 		180px;
  min-height: 		400px;
  _height: 		400px;
  position: 		relative;
  float:		left;
}

#content {
  border:		1px solid #b2b2b2;
  margin:		5px 0px 0px 0px;
  min-height: 		400px;
  _height: 		400px;
  position: 		relative;
  float:		right;
  background-color: 	white;
}

/* End of midsection Layout */

#footer {
  margin:		0 auto 0 auto;
  text-align: 		left;
  display: 		block;
  width: 		978px;
  border: 		0;
}

/* ---- END OF LAYOUT Styles ----- */


/* ---- Start of General Styles ----- */
h1, h2, h3 {
     font-family:	Arial, "Bitstream Vera Sans", Helvetica, sans-serif;	 
			font-weight:	bold;
     font-weight:	bold;
}

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

a:visited {  text-decoration: 	none;
	     color: 		#B40800; 
}

a:hover { 	text-decoration: 	underline; 
		color: 			#B40800; 
}

img { border: 0 }

.cnbutton {  	border-bottom:	#8c8e84 solid 1px;
		border-right:	#8c8e84 solid 1px;
		border-top:	#fffff0 solid 1px;
		border-left:	#fffff0 solid 1px;
		color:		#484848;
		margin:		0px;
		padding:	0px;
		font-family:	Arial, "Bitstream Vera Sans", Helvetica, sans-serif;	 
		font-weight:	bold;
		BACKGROUND-IMAGE:	url('images/chromebg.jpg');	
		BACKGROUND-REPEAT:	repeat-x;
		Height:		22px;
		WIDTH: 		80px; 
}

.cnbutton:hover { 
	        BACKGROUND-IMAGE:	url('images/chromebg-over.gif');	
		BACKGROUND-REPEAT:	repeat-x; 
}

/* ---- Start of SIDEBAR Styles ----- */

#sidebar h1 {
		color:		#464646;
		margin-left: 	10px;
		margin-top:	5px; 
		margin-bottom:	5px; 
		font-size: 	10pt;
}

#sidebar p {
		color:		#000000;
		margin-left: 	10px;
		margin-top: 	5px; 
}


#sidebar ul,
#sidebar ol {
        line-height:	 1.2;
	list-style-type:none;
	list-style-position:outside;
	padding-left: 1.2em;
	padding-top: 0;
        padding-bottom: 1em;
	margin: 0 0 0 0;
}
/*
#sidebar ul li,
#sidebar ol li {

  background:transparent url(images/puce.png) 4px 0.2em no-repeat;
  padding-left: 18px;
}
*/


#sidebar ul li a:link {
	background: url(images/li_bullet_norm.png) no-repeat 0px 2px;
	color: #000000;
	padding: 0px 0px 0px 12px;
	text-decoration: none;
}

#sidebar ul li a:visited {
	background: url(images/li_bullet_norm.png) no-repeat 0px 2px;
	color: #000000;
	padding: 0px 0px 0px 12px;
	text-decoration: none;
}

#sidebar ul li a:hover {
	background: url(images/li_bullet_hi.png) no-repeat 0px 2px;
	color: #B40800;
	padding: 0px 0px 0px 12px;
	text-decoration: underline;
}

#sidebar ul li a:active {
	background: url(images/li_bullet_norm.png) no-repeat 0px 2px;
	color: #000000;
	padding: 0px 0px 0px 12px;
	text-decoration: none;
}

#sidebar ul ul li,
#sidebar ol ol li {
	padding-left:3px;
}

#sidebar ol li {
	list-style-type:decimal;
	list-style-position:inside;
	background:transparent;
	padding-left:0;
}
#sidebar ol li li {
	padding-left:1em;
}

.widget {	border: 	1px solid #b2b2b2;
		padding-top: 	0px;
		margin-bottom:	10px; 
		padding-bottom: 1px;
		background: 	#FFFFFF; 
}


#sidebar .current_page_item a:link {
  color:		#B40800;
  background: url(images/li_bullet_cur.png) no-repeat 0px 2px;
  text-decoration: none;
}

#sidebar .current_page_item a:visited {
  color:		#B40800;
  background: url(images/li_bullet_cur.png) no-repeat 0px 2px;
  text-decoration: none;
}

#sidebar .current_page_item  .page_item a {
  color:		#000000;
  text-decoration: none;
}

/* ---- Start of Content Styles ----- */

#content p {
		line-height:	1.5;
		width:          95%;
		margin-left: 	10px;
		margin-top: 	10px; 
}

#content h1 a  { text-decoration:	none; 
	     	 color:		#464646; 
		font-size: 	12pt;
 		font-family:    Arial, "Bitstream Vera Sans", Helvetica, sans-serif;	 
	  	font-weight: 		bold;
}

#content h1 a:hover {  text-decoration:	underline; }

#content h1 a:visited { text-decoration: 	none;}

#content h2 a  { text-decoration:	underline;; 
	     	 color:		#464646; 
		font-size: 	10pt;
 		font-family:    Arial, "Bitstream Vera Sans", Helvetica, sans-serif;	 
	  	font-weight: 		bold;
}

#content h2 a:hover {  text-decoration:	underline; }

#content h2 a:visited { text-decoration: 	underline;;}


#content ul,
#content ol {
  	line-height:	 1.5;
	list-style-type:none;
	list-style-position:outside;
	padding-left: 3em;
	padding-top: 0;
	margin: 0 0 0 0;
}

#onlyforie {
  float: none;
  position: relative;
}

#content ul li,
#content ol li {
  background:transparent url(images/bullet.jpg) 2px 0.6em no-repeat;
  padding-left:15px;
}

#content ul ul li,
#content ol ol li {
	background:transparent url(images/bullet.jpg) 0px .4em no-repeat;
	padding-left:8px;
}

#content ol li {
	list-style-type:decimal;
	list-style-position:inside;
	background:transparent;
	padding-left:0;
}
#content ol li li {
	padding-left:2em;
}

#content h1 {
		color:		#464646;
		margin-top: 	10px; 
		padding-left: 	9px;
		margin-bottom: 	10px;   
		background: 	transparent url(images/header.gif) no-repeat 0 0; 
		font-size: 	12pt;
		font-weight: 	bold;
}

#content h2 {   font-weight: 	bold;
		font-size: 	10pt; 
		padding-left: 	9px;
}


/* ---- Start of Other Styles ----- */

#toplinks a { color:  		#000000;
}

#footer { font-size: 	8pt;
	  line-height:  1;
	  color:	#FFFFFF; }

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

#footer a { color:	#FFFFFF; }

pre,
code {
   display:block;
   font: 1em 'Bitstream Vera Sans Mono', 'Courier New', Courier, Fixed, monospace;
   font-size : 100%;
   background : #fff url(images/preback.gif);
   overflow : scroll;
   text-align:left;
   border : 1px solid #99cc66; 
   padding : 0px 20px 0 30px;
   margin:1em 0 1em 0;
   line-height: 1.3em;
}