/*  
Theme Name: Sustainable Wales style - Inspired by Sadish Bala http://sadish.net
Version: 1.0

*/

body {
	margin: 0;
	padding: 0;
	font-size:10px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	font-size:0.77em;
	color: #333333;
}

<!--body {
	margin: 0;
	padding: 0;
	font-size:10px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	font-size:0.77em;
	color: #333333;
}
-->

h1, h2, h3,h4,h5,h6 {
	margin: 0;
	font-weight: normal;
	color: #3E3E3E;
	font-family: Verdana, "Georgia", Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.6em;	
	line-height:1.2em;
	margin-bottom:0.5em;
	font-family:Bookman, serif, georgia; 
}

h3 {
	font-size: 1.2em;	
	line-height:1.2em;
	margin-bottom:0.5em;
	font-weight:bold;
	font-family:Bookman, serif, georgia;  
}

h4 {
	font-size: 1.0em;	
	line-height:1.2em;
	margin-bottom:0.5emmargin: 0;
	font-weight: normal;
	color: #fff;
	font-family:Bookman, serif, georgia;  
}

h5 {
	font-size: 1.5em;	
	line-height:1.2em;
	margin-bottom:0.5emmargin: 0;
	font-weight: normal;
	color: #fff;
	font-family:Bookman, serif, georgia;  
}

h6 {
	font-size: 1.0em;	
	line-height:1.2em;
	margin-bottom:0.5emmargin: 0;
	font-weight: normal;
	color: #fff;
	font-family:Bookman, serif, georgia;  
}


p, ul, ol {
	margin: 0 0 1em 0;
	text-align: justify;
	line-height: 2em;
}
ul, ol
{
	margin:0 2em;
	padding:0 1em;
}
a 
{
	text-decoration:none;	
}
a:link, a:visited {
	color: #c86408;	
	border-bottom:1px dotted;
}

a:hover, a:active {
	color: #643424;
	border-bottom:1px solid;
}


img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

blockquote
{
	background:url(images/quote.gif) no-repeat left top;
	font-style:italic;
	padding-left:24px;
}

hr {border: none 0;
border-top: 1px dashed #008bab;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}


/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
dl {
	margin:1em 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}

legend {
	display: none;
}

input, textarea, select {
	font-size: 1em;
	color: #333333;
	margin:3px 0;
	padding:3px;
}

/* Header */

#header {
	margin: 0 auto;
	padding:0;
	background:#04bce7;
	height: 120px;
	text-align: center;
}

#subheader {
	margin: 0 auto;
	padding:0;
	background:#004d5f;
	height: 150px; 
	text-align: center;
	border-bottom: 2px solid #fdb728;
}

#header ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width:1000px;
}

#subheader ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width:1000px;
}

#logooriginal {
	background:url(images/logo_1.gif) no-repeat left;
	position: static; top: 0px; left: 200px;
	width:120;
	margin:0 auto;
	height:125px;
	padding:10px 0;
}

#logo {
	background:url(images/logo_1.gif) no-repeat left;
	position: static; top: 0px; left: 200px;
	width:145;
	margin:0 auto;
	height:150px;
	padding:10px 0;
}

#sidebar1 {
  background:url(images/logo_3.gif) no-repeat left;
  width: 1000px; 
  height: 100px; 
  background: #33FF66;  
  text-align: left; 
}

#sidebar2 {
  background:url(images/future1.jpg) no-repeat right;
  float: right; 
  width: 536px; 
  height: 200px;
}

#logo h1 
{
	margin:0;
	padding:0;
	font-size: 2.4em;
	font-variant:small-caps;
}

#logo h1 a {
	color: #eee;
	border:none;
}

#logo h2 {
	font-size: 1.2em;
	color: #ddd;
}

#logo a {
	text-decoration: none;
}

#home_grid {
	list-style-type: none;
	width: 100%;
	font-size: 0.8em;
	padding: 0;
}

#home_grid li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px dashed #000;
	padding: 2px;
	text-align: left;
}
#menu
{
	height:36px;
	line-height:36px;
	margin:0 auto;
	padding:0;
	background: #008bab;
	border-bottom: 2px solid #fdb728;
}
#menu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width:1000px;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 28px;	
	padding: 6px 20px 0;
	font-weight:bold; 
	text-decoration: none;
	color:#fdb728;
	margin:0;
	border:0px;
}

#menu a:hover, 
#menu a:active
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
	background: #04bce7;
	color:#fff;
}

/*#menu #rss a {
	float: right;
	padding-left: 30px;
	background:url(images/rss.gif) no-repeat 10px 50%;
}

#menu #rss a:hover {
	background-color:#142414;
}
*/


/* wrap */

#wrap {
	width: 1000px;
	margin: 0 auto;
}

/* Content */

#content {
	float: left;
	width: 67%;
	margin:0 1% 0 0;
	padding:2%;
}

#wrap .navigation 
{
	margin:0;		
	padding:1em;
}

.alignleft {
	float: left;
	margin:1em 0;
}

.alignright {
	float: right;
	margin:1em 0;
}

/* Post */

.post 
{
	clear:both;
	margin-bottom:2em;
}

.post .title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-transform:none;
	line-height:1.6em;
	background: url(images/postbg.gif) repeat-x left bottom;
}

.post .title a:link, .post .title a:active, .post .title a:visited {
	text-decoration: none;
	border:none;
	color: #333333;
}

