body {
font-family:lucida sans,verdana;
font-size:12px;
margin:10px 0 10px 10px;
padding:0;
background:#F2F3F7 url(../images/bg_body.gif) repeat-y;
}

/* Gets rid of outline in firefox on main nav menu */
a {
   outline: none;
}

/* The following is for promoting the H1 on the navi
h1 {
position:absolute;
z-index:1;
top:10px;
left:135px;
color:white;
background:white;
width:245px;
height:50px;
text-indent:-999em;
padding:0;
margin:0;
font-family:georgia,verdana,arial;
}
*/
h2 {padding:0;margin:0;}
h3 {padding:0;margin:0;}

/* width sum 245, height 120 */			
blockquote#kryzak_motto {
position:absolute;
top:225px;
left:510px;
padding:20px 10px 0px 20px;
margin:0;
width:215px;
height:100px;
background:url(../images/bg_quote.gif) top left no-repeat;
color:white;
font-family:georgia,verdana,arial;
font-size:20px;
text-indent:-13px;
line-height:1.2em;
}

blockquote#kryzak_motto span {
font-size:30px;
vertical-align:middle;
}

blockquote#kryzak_motto cite {
color:#2f2f2f;
font-size:12px;
display:block;
float:right;display:inline;
margin:5px 5px 0px 0px; 
}


/* width sum 245, height 210 */			
#snapshot {
position:absolute;
top:10px;
left:510px;
width:243px;
border:1px solid #999;
height:208px;
background:url(../images/bg_snapshot.jpg) bottom no-repeat;
color:white;
}
#snapshot h2 {
color:black;
font-size:16px;
height:33px;
text-indent:-999em;
background:url(../images/bg_snapshot_header.jpg) top no-repeat;
}

#snapshot dt {
float:left;
width:75px;
padding:3px 0 7px 10px;
margin:0;
text-align:right;
}
#snapshot dd {
margin:0px 20px 0px 20px;
padding:3px 0 7px 80px;
border-bottom:1px solid #4c8eb8;
}

#snapshot a {color:white;text-decoration:none;}
#snapshot a:hover {color:white;text-decoration:underline;}

	/* TWITTER APP */
	#twitter_div {}
	ul#twitter_update_list {padding:0;margin:0;list-style-type:none;}
	#twitter_update_list li {padding:0;margin:0;}
	#twitter_update_list li a {display:none;}


#navi {
background:url(../images/bg_navi10b.jpg) no-repeat; /* 12 is good too */
position:absolute;
top:10px;
left:10px;
width:495px;
height:335px;
}

/* width sum 245 */			
#toplevel {
margin:5px 0 0 125px;
padding:0;
width:245px;
list-style-type:none;
}
#toplevel li {
padding:0;margin:0;
}

/* width sum 245 -just the home link */
#navi a#home {
background:url(../images/bg_home_button.gif);
margin:0 0 5px 0;
padding:10px 0 10px 10px;
width:235px;
font-size:24px;
}

/* width sum 245 */			
#navi ul li a {
font-family:trebuchet ms,lucida,verdana;
font-size:20px;
color:white;
letter-spacing:.1em;
display:block;
width:230px;
text-decoration:none;
padding:5px 0 5px 15px;			
}			

/*
#toplevel li a:hover {
color:white;
background:#50B849;	
}
*/

#toplevel li.selected {
background:#2F2F2F;
}

/*
#toplevel li.selected a:hover {
background:#2F2F2F;
}	
*/		

#pictures_popup,
#videos_popup,
#top5s_popup,
#contact_popup,
#portfolio_popup,
#links_popup 
{}

div.popout {
height:623px;
position:absolute;
top:10px;
left:385px;
width:350px;
z-index:5;
border:10px solid #50B849;
background: url(../images/shader3.png);
padding:0 0 10px 0;
display:none;
}

.popout h2 {
margin:10px 0px 10px 10px;
font-size:20px;
font-family:georgia,verdana,arial;
}			
.popout h3 {
margin:0 0 0 10px;
font-size:14px;
}	
.popout p {
padding:0;
margin:0 10px;
}

.popout span {
display:block;
width:22px;
height:22px;
margin:3px;
float:right;display:inline;
text-indent:-999em;
background:url(../images/x.gif) top right no-repeat;
cursor:pointer;
}	

/* width sum 120 */			
#blog {
position:absolute;
top:350px;
left:135px;
border:1px solid #999;
width:118px;
height:118px;
margin:0;padding:0;
}
#blog h3  {
text-indent:-999em;
background:url(../images/bg_blog_categories.gif) top left no-repeat;
height:25px;
}
#blog ul {
list-style-type:none;
margin:0;
padding:0;
}
#blog li {
margin:0;
padding:0;
}
/* width sum 116 */			
#blog li a {
display:block;
margin:2px 2px 0px 2px;
padding:2px 2px 2px 5px;
width:107px;
text-decoration:none;
color:#3b3b3b;
}
#blog li a:hover {
background:#50B849;
color:white;
}

#blog .blog_img {
position:absolute;
border:none;
}

#jeph_img {
top:-1px;
left:124px;
}
#cars_img {
top:-1px;
left:249px;
}
#food_img {
top:-1px;
left:374px;
}
#trav_img {
top:-1px;
left:499px;
}


#sponsors {
position:absolute;
z-index:1;
top:350px;
left:10px;
width:118px;
height:118px;
/*
border:1px solid #999;
background:white;
HIDING SPONSORS FOR NOW */
border:1px solid #D4D4D4;
background:#D4D4D4;
}
#sponsors h3  {
text-indent:-999em;
background:url(../images/bg_sponsors.gif) top left no-repeat;
height:25px;
display:none; /* HIDING SPONSORS FOR NOW */
}
#sponsors ul {
list-style-type:none;
margin:0;
padding:0;
display:none; /* HIDING SPONSORS FOR NOW */
}
#sponsors li {
margin:2px;
padding:2px;
}

#sponsors li a {
margin:0;
padding:0;
text-decoration:none;
color:#3b3b3b;
}


/* width sum 745 */					
#footer_p {
background:url(../images/bg_dark.gif);
position:absolute;
top:475px;			
width:360px;
padding:5px 10px 15px 375px;
margin:0;
line-height:2em;
color:white;
font-size:14px;
}