/********************************************
   ORIGINAL AUTHOR:		Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
   TEMPLATE CODE: 		S-0017
   VERSION:          	1.0	
   DATE:          		August-31-2007          	
   MODIFIED BY:			DATA4DECISIONS
   WEBSITE:				http://www.data4decisions.co.uk/
   MODIFY DATE:			September 2008
 *******************************************/
 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0;}

* html body ul li {
	height: 1%;
}

body {
	background: #fff;
	font: 14px/1.75em Verdana, Tahoma, arial, sans-serif; /*'Trebuchet MS', Tahoma, Sans-serif*/
	color: #666666; 
	text-align: center;
	margin: 0 0 15px 0;	
}

/* links */
a, a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #F88D47;
	background: inherit;
	padding-bottom: 0;
	border-bottom: 2px solid #dbd5c5;
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 	
	color: #333;		
}
h1 {
	font-size: 160%;	
	font-weight: normal;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;	
}
h3 {
	font-size: 130%;	
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

/* images */
img {
	background: #FAFAFA;
    border: 1px solid #DCDCDC;
	padding: 5px 0px 0px 0px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px;	
}
th strong {
	color: #fff;
}
th {
	background: #e7e6e6 url(button.jpg) repeat-x;
	height: 29px;
	width:auto;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	/*position: relative;*/
	width: 910px;	
	margin: 0 auto;
	text-align: left;
	background: #fff url(content.jpg) repeat-y center top;
}
#content-wrap {
	float: left;
	width: 850px;
	margin-left: 30px;
	display: inline;
	padding: 0; 	
	border-top: 5px solid #fff;
	background: #fff url("content_wrap.jpg") repeat-x; 
}
#header {
	position: relative;
	background: #fff url("header_bg.jpg") repeat-y center top;
	height: 35px;
	width: 910px;	
	padding: 0;	
	margin: 0 auto;
	color: #fff;	
}

/* header links */
#header #header-links {
	position: relative;
	top: 8px;
	right: 50px;
	color: #838181;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	left: 610px;
	width: 250px;
}
#header #header-links p {	
	padding: 0;	margin: 0;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}

/* header-photo */
#header-photo {
	position: relative;
	clear: both;
	margin: 5px auto;
	height: 150px;
	width: 850px;
	background: #fff url(nepas_systems_logo.jpg) no-repeat center center;
}
#header-photo h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 48px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: #cde;
	text-transform: none;
	text-decoration: none;
	border: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 30px;	
}

#header-photo h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #555;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 111px; left: 54px;		
}

#gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
	height: 250px;
	z-index: -1;
}

/*The following thumbnail classes are to position the different enlarged images on different positions on the site so that
  they are less likely to drop of the screen when being viewed */
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 250px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid blue;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 350px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail3 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail3:hover{
background-color: transparent;
}

.thumbnail3:hover img{
border: 1px solid blue;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 450px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail4 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail4:hover{
background-color: transparent;
}

.thumbnail4:hover img{
border: 1px solid blue;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 550px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail5 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail5:hover{
background-color: transparent;
}

.thumbnail5:hover img{
border: 1px solid blue;
}

.thumbnail5 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail5 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail5:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 650px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail6 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail6:hover{
background-color: transparent;
}

.thumbnail6:hover img{
border: 1px solid blue;
}

.thumbnail6 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail6 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail6:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 750px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail7 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail7:hover{
background-color: transparent;
}

.thumbnail7:hover img{
border: 1px solid blue;
}

.thumbnail7 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail7 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail7:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 850px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail8 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail8:hover{
background-color: transparent;
}

.thumbnail8:hover img{
border: 1px solid blue;
}

.thumbnail8 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail8 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail8:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 950px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail9 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail9:hover{
background-color: transparent;
}

.thumbnail9:hover img{
border: 1px solid blue;
}

.thumbnail9 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail9 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail9:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1050px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail10 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail10:hover{
background-color: transparent;
}

.thumbnail10:hover img{
border: 1px solid blue;
}

.thumbnail10 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail10 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail10:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1150px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail11 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail11:hover{
background-color: transparent;
}

.thumbnail11:hover img{
border: 1px solid blue;
}

.thumbnail11 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail11 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail11:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1250px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail12 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail12:hover{
background-color: transparent;
}

.thumbnail12:hover img{
border: 1px solid blue;
}

.thumbnail12 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail12 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail12:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1350px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail13 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail13:hover{
background-color: transparent;
}

.thumbnail13:hover img{
border: 1px solid blue;
}

.thumbnail13 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail13 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail13:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1450px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail14 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail14:hover{
background-color: transparent;
}

.thumbnail14:hover img{
border: 1px solid blue;
}

.thumbnail14 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail14 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail14:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1550px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail15 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail15:hover{
background-color: transparent;
}

.thumbnail15:hover img{
border: 1px solid blue;
}

.thumbnail15 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail15 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail15:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1650px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail16 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail16:hover{
background-color: transparent;
}

.thumbnail16:hover img{
border: 1px solid blue;
}

.thumbnail16 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail16 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail16:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1750px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail17 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail17:hover{
background-color: transparent;
}

.thumbnail17:hover img{
border: 1px solid blue;
}

.thumbnail17 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail17 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail17:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1850px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail18 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail18:hover{
background-color: transparent;
}

.thumbnail18:hover img{
border: 1px solid blue;
}

.thumbnail18 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail18 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail18:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1950px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumb_special img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumb_special:hover{
background-color: transparent;
}

.thumb_special:hover img{
border: 1px solid blue;
}

.thumb_special span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumb_special span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumb_special:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 250px;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 0;
}


/* Navigation */
#nav {
	clear: both;	
	padding: 0;
	width: 910;
	height: 45px;
	position: relative;
	background: #fff url("header_bg.jpg") repeat-y center top;
	margin: 1px 0px 1px 0px;
}

