/*=====  Body, block elements====*/
	body	{
		background: #444 url(images/paper.jpg);
		font: 100 12pt/18pt Helvetica, Arial,Verdana,Sans-Serif;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	

		
	h1, h2, h3, h4, h5	{
		display: block;
		font-family: Georgia,Times,Serif;
		font-weight: 100;
		line-height: 1em;
		margin: 0 0 10px 0;
		padding: 0;
		}
		
	h1	{
		font-size: 80pt;
		font-weight: 900;
		margin: 0 0 100px 0;
		}
		
	h2	{
	font-size: 40pt;
}
	h3	{font-size: 32pt;}
	h4	{font-size: 28pt;}
	h5	{font-size: 18pt;	font-weight: 900;}
	
a	{color: #d06;	text-decoration: none;	}

a:hover{
	text-decoration: none;
}
	
	.clearpara	{
		clear: both;
		height: 0;
		margin:0;
		padding:0;
		}
	
	.lhs	{	float: left;	}
	.rhs	{float: right;	}
	
	blockquote {
		margin:20px  0;
		padding:10px 0;
		font:100 italic 10pt/1.5em Georgia,Times,Serif;
		border-top:2px dotted #000;
		border-bottom:1px dotted #000;
		}
		
	p {margin:0 0 10px 0;padding:0;} 
		
	ul, ol {
		margin:0 0 0 10px ;
		padding:0 0 0 10px;
}	



/*=====  structure elements that contain content====*/

	.pagewrap	{
		margin: 0;
		padding: 0;
		}
	.wrap, .ctr	{
		margin: 0 auto;
		padding: 0;
		width: 960px;
		}
	
	.content	{
		margin: 0;
		padding: 0 0 0 50px;
		text-align: left;
		}

	/* this defines the vertical column in the recent articles section */		
	.col	{
		float: left;
		margin: 0 20px 20px 0;
		padding: 0;
		width: 190px;
		}
	
	.maincontent	{
		background: #fff;
		margin: 0 0 10px 0;
		padding: 20px;
		}
		
/*=====  topwrap on the top containing menu+search====*/

	.topwrap {
		margin:0 0 10px 0;
		padding:10px;
		background: #494949;
		}
		/*menu syling*/
		#menu	{
	float: left;
	margin: 0;
	padding: 0;
	display:block;
	width: 500px;
			}
			
			#menu ul	{
				clear: left;
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
				}
				
				#menu li	{
					display: block;
					float: left;
					list-style: none;
					margin: 0 10px 0 0;
					padding: 0;
					}
					
					#menu li a	{
						color: #fff;
						display: block;
						font-size: 12pt;
						letter-spacing: 0;
						margin: 0;
						padding: 5px 10px;
						text-decoration: none;
						text-transform: uppercase;
						}
						
						#menu li.on a,
						#menu li.on a:hover ,
						#menu li a:hover	{
							background: #d06;
							color: #fff;
							text-decoration: none;
							}
						
							#menu li a em	{
								font-style: normal;
								text-decoration: underline;
								}
			
						a.rssicon, a.rssicon:hover {
	height:50px;
	width:50px;
	display:block;
	text-indent:-99999px;
	margin:0;
	padding:0;
	float:right;
	background-image: url(images/facebook.png);
	background-repeat: no-repeat;
	background-position: center;
							} 
	

/*=====  section heading such as latest project, recent articles etc.====*/	
	.section_header	{
		margin: 10px 0 10px -40px;
		padding: 0;
		}
		.section_header h2	{
			background: #d06;
			color: white;
			float: left;
			font-size: 32pt;
			letter-spacing: 3px;
			margin: 0 0 0 0;
			padding: 20px;
			text-transform: uppercase;
			}

