/*$Id: simple.css,v 1.00 2009/11/12 10:54:00 jwalker Exp $ */

/**
 * United States Sports Academy (v3)
 * Joshua Walker, Director of Web Development
 */

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * table of contents
 *  1. body
 *  2. headings
 *  3. text elements
 *     a. fancy type
 *  4. lists
 *  5. tables
 *  6. form elements
 *  7. miscellaneous
 *  8. site specific
 * ---------------------------------------------------------------------------------------------------------------------------------
 */

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * let's import all the stylesheets we need to build our layout
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
@import url('reset.css');

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 1. body
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
body {
  margin: 20px;
  width: 960px;
  background: #FFFFFF;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; font-size: 87.5%;
  line-height: 1.29em;
  color: #222222;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 2. headings
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; font-weight: normal;
}
h1 {
  margin-bottom: 0.5em;
  font-size: 2.57em;
  line-height: 1em;
}
h2 {
  margin-bottom: 0.33em;
  font-size: 1.93em;;
  line-height: 1.33em;
}
h3 {
  margin-bottom: 1em;
  font-size: 1.29em;
  line-height: 1em;
}
h4 {
  margin-bottom: 1.13em;
  font-size: 1.14em;
  line-height: 1.13em;
}
h5, 
h6 {
  margin-bottom: 1.29em;
  font-size: 1em; font-weight: bold;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. text elements
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
p {
  margin: 0px 0px 1.29em;
  text-align: justify;
}
a:focus, 
a:hover {
  color: #990000;
}
a {
  color: #336699;
  text-decoration: none;
  border-bottom: 0.08em dotted #336699;
}
em {
  font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; font-style: italic;
}
strong {
  font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; font-weight: bold;
}
abbr, 
acronym {
  text-transform: uppercase;
  border-bottom: 0.07em dotted #535353;
  cursor: help;
}
del {
  color: #6C6C6C;
}
dfn {
  font-style: bold;
}
sup, sub {
  line-height: 0em;
}
blockquote {
  margin: 0px 2.86em; padding: 0px 0px 0px 0.36em;
  font-style: italic;
  color: #6C6C6C;
  border-left: 0.36em solid #B5B5B5;
}
pre {
  white-space: pre;
}
pre, code {
  margin: 1.8em 0px;
  font-family: 'Andale Mono', 'Lucida Console', monospace; font-size: 0.71em; font-weight: normal; font-style: normal;
  line-height: 1.44em;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. text elements
 *    a. fancy type
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.caps {
  padding: 0px 0.14em;
  font-size: 1.2em; font-variant: small-caps;
  text-transform: lowercase; letter-spacing: 0.02em;
  line-height: 1em;
}
.intro {
  font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; font-size: 1.2em; font-weight: bold;
  text-transform: uppercase; letter-spacing: 0.05em;
}
.fancy {
  font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; font-size: 1.2em; font-style: italic;
  color: #535353;
}
.quote {
  margin-left: -0.5em;
}
.incremental { /* reduced size text with incremental leading */
  margin: 0px 0px 1.5em;
  font-size: 0.83em;
  line-height: 1.44em;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 4. lists
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
li ul, 
li ol {
  margin: 0px 0px 0px 1.29em;
}
ul, 
ol {
  margin: 0px 0px 1.29em 1.29em;
}
ul {
  list-style-type: disc;
}
  ul ul {
    list-style-type: circle;
  }
  ul .img {
    display: none;
  }
ol {
  list-style-type: decimal;
}
  ol ol {
  	list-style-type: lower-alpha;
  }
    ol ol ol {
      list-style-type: lower-roman;
    }
dl {
  margin: 0px 0px 1.29em;
}
  dl dt {
  	font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; font-size: 1.2em; font-weight: bold;
  	line-height: 1.25em; letter-spacing: 0.04em;
  	color: #0A0A0A;
  }
  dl dd {
  	margin: 0.375em 0px 0.75em; padding: 0px 0px 0.75em 3em;
  	text-align: justify;
  	border-bottom: 1px dotted #535353;
  }
  	dl dd.last {
  		border: none;
  	}
  	
/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 5. tables
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
table {
  margin: 0px 0px 1.29em;
  width: 100%;
}
  caption {
    padding: 0px 0.33em;
  	font-style: italic;
  	text-align: justify;
  	background: #F3F3F3;
  	color: #6C6C6C;
  	border-top: 0.08em solid #B5B5B5; border-bottom: 0.08em solid #B5B5B5;
  }
  thead th {
  	font-size: 1.83em;
	  line-height: 1.41em;
	  color: #535353;
	  border-bottom: 0.23em solid #B5B5B5;
  }
  tbody tr.odd {
  	background: #E6E6E6;
  }
  tbody tr.even {
  	background: #F3F3F3;
  }
  tbody tr.hover {
    background: #FFF6BF;
    color: #514721;
    cursor: pointer;
  }
  tbody td {
    padding: 0.17em;
    color: #6C6C6C;
	  border-bottom: 0.08em solid #B5B5B5;
  }
  tfoot td {
  	padding: 0px 0.33em;
  	font-style: italic;
  	text-align: justify;
  	color: #6C6C6C;
  }

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 6. form elements
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
form {
  margin: 0px 0px 1.29em;
}
  label {
    font-weight: bold;
  }
  select, 
  textarea, 
  input.text, 
  input.title,
  input[type=text], 
  input[type=password] {
    margin: 0.5em 0px;
    background-color: #FFFFFF;
    border: 1px solid #B5B5B5;
  }
  select:focus, 
  textarea:focus, 
  input.text:focus, 
  input.title:focus, 
  input[type=text]:focus, 
  input[type=password]:focus {
    border-color: #535353;
  }
  input.text,
  input.title {
    padding: 5px;
    width: 300px;
  }
  input.short {
    width: 150px;
  }
  input.title {
    font-size: 1.5em;
  }
  textarea {
    padding: 5px;
    width: 390px; height: 250px;
  }
    textarea.short {
      width: 300px; height: 125px;
    }
  input.radio, 
  input.checkbox, 
  input[type=radio], 
  input[type=checkbox] {
    position: relative;
  }
  form.inline {
    line-height: 3em;
  }
    form.inline p {
      margin-bottom: 0px;
    }
  
/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 7. miscellaneous
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.hide {
  display: none;
}
.small {
  margin: 0px 0px 1.8em;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.83em; font-weight: normal; font-style: normal;
  line-height: 1.8em;
}
.large {
  margin: 0px;
  font-size: 1.2em;
  line-height: 2.5em;
}
.noMargin {
  margin: 0px;
}
.highlight {
  background: #FFF6BF;
  color: #514721;
}
.error {
  margin: 0px 0px 1.5em; padding: 0.42em;
  background: #FBE3E4;
  color: #8A1F11;
  border: 0.08em solid #FBC2C4;
}
  .error a {
  	color: #8A1F11;
  	border-color: #8A1F11;
  }
  .error img {
    margin: 0px 5px;
    vertical-align: middle;
  }
.notice {
  margin: 0px 0px 1.5em; padding: 0.42em;
  background: #FFF6BF;
  color: #514721;
  border: 0.08em solid #FFD324;
}
  .notice a {
  	color: #514721;
  	border-color: #514721;
  }
  .notice img {
    margin: 0px 5px;
    vertical-align: middle;
  }
.success {
  margin: 0px 0px 1.5em; padding: 0.42em;
  background: #E6EFC2;
  color: #264409;
  border: 0.08em solid #C6D880;
}
  .success a {
  	color: #264409;
  	border-color: #264409;
  }
  .success img {
    margin: 0px 5px;
    vertical-align: middle;
  }
  
/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 8. site specific
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
#pageHeader h3 {
  margin-bottom: 0.5em;
  font-size: 2.57em;
  line-height: 1em;
}
#contentContainer #leftColumn img {
  padding: 5px;
  border: 1px solid #CECECE;
}
#contentContainer #leftColumn hr {
  margin: 10px 0px; padding: 0px;
  width: 100%; height: 0px;
  color: #848484;
  background: none;
  border: none; border-bottom: 1px dotted #848484;
}
#contentContainer .breadcrumbs {
  margin-bottom: 1.64em;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.79em; font-weight: normal; font-style: normal;
  line-height: 1.64em;
  color: #848484;
}
#contentContainer .floatLeft {
  margin: 0px 15px 5px 0px;
  float: left;
}
#contentContainer .floatRight {
  margin: 0px 0px 5px 15px;
  float: right;
}
#contentContainer .imageBorder {
  padding: 10px;
  background: #CECECE;
  border: 1px solid #9D9D9D;
}
#contentContainer.imageCaption {
  padding: 5px;
  border: 1px solid #CECECE;
}
  #contentContainer .imageCaption p {
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.79em; font-weight: normal; font-style: normal;
    line-height: 1.64em; text-align: left;
    color: #848484;
  }
  #contentContainer .imageCaption img {
    padding: 0px;
    border: 1px solid #CECECE;
  }
#contentContainer .pullQuote {
	margin-top: 0.5em; padding: 0.5em 0px;
	width: 300px;
	border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE;
}
	#contentContainer .pullQuote q {
		display: block;
		margin: 0px;
		font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; font-size: 1.5em; font-style: italic;
		line-height: 1.5em; text-align: left;
		color: #848484;
	}
#contentContainer .postDate {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.79em;
  color: #848484;
}
#footerLinks ul {
  margin-left: 0px;
}
  #footerLinks ul li {
    margin: 0px 5px;
    display: inline;
  }
    #footerLinks ul .img {
      display: none;
    }