@import url("fonts/droidsans.css");
@import url("fonts/texgyre.css");
	body	{
		background: #444 url(images/paper.jpg);
		font: 100 10pt/18pt 'DroidSansRegular', Arial, sans-serif;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	h1, h2, h3, h4, h5	{
		display: block;
		font-family: 'DroidSansRegular', Arial, sans-serif;
		font-weight: 100;
		line-height: 1em;
		margin: 0 0 10px 0;
		padding: 0;
		}
	h1	{
		font-size: 80pt;
		font-weight: 960;
		margin: 0 0 100px 0;
		}
		
	h2	{font-size: 40pt;}
	h3	{font-size: 32pt;}
	h4	{font-size: 28pt;}
	h5	{font-size: 18pt;	font-weight: 960;}
	
	a	{color: #f58220;	text-decoration: none;	}
		a:hover{color: #d58220;	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 'DroidSansRegular', Arial, sans-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 0 0;
		padding:10px;
		background: #494949;
		}
		/*menu syling*/
		#menu	{
			float: left;
			margin: 0;
			padding: 0;
			display:block;
			}
			
			#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: 8pt;
						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: #f58220;
							color: #fff;
							text-decoration: none;
							}
						
							#menu li a em	{
								font-style: normal;
								text-decoration: underline;
								}
			
						a.rssicon, a.rssicon:hover {
							background:url(images/pinkrss.png) no-repeat center;
							height:50px;width:50px;
							display:block;text-indent:-99999px;
							margin:0;
							padding:0;
							float:right;
							} 
	
	/*the search box styling  */
	
		#search	{
		float: right;
		margin: 5px 0 5px 0;
		padding: 0;
		}
		#search form	{
			margin: 0;
			padding: 0;
			}
		
		#search	input	{
			display: block;
			float: left;
			font: 100 10pt/1em 'DroidSansRegular', Arial, sans-serif;
			margin: 0 5px 0 0;
			padding: 5px;
			}
		
		#search input.ip	{
			background: #fff;
			border: 1px solid #ccc;
			color: #666;
			}
			
		#search button	{
			background: #222;
			border: 0;
			color: #f58220;
			cursor: pointer;
			display: block;
			float: left;
			font: 100 10pt/1em 'DroidSansRegular', Arial, sans-serif;
			font-weight:normal;
			margin: 0 5px 0 0;
			padding: 5px;
			
			}

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

/*=====  logo====*/			
	.logo	{
		margin: 0 0 0 0;
		padding: 0px 0px;
		}
		.logo h1	{
			/*background: url(images/logoface.png) no-repeat left;*/
			float: left;
			font-size: 70pt;
			font-style: normal;
			font-weight: 960;
			letter-spacing: -3px;
			line-height: .8em;
			line-height: 1em;
			margin: 0;
			min-height: 150px;
			padding: 0px 0 0 0px;
			text-align: right;
			text-transform: uppercase;
			}
			
			.logo h1 em	{
				display: block;
				font-family: 'DroidSansRegular', 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: right;
				text-transform: lowercase;
				}
				.logo h1 a {color:#444;}
				.logo h1 a:hover	{color:#d58220;}

/*=====  post contains post title, date, postmeta and post entry styling====*/					
.post {margin:10px 0;padding:0;}
	.post-title {margin:0;padding:0;}
	.post-title	h2{
		font-size: 28pt;
		font-weight: 100;
		letter-spacing: 2px;
		line-height: 100%;
		margin: 0 0 10px 0;
		padding: 0;
		text-transform: uppercase;
		word-spacing: .1em;
		}
		
		.post-title h2 a	{	color: #444;	}
			.post-title h2 a:hover {color:#000;}
			
	.date	{
		color: #444;
		display: block;
		font-family: 'DroidSansRegular', 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:'DroidSansRegular', Arial, sans-serif;
		margin:5px 0;
		padding:0;
		font-size:12pt;
		}
		.postmeta em {font-style:normal;}

	/* the styles of images used in the template*/
	img	{
		border: 0;
		display: block;
		height: auto;
		margin: 20px 0;
		
		padding: 0;
		}
		
	img.alignleft	{
		float: left;
		margin: 0 20px 5px 0;
		padding: 0;
		}
		
	img.alignright	{
		float: right;
		margin: 0 0 5px 20px;
		padding: 0;
		}
img.alignrighticon	{
		float: right;
		margin: 0 0 5px 5px;
		padding: 0;
		}
	img.portfolio	{
		border: 0;
		display: block;
		height: auto;
		margin: 0px 0;
		max-width: 440px;
		padding: 0;
		}
	img.slide	{
		border: 0;
		display: block;
		height: auto;
		margin: 0px 0;
		max-width: 960px;
		padding: 0;
		}
/*=======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: 2px solid #fff;
					height: auto;
					max-width: 450px;
					}

			.latest-project .date	{
					color: #222;
					font-size: 18pt;
					}
			
			.latest-project a.otherentries	{
					border-color: #222;
					color: #222;
					}
					
/*=======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	{
			color: #000;
			font-size: 12pt;
			font-weight: 960;
			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:960;
			}	
			
	.col .postmeta {font-size:8pt;line-height:120%;margin:5px 0 0 0;padding:0;}

/* various  link styling*/			
	a.readmore	{
		float: left;
		font-size: 12pt;
		font-weight: 960;
		margin: 0;
		padding: 1px 5px;
		text-transform: uppercase;
		}
		a.readmore:hover	{	border-color: #f58220;	}
	
	a.otherentries, a.continue	{
	    color: #000;
		float: left;
		font-size: 8pt;
		font-weight: 960;
		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: #d58220;	}
	
/*=====  footer====*/
	.footer	{
		font-size: 10pt;
		margin: 0 0 0 0;
		padding: 0;
		}

	/* styling for site designer link*/	
	.sitecredits {color:#a9a9a9;} 
		.sitecredits a {color:#a9a9a9;border-bottom:1px dotted #a9a9a9;}
			.sitecredits a:hover {color:#595959;}
		
	
/*=====  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 'DroidSansRegular', Arial, sans-serif;
					}
					.categories li a:hover	{
						color: #f58220;
					}
/*===== aboutsite styling at page bottom====*/					
	.aboutsite	{
		clear: both;
		color: #ccc;
		background:#222;
		font: 100 normal 12pt/1.5em 'DroidSansRegular', Arial, sans-serif;
		margin:0 0 0 0;
		padding:20px ;
		}
		
		.aboutsite p	{
			margin: 0;
			padding: 0;
			}
			
			.aboutsite em	{
				border-bottom: 1px dotted #eee;
				color:#eee;
				font-style: normal;
				}

/*=====  block element that creates space in a page====*/	
	.spacer	{
		clear: both;
		display: block;
		height: 30px;
		margin: 0;
		padding: 0;
		}
/*=====  styling for valid html, valid css buttons ====*/
	.validbuttons {
		margin:0;
		padding:0;
		width:200px;
		float:right;
		}
		.validbuttons a {float:right;margin:0 0 0 10px;padding:0;width:88px;}

/*=====  styling for twitter section ====*/			
	.twitter_wrap {
		margin:10px 25%;
		padding:0;
		}
		
		ul#twitter_update_list {
		font-size:8pt;	
		font-weight:100;	
		display:block;
		margin:0 120px 0 0;
		padding:0;
		line-height:150%;
		text-decoration:none;	
		color:#666;
		border-top:1px dotted #000;
		}
		
		ul#twitter_update_list li {
			margin:0 0 2px 0;
			padding:5px 0;
			list-style-type:none;
			border-bottom:1px dotted #000;
			font-family:'DroidSansRegular', Arial, sans-serif;
			}
				
			a.twittericon {
				margin:0 10px 0 0;
				float:right;
				padding:0;
				width:100px;
				height:100px;
				text-indent:-99999px;
				display:block;
				background:url(images/twitter100.png) no-repeat;
				}
/*=====  styling for rss feeds at page bottom ====*/				
	.rssfeeds {
		margin:0 0 5px 0;
		padding:0;
		}
		.rssfeeds ul {margin:0;padding:0;}
		.rssfeeds li {list-style-type:none;display:inline;margin:0 10px 0 0;padding:0;}
		.rssfeeds li a {
			color:#666;
			padding-left:20px;
			background:url(images/smallrss.png) no-repeat top left;		
			}  
		.rssfeeds li a:hover {color:#000;}
		

		
	/* contact box */
	#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }
	#inline { display: none; width: 600px; }
	label { margin-right: 9px; margin-bottom: 9px; color: #646464; font-size:0.8em; text-align:right;  }

.txt { 
display: inline-block; 
color: #676767;
width: 420px; 
font-family: 'DroidSansRegular', Tahoma, sans-serif; 
margin-bottom: 0px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1em;
line-height: 1.2em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: 'DroidSansRegular', Tahoma, sans-serif; 
margin-bottom: 0px; 
width: 420px; 
height: 100px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1em;
line-height: 1.2em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}


#slider {
	position:relative;
	height:100%;
	padding-left:0px;
}
#slider-content {
	position:relative;
	width:960px;
	height:260px;
	overflow:hidden;
}
#slider-content ul {
	position:relative;
	list-style:none outside none;
	overflow:hidden;
}
#slider-content ul li, .jcarousel-clip {
	position:relative;
	width:960px;
	height:260px;
}
.slider-prev, .slider-next {
	position:absolute;
	top:100px;
	display:block;
	width:48px;
	height:48px;
}
.slider-prev {
	left:0px;
	background:url(images/prev.png) no-repeat 0 0;
}
.slider-next {
	right:0px;
	background:url(images/next.png) no-repeat 0 0;
}
#slider-nav {
	position:absolute;
	top:10px;
	right:29px;
	display:block;
}
#slider-nav ul {
	list-style:none outside none;
}
#slider-nav ul li {
	float:left;
	display:inline;
	width:24px;
	height:30px;
	margin-right:2px;
}
#slider-nav ul li a {
	display:block;
	height:30px;
	background-color:#494949;
	font-size:12px;
	text-align:center;
	line-height:31px;
	color:#fff;
}
#slider-nav ul li a:hover, #slider-nav ul li a.active {
	background-color:#f58220;
	color:#fff;
}