/*
	----------------------------------------------
	Jim Heid's Mac iLife '06 :: www.macilife.com
	----------------------------------------------
*/

/*	--------------------
	 Global Styles
	--------------------
*/

body {
	margin:0;
	padding:0;
	background: #FFF;
	color:#333333;
	font:11px/16px Verdana, sans-serif;
	text-align:center;
}

a {outline:none; border:0;}

div.hrule {margin:10px 0; border-bottom:1px solid #EBEBEB; clear:both;}

/*	--------------------
	 Header / links
	--------------------
*/

#header {
	margin:15px auto 0 auto;
	background: url(../images/header.jpg) no-repeat;
	width:776px;
	height:68px;
}

		#header a#home {
			margin:0;
			width:325px;
			height:55px;
			border:0;
			outline:none;
			float:left;
		}

		#header a#avondale {
			margin:0;
			width:95px;
			height:68px;
			border:0;
			outline:none;
			float:right;
		}

/*	--------------------	
	 Navbar/tabs Layout
	--------------------
*/
		#navbar {
			margin:0 auto 0 auto;
			padding:0;
			width:776px; 
			height:27px;
			clear:both;
		}
		#navtabs {
			position:relative;
			background:url(../images/navtabs.gif) 0 0 no-repeat;
			margin:0;
			padding:0;
			width:540px; 
			height:27px;
			float:left;
		}
		#navtabs li {
			position:absolute;
			top:0; margin:0; padding:0;
			list-style:none;
		}
		#navtabs li, #navtabs a {
			height:27px; 
			display:block;
		}	

/*	--------------------
	 Tabs: Positioning
	--------------------
*/
		#navtabs li#itunes {
			top:0; 
			left:9px; 
			width:110px;
		}
		#navtabs li#iphoto {
			top:0;
			left:131px;
			width:71px;
		}
		#navtabs li#imovie {
			top:0; 
			left:213px; 
			width:69px;
		}
		#navtabs li#idvd {
			top:0; 
			left:293px; 
			width:59px;
		}
		#navtabs li#garageband {
			top:0; 
			left:360px; 
			width:98px;
		}
		#navtabs li#iweb {
			top:0; 
			left:466px; 
			width:60px;
		}
/*	--------------------
	 Tabs: Rollovers
	--------------------
*/
		#navtabs li#itunes a:hover {
			background:url(../images/navtabs.gif) -9px -27px no-repeat;}
		#navtabs li#iphoto a:hover {
			background:url(../images/navtabs.gif) -131px -27px no-repeat;}
		#navtabs li#imovie a:hover {
			background:url(../images/navtabs.gif) -213px -27px no-repeat;}
		#navtabs li#idvd a:hover {
			background:url(../images/navtabs.gif) -293px -27px no-repeat;}
		#navtabs li#garageband a:hover {
			background:url(../images/navtabs.gif) -360px -27px no-repeat;}
		#navtabs li#iweb a:hover {
			background:url(../images/navtabs.gif) -466px -27px no-repeat;}

/*	----------------------------------------
	 Current Page: Tabs On, Links Off
	----------------------------------------
*/
		body#pg1 li#itunes {
			background:url(../images/navtabs.gif) -9px -54px no-repeat;}
		body#pg1 li#itunes a {display:none;}
	
		body#pg2 li#iphoto {
			background:url(../images/navtabs.gif) -131px -54px no-repeat;}
		body#pg2 li#iphoto a {display:none;}

		body#pg3 li#imovie {
			background:url(../images/navtabs.gif) -213px -54px no-repeat;}
		body#pg3 li#imovie a {display:none;}

		body#pg4 li#idvd {
			background:url(../images/navtabs.gif) -293px -54px no-repeat;}
		body#pg4 li#idvd a {display:none;}

		body#pg5 li#garageband {
			background:url(../images/navtabs.gif) -360px -54px no-repeat;}
		body#pg5 li#garageband a {display:none;}

		body#pg6 li#iweb {
			background:url(../images/navtabs.gif) -466px -54px no-repeat;}
		body#pg6 li#iweb a {display:none;}


/*	----------------------------------------
	 Secondary Nav: about, archives, contact
	----------------------------------------
*/
		#nav2 {
			margin:6px 0 0 0;
			padding:0;
			float:right;
			text-align:right;
			color:#437cb5;
		}
		#nav2 ul {
			margin:0;
			padding:0;
			display:inline;
			text-align:right;
			list-style-type:none;
		}
		#nav2 li {
			display:inline;
		}

