/********************************************   AUTHOR:  			Erwin Aligam    WEBSITE:   			http://www.styleshout.com/	TEMPLATE NAME: 	Bright Side of Life   TEMPLATE CODE: 	S-0005   VERSION:          1.0          	 *******************************************/  /********************************************   HTML ELEMENTS********************************************/ /* top elements */* { padding: 0; margin: 0; }body {	overflow:scroll;	margin: 0;	padding: 0;	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;	color: #FFF; 	background: #000000 url(http://www.walterdrane.com/images/bg.jpg) no-repeat center center fixed;        -webkit-background-size: cover;        -moz-background-size: cover;        -o-background-size: cover;        background-size: cover;		text-align: center;}/* links */a { 	color: #FFF;	background-color: inherit;	text-decoration: none;}a:hover {	color: #9EC630;	background-color: inherit;}/* headers */h1, h2, h3 {	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;	color: #cfb63c;	}h1 { font-size: 1.5em; color: #cfb63c; } h2 { font-size: 1.4em; text-transform:uppercase;}h3 { font-size: 1.1em; text-transform:uppercase;}p, h1, h2, h3 {	margin: 10px 15px;}ul, ol {	margin: 10px 30px;	padding: 0 15px;	color: #9EC630;}ul span, ol span {	color: #FFF; }li.pdfs {padding-bottom:5px;}/* images */img {	border: 0px solid #CCC;}img.no-border {	border: none;}img.float-right {  margin: 5px 0px 5px 15px;  }img.float-left {  margin: 5px 15px 5px 0px;}a img {    border: 2px solid #568EB6;}#special1 {  margin: 0px 10px 0 10px;  padding: 0px;  text-align: justify;  display: block;  overflow: auto;  }#special2 {  margin: 5px 10px;  padding: 2px;  text-align: justify;  display: block;  overflow: auto;    background-image:url('images/Black_30.png');  background-repeat:repeat;  border: 1px solid #9EC630;  border-style:dotted; }code {  margin: 5px 0;  padding: 10px;  text-align: left;  display: block;  overflow: auto;    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;  /* white-space: pre; */  background: #FAFAFA;  border: 1px solid #f2f2f2;    border-left: 4px solid #4284B0; }acronym {  cursor: help;  border-bottom: 1px solid #777;}blockquote {	margin: 15px; 	padding: 0 0 0 20px;  	  	background: #FAFAFA;	border: 1px solid #f2f2f2; 	border-left: 4px solid #4284B0;   	color: #4284B0;	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; }/* form elements */form {	margin:10px; padding: 0;}label {	display:block;	font-weight:bold;	margin:5px 0;}input {	padding: 2px;	border:1px solid #eee;	font: normal 1em Verdana, sans-serif;	color:#000000;}textarea {	width:253px;	padding:2px;	font: normal 1em Verdana, sans-serif;	border:1px solid #eee;	height:100px;	display:block;	color:#000000;}input.button { 	margin: 0; 	font: bold 1em Arial, Sans-serif; 	border: 1px solid #CCC;	background: #FFF; 	padding: 2px 3px; 	color: #4284B0;	}.button2 {	-moz-box-shadow:inset 1px 1px 0px 0px #c1ed9c;	-webkit-box-shadow:inset 1px 1px 0px 0px #c1ed9c;	box-shadow:inset 1px 1px 0px 0px #c1ed9c;	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');	background-color:#9dce2c;	-webkit-border-top-left-radius:6px;	-moz-border-radius-topleft:6px;	border-top-left-radius:6px;	-webkit-border-top-right-radius:6px;	-moz-border-radius-topright:6px;	border-top-right-radius:6px;	-webkit-border-bottom-right-radius:6px;	-moz-border-radius-bottomright:6px;	border-bottom-right-radius:6px;	-webkit-border-bottom-left-radius:6px;	-moz-border-radius-bottomleft:6px;	border-bottom-left-radius:6px;	text-indent:-1.94px;	border:1px solid #83c41a;	display:block;	color:#ffffff;	font-family:Arial;	font-size:15px;	font-weight:bold;	font-style:normal;	height:24px;	line-height:24px;	width:194px;	text-decoration:none;	text-align:center;	text-shadow:2px 2px 1px #689324;	position:absolute;	top:25px;	right:0px;}.button2:hover {	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');	background-color:#8cb82b;}.button2:active {	position:absolute;	top:25px;	right:0px;}/* search form */form.searchform {	background: transparent;	border: none;	margin: 0; padding: 0;}form.searchform input.textbox { 	margin: 0; 	width: 122px;	border: 1px solid #9EC630; 	background: #FFF;	color: #333; 	height: 14px;	vertical-align: top;}form.searchform input.button { 	margin: 0; 	padding: 1px 1px; 	font: bold 11px Arial, Sans-serif; 	background: #FAFAFA;	border: 1px solid #f2f2f2;	color: #777;		width: 145px;	height: 19px;	vertical-align: top;}/***********************	  LAYOUT************************/#greenbar {	background: url(http://www.walterdrane.com/images/greenbar.png) repeat-x;	width: 100%; height: 100%;	margin: 0 auto;		text-align: center;}#greenbar2 {	background: url(http://www.walterdrane.com/images/greenbar2.png) repeat-x;	background-size: 100% 265px;	margin: 0 auto;		text-align: center;}#greenbar2b {	background: url(http://www.walterdrane.com/images/greenbar3.png) repeat-x;	background-size: 100% 184px;	margin: 0 auto;		text-align: center;}#wrap {	background: url(http://www.walterdrane.com/images/white_bg2.png) repeat-x;		width: 820px; height: 100%;	margin: 0 auto;		text-align: left;}#content-wrap {	clear: both;	margin: 0; padding: 0;	}/* header */#header {	position: relative;	height: 110px;		background: url(http://www.walterdrane.com/images/header_bg.png) repeat-x 0% 100%;	}#header h1#logo {	position: absolute;	margin: 0; padding: 0;	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;	letter-spacing: -2px;	text-transform: lowercase;	top: 0; left: 5px;	}#header h2#slogan {	position: absolute;	 	top:37px; left: 95px;	color: #666666;	text-indent: 0px;	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 	text-transform: none;	}#header form.searchform {	position: absolute;	top: 0; right: -12px;	}/* main */#main {	float: left;	margin-left: 15px;	padding: 0;	width: 73%;	}#main3 {	float: left;	margin-left: 15px;	padding: 0;	width: 50%;		}#mainbig {	float: left;	padding: 0;	width: 100%;	}.post-footer {	background-color: #FAFAFA;	padding: 5px; margin: 20px 15px 0 15px;	border: 1px solid #f2f2f2;	font-size: 95%;	}.post-footer .date {	background: url(http://www.walterdrane.com/images/clock.gif) no-repeat left center;	padding-left: 20px; margin: 0 10px 0 5px;}.post-footer .comments {	background: url(http://www.walterdrane.com/images/comment.gif) no-repeat left center;	padding-left: 20px; margin: 0 10px 0 5px;}.post-footer .readmore {	background: url(http://www.walterdrane.com/images/page.gif) no-repeat left center;	padding-left: 20px; margin: 0 10px 0 5px;}td {	padding:4px;}/* sidebar */#sidebar {	float: left;	width: 23%;	margin: 0;	padding: 0; 	display: inline;	}#sidebar2 {	float: left;	width: 23%;	margin: 0;	padding: 0; 	display: inline;	background: #f2f2f2;	}#sidebar ul.sidemenu {	list-style:none;	margin:10px 0 10px 15px;	padding:0;		}#sidebar ul.sidemenu li {	margin-bottom:1px;	border: 1px solid #f2f2f2;}#sidebar ul.sidemenu a {	display:block;	font-weight:bold;	color: #333;		text-decoration:none;		padding:2px 5px 2px 10px;	background: #f2f2f2;	border-left:4px solid #CCC;			min-height:18px;}* html body #sidebar ul.sidemenu a { height: 18px; }#sidebar ul.sidemenu a:hover {	padding:2px 5px 2px 10px;	background: #f2f2f2;	color: #339900;	border-left:4px solid #9EC630;}/* rightbar */#rightbar {	float: right;	width: 10%;	padding: 0; margin:0;		}/* Footer */#footer { 	clear: both; 	color: #FFF; 	background: #cebc60; 	border-top: 5px solid #cfb63c;	margin: 0; padding: 0; 	height: 50px;	  	font-size: 95%;		}#footer a { 	text-decoration: none; 	font-weight: bold;		color: #FFF;}#footer .footer-left{	float: left;	width: 65%;}#footer .footer-right{	float: right;	width: 30%;}/* menu tabs */#header ul {	z-index: 999999;	position: absolute;   margin:0; padding: 0;   list-style:none;	right: 0; 	bottom: 6px !important; bottom: 5px;	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	}#header li {   display:inline;   margin:0; padding:0;}#header a.menu {   float:left;   background: url(http://www.walterdrane.com/images/tableft.gif) no-repeat left top;   margin:0;   padding:0 0 0 4px;   text-decoration:none;}#header a.menu span {   float:left;   display:block;   background: url(http://www.walterdrane.com/images/tabright.gif) no-repeat right top;   padding:3px 15px 3px 8px;   color: #FFF;}/* Commented Backslash Hack hides rule from IE5-Mac \*/#header a span {float:none;}/* End IE5-Mac hack */#header a:hover span {	color:#FFF;}#header a.menu:hover {   background-position:0% -42px;}#header a.menu:hover span {   background-position:100% -42px;}#header #current a.menu {   background-position:0% -42px;	color: #FFF;}#header #current a.menu span {   background-position:100% -42px;	color: #FFF;}/* end menu tabs *//* alignment classes */.float-left  { float: left; }.float-right {	float: right; }.align-left  {	text-align: left; }.align-right {	text-align: right; }/* additional classes */p.bigger {line-height:200%;}.vimage {	vertical-align:middle;	border: 0;	}.clear { clear: both; }.green {	color: #9EC630; }.white {  color: #FFF;  }.gray  {	color: #BFBFBF; }