/* CSS Document */



<style type="text/css">


body{font-family: Arial, Helvetica, sans-serif;	background-color: #FFFFFF;}

p{
	margin-top:0px;
	line-height: normal;
	page-break-after: auto;
}

a:link, a:active {text-decoration: none; color: #ec148e;}
a:visited {text-decoration: none; color: #ec148e;}
a:hover, a:focus { text-decoration: none; color: #ec148e; }

a.img:link {text-decoration: none; color: #ffffff;}
a.img:active {text-decoration: none; color: #ffffff;}
a.img:visited {text-decoration: none; color: #ffffff;}
a.img:hover {text-decoration: none; color: #ffffff;}
a.img:focus {text-decoration: none; color: #ffffff;}

/* start of blog control*/
	
	

/* Page Structure
----------------------------------------------- */
@media all {
  #content {
    	width: 1005px; left: 0px; top: 87px; position: absolute; visibility: visible; z-index:1;
    
    
    text-align:left;
    }
  #main {
		height: 394px;
		width: 700px;
		left: 307px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		font-size: 0.8em;
		position: absolute;
		text-align: justify;
		visibility: visible;
    }
  #main2 {
   
    }
  #sidebar {
		width:285px;
		margin-left:6px;
		left: 11px;  top:87px;
		position: absolute; visibility: visible;
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		margin-right:5px;
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		line-height:95%
    }
  #sidebar2 {

		width:285px;
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		line-height:95%
      }
  }
@media handheld {
  #content {  width:90%;    }
  #main {    width:100%;    float:none;    }
  #sidebar { width:100%; float:none; }
  #sidebar2 { width:100%; }
  }



/* Title & Description
----------------------------------------------- */
@media all {
  #blog-title {
    margin:0 0 .5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#353;
    }
  #blog-title a {
  font-family:Arial, Helvetica, sans-serif;
	color:#353;
    text-decoration:none;
    }
  #description {
    margin:0 0 1.75em;
    color:#996;
    }
  #blog-mobile-title {
    display:none;
    }
  #description-mobile {
    display:none;
    }
  }
@media handheld {
  #blog-title {
    display:none;
    }
  #description {
    display:none;
    }
  #blog-mobile-title {
    display:block;
    margin:0 0 .5em;
    font-family:Arial, Helvetica, sans-serif;
    color:#353;
    }
  #blog-mobile-title a {
    color:#353;
    text-decoration:none;
    }
  #description-mobile {
    display:block;
    margin:0 0 1.75em;
    color:#996;
    }
  }



/* Twitter Posts
----------------------------------------------- */
#twitter_update_list {
	background-color: #0066CC;
}




/* Posts
----------------------------------------------- */
.date-header {
  
  padding-bottom:.35em;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:lowercase;
  color:#999999;
  padding-left:5px;
  }
.post {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	padding-left:5px;
	text-transform:lowercase;
	font-size: 12px;
  }
.post-title {

  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  text-transform:lowercase;
  color:#666666;
  padding-left:0px;
  }
.post-title a, .post-title strong {
  display:block;
  color:#333;
  text-decoration:none;
  padding-left:0px;
  
  }
.post-title a:hover {
  color:#ec148e;
  }
.post p {
  margin:0 0 .75em;
  padding-left:5px;

  }
p.post-footer {
	margin:0;
	text-align:right;
	padding-left:0px;
	border-bottom-color:#CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  color:#999999;
  padding-left:0px;

  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  
  padding-left:5px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url;
  padding-left:5px;
  }
.post img {
  padding:0px;
  border:none;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  }
#comments h4 {
 padding-top:.5em;
 font-family:Arial, Helvetica, sans-serif;
 font-family:11px;
  color:#333333;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-poster {
  margin:.5em 0 0;
  padding:0 0 0 20px;
  font-weight:bold;
  }
.comment-body {
  margin:0;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;
  }
.comment-timestamp a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
	height:15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height:95%;
	background-color:#5F6062;
	text-transform:lowercase;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
#sidebar ul {
  margin:.5em 0 1em;
  padding:0 0px;
  list-style:none;
  line-height:1.5em;
  }
#sidebar ul li {
  background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
  margin:0;
  padding:0 0 5px 15px;
  }
#sidebar p {
  margin:0 0 .6em;
  }


/* Profile
----------------------------------------------- */
.profile-datablock {
  margin:0 0 1em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 8px 5px 0;
  border:4px solid #cc9;
  }
.profile-data {
  margin:0;
  line-height:1.5em;
  }
.profile-data strong {
  display:block;
  }
.profile-textblock {
  clear:left;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  }

/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  padding-left: 20px
  }


/* end of blog control */		






		

img {

    padding:0px;
    margin: 0px;
    border:none;

    }
	
#layer3 { 
	height: 143px; 
	width: 1005px; 
	left: 0px; 
	top: 480px; 
	position: absolute; 
	visibility: visible; 
	z-index:1 
	}

.site-title {

  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  text-transform:lowercase;
  color:#666666;
  padding-left:0px;
  }
  
.site-body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:none;
	color:#666666;
	padding-left:0px;
  }
 
.site-footer {

  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  text-transform:lowercase;
  color:#666666;
  padding-left:0px;
  }

