/*   
Theme Name: Up! Style - Zinn
Theme URI: http://www.studioup.com/
Description: Zinn Education Project site
Version: 2.0
Author: Studio Up!
Author URI: http://www.studioup.com/
*/

/*** defaults ***/

* {
  margin: 0px ;
  padding: 0px ;
}

body {
  background-color: #17516a ;
  background-image: url('images/background.jpg') ;
  background-position: top center ;
  background-repeat: no-repeat ;

  color: #333333 ;
  font-family: Trebuchet MS, sans-serif ;
  font-size: 13px ;
}

a {
  color: #993300 ;
  text-decoration: none ;
}

a:hover {
  color: #cc6600 ;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal ;
}

img {
  border-style: none ;
}

li {
  list-style-type: none ;
}

.clear {
  clear: both ;
  height: 20px ;
}

object { /* prevent space below flash */
  display: block ;
}

/*
table {
  width: 100% ;
  border-collapse: collapse ;
  border-spacing: 0px ;
}

td {
  padding: 0px ;
  vertical-align: top ;
  text-align: left ;
}
*/

td, th {
  vertical-align: top ;
  text-align: left ;
}

/*** layout ***/

#container {
  width: 950px ;
  margin: 0px auto ;
}

#content {
  background-color: #ffffff ;
  border: 3px solid #482500 ;
  border-top-style: none ;
}

#middle {
  width: 644px ;
  margin: 0px 40px ;
  float: left ;
  display: inline ; /* ie6 double margin bug */
}

#middle.fill-wide {
  width: 864px ;
  margin: 0px 40px ;
  float: none ;
  display: block ; /* cancel ie6 fix */
  padding-top: 1px ;
}

#right {
  width: 200px ;
  margin-right: 20px ;
  float: left ;
  display: inline ; /* ie6 double margin bug */
}

/*** header ***/

#header {
  height: 150px ;
  position: relative ;
  background-image: url('images/top-header.png') ;
}

h1#go-home {
  position: absolute ;
  width: 580px ;
  left: 0px ;
  top: 12px ;
}

h1#go-home a {
  /* hide text */
  display: block ;
  padding-top: 100px ;
  overflow: hidden ;
  height: 0px ;
}

ul#login-register-search {
  position: absolute ;
  right: 5px ;
  top: 90px ;
}

ul#login-register-search li {
  float: right ;
  margin: 0px 5px ;
  font-family: Georgia, serif ;
  font-size: 15px ;
}

ul#login-register-search li.last-child {
  border-right: 1px solid #f2eecb ;
  padding-right: 10px ;
}

ul#login-register-search a {
  color: #f2eecb ;
}

ul#login-register-search a:hover {
  color: #ba4e00 ;
}

ul#login-register-search input.text {
  background-image: url('images/magnifying-glass.png') ;
  background-position: center right ;
  background-repeat: no-repeat ;

  border: 1px solid #ffffff ;
  padding-right: 18px ;
  width: 160px ;
}

ul#page-list {
  position: absolute ;
  top: 125px ; /* 123px + 2px to vertically align */
  left: 0px ;

  width: 100% ;
  text-align: center ;
}

ul#page-list li {
  display: inline ;
  margin: 0px 15px ;
  padding-bottom: 10px ; /* prevent gap above drop down menu */
  position: relative ;
  
  font-size: 15px ;
  font-weight: bold ;
  text-transform: uppercase ;
}

ul#page-list a, ul#page-list li.page-item-78 span {
  color: #3b1904 ;
}

ul#page-list a:hover, ul#page-list li.current_page_item a, ul#page-list li.current_page_ancestor a,
ul#page-list li.page-item-78:hover span, ul#page-list li.current_page_ancestor span {
  border-bottom: 1px dashed #3b1904 ;
  color: #ba4e00 ;
}

ul#page-list ul {
  position: absolute ;
  top: 22px ;
  left: 0px ;

  z-index: 1 ; /* above home #slideshow */

  text-align: left ;
  background-color: #9a3334 ;
  white-space: nowrap ; /* necessary in ff? */
  padding: 8px 0px ;

  display: none ;
}

ul#page-list ul li {
  position: static ;
  display: block ;
  padding: 0px ;
  margin: 0px ;

  font-size: 14px ;
  font-weight: normal ;
  text-transform: none ;
}

ul#page-list ul a, ul#page-list li.current_page_item ul a, ul#page-list li.current_page_ancestor ul a {
  display: block ;
  padding: 2px 15px ;
  border-style: none ;
  color: #f2eecb ;
}

ul#page-list ul a:hover {
  background-color: #ba4e00 ;
  border-style: none ;
  color: #f2eecb ;
}

/*** footer ***/

#footer {
  color: #ffffff ;
  text-align: center ;
}

#footer ul, #footer p, #footer .add-this { /* #footer > * */
  margin: 10px 0px ;
}

#footer li {
  display: inline ;
  border-right: 1px solid #ffffff ;
  padding-right: 10px ;
  margin: 0px 3px ;

  text-transform: uppercase ;
}

#footer li.last-child {
  border-right-style: none ;
  padding-right: 0px ;
}

