/* CSS for I'm A Lasagna Boy blog 

	Salim Virji <salim@commadammit.com>
*/

html {
	background-color: #fff;
	color: #000;
	padding: 0;
	margin: 0;
}

/*
dt {
        font-style: italic;
	padding: 5px;
}
*/
A.offSiteLink,A.mailToLink{padding-right:14px;background-image:url(/images/icon_exlink.gif);background-repeat:no-repeat;background-position:100% 0%;}
A.mailToLink{background-image:url(/images/mailto.gif);padding-right:16px;}
SPAN.offSiteLink,SPAN.mailToLink{position:absolute;left:-500%;}


body {
	padding: 1em;
	margin:0px 0px 20px 0px;
	background:#FFF;		
	}

	/* a was #003366 */
	a { 
	padding: 1px;
	color: #5c7e58; 
	text-decoration: underline; 
	}
	a:link { 
	padding: 1px;
	color: #003366; 
	border-color: #035;
	text-decoration: underline;
	}
	a:link img {
	padding: 10px;
	border-color: none;
	text-decoration: none;
	}
	a[href $=".virji.net"]:after {
	font-size: smaller;
	content: " [offsite]";
	}
	a:visited { 
	padding: 1px;
	color: #5c7e58; 
	text-decoration: none;
	}
	a:active { 
	padding: 1px;
	color: #999999; 
	border: dashed 1px; 
	border-color: #035 
	}
	
	a:hover	{ 
	padding: 1px;
	color: #fff; 
	background-color: #035; 
	border-color: #fff;
	/*border: 1px dotted #5c7e58; */
	text-decoration: none;
	}

	img {
	/*padding: 15px;*/
	border: none;
	}

	/* discarded img:link cruft */
	/*padding: 1px;*/
	/*border-color: #ffffff;*/
	/*text-decoration: line-through;*/

	img:link {
	/*color: #00ff00;*/
	border: none;
	/*padding: 10px;*/
	}

