/* CSS Document -----------------------------------
Stylesheet designed for screen viewing applications
Author : Bill Vines
Organization : Birch Ridge Inc
Created : 08/11/2009
Last Modified : 08/23/2009
Revision : 3  
 ------------------------------------------------*/

/* establish page body parameters */
body {
	background-color: #f0f8ff;
	max-width: 1010px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	text-align: center;
}
/* define general properties used everywhere*/
a img {
	/* used to define no border around a linked image in IE */
	border: none;
}
/*set the page container.  This is where the information begins to reside
outline with a n pixel boarder
center in the body with auto margins left and right */	
#page {
	background-color: #f0f8ff;
	display: inline;
	float: left;
	width: 100%;
	max-width: 1000px;
	min-width: 720px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 2px;

} 

a:active         {
	color: #505050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 500;
	text-decoration: none
}
a:link        {
	color: #505050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 800;
	text-decoration: none
}
a:visited        {
	color: #505050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 500;
	text-decoration: none
}

a:hover {
	color: #ffcc66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-decoration: none;
	font-style: italic;
}


/* create a page header with a background image*/
#pageHeader {
	float: left;
	background-image: url(art/kpeakblog.jpg);
	width: 100%;
	height: 100px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	display: inline;
}
/*define all of the siteMenu properties including link characteristics*/
#siteMenu {
	float: left;
	width: 100%;
	display: inline;
	background-image: url(art/blue_quartz_menu.jpg);
	height: 40px;
	text-align: left;
}
#rssImg {
	float: inherit;
	display: inline;
}
#norssImg {
	display: none;
}

/* set container to hold page information */
#pageInfo {
	float: left;
	width: 100%;
	display: inline;
}
/*define all of the leftMenu properties including link characteristics*/
#leftMenu {
	float: left;
	width: 0%;
	display: inline;
	padding-top: 1em;

}

/*define all of the rightMenu properties including link characteristics*/
#rightMenu {
	float: right;
	width: 20%;
	display: inline;
	min-width: 120px;
	padding-top: 1em;
	text-align: center;
}

/*define all of the page content properties including link characteristics*/
#pageContent {
	float: left;
	width: 80%;
	display: inline;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 1em;
}


/*define all of the footerMenu properties including link characteristics*/
#footerMenu {
	float: left;
	width: 100%;
	display: inline;
	background-image: url(art/blue_quartz_menu.jpg);
	height: 40px;
	text-align: center;

}

/*define all of the footer properties including link characteristics*/
#footer {
	float: left;
	width: 100%;
	display: inline;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;        /* extend height of .main to longest column */
	height: 1px;
	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;          /* keep flush with surrounding blocks */
}

/*define the navigation buttons at the bottom of the page content*/
#previousButton {
	display: inline;
	float: left;
	width: 28%;
	padding-left: 2%;
	text-align: left;
}
#nextButton {
	display: inline;
	float: right;
	padding-right: 2%;
	text-align: right;
}
#homeButton {
	display: inline;
	float: left;
	width: 38%;
	text-align: center;
}
/*define contact box*/
#contactBox {
	display: inline;
	text-align: center;
}
#blogStory, #blogStory0, #blogStory1, #blogStory2, #blogStory3, #blogStory4, #blogStory5, #blogStory6, #blogStory7{
	display: inline;
	float: left;
	width: 100%;
}

#blogBody {
	display: inline;
	float: left;
	width: 100%;
}

#blogText, #blogText0, #blogText1, #blogText2, #blogText3, #blogText4, #blogText5, #blogText6, #blogText7 {
	display: inline;
	float: inherit;
	width: 100%;
}

#blogHeadlineDate, #blogHeadlineDate0, #blogHeadlineDate1, #blogHeadlineDate2, #blogHeadlineDate3, #blogHeadlineDate4, #blogHeadlineDate5, #blogHeadlineDate6, #blogHeadlineDate7 {
	display: inline;
	float: left;
	width: 25%;
	text-align: left;
	padding-left: 2%;
}
#blogHeadline, #blogHeadline0, #blogHeadline1, #blogHeadline2, #blogHeadline3, #blogHeadline4, #blogHeadline5, #blogHeadline6, #blogHeadline7 {
	display: inline;
	float: right;
	width: 70%;
	text-align: left; 
	padding-right: 2%;
}

#Iphone_photoPreview {
	display: none;
}

#Iphone_blogGraphic {
	display: none;
}
#Iphone_blogPointer {
	display: none;
}
#blogGraphic, #blogGraphic0, #blogGraphic1, #blogGraphic2, #blogGraphic3, #blogGraphic4, #blogGraphic5, #blogGraphic6, #blogGraphic7, #aboutGraphic {
	display: inline;
	float: left;
}

#Iphone_aboutGraphic {
	display: none;
}

#display_graphHeadlineDate {
	display: inline-table;
	float: left;
	width: 35%;
	text-align: left;
	padding-left: 2%;
}
#display_graphHeadline {
	display: inline-table;
	float: right;
	width: 60%;
	text-align: left; 
	padding-right: 2%;

}
#display_graphHeadlineLarge {
	display: inline-table;
	float: left;
	width: 100%;
	text-align: center; 
	padding-left: 2%;

}
#display_graphGraphic {
	display: inline-table;
	float: left;
}

#display_graphGraphicLarge {
	display: inline-table;
	float: left;
	width: 100%;
	text-align: center; 
}

#Ipod_display_graphGraphicLarge {
	display: none;
}

#display_graphTbl {
	display: inline;
	float: left;
	width: 80%;
	text-align: center;
	border: solid black 1px;
	margin-left: 10%;
	margin-right: auto;
}

#display_graphTblLeft {
	display: inline-table;
	float: left;
	text-align: right;
	width: 50%;
}
#display_graphTblRight {
	display: inline-table;
	float: left;
	text-align: left;
	padding-left: 1em;
	width: 40%;
}

#otherHeadline { /* use this for other headlines*/
	display: inline-table;
	float: inherit;
	width: 100%;
	text-align: center;
}

#site_friendsTbl {
	display: inline;
	float: left;
	margin-left: 25%;
	margin-right: 25%;	
}