/*
Theme Name: BavaByju
Author: Byju Sukumaran
------------------------------------------------------------------------- */

* { margin: 0; padding: 0;}

body {
		font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		background: #C2D4D1 url('imgs/muted_bavapaper.gif') repeat;
		font-size: small;
		text-align:left;
		line-height:1.5em;
		color: #330000;
		margin-bottom: 0px;
		}


/* Layout
container/shadow/shadowcontent
<navigation|<conten/header/footer
|30|190|30|470|30| = 750
------------------------------------------------------------------------- */
/*img, #container { behavior: url('/assets/templates/bavabyju2/iepngfix.htc'); }*/

	
#container {
		width: 770px;		
		background:  url('imgs/sunburst5.png') no-repeat;
		behavior: url('/assets/templates/bavabyju2/iepngfix.htc');
		margin: 0 auto 0 auto;
		padding:0;
}
/*wierd positioning bug in safari - needs a border for it to work*/
div[id~=container] {border: none;}
div[id ~=container] {border: 1px solid transparent;}

#header {padding: 0; width:420px;margin: 0px; /*border: #fff solid 1px;*/position: realtive ;}
	
#content {padding: 10px 10px ; width:450px; \width: 430px; w\idth: 430px; background:#E7EBD5; margin: 60px 0px 0 180px; border:#fff solid 1px;}

.address {font-size: smaller;  padding: 0 0px;}
.randomAd {font-size: smaller;  padding: 0 0px;}
	
#footer {position: realtive ; bottom: 0px; padding: 0; width:420px;}

#leftColumn {float: left; width:170px;}
			

/* Navigation elements
------------------------------------------------------------------------- */

/* ---[ Ident ] --- */	


.shadowbox {
			
			background: url('imgs/20Shade.png') no-repeat; 
			behavior: url('/assets/templates/bavabyju2/iepngfix.htc');
			width:100px; height:142px;
			}
			
.shadowcontent {position: relative;
			padding: 0px; 
			top: -5px; /* these two define the shadow 'offset'*/
			left: -3px; /*...*/
			background: #C4E1C7;
			color: black;
			}	



#ident {
	
	margin: 0 ;
	padding: 0;
    background: url('imgs/bavabyju_stamp.gif') no-repeat 0px 0px;
    width: 100px;
    height: 140px;
	top:0;
	left:2px;
	position: relative;
    
}

#ident h1 {
    margin: 0;
    padding: 0;
    color: #fff;
  	text-indent: -5000px;
}

/* ---[ left hand nav ] --- */
.menushadow {
			
			background: url('imgs/20Shade.png') no-repeat; 
			behavior: url('/assets/templates/bavabyju2/iepngfix.htc');
			width:170px; height:auto;
			}
			
#menu {position: relative;
			padding: 0px; 
			top: -3px; /* these two define the shadow 'offset'*/
			left: 2px; /*...*/
			background: #fff;
			}	

#menu h3 {  font-family: Georgia, "Times New Roman", Times, serif; 
			border-bottom: #ccc 1px solid; 
			color:#ccc;
			margin: 0 5px;
			padding: 20px 0px 5px 0px;



}

.ditto_projects {clear:both; min-height: 60px; height: auto; width:100%; margin-top:10px; }
.ditto_projects img {border: solid 2px #ccc; margin: 0px 0px 5px 5px; float:left;}
.ditto_projects p { 
		margin: 0;
		padding:0 5px;
		float:left; 
		width: 90px;
		font-size:82.25%; line-height:normal;
		}

.dittoMainPage { width:430px;margin:0px;padding:0; height: auto; min-height:150px;/**/} 
.dittoMainPage img {border: solid 2px #ccc; float: right;}
.dittoMainPage .imgContainer {/*margin: 0px 0px 5px 5px;*/ float:left; width: 150px;}
.dittoMainPage p { margin: 0;padding:0 10px;float:left; line-height:normal; width: 220px;}


/* ---[ Header nav ] --- */	
#header { font-weight: bold;}
#header ul { margin: 20px 0; padding: 0; }
#header li { margin: 0 20px 0 0; display: inline; list-style: none;}
#header li.here {padding: 5px; background-color: #fff;}
#header li a, #header li a:link { 
		padding: 5px;
		 background-color: #fff;
		text-decoration: none;
		color: #5EB1B5;
		border: none;
		}
#header li a:hover {  padding: 5px; background-color: #000; color: #fff; text-decoration: none; }

.puffbox {width: 130px; padding: 0 5px 0 0; float: left;}
.imgHolder{ width: 100px; height: 100px;}

/* Typography
------------------------------------------------------------------------- */

/* ---[ links ] --- */
a, a:link {
		text-decoration: none;
		color: #066;
		border-bottom: 1px dotted #69c;
		}

a:hover { background-color: #fff; text-decoration: none; }
a img, img {border: none;}
p {margin: 1em 0 1em;padding: 0;}


/* ---[ Headers ] --- */
h1, h2, h3, h4, h5, h6 {line-height:normal;}		
h1 {font-size: 200%;font-weight: bold; margin: 0.5em 0 1em 0; }
h2 {font-size: 180%;font-weight: normal; margin: 0.5em 0 1em 0; }
h3 {font-size: 140%;font-weight: normal; margin: 0.5em 0 1em 0; }
h4 {font-size: 120%;font-weight: normal; margin: 0.5em 0 1em 0; }
h5 {font-size: 110%;font-weight: normal; margin: 0.5em 0 1em 0;}
h6 {font-size: 100%;font-weight: bold; margin: 1em 0;}

/* ---[ Lists ] --- */	
ul {padding: 0 2em; margin: auto;}
li {margin: auto;list-style:  disc;}
ul ul li { margin: auto;list-style:  circle;}


/* ---[ payPal ] --- */	
form.paypal1 {float: left; display: inline; margin: 0 0;}
form.paypal2 {float: right; display: inline;  margin: 0 0;}


/* ---[ images ] --- */	
address img {border: 5px solid #fff;}

/* Contact Us Form
------------------------------------------------------------------------- */


/* messages*/
.message{font-size: 120%; background: #FFFFCC; width:auto; padding: 3px;}
.error{color:#FFFF00;}

.emailform{}
#EmailForm h3{display: none;}
#EmailForm {color: #694300;}
#EmailForm fieldset{ border:none; width: 470px;}

#EmailForm label { display:block; }
#EmailForm input { display:block; clear: both; margin-bottom: 20px;font-size: 110%; width: 350px;}
#EmailForm select { display:none; clear: both; margin-bottom: 20px;font-size: 110%;}
#EmailForm textarea { display:block; width: 350px;}
#EmailForm input.button {width:auto;}

table.fileupload td { padding: 5px 3px;}

/* hide for spam bots*/
#LastName{
    position:absolute;
    text-decoration:underline;
    background-color:#CC0000;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}