/* this makes mozilla do padding the same way as ie, but didn't seem to help with the design 

DIV {
	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;
}
*/

html, body {
	margin: 0px;
	background-color:#000; 
	padding: 0px;
	FONT-SIZE: 11px; 
	line-height: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	height: 100%;  /* this allows for you to make a div 100% height */
	position: relative;
	/* necessary code for IE to center stuff  text-align: center;  */

}



/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

 

 #bg_left {
	float:left;
	width:50%; 
	background-color:#000; 
	height:100%; 
	background-image:url(assets/bg_left.png); 
	background-repeat:repeat;
	position:fixed;
}

#bg_right {
	float:right;
	width:50%; 
	background-color:#000; 
	height:100%; 
	background-image:url(assets/bg_right.png); 
	background-repeat:repeat;
	position:fixed;
	right:0px;
} 


#bodygradiant {
	width: 100%;
	min-height: 100%;
	background-image:url(assets/bg_gradiant.png); 
	background-repeat:repeat-y;
	background-position:center; 
	position: fixed;
	}

#headergradiant {
	background-color: #333; 
	height: 200px;
	background-image:url(assets/bg_header.jpg); 
	background-repeat:repeat-x;
	position: absolute;
	width: 100%;
}	
		


#wrap {
	min-height: 100%; 
	width: 950px;
	/* background-color: #fff; */
	margin:0 auto;
	padding-top: 0px;
	padding-right:0px;
	padding-left:0px;	
	padding-bottom: 0px; /* must be same height as the footer */
	/* border:#096 medium solid; */
	position:relative;
}

#logo {
position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height:200px;
	width:250px;
	z-index:600;

}

#maincontainer {
	overflow:auto;
	width:950px;
	margin:0 auto;
	clear:both;
	padding-top: 0px;
	padding-right:0px;
	padding-left:0px;	
	padding-bottom: 190px;  /* must be same height as the footer, but subtracted 10 so it will cover round edges on bottom */
	}  

#header {
	height: 70px;
	background-image:url(assets/bg_header.jpg); 
	background-repeat:repeat-x;
	padding:0px 0px 0px 0px;
	}

#search { 
	height: 30px;
	position:absolute;
	z-index: 4000; 
	right: 0px;
}

#searchtext { 
	height: 20px;
	margin-top: 5px;
	margin-left: 4px;

}

#searchbutton { 
	height: 30px;
	width: 30px;
	position:absolute;
	right:0px;
}

#nav { 
	height: 40px;
	padding:40px 0px 0px 250px;
	color:#666;
	font-family: arial, Gadget, sans-serif;
	font:arial, Gadget, sans-serif;
	font-size:14px;
	font-variant:small-caps; 	

}

#nav li
{
	list-style: none;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px;
	
}


#nav li a
{
	padding: 0px 12px 15px 12px;
	
}

#nav a:link {
	color: #999;
	text-decoration:none;
}

#nav a:visited {
	color: #999;
	text-decoration:none;
}

#nav a:hover {
	color: #ff0E00;
	text-decoration:underline;
}









#picturemain {
	height: 350px; 
	padding:0px 0px 0px 0px;
	}

#picturemain2 {
	height: 250px; 
	padding:0px 0px 0px 0px;
	}

#subnav {
	background-color: #000; 
	height: 30px; 
	padding:0px 0px 0px 0px;
	color: #dddddd; 
	FONT-SIZE: 11px;
	}
	
#content {
	background-color: #fff; 
	width:890px;
/*	min-height:300px; */
	overflow:hidden; 
	background-image:url(assets/bg_content.png); 
	background-repeat:no-repeat; 
	padding:20px 30px 0px 30px;
	}

#contentnarrow {
   width: 610px;
   float: left; 
   padding-right: 40px;
   border-right: 1px #dddddd dashed;

	}

#sidecontent {
	width:210px;
	float:right;
	font-size:12px;
	font-variant:small-caps;
	text-align:right;
	}

#sidecontent a:link {
	color: #7A1617;
	font-weight:bold;
	text-decoration:none;

}

#sidecontent a:visited {
	color: #7A1617;
	font-weight:bold;
	text-decoration:none;
}

#sidecontent a:hover {
	color: #000;
	font-weight:bold;
	text-decoration:none;
}

#endcontent {
	background-color: #fff; 
	width:950px;
	height: 100px;
	background-image:url(assets/bg_content_bottom.jpg); 
	background-repeat:no-repeat;
	}
		