/*	--------------------
	 Content layout
	--------------------
*/

#content-wrap {
	margin:30px auto 0 auto;
	width:776px;
}

#content-col {
	margin:0 0 0 18px;
	width:350px;
	float:left;
}

#sidebar {
	margin:0;
	width:325px;
	float:right;
}


/*	--------------------
	 Blog Entry Styles
	--------------------
*/

div.entry {
	margin:0;
	padding:0 0 25px 0;
	width:375px;
	text-align:left;
	clear:both;
}

h1 {
	margin:0;
	padding:0;
	font-size:16px;
	color:#626262;
}

h2 {
	margin:0;
	padding:0;
	font-size:10px;
	color:#999;
}
h3 {
	margin:0;
	padding:0;
	font-size:13px;
	color:#999;
}
h4 {
	margin:0 0 0 13px;
	padding:0;
	font-size:11px;
	color:#252525;
}

div.entry p {
	margin:12px 0 0 0;
	padding:0;
}

div.entry blockquote {
	margin:12px 20px 0 12px;
	padding:0;
	font-size:10px;
	font-style:italic;
	color:#626262;
}

div.entry p img {
	margin:10px 0 0 0;
	padding:2px;
	border:1px solid #CCC;
	clear:both;
} 

/*	--------------------
	 Link States
	--------------------
*/

#nav2 a:link, h1 a:link, div.entry p a:link, 
#book p a:link, #notes a:link, #left-col p a:link,
#mid-col p a:link, #right-col p a:link {
	font-weight:bold; color:#336699; text-decoration:none;
}
#nav2 a:visited, div.entry p a:visited, h1 a:visited, 
#book p a:visited, #notes a:visited, #left-col p a:visited, 
#mid-col p a:visited, #right-col p a:visited {
	font-weight:bold; color:#336699; text-decoration:none;
}
#nav2 a:hover, h1 a:hover, div.entry p a:hover, 
#book p a:hover, #notes a:hover, #left-col p a:hover, 
#mid-col p a:hover, #right-col p a:hover {
	font-weight:bold; color:#498ed2; text-decoration:underline;
}

/*	--------------------
	 Sidebar Items
	--------------------
*/

#book {
	margin:0;
	background:url(../images/sidebar/book-bg.gif) repeat-y 0 16px;
	width:322px;
	clear:both;
}

#book img {
	float:left;
	vertical-align:middle;
}

#book p {
	margin:0 10px 0 130px;
	font-size:10px;
	line-height:14px;
	text-align:left;
}

/*	--------------------
	 Notes from the hub 
	--------------------
*/

#notes {
	margin:5px 0 0 0;
	background:url(../images/sidebar/hub-bg.gif) repeat-y;
	width:322px;
	text-align:left;
	clear:both;
}
#notes img.ebay {
	margin:6px 6px 3px 0;
	float:left;
	vertical-align:middle;
}

#notes p {
	margin:0 13px 0 13px;
	padding:0 0 10px 0;
	font-size:10px;
	line-height:15px;
	text-align:left;
}

/*	--------------------
	 Flickr strip
	--------------------
*/

#flickr_badge_uber_wrapper {margin-top:25px; text-align:right; width:322px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 5px 5px 5px; display:inline;}
.flickr_badge_image img {width:36px; height:36px; border: 1px solid #CCCCCC !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, sans-serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#99CCFF;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #FFFFFF}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, sans-serif !important; color:#666666 !important;}


/*
----------------------------------------------
	Sub Pages: itunes, imovie, etc...
----------------------------------------------
*/

#left-col {
	margin:0 0 0 18px;
	padding:0 20px 25px 0;
	width:155px;
	text-align:left;
	float:left;
}

#mid-col {
	margin:0;
	padding:0 19px 25px 20px;
	width:240px;
	text-align:left;
	float:left;
	border-left:1px solid #EBEBEB;
	border-right:1px solid #EBEBEB;
}

#right-col {
	margin:0 12px 0 0;
	padding:0 0 25px 0;
	width:268px;
	text-align:left;
	float:right;
}

	#right-col p.book {
		margin-bottom:35px;
	}
	#right-col p.book img {
		float:left;
	}
	span.note {
		font-size:10px;
		font-style:italic; 
		color:#898989;
	}
	p.amazon {
		margin:0;
		padding:0;
		font:10px "Gill Sans", Helvetica, Verdana, sans-serif;
		color:#898989;
		text-transform:uppercase;
		vertical-align:bottom;
		letter-spacing:1px;
		text-align:center;
	}