/*
	a:visited:hover {
	padding: 2px;
		border: 1px dotted #fff;
	}
*/
  
	h1, h3 {
		margin: 0px;
		padding: 0px;
	/*	font-family: "Bitstream Vera Sans", Verdana, Lucida, Helvetica, Arial, sans-serif;*/
		font-family: Arial, Helvetica, sans-serif;
	}
	h2 {
		/*font-family: "Bitstream Vera Sans", Verdana, Lucida, Helvetica, Arial, sans-serif;*/
		font-family: Arial, Helvetica, sans-serif;
		border-top-width: 0px;
		border-bottom-width: 1px;
		border-left-width: 12px;
		border-right-width: 0px;
		border-style: solid;
		border-color: #666
	}

	dt {
		font-style: italic;
		padding: 5px;
	}

	blockquote { 
		padding-top:25px;
		padding-left:20px;
		margin-right:30px;
		border-left:2px gray dotted;
		/* align: left; */
		background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
		/*background-color:#CCFF99*/
		background-color:#FFFFCC
	}

	pre {
		padding: 0px;

	}

	#banner {
		/*position: relative;*/
		padding:15px;
		padding-top:20px;
		margin-right:30px;
		padding-bottom:20px;
		/*margin-left:240px;*/
		border:1px solid #000;
		font-family:palatino,  georgia, verdana, arial, sans-serif;
		color:#333;
		font-size:xx-large;
		font-weight:bold;	
		text-decoration:none;
  		padding:15px;
                /*border-top:4px double #666;*/
		border-top:1px;
		border-style: solid;
		/* background: #cccc99; */
		background: #99CC99
		}

	banner a,
        banner a:link,
        banner a:visited,
        banner a:active,
        banner a:hover {
		font-family: palatino,  georgia, verdana, arial, sans-serif;
		font-size: xx-large;
		color: #333;
		/*text-decoration: border 1px;*/
		text-decoration: none;
		}

	#mail0r {
		background-color:#ffffcc;
	}
	.nok {
		padding:15px;
		padding-top:10px;
		padding-right:10px;
                padding-bottom:10px;
		padding-left:10px
		margin-top:10px;
		margin-right:10px;
		margin-left:10px;
		margin-bottom:10px;
		border:1px dashed black;
		color:black;
		background: #ff9966;
		text-decoration: border 1px;
		text-align:center;
		font-family: "Bitstream Vera Sans", Verdana, Lucida, Helvetica, Arial, sans-serif;
		/* width: 200px; */
	}

	.ok {
		padding:15px;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:10px;
		margin-top:10px;
		margin-right:10px;
		margin-bottom:10px;
		margin-left:10px;
		border:1px solid black;
		color:gray;
		background: #99cc99;
		text-decoration: border 1px;
		text-align:center;
		font-family: "Bitstream Vera Sans", Verdana, Lucida, Helvetica, Arial, sans-serif;
		/* width: 200px; */
	}

	form { 
		display: inline; padding: 0.5ex;
		}
      	form input[type="text"] {
		 border: 1px solid gray;
		background-color: #fff;
		color: #000;
		 }
	form input[type="textarea"] {
		border: 1px solid gray;
		background-color: #fff;
		background-image:url("/images/piet.jpg");
		color: #000;
		}
	form input[type="option"] {
		font-family: "Bitstream Vera Sans", Verdana, Lucida, Helvetica, Arial, sans-serif;
		font-size: 10pt;
		background-color: #ff66ff;
	}

	.description {
		font-family: palatino,  georgia, times new roman, sans-serif;
		color:#fff;
		font-size:small;
		font-style:italic;
  		text-transform:none;	
		text-decoration:none;
		/* text-decoration: border 1px; */
		text-align:right;
		margin-right:95px;
		padding-left:95px;
		background: #99CC99
		}
				
	#content {
		position:absolute;
		background:#FFF;
		margin-right:20px;
		margin-left:225px;
		margin-bottom:20px;
		border:1px solid #FFF;
		width: 70%;
		}

	#container {
		background:#FFF;
		border:1px solid #FFF;		
		}

	#links {	
		padding:15px;				
		border:1px solid #FFF;
		width:200px;			
		background:#FFFFCC;
		}
		
	.blog {
  		padding:15px;
		background:#FFF;
		/*background:#CCFF99;*/
		}

	.blogbody {
		/*font-family:palatino, georgia, verdana, arial, sans-serif;*/
		font-family: Arial, Helvetica, sans-serif;
		color:#333;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:120%;
		margin-right:30px;

		/*a { text-decoration: underline; }*/
	}
	/*
		.blogbody a,
		a {
			text-decoration: underline;
		}
		a:visited {
			text-decoration: underline;
		}
		a:active {
			text-decoration: underline;
		}
		a:hover {
			text-decoration: underline;
		}
	*/


	.testbody {
	font-family: lucida grande, bitstream vera sans, verdana, sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 14px;
	text-align: justify;
	line-height:150%;
	padding: 5px;
	}

	.testbody:hover {
	background-color: #DBF5D1;
	padding: 5px;
	#border: 1px solid #ccccaa;
	border-radius: 12.5px 12.5px;
	}

	#update {
	background-color: #CCFF33;
        font-family: lucida grande, bitstream vera sans, vedana, sans-serif;
        font-variant: small-caps;
	/*padding: 15px;*/
}
     
        #update-txt {
	background-color: #CCFF33;
	font-family: lucida grande, bitstream vera sans, vedana, sans-serif;
	/*padding: 5px;*/
}

	.error {
		background-color: RED;
	}
	.title	{
		/*font-family: palatino, georgia, times new roman, serif;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-large;
		font-weight: bold;
		color: #666;
		padding-bottom: 10px;
		/* background-color: #FFFFCC;*/
		}			

	#menu {
		margin-top:10px;
  		margin-bottom:15px;
		background:#FFF;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		}		

	.date	{ 
		font-family:palatino, georgia, times new roman, serif; 
		font-size: x-large; 
		font-style: italic;
		font-weight: bold;
		color: #333; 
		padding-left: 10px;
		border-bottom:1px solid #999;
		margin-bottom:10px;
		margin-right:30px;
		border:1px solid #999;
		background-color:#CCFF99
		}			
		
	.posted	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: x-small; 
		color: #000000; 
		/* background-color: #FFFFCC; */
		margin-bottom:25px;
		}
		
		
	.calendar {
		font-family: Arial, Helvetica, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFFFCC;
  		line-height:140%;
  		padding:2px;
                text-align:left;
		}
	
	.calendarhead {	
		font-family: Arial, Helvetica, sans-serif;
		color:#666600;
		font-size:small;
		font-weight:normal;
  		padding:2px;
		letter-spacing: .3em;
  		background:#FFFFCC;
  		text-transform:uppercase;
		text-align:left;			
		}	
	
	.side {
		/*font-family:verdana, arial, sans-serif;*/
		font-family: Arial, Helvetica, sans-serif;
		color:#333;
		font-size:small;
		font-weight:normal;
  		background:#FFFFCC;
  		line-height:140%;
  		padding:2px;				
		/*border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;*/
		border-bottom: 1px solid #eee;
	}
/*  extra a !!!*/
	/*.side {*/
		a.side { padding: 1px; border: 1px; color: #003366; text-decoration: none; }
        	a.side:link { padding: 1px; border: 1px; color: #003366; text-decoration: none;  }
        	a.side:visited { padding: 1px; border: 1px; color: #003366; text-decoration: none;  }
        	a.side:active  { padding: 1px; border: 1px; color: #999999; text-decoration: none; }
        	a.side:hover   { padding: 1px; border: 1px; color: #fff; text-decoration: none;  background-color: #035; border-color: #035; }
	/*}*/
		
	.sidetitle {
		/* position:absolute; */
		/*font-family:palatino, georgia, times new roman, serif;*/
		font-family: Arial, Helvetica, sans-serif;
		color:#666600;
		font-size:medium;
		font-weight:bold;
  		padding:2px;
  		margin-top:30px;
		letter-spacing: .3em;
  		background:#FFFFCC;
		/* background: #ffccaa; */
  		text-transform:uppercase;		
		/* text-decoration: underline; */
		}		
	
	.syndicate {
		font-family:verdana, arial, sans-serif;
		font-size:xx-small;		
  		line-height:140%;
  		padding:2px;
  		margin-top:15px;
  		background:#FFFFCC;  		
 		}	
		
	.powered {
		font-family:palatino, georgia, times new roman, serif;
		color:#666;
		font-size:x-small;		
		line-height:140%;
		text-transform:uppercase; 
		padding:2px;
		margin-top:50px;
		letter-spacing: .2em;					
  		background:#FFFFCC;		
		}	

	.flickr_m {
               align: center;
               }

        .flickr_m.p {
               align: right;
               }

        .photo {
               align: center;
        }
       
        #photo {
               align: center;
               padding: 5px;
        }