#footer {
	position: relative;
	background-color: #ccc;
	margin-top: -200px;  /* negative value of footer height */ 
	height: 200px;
	background-image:url(assets/bg_footer.png); 
	background-repeat:repeat-x;
	clear:both;
	} 

#footercontent {
	position: relative;
	width: 950px;
	height: 75px;
	margin: 0px auto 0px auto;

/*	background-color: #c40000;	 */
	} 

#footerelements_1 {
	position: relative;
	float: left;
	width: 75px;
	margin-top:10px;
	height: 55px;

/*	background-color: #c40000;	 */
	} 

#footerelements_2 {
	position: relative;
	float: right;
	width: 135px;
	margin-top:10px;
	text-align:right;
	height: 75px;	 
	} 
	



A:link {COLOR: #7A1617; TEXT-DECORATION: underline;}
A:visited {COLOR: #7A1617; TEXT-DECORATION: underline;}
A:hover {COLOR: #000; TEXT-DECORATION: none;}



#photo img {
		background-color:#fff;
		padding:4px;
		border:1px solid #ccc;
		margin:0px 0px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
			box-shadow: 5px 5px 15px #ccc;
		-moz-box-shadow: 5px 5px 15px #ccc;
		-webkit-box-shadow: 5px 5px 15px #ccc;	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
		}

.photo {
		background-color:#fff;
		padding:4px;
		border:1px solid #ccc;
		margin:0px 0px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		box-shadow: 2px 2px 8px #ccc;
		-moz-box-shadow: 2px 2px 8px #ccc;
		-webkit-box-shadow: 2px 2px 8px #ccc;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
	}

#photo a:link {
	color: #999;
	font-weight:bold;
	text-decoration:none;

}

#photo a:visited {
	color: #999;
	font-weight:bold;
	text-decoration:none;

}

#photo a:hover {
	color: #666;
	font-weight:bold;
	text-decoration:none;
}


#textborder {
		background-color:#fff;
		padding:4px;
		border:1px solid #ccc;
		margin:0px 0px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
			box-shadow: 5px 5px 15px #ccc;
		-moz-box-shadow: 5px 5px 15px #ccc;
		-webkit-box-shadow: 5px 5px 15px #ccc;	
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
		}