#nav .centre {
	position: relative
	width: auto;
	height: 45px;
	margin: 0px 0px 0px 30px;
}

#nav ul {
    float: left;
	list-style: none;
	background: #E4E4E4 url(nav.jpg) repeat-x;	
	width: 840px;		
	padding: 0px;	
	margin: 0px;
	height: 45px;
	display: inline;
	text-transform: uppercase;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: inherit;
	padding: 0 15px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #555;
	font: bold 12px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #326ea1;
}
#nav ul li#current a {	
	background: #DBDBDB url("nav_current.jpg") repeat-x;		
}

/* Main Column */
#main {
	margin: 10px 0px 0px 200px;
	width: 440px;
}

#main h1 {
	margin: 10px 10px 0px 10px;
	font: normal 1.8em 'Trebuchet MS', Tahoma, Sans-serif; /*Georgia,"Times New Roman", Times, serif*/
	color: #444;
	padding: 15px 0px 2px 0px; 		
	border-bottom: 1px solid #dadada;
}

#main h2 {
	margin: 10px 10px 0px 10px;
	font: normal 1.0em 'Trebuchet MS', Tahoma, Sans-serif; /*Georgia,"Times New Roman", Times, serif*/
	color: #444;
	padding: 15px 0px 2px 0px; 		
	border-bottom: 1px solid #dadada;
}

#main hr {
	border: 1px solid #dadada;
}

#main p.info {
	position: relative;
	width: auto;
	height: auto;
	font-size: 70%;
	text-shadow: Gray;
	line-height: 12px;
}

#main p.main {
	position: relative;
	width: auto;
	height: auto;
}

#main p.centre-box {
	width: 300px;
	height: auto;
	position: relative;
	text-align: center;
	margin-left: 60px;
}

#main p.box-left {
	width: 130px;
	height: auto;
	float: left;
	margin-left: 75px;
	text-align: center;
}

#main p.box-right {
	width: 130px;
	height: auto;
	float: right;
	margin-right: 65px;
	text-align: center;
}

p.sitemap_main {
	text-align: left;
	margin: 0px 0px 0px 0px; 
	padding: 0;			
	text-decoration: none;	
}

p.sitemap_sub {
	margin: 0px 0px 0px 60px; 
	padding: 0;			
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 195px;	
	margin-top: 10px;	
	line-height: 20px;
}

#sidebar h1 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444; 		
}

#sidebar ul {
	text-align: left;
	margin: 7px 8px 8px 0px;
	text-decoration: none;	
}

#sidebar ul li {
	list-style: none;
	padding: 4px 0px 4px 5px;
	border-top: 1px solid #ff6c10;
}

#sidebar ul li.last {
	list-style: none;
	padding: 4px 0px 4px 5px;
	border-bottom: 1px solid #ff6c10;
}

#sidebar ul li a {
	text-decoration: none;	
	margin: inherit;
	color: #326ea1; 
	border: none;		
}

#sidebar ul li a:hover {	
	color: #F88D47;
	border: none;
}

p.comment {
    color: #326EA1;
	font-style:oblique;
	font-size: 80%;
	line-height: 10px;
	font-variant: small-caps;
}

/* right column */
#rightcolumn {
	float: right;
	width: 190px;
	margin-top: 10px;	
	line-height: 20px;
}

#rightcolumn h1 {
	margin: 10px 5px 0px 5px;
	padding: 5px 5px 0px 0px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444; 		
}

#rightcolumn h3 {
	margin: 10px 5px 0px 5px;
	padding: 5px 5px 0px 0px; 
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444; 		
}

#rightcolumn ul {
	float: right;
	text-align: left;
	font-size: 80%;	
	margin: 7px 4px 8px 4px; 
	text-decoration: none;
}

#rightcolumn ul li {
	list-style: none;
	padding: 4px 0 4px 5px;
	border-top: 1px solid #ff6c10;
}

#rightcolumn ul li.last {
	list-style: none;
	padding: 4px 0px 4px 5px;
	border-bottom: 1px solid #ff6c10;
}

#rightcolumn ul li a {
	text-decoration: none;	
	color: #326ea1; 
	border: none;		
}

#rightcolumn ul li a:hover {	
	color: #F88D47;
	border: none;
}

#rightcolumn img {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* footer-wrap */
#footer-wrap {
	clear: both;
	width: 910px;
	font-size: 95%;
	padding: 20px 0;
	text-align: left;	
	background:  url("footer_bottom.jpg") no-repeat center bottom;	
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap p {
	padding: 10px 0;
}
#footer-wrap h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

/* footer */
#footer {
	clear: both;
	color: #666;	
	margin: 0 auto 10px auto; 
	width: 850px;
	padding: 5px 0;
	text-align: center;
	background: #F8F7F7;
	border-top: 1px solid #F2F2F2;	
}

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/* post */
.post-by {
	font-size: .95em;	
	padding-top: 0;
}
.post-footer {
	background: #F5F5F5;
	padding: 5px; margin: 20px 10px 0 10px;	
	font-size: 95%;	
	color: #666666;	
}
.post-footer .date{
	margin: 0 10px 0 5px;	
}
.post-footer a.comments {
	margin: 0 10px 0 5px;	
}
.post-footer a.readmore {
	margin: 0 10px 0 5px;	
}

/* settings for Videos */
embed {
	width: 320px;
	height: 325px;
}