.post .title a:hover {
	border-bottom:1px solid;
}
.post .title span 
{
	float:right;
	font-size:0.55em;
	color:#999;
	margin:0 0 0 1em;
	text-transform:none;
	font-family:Verdana, Arial, Serif;
}
.post .entry {
}

.post .meta 
{
	font-size:0.9em;
	padding: 5px 0;
	background: url(images/dotborder.gif) repeat-x;
}

.post .meta p {
	margin: 0;
	line-height: normal;
	color: #999999;
}
.post .meta .category {
	padding: 0 20px 0 12px;
	background: url(images/category.gif) no-repeat left center;
}

.post .meta .comments 
{
	float:right;
	padding-left: 16px;
	background: url(images/comments.gif) no-repeat left center;
}
.post .meta .user 
{
	padding:0 14px;
	background: url(images/user.png) no-repeat left center;
}
/* Author Template*/
ul.authorposts
{
	margin:0;
	padding:0 2em;
}
ul.authorposts li
{
	margin:0;
	padding:5px;	
}
ul.authorposts li em 
{
	float:right;
	font-style:normal;
}
/* Comments */

#commentform 
{
	margin:0;
	padding:10px;
	background:#fff;
}
#content .commentlist {
	margin: 0;
	padding: 0;
	border-top:#ddd 1px solid;
}
#content .commentlist li 
{
	list-style:none;
	margin: 0;
	padding: 1em;			
	border-bottom:#ddd 1px solid;
	font-size:0.9em;
}
#content .commentlist li .cmtinfo 
{
	padding:5px;
	margin-bottom: 5px;
	position:relative;	
}
#content .commentlist li .cmtinfo em 
{
	margin:0;
	padding:0 1em;
	font-weight:normal;			
	font-style:normal;
	color:#999;	
}
#content .commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
}
#content .commentlist li.alt
{
	background:#f8f8f5;	
}
#content .commentlist li.authorcomment
{
	border:#ecc 1px solid;	
}
#content .nocomments
{
	font-size:0.9em;
	color:#999;
	text-align:center;
}
input.textbox
{
	border:#ccc 1px solid;
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
	padding:5px;
	width:150px;
}
textarea{
	width: 500px;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
}
input.textbox:focus, textarea:focus
{
	background:#fff;
	border:#999 1px solid;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 23%;
	padding:2%;		
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 40px;
}

#sidebar ul ul 
{
	margin-left:1em;
}

#sidebar li li {
	margin: 0;
}

#sidebar h2, #sidebar h3 {
	margin-bottom: 10px;
	background: url(images/dotborder.gif) repeat-x bottom;
	text-transform: lowercase;
}

/* Footer */

#footer {
	text-align:center;
	padding: 10px 0;	
	margin:0 auto;
	width:1000px;
	font-size:0.9em;
}
/* Colors */
body 
{
	background:#d3f2f9;
}
#content 
{
	background:#fff;
}
#sidebar 
{
	background:#fff;
}

#differences {
   margin:0.5em 0 1.5em 0;
   padding:0;
   list-style:none;
   width:100%;
   float:left;
   }
#differences li {
   margin:0 18px 0 0;
   padding:0;
   float:left;
   background:url(../images/diff-tabs-top-wide.gif) no-repeat 0 0;
   }
#differences li#diff-4 {
   margin-right:0;
   }
   
#differences div {
   font-size:0.94em;
   padding:6px;
   background:url(../images/diff-tabs-bottom-wide.gif) no-repeat 0 100%;
   }
   
#differences li:hover {
   background-position:-156px 0;
   }
#differences li:hover div {
   background-position:-156px 100%;
   }
   
/* Container */

#clb-shell {
  margin : auto;
  width : 90%;
}
#clb-shell h2 {
  color : #669900;
}
#clb-shell p {
  padding : 10px;
  clear : both;
}


ul#clb {
  width : 619px;
  height : 9em;
  text-align : center;
  list-style-type : none;
}


ul#clb li {
  margin : 0 2px;
  border : 1px solid #666;
  width : 200px;
  height : auto;
  background : #ffffea url(images/clb_li_back.jpg);
  float : left; 
  display : inline;
}

#clb-shell a {
  color : #669900;
}
#clb-shell a:hover, #clb-shell a:focus, #clb-shell a:active {
  color : #000;
  text-decoration : none;
}
#clb-shell a:focus, #clb-shell a:active {
  background-color : #fff;
}


#clb-shell ul#clb h3 a {
  color : #ffffaa;
  display : block;
  width : 194px;
  padding : 2px 3px;
  background : #333 url(images/clb_h3_back.jpg) repeat-x; 
  border-bottom : 1px solid #666;
  text-decoration : none;
}
#clb-shell ul#clb h3 a:hover, #clb-shell ul#clb h3 a:focus, #clb-shell ul#clb h3 a:active {
  background : #957412 url(images/clb_h3_back_over.jpg) repeat-x;
  color : #fff;
}


ul#clb p {
  font-size : 0.9em;
  padding : 0;
  margin : 10px;
}
	

/* navlist*/

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


#navlist { margin: 0; }

#navlist li
{
float: left;
width: 30%;
list-style-type: none;
text-align: center;
}

#navlist li a
{
display: block;
padding: 1em;
background-color: #04bce7;
color: #333;

}

#navlist li a:hover
{
background-color: #666;
color: #fff;
}