/*=====  logo====*/			
	.logo	{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
		}
		.logo h1	{
	float: left;
	font-size: 55pt;
	font-style: normal;
	letter-spacing: -3px;
	line-height: .8em;
	line-height: 1em;
	margin: 0;
	min-height: 150px;
	text-align: left;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
			}
			
			.logo h1 em	{
				display: block;
				font-family: Helvetica,Arial,Sans-Serif;
				font-size: 18pt;
				font-style: normal;
				font-weight: 100;
				letter-spacing:2px;
				line-height: 1.5em;
				margin: 0;
				padding: 0;
				text-align: left;
				}
				.logo h1 a {color:#444;}
				.logo h1 a:hover	{color:#f06;}

/*=====  post contains post title, date, postmeta and post entry styling====*/		

.post {margin:10px 0;padding:0;}

	.post-title {
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
	
	.post-title	h2{
	font-size: 24pt;
	font-weight: 100;
	letter-spacing: 2px;
	line-height: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	word-spacing: .1em;
	text-transform: uppercase;
		}
		
		.post-title h2 a	{	color: #444;	}
			.post-title h2 a:hover {color:#000;}
			
	.date	{
		color: #444;
		display: block;
		font-family: Helvetica,Arial, Sans-Serif;
		font-weight: 100;
		margin: 20px 0 10px 0;
		padding: 0;
		}
		
	.postentry, .postentry p {	margin:0 0 10px 0;	padding:0;}
	
	.postmeta {
		font-family:verdana,Arial,Sans-Serif;
		margin:5px 0;
		padding:0;
		font-size:12pt;
		}
		.postmeta em {font-style:normal;}

			
/*=======The styling for latest project ========*/	

	.latest-project	{
		background: #fff;
		color: #666;
		margin: 10px 0 20px 0;
		padding: 20px 40px;
		}
		.latest-project .section_header	{
			margin: 10px 0 0 -60px;
			}
					
			.latest-project img	{
	border: 1px solid #666;
	height: auto;
	max-width: 450px;
	padding: 3px;
	float: left;
	margin-right: 15px;
					}

			.latest-project .date	{
					color: #222;
					font-size: 18pt;
					}
			
			.latest-project a.otherentries	{
					border-color: #222;
					color: #222;
					}
					
.latest-project a	{color: #d06;	text-decoration: none;	}

.latest-project a:hover{
	color: #6C3;
	text-decoration: underline;
}


/*=======The styling for vertical columns ========*/						
	.col	{
		font-size: 11pt;
		line-height: 1.5em;
		}
		.col p	{
			margin: 0 0 10px 0;
			padding: 0;
			}
		
		.col img.alignleft	{
			height: auto;
			max-width: 180px;
			}
			
		.col .post-title h2	{
	font-size: 12pt;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 130%;
	margin:0 0 5px 0;
	padding: 2px 0;
	text-transform: uppercase;
	word-spacing: .2em;
			}
			.col post-title h2 a	{
				color: #000;
				}
				.col .post-title h2 a:hover	{
					background: #ffffcc;
					color: #000;
					}
					
		.col .date {
			margin:10px 0 0 0;
			font-size:11pt;
			font-weight:900;
			}	
			
	.col .postmeta {font-size:8pt;line-height:120%;margin:5px 0 0 0;padding:0;}

/* various  link styling*/			
	a.readmore	{
		border-bottom: 1px dotted #000;
		border-top: 1px dotted #000;
		float: left;
		font-size: 12pt;
		font-weight: 900;
		margin: 0;
		padding: 1px 5px;
		text-transform: uppercase;
		}
		a.readmore:hover	{	border-color: #f06;	}
	
	a.otherentries, a.continue	{
		border-bottom: 1px dotted #000;
		border-top: 1px dotted #000;
		color: #000;
		float: left;
		font-size: 8pt;
		font-weight: 900;
		letter-spacing: .3em;
		line-height: 1em;
		margin: 10px 0;
		padding: 5px;
		text-transform: uppercase;
		}
		
		a.continue	{	border-top: 0;}
			a.otherentries:hover, a.continue:hover	{color: #f06;	}
	
/*=====  footer====*/
	.footer	{
		font-size: 10pt;
		margin: 0 0 0 0;
		padding: 0;
		}

	/* styling for site designer link*/	
	.sitecredits {
	color:#666;
} 
		.sitecredits a {
	color:#666;
	border-bottom:1px dotted #a9a9a9;
}
			.sitecredits a:hover {
	color:#F06;
}
		
	
/*=====  categories styling at page bottom====*/
			
	.categories	{
		background: #494949;
		display: block;
		margin: 10px 0;
		padding: 10px 20px;
		text-align: left;
		}
		.categories ul	{
			margin: 0;
			padding: 0;
			}
			.categories li	{
				color: #fff;
				display: inline;
				font-size: 10pt;
				list-style-type: none;
				margin: 0 20px 0 0;
				padding: 0;
				}
				.categories li a	{
					color: #fff;
					font: 100 italic 11pt/1em Georgia,Serif;
					}
					.categories li a:hover	{
						color: #fcc;
					}
					
/*===== aboutsite styling at page bottom====*/					
	.aboutsite	{
		clear: both;
		color: #ccc;
		background:#222;
		font: 100 normal 22pt/1.5em Georgia,Times,Serif;
		margin:10px 0 0 0;
		padding:20px ;
		}
		
		.aboutsite p	{
			margin: 0;
			padding: 0;
			}
			
			.aboutsite em	{
				border-bottom: 1px dotted #eee;
				color:#eee;
				font-style: normal;
				}

	.spacer	{
		clear: both;
		display: block;
		height: 30px;
		margin: 0;
		padding: 0;
		}
	.validbuttons {
		margin:0;
		padding:0;
		width:200px;
		float:right;
		}
		.validbuttons a {float:right;margin:0 0 0 10px;padding:0;width:88px;}

/* *********************************** VARIE */
		
#gallery2 img {
	border: 1px solid #666;
	padding: 3px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.bordo {
	padding: 3px;
	border: 1px solid #666;
}