/* USING for popup boxes  */
.popup {FONT-SIZE: 11px; FONT-FAMILY: verdana; line-height: 16px; color: #666666;}
A.popup_writing:link, visited {COLOR: #7A1617; TEXT-DECORATION: underline;}
A.popup_writing:hover {COLOR: #000; TEXT-DECORATION: none;}
A.popup_songs:link, visited {COLOR: #7A1617; TEXT-DECORATION: underline;}
A.popup_songs:hover {COLOR: #000; TEXT-DECORATION: none;}



/* bodynav and bodynav2 is for page 1 page 2 etc, on the picture pages */
A.bodynav:link {COLOR: #999; TEXT-DECORATION: none; FONT-WEIGHT: bold; font-variant:small-caps;}
A.bodynav:visited {COLOR: #999; TEXT-DECORATION: none; FONT-WEIGHT: bold; font-variant:small-caps;}
A.bodynav:hover {COLOR: #666; TEXT-DECORATION: none; FONT-WEIGHT: bold; font-variant:small-caps;}


A.footer:link {COLOR: #666; TEXT-DECORATION: none;}
A.footer:visited {COLOR: #666; TEXT-DECORATION: none;}
A.footer:hover {COLOR: #666; TEXT-DECORATION: underline;}



.footer {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #666; FONT-FAMILY: verdana;
}

/* USING on the popups */
.footer2 {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: verdana;
}

		







/* used on blog - previous posts, etc */
A.blog:link {
	COLOR: #999999; TEXT-DECORATION: none;
}
A.blog:visited {
	COLOR: #999999; TEXT-DECORATION: none;
}
A.blog:hover {
	COLOR: #000000; TEXT-DECORATION: underline;
}

A.contact:link {
	COLOR: #333333; TEXT-DECORATION: none;
}
A.contact:visited {
	COLOR: #333333; TEXT-DECORATION: none;
}
A.contact:hover {
	COLOR: #000000; TEXT-DECORATION: underline;
}

A.contact:link {
	COLOR: #999999; TEXT-DECORATION: none;
}
A.contact:visited {
	COLOR: #999999; TEXT-DECORATION: none;
}
A.contact:hover {
	COLOR: #000000; TEXT-DECORATION: underline;
}

	

A.bodynav2:link {
	COLOR: #7A1617; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
A.bodynav2:visited {
	COLOR: #7A1617; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
A.bodynav2:hover {
	COLOR: #666666; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}

/* USING subnav like music, blog, writing, poetry */
A.nav:link {
	COLOR: #dddddd; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
A.nav:visited {
	COLOR: #dddddd; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
A.nav:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}

A.nav2:link {
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
A.nav2:visited {
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
A.nav2:hover {
	COLOR: #dddddd; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}


/* This is for the image program */
.image { margin: 0px; border-width: 1px; border: 1px solid;}
a:link .image { border-color: #aaaaaa; color: #aaaaaa;}
a:visited .image { border-color: #666666; color: #666666;}
a:hover .image { border-color: #ffffff; color: #ffffff;}
/* END This is for the image program */	



HTML {
        scrollbar-arrow-color: #333333;
        scrollbar-base-color: #000000;
        scrollbar-shadow-color: #cccccc;
        scrollbar-face-color: #efefef;
        scrollbar-highlight-color: #ffffff;
        scrollbar-dark-shadow-color: #333333;
        scrollbar-3d-light-color: #333333;
        scrollbar-track-color: #cccccc;
}

/* don't think this is used */
.textbox {font-family: verdana, verdana, Helvetica, sans-serif; font-size: 11px; color: #035FC2; background-color: #ddcc87; border-style: solid;  border-color: #035FC2; border-width: 1;}


/* USING h1 on search page */
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999;
	font-weight: normal;
	font-variant:small-caps;
	margin: 0px 0px 0px 0px;
	padding-bottom: 5px;
	border-width: 200px;
	border-bottom: 1px #efefef dashed;
/*	text-shadow: black 0.1em 0.1em 0.2em; */
}


#title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7A1617;
	font-variant:small-caps;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding-bottom: 5px;
	border-bottom: 1px #dddddd dashed; 
/*	text-shadow: black 0.1em 0.1em 0.2em; */
}


h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h3 {
	border-bottom: dashed 0px #ddd;
	padding-bottom: 3px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	color: #7A1617;
}

h4
{
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
h5
{
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #035FC2;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

hr {
	border-style: dashed; 
	border-color: #7A1617;
	height: .2em;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	
	}
	

	
hr.nav {
	border-style: dotted; 
	border-color: #999999;
	height: 1px;
	width: 100px;
	text-align:left;
	}


																	/* overlayed element css begins here and goes to 640 */
	.apple_overlay .close {
	background-image:url(assets/bg_overlayclose.png);
	position:absolute; right:-3px; top:-3px;
	cursor:pointer;
	height:33px;
	width:33px;	
	}

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(assets/bg_overlay.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:21px;

	/* a little styling */	
	font-size:11px;
}


/* use a semi-transparent image for the overlay */
	
	#video1, #video2 {
	width:640px;		
	padding:21px;
	font-size:11px;
	 background-image:url(assets/bg_overlay.png); 
	background-color:transparent;
	color:#333;
	height:410px; }
	
	

	
	
	
	/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	
	
																/* end overlay css */	


									/* this is for the blog scroll and goes to line 847 */


.gfg-root {
  width : 590px;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 11px;
  margin-top: 6px;
  margin-bottom: 15px;
  padding:10px;
border:1px solid #ccc;
border-top: 1px solid #ccc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	box-shadow: 5px 5px 25px #dddddd;
-moz-box-shadow: 5px 5px 25px #dddddd;
-webkit-box-shadow: 5px 5px 25px #dddddd;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

.gfg-title {
	visibility:hidden;
  color : #333333;
/*  background-color: #efefef; */
  line-height : 0px;
  overflow : hidden;
  white-space : nowrap;

  	border-bottom: dashed 1px #ccc;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;

	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}

.gfg-title a {
  color : #333333;
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 7.5em; 
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 10px;
  margin-left: 5px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 0px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-list a:-webkit-any-link {
color: #7A1617;
cursor: auto;
 
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('http://www.google.com/uds/solutions/dynamicfeed/garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('http://www.google.com/uds/solutions/dynamicfeed/arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('http://www.google.com/uds/solutions/dynamicfeed/arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}
																				/* end blog scroll */