/* CSS Document */

body {
  margin: 0px;
  padding: 0px;
  background-color:#333333;
  color:#fff;
  text-align: center;
 font-family:Arial, Helvetica, Sans-Serif; 
 font-size: 80%;
 margin: 0px;
 padding: 0px;
}
    
#container { 
  text-align:left; /* reset text alignment */
  width:829px;
  margin:0 auto; /* for non-IE browsers */ 
  padding:12px;
  background-color: #000;
}

#container.couch {    
  background-image:url(couch_bk.jpg);
  background-repeat:no-repeat;
  }
#container.bio {
 background-image:url(/images/standup.jpg);
  background-repeat:no-repeat;
 	}
#container.schedule {
 background-image:url(/images/standup.jpg);
  background-repeat:no-repeat;
 	}
#container.photos {
 background-image:url(feet.jpg);
  background-repeat:no-repeat;
 	}
#container.college {
 background-image:url(/images/standup.jpg);
  background-repeat:no-repeat;
 	}
#container.index {
 background-image:url(feet3.jpg);
  background-repeat:no-repeat;
 	}
	
	
td  { font-family:Arial, Helvetica, Sans-Serif; font-size: 100%;}
td p { font-family:Arial, Helvetica, Sans-Serif; font-size: 100%;}
th  { font-family:Arial, Helvetica, Sans-Serif; font-size: 100%; font-weight: bold; text-decoration: none; background-color:#6699cc; color: #FFFFFF; vertical-align:top;}
p  { font-family:Arial, Helvetica, Sans-Serif; font-size: 100%; margin-top:0;}
ul  { font-family:Arial, Helvetica, Sans-Serif; font-size: 100%;}
ol  { font-family:Arial, Helvetica, Sans-Serif; font-size: 100%;}
a  { font-family:Arial, Helvetica, Sans-Serif; font-size: 100%;}

/* h1 (formerly headline) is used as the main text heading on each page. */
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 150%; font-style:normal; font-weight:bold; color:#fff; margin-top:-5px;}
/* h2 (formerly subheader) is used as the secondary text heading on each page. */
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 125%;	font-style: normal;	font-weight: bold; color: #fff; margin:3em 0 1em;}
/* h3 is used as a bold text to intro a paragraph. */
h3 {font-family:Arial, Helvetica, Sans-Serif; font-size: 110%; font-weight:bold; margin-bottom:0px;}
/* h4 is used within applications as a bolded font smaller than normal text */
h4 {font-family:Arial, Helvetica, Sans-Serif; font-size: 90%; font-weight:bold; margin-bottom:0px;}

#text {
	height:100%;
	margin:30px 25px 250px;
	}

#textinside {
	overflow:auto;
	width:450px;
	padding:12px 6px;
	scrollbar-face-color: #333333;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #666666;
	scrollbar-3dlight-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-darkshadow-color: #666666;
	}
	
#wide {
	overflow:auto;
	width:725px;
	margin:150px 0 0 40px;
	float:left;
	padding:6px;	
	}
	
#footer {
	margin:35px 0 15px 0px;
	float:left;
	padding:6px;
	font-size: 95%;
	}
	
#footer A:link {color:#fff; text-decoration:none;}
#footer A:visited {color:#fff; text-decoration:none;}
#footer A:active {color:#fff; text-decoration:none;}
#footer A:hover {color:#fff; text-decoration: underline overline;}

#social A:link {color:#fff; text-decoration:none;}
#social A:visited {color:#fff; text-decoration:none;}
#social A:active {color:#fff; text-decoration:none;}
#social A:hover {color:#fff; text-decoration: underline overline;}

#home_journal {
	overflow:auto;
	width:275px;
	margin:30px 9px 30px 24px;
	float:left;
	padding:6px;
	border: 2px solid #999999;
	background-color:#333333;
	}
#home_intro {
    overflow: auto;
    width: 92%;
    margin: 30px 24px 0;
    padding: 6px;
    border: 2px solid #999999;
    background-color: #333333;
}
.btn {
        font-size: 0.833em;
    background: #999;
    border: 2px solid #666;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}
#home_journal A:link {color:#fff; text-decoration:none; font-weight:bold;}
#home_journal A:visited {color:#fff; text-decoration:none; font-weight:bold;}
#home_journal A:active {color:#fff; text-decoration:none; font-weight:bold;}
#home_journal A:hover {color:#fff; text-decoration:underline overline; font-weight:bold;}
	
#home_schedule {
	overflow:auto;
	width:275px;
	margin:30px 9px 30px 24px;
	float:left;
	padding:6px;
	border: 2px solid #999999;
	background-color:#333333;
	}
	
#home_schedule A:link {color:#fff; text-decoration:none; font-weight:bold;}
#home_schedule A:visited {color:#fff; text-decoration:none; font-weight:bold;}
#home_schedule A:active {color:#fff; text-decoration:none; font-weight:bold;}
#home_schedule A:hover {color:#fff; text-decoration:underline overline; font-weight:bold;}

#home_video {
	overflow:auto;
	width:375px;
	margin:30px 24px 30px 9px;
	float:right;
	padding:6px;
	border: 2px solid #999999;
	background-color:#333333;
	}
	
#home_video A:link {color:#fff; text-decoration:none; font-weight:bold;}
#home_video A:visited {color:#fff; text-decoration:none; font-weight:bold;}
#home_video A:active {color:#fff; text-decoration:none; font-weight:bold;}
#home_video A:hover {color:#fff; text-decoration:underline overline; font-weight:bold;}

#photos {
	overflow:auto;
	width:750px;
	margin:125px 25px 200px;
	}
#photos h1, #blog h1 {
    margin-top: 5px;
}	
#blog {
	overflow:auto;
	width:750px;
	margin:60px 25px 250px;
	}
	
#home_container {
	overflow:auto;
	width:805px;
	margin:230px 15px 20px;
	float:none;
	}
#home_container h2 {  
    margin-top:0;
}
#header {
	/*width:650px;*/
	margin-top:12px;
}

#logo {
	width: 336px;
	height:35px;
}

#logo.index {
	background-image:url(logo.gif);
	background-repeat:no-repeat;
}

#logo a img {
	border:none;
}

#topnav {
	font-size:125%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:6px;
}

#topnav A:link {color:#fff; text-decoration:none;}
#topnav A:visited {color:#fff; text-decoration:none;}
#topnav A:active {color:#fff; text-decoration:none;}
#topnav A:hover {color:#fff; text-decoration: underline overline;}

.blog {
	margin-left:50px;
}

iframe {
	background-color:#999;
}

A:link.reverse {color:#fff; text-decoration:none;}
A:visited.reverse  {color:#fff; text-decoration:none;}
A:activ.reverse e {color:#fff; text-decoration:none;}
A:hover.reverse  {color:#fff; text-decoration: underline overline;}