#project_name{
	/* The total width of the scrolling div including scrollbar */

	background-color:#5F6062;
	width:285px;
	height:19px;	/* The height of the scrolling div */
	margin-left:6px;
	left: 11px;
	top: 87px;
	position: absolute;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	line-height:95%;
	padding: 0,0,0,1px;
	}

	sectionTITLE {
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		line-height:95%
	}

	#dhtmlgoodies_scrolldiv{

		/* The total width of the scrolling div including scrollbar */



		width:1px;
		height:500px;	/* The height of the scrolling div */
		left: 11px; top: 104px; position: absolute; visibility: visible;
	}


	#scrolldiv_parentContainer{

		/* Width of the scrolling text */

		width:500px;
		height:100%;
		overflow:hidden;
		border:2px solid #ec008c;
		float:left;
		position:relative;
	}


	#scrolldiv_content{
	padding: 5px;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height:100%;
	color: #333;

	}


	#scrolldiv_slider{

		/*	The scrollbar slider 	*/

		width:8px;
		margin-left:2px;
		float:left;
	}


	#scrolldiv_scrollbar{
	/* 	The scrollbar (The bar between the up and down arrow )	*/

		width:8px;
	border:1px solid #666666;
	position:relative;
	background-image:url(webimage/scroll_bar_vert.jpg);
	}



	#scrolldiv_theScroll{

		/* 	The scrollbar handle 	*/

		margin-right:1px;
		width:10px;
		height:4px;
		border-right: thick #ffffFF;
		background-image:url(webimage/scroll_mag.jpg);
		position:absolute;	
		text-align:left;
		top:0px;
		left:0px;
		cursor:pointer;
	}



	#scrolldiv_scrollUp,#scrolldiv_scrollDown{

		/* 	Scroll buttons(The up and down arrows) 	*/

		width:8px;
		height:15px;
		border:1px solid #BC8FBD;
		color: #ffffff;
		text-align:center;
		font-size:10px;
		line-height:10px;
		cursor:pointer;
		background-image:url(webimage/scroll_wht.jpg);
	}



	#scrolldiv_scrollUp{
		margin-bottom:0px;
	}



	#scrolldiv_scrollDown{
		margin-top:0px;
	}



	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}



	#content_right{ 
		/* project images */
		height: 394px;
		width: 700px;
		left: 307px;
		top: 84px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		font-size: 0.8em;
		position: absolute;
		text-align: justify;
		visibility: visible;
		padding: 0px;
		background-image:url(webimage/sliver_background.jpg);
	}


	#sliver_one{ 
		/* thumbnail control from left to right */


			/* background:url(webimage/sliver_background.jpg); */
			height: 394px; width: 66px; left: 307px; top: 84px; margin-top:0; margin-left:0; margin-right:0; font-size: 0.8em;  position: absolute; text-align: justify; visibility: visible; padding: 0;

		 }



	#sliver_two{ 



		/* thumbnail control from left to right */



			/* background:url(webimage/sliver_background.jpg); */
			height: 394px; width: 66px; 



		left: 377px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em;  position: absolute; text-align: justify; visibility: visible; padding: 0px;



		}



	#sliver_three{ 



		/* thumbnail control from left to right */



		/* background:url(webimage/sliver_background.jpg); */
		height: 394px; width: 66px; 



		left: 447px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em; position: absolute; text-align: justify; visibility: visible; padding: 0px;



		}



	#sliver_four{ 



		/* thumbnail control from left to right */


	/* background:url(webimage/sliver_background.jpg); */
		height: 394px; width: 66px; 



		left: 517px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em; position: absolute;  text-align: justify; visibility: visible; padding: 0px;



		}



	#sliver_five{ 



		/* thumbnail control from left to right */



		/* background:url(webimage/sliver_background.jpg); */
		height: 394px; width: 66px; 



		left: 587px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em; position: absolute;  text-align: justify; visibility: visible; padding: 0px;



		}



	#sliver_six{ 



		/* thumbnail control from left to right */


	/* background:url(webimage/sliver_background.jpg); */
		height: 394px; width: 66px; 



		left: 657px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em; position: absolute;  text-align: justify; visibility: visible; padding: 0px;



		}



	#sliver_seven{ 



		/* thumbnail control from left to right */



		/* background:url(webimage/sliver_background.jpg); */
		height: 394px; width: 66px; 



		left: 727px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em; position: absolute; text-align: justify; visibility: visible; padding: 0px;



		}



	#sliver_eight{ 



		/* thumbnail control from left to right */

/* background:url(webimage/sliver_background.jpg); */

		height: 394px; width: 66px; 



		left: 797px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em; position: absolute;text-align: justify; visibility: visible; padding: 0px;



		}



	#sliver_nine{ 



		/* thumbnail control from left to right */


	/* background:url(webimage/sliver_background.jpg); */
		height: 394px; width: 66px; 



		left: 867px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em; position: absolute;  text-align: justify; visibility: visible; padding: 0px;



		}	



	#sliver_ten{ 



		/* thumbnail control from left to right */



		/* background:url(webimage/sliver_background.jpg); */
		height: 394px; width: 66px; 



		left: 937px; 



		top: 84px; margin-top:0px; margin-left:0px; margin-right:0px; font-size: 0.8em; position: absolute;  text-align: justify; visibility: visible; padding: 0px;



		}



	</style>
.p.site-body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:none;
	color:#666666;
	padding-left:0px;
}