@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/bg-gradient.jpg);
/*  background-image:url(images/bg-boy.jpg);*/
	background-repeat:repeat-x;
}


/*this is to remove the extra line above print tags in IE7. */
html, body {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
	}
	
/*Another cross-browser hack
When FF adds a scroll bar, it shifts the entire page left by 24px. IE just super-imposes the scroll bar over the page
The problem is that when there are long pages, and you navigate to them in FF, the whole page moves. Very distracting
Found at http://www.webproworld.com/graphics-design-discussion-forum/56979-firefox-there-way-force-vertical-scrollbar.html
*/
html { 
	min-height: 100%; 
	margin-bottom: 1px; 
}

/* highlite focused form elements */
input:focus, textarea:focus{
	background-color: #99FF99;
}

/**********************Layout Boxes***************************/

/*Primary Div*/
.layout {
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	margin-bottom:25px;
	background-color:#FFFFFF;
	width:900px;
	border:#000000 thin solid;
	position:relative;
	min-height: 700px;
	
}

.leftBar {
	position: absolute;
	left:0px;
	top: 70px;
	width:200px;
	height:100%;
	font-family:"Courier New", Courier, monospace;
}

.rightBar {
	position: absolute;
	right:0px;
	top: 70px;
	width:200px;
	height:100%;
}

.center {
	position: relative;
	top:0px;
	width:460px;
	height:100%;
	margin-left:200px;
	padding:10px 20px;
}

#photographs td { /*The table that holds the images on the photos page - this aligns all of the thumb nails to center */
	text-align:center;
}
/*********************Tag Modifications**********************/
/*Used for the Main Header*/
h1 {
	text-align:center;
	font-family:"Courier New", Courier, monospace;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*Page Titles*/
h2 {
	text-align:center;
	font-family:"Courier New", Courier, monospace;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*Used for the months on the timelapse page */
h3 {
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Sub headers on main pages*/
h4 {
	text-align:center;
	font-family:"Courier New", Courier, monospace;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*h4 is set in the comment section */

img {
	border: 0;
}

/*********************Specific Classes**********************/
/*Div for the Time Lapse Photo in the Righ Border Pane*/
.timelapse {
	position:absolute;
	right: 5px;
	width: 150px;
	height: 200px;
}

/*Upper HR on the Title */
hr.title1 {
	border: dashed #ccc 1px;
}

/*Lower HR on the Title */
hr.title2 {
	border: dashed #ccc 1px;
}

/*Navigation separator*/
/* yellow for no gender*/
hr.nav {
	border: #FFCC00 thin solid;
	padding:0;
}
#pagetitle {
	padding-top:15px; 
	padding-bottom:10px; 
	text-decoration:underline;
}

/*Blue for Boy
hr.nav {
	border: #c3c8e0 thin solid;
	padding:0;
}
*/ 
/*Print Tag for the center column*/
.center p, p.main, p.comment_title {
	font-family:Arial, Helvetica, sans-serif;
}

p.comment_title {
	padding:0;
	margin:0;
}

p.comment_section {
	padding:0;
	margin:0;
}

/*The Fullsize Image on viewer.php */
#fullsize {
	margin-left:auto;
	margin-right:auto;
	max-width:450px;
	width:expression(document.body.clientWidth > 450? "450px": "auto" );
	border: none;
}

/*Baby Fact Font*/
p.fact {
	padding: 7px 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

/*used for error messages when a DB entry cannont be found*/
p.error {
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

/*Links*/
/* Green for no gender*/
a {
	color: #006600;
}

a:hover {
	color: #00CC00;
}

/*Left Nav Links*/
a.nav {
	text-decoration:none;
	color:#006600;
}

a.nav:hover {
	text-decoration:underline;
	color:#00CC00;
}

/* Admin subNav Links */
a.subNav {
	text-decoration:none;
	color:#006600;
	font-size:.7em;
	padding-left:.5em;
	padding-bottom:0;
}

a.subNav:hover {
	text-decoration:underline;
	color:#00CC00;
}

ul.subNav {
	margin-top:0;
	display:none;
}

ul.subNav li {
	margin-top:0;
	list-style:none;
}

/*Right Nav Links*/
a.index {
	text-decoration:none;
	color:#006600;
	font-family:"Courier New", Courier, monospace;
	margin-left:1em;
}

a.index:hover {
	text-decoration:underline;
	color:#00CC00;
	margin-left:1em;
	font-family:"Courier New", Courier, monospace;	
}

a.indexViewAll {
	text-decoration:underline;
	color:#006600;
	font-family:"Courier New", Courier, monospace;	
}

a.indexViewAll:hover {
	text-decoration:underline;
	color:#00CC00;
	font-family:"Courier New", Courier, monospace;	
}


/*  Boy Colors 
a {
	color: #022afb;
}

a:hover {
	color: #111c89;
}

/*Left Nav Links*/ /*
a.nav {
	text-decoration:none;
	color:#022afb;

}

a.nav:hover {
	text-decoration:underline;
	color:#111c89;
}

/*Right Nav Links */ /*
a.index {
	text-decoration:none;
	color:#111c89;
	font-family:"Courier New", Courier, monospace;
	margin-left:1em;
}

a.index:hover {
	text-decoration:underline;
	color:#022afb;
	margin-left:1em;
	font-family:"Courier New", Courier, monospace;	
}

a.indexViewAll {
	text-decoration:underline;
	color:#111c89;
	font-family:"Courier New", Courier, monospace;	
}

a.indexViewAll:hover {
	text-decoration:underline;
	color:#022afb;
	font-family:"Courier New", Courier, monospace;	
}
*/
/**************The Comments Section of Daddy's Corner and Allison's home page****************/
/*Used for the 'no comments' message*/
h4 {

}

/*for the name of the author of the comment*/
.name {
	font-family:"Times New Roman", Times, serif;
	font-size:larger;
}

/*date and time the comment was posted*/
.timestamp {
	font-family:"Times New Roman", Times, serif;
	font-size:small;
	color: #666666;
}

/*the comment text*/
.comment {
	margin-left:2em;
	margin-top:0;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
}

.count {
	padding:0;
	margin-left:2em;
	font-family:"Times New Roman", Times, serif;
	font-size:small;
	color: #666666;
}

.statusDate {
	text-align:center;
	font-size:x-small;
	color:#666666;
	font-weight:normal;
}

.nli, .nli a {
	padding: 7px 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size:small;
	color:#999;
}

/**************Admin page****************/