/*
Theme Name: Wide Aperture Theme
Theme URI: http://wideaperture.net/
Description: Custom theme for wideaperture.net.
Version: 1.0
Author: Josh Braun
Author URI: http://wideaperture.net/
Tags: custom

	Wide Aperture v1.0
	http://wideaperture.net/

	This theme was designed and built by Josh Braun,
	whose blog you will find at http://wideaperture.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	Contact Josh (admin@wideaperture.net) for a copy of
	this theme.
	
	However, much of the design is hardcoded for Josh's
	site specifically, and may not work with others.

*/



body {
  background-color: #8F3905;
  font-family: Times New Roman, serif;
  font-size: 12px;
}

/*Standard Tags*/

h1, h2, h3 {
  font-weight: normal;
  margin-bottom: 5px;
  padding-bottom: 0px;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 17px;
  line-height: 1.1;
  text-align: center;
  font-variant: small-caps;
}

h3 {
  font-size: 14px;
  margin: 0;
  padding: 0 0 0 15px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

p, li {
  margin-top: 0px;
  padding-top: 0px;
  line-height: 1.25;
}

p {
  margin-bottom: 5px;
}

ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-indent: 25px;
}

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

a:hover {
  text-decoration: underline;
}

/*Modifications to Accomodate WordPress*/

.linkcat h2 {
  font-size: 14px;
  margin: 2px 0 0 0;
  padding-bottom: 1px;
}

#navbar ul li:hover {
  color: #561000;
}

/*Navigation Bar*/

#navbar {
  position: absolute;
  left: 12px;
  width: 900px;
  height: 26px;
  background-image: url('images/button.png');
  z-index: 15;
}

#navbar li {
  margin-top: 4px;
  float:left;
}

#navbar ul li {
  display: inline;
  font-size: 14px;
  font-variant: small-caps;
  text-indent: 0px;
  padding-left: 41px;
}

#navbar li li {
  position: absolute;
  left: -3000px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: small-caps;
  z-index: 15;
}

#navbar ul ul {
  position: absolute;
  display: block;
  width: 270px;
  z-index: 15;
}

#navbar li li a {
  display: block;
  width: 175px;
  color: #fff;
}

#navbar ul li a {
  padding-right: 10px;
  padding-left: 10px;
}


#navbar ul li a:hover {
color: #fff;
background-color: #561000;
text-decoration: none;
}

#navbar ul li:hover li {
  position: relative;
  top: 4px;
  left: 0px;
  width: 195px;
  line-height: 2;
  text-indent: 0px;
  background-color: #661A00;
  color: #fff;
  z-index: 15;
}

/*Search Form*/

form {
padding-top: 3px;
}

form input {
  font-family: Times New Roman, serif;
  font-size: 12px;
}

#s {
  position: relative;
  bottom: 8px;
}

#searchsubmit {
  background-image: url('images/search.png');
}

#searchsubmit:hover {
  background-image: url('images/search_pressed.png');
}

/*Buttons*/

.button a {
  color: #000;
  padding: 5px;
  background-image: url('images/button.png');
}

.button a:hover {
  text-decoration: none;
  background-image: url('images/button_pressed.png');
}

/*Page Sections*/

#bodybackgroundcontainer, #topnav, #footerimage {
  margin-left: auto;
  margin-right: auto;
  width: 924px;
}

#bodybackgroundcontainer {
  background-image: url('images/bodyBG.png');
  position: relative;
  bottom: 3px;
  min-height: 1167px;
}

#logo {
  position: absolute;
  left: 12px;
}

#headercontainer img {
  border: none;
}

#headerimage {
  position: absolute;
  left: 112px;
}

#bodytextcontainer {
  padding-top: 96px; 
  margin-left: 64px;
  margin-right: 30px;
}

#topmatter {
  position: absolute;
  top: -18px;
  left: 25px;
}

#topmatter p {
  color: #fff;
}

#compass {
  width: 800px;
  height: 800px;
  background-image: url('images/compass.png');
  position: absolute;
  top: 270px;
  left: 62px;
}

#featured {
  margin-top: 30px;
  position: absolute;
}

#myGallery {
  position: absolute;
  top: 140px;
  left: 345px;
  width: 550px !important;
  height: 175px !important;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  z-index: 1;
}

#myGallery h2 {
  font-family: Times New Roman, serif;
  font-size:10px;
  font-weight: bold;
  font-variant: normal;
  text-align: left;
}

#myGallery p {
  font-family: Times New Roman, serif;
  font-size:10px;
}

.bodynav h1, .bodynav h2 {
  display: inline;
}

.bodynav h3 {
  margin-top: 7px;
  padding: 0px;
}

#upperbodynav {
  position: absolute;
  top: 324px;
}

#lowerbodynav {
  position: absolute;
  top: 790px;
}

#footerimage {
  position: relative;
  bottom: 3px;
}

#footer {
  position: absolute;
  top: 1140px;
  left: 50px;
}

#footer p {
  text-align: center;
  padding-top: 5px;
  border-color: #000;
  border-width: 1px 0 0 0;
  border-style: solid;
}

/*Positioning for backdrops of homepage sections*/
#journalismbackdrop {
  position: absolute;
  top: 359px;
  left: 327px;
}

#thoughtsbackdrop {
  position: absolute;
  top: 569px;
  left: 50px;
}

#adventuresbackdrop {
  position: absolute;
  top: 569px;
  left: 606px;
}

#workbackdrop {
  position: absolute;
  top: 359px;
  left: 606px;
}

#synergybackdrop {
  position: absolute;
  top: 569px;
  left: 328px;
}

/*Positioning for lines connecting homepage sections.*/
#journalismsynergyconnector {
  position: absolute;
  top: 559px;
  left: 460px;
}

#thoughtssynergyconnector {
  position: absolute;
  top: 669px;
  left: 318px;
}

#adventuressynergyconnector {
  position: absolute;
  top: 669px;
  left: 596px;
}

#worksynergyconnector {
  position: absolute;
  top: 555px;
  left: 593px;
}

/*Positioning for text of homepage sections.*/

.sectionbox {
  height: 200px;
  width: 268px;
  position: absolute;
}

#journalism {
  top: 359px;
  left: 327px;
}

#thoughts {
  top: 569px;
  left: 50px;
}

#adventures {
  top: 569px;
  left: 606px;
}

#work {
  top: 359px;
  left: 606px;
}

#synergy {
  top: 569px;
  left: 328px;
}

#synergy p {
  padding: 0 15px 0 15px;
}

/*Positioning of mouseover description boxes*/

.description {
  width: 268px;
  height: 200px;
  position: absolute;
  left: -3000px;
}

.description p, .description h2, .description h3 {
  padding: 0 15px 0 15px;
}

.description h3 {
  font-variant: small-caps;
  padding-top: 7px;
  margin-bottom: 0;
}

.description h2 {
  margin-top: 7px;
}

#journalism:hover #journalismdescription, #journalism:hover img {
  position: absolute;
  bottom: 0px;
  left: -278px;
}

#thoughts:hover #thoughtsdescription, #thoughts:hover img {
  position: absolute;
  bottom: 210px;
  left: 0px;
}

#adventures:hover #adventuresdescription, #adventures:hover img {
  position: absolute;
  bottom: 210px;
  left: -556px;
}

#work:hover #workdescription, #work:hover img {
  position: absolute;
  bottom: 0px;
  left: -556px;
}

#synergy:hover #synergydescription, #synergy:hover img {
  position: absolute;
  bottom: 210px;
  left: -278px;
}

/*Positioning for lower navigation sections*/

.extendednavbox {
  top: 30px;
  width: 190px;
  height: 305px;
  padding-right: 4px;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #000;
}

.extendednavbox p {
  font-style: italic;
}

.sitelist {
  position: absolute;
  top: 125px;
}

.sitelist p {
  font-style: normal;
}

.sitelist a {
  color: #000;
}

#collaboration {
  position: absolute;
  left: 0px;
}
#community {
  position: absolute;
  left: 203px;
}

#experiments {
  position: absolute;
  left: 403px;
}

#courseinfo {
  position: absolute;
  left: 603px;
  border-style: none;
}

.sectionbox h2 a, .sectionbox h3 a {
  color: #000;
}