#footer a {
  color: #ffffff ;
}

#footer a:hover {
  color: #f2eecb ;
}

/*** posts ***/

.post {
  margin: 20px 0px ;
  clear: both ;
}

.post p, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6,
.post ul, .post ol, .post blockquote, .post address, .post pre { /* .post > * */
  margin: 10px 0px ;
}

.post p {
}

.post p.themes {
  text-transform: uppercase ;
  font-size: 11px ;
}

.post h1, #middle h1 {
  color: #275f83 ;
  font-family: Georgia, serif ;
  font-size: 36px ;
  margin: 20px 0px ;
}

.post h2 {
  color: #330000 ;
  font-size: 22px ;
  margin-top: 20px ;
}

.post h2 a {
  color: #330000 ;
}

.post h2 a:hover {
  color: #993300 ;
}

.post h3, #middle h3 {
  color: #275f83 ;
  font-family: Georgia, serif ;
  font-size: 22px ;
  margin: 20px 0px ;
}

.post h4 {
  color: #330000 ;
  font-size: 18px ;
}

.post h5 {
  color: #330000 ;
  font-size: 13px ;
  font-weight: bold ;
}

.post h6 {
  color: #9a3334 ;
  font-size: 14px ;
}

.post ul, .post ol {
  padding-left: 50px ;
}

.post ul li {
  list-style-type: disc ;
}

.post ol li {
  list-style-type: decimal ;
}

.post blockquote p {
}

.post address {
}

.post pre {
}

.post .alignnone {
}

.post .alignleft {
  margin: 5px 20px 20px 0px ;
  float: left ;
  clear: left ;
}

.post .alignright {
  margin: 5px 0px 20px 20px ;
  float: right ;
  clear: right ;
}

.post .aligncenter {
  margin: 15px auto ;
  display: block ;
}

.post .wp-caption {
  text-align: center ;
}

.post .wp-caption .wp-caption-text {
  font-style: italic ;
  font-size: 11px ;
  margin-top: 5px ;
}

.post-list p, .post-list h2 {
  margin: 5px 0px 5px 122px ;
}

.post-list .thumbnail {
  border: 1px solid #330000 ;
  margin: 5px 0px 20px 0px ;
  float: left ;
}

.post-list .thumbnail img { /* prevent space below img */
  display: block ;
}

.post-single p.excerpt {
  font-weight: bold ;
  color: #330000 ;
}

/*** comments ***/

#middle h3.comments-title {
  margin-bottom: 10px ;
  clear: both ;
}

ul#comments-list li {
  margin: 10px 0px ;
}

ul#comments-list li p.content {
}

ul#comments-list li p.author {
  margin: 2px 0px 0px 15px ;
  font-style: italic ;
}

#comments-respond textarea {
  margin: 10px 0px ;
  display: block ;
  width: 400px ;
}

/*** contact forms ***/

td.label, td.input {
  vertical-align: top ;
  padding: 2px 0px ;
}

td.label {
  width: 150px ;
}

td.input {
  width: 300px ;
}

input.text {
  width: 100% ;
}

input.checkbox {
  position: relative ;
  top: 2px ;
}

input.submit {
}

textarea {
  height: 100px ;
  width: 100% ;
}

/*** misc ***/

ul#child-list {
  margin: 25px 0px ;
}

ul#child-list li {
  font-size: 14px ;
  font-weight: bold ;
  text-transform: uppercase ;
  margin: 5px 0px ;
}

ul#child-list a {
  border-bottom: 1px solid #f2eecb ;
  color: #3b1904 ;

  padding-left: 10px ;
  display: block ;
}

ul#child-list a:hover, ul#child-list li.current_page_item a {
  border-bottom: 1px dashed #3b1904 ;
  color: #ba4e00 ;
}

#navigation {
  clear: both ;
}

#navigation #prev-posts {
  float: left ;
}

#navigation #next-posts {
  text-align: right ;
}

/*** login/register ***/

form#loginform-tml-main label {
  width: 100px ;
  float: left ;
  clear: left ;
}

form#loginform-tml-main input {
  margin-left: 100px ;
  display: block ;
}

form#loginform-tml-main p.forgetmenot label {
  width: auto ;
  float: none ;
  position: relative ;
  bottom: 2px ;
}

form#loginform-tml-main p.forgetmenot input {
  display: inline ;
}

form#registerform-tml-main label {
  width: 150px ;
  float: left ;
  clear: left ;
}

form#registerform-tml-main input {
  margin-left: 150px ;
  display: block ;
}

form#registerform-tml-main p.desc, form#registerform-tml-main p#reg_passmail-tml-main {
  font-style: italic ;
}

form#registerform-tml-main p#reg_passmail-tml-main {
  margin-top: 30px ;
}

#tml-main {
  margin-top: 30px ;
}

#tml-main ul {
  margin-top: 30px ;
  padding: 0px ;
}

#tml-main li {
  list-style-type: none ;
  margin: 10px 0px ;
}

/*** profile ***/

#profile th {
  font-weight: normal ;
  text-align: left ;
  padding: 4px 0px ;
  width: 180px ;
}

#profile td {
  padding: 4px 0px ;
}