/*
Theme Name: Walls of Hope (2009)
Theme URI: http://wallsofhope.org
Description: Theme for Walls of Hope website, ported from Textpattern to Wordpress. CSS mostly just the same version from 2006, just converted to WP selectors.
Version: 0.1
Author: Justin Perkins

*/

*{
  margin:0;
  padding:0;
}

body{
  font:62.5% "Lucida Grande", "Lucida Sans", Lucida, Arial, sans-serif;
  background:#ccc;
}
h1, h2, h3, h4, h5{
  font-weight:normal;
}

a{
  color:#666;
}
a:link{
}
a:visited{
  color:#888;
}
a:hover{
  color:#000;
}
a:active{
  color:#666;
}

input, textarea, select{
  padding:2px;
  font:1.1em sans-serif;
}

/* Layouts
*****************************************************************************************/
#container{
  font-size:1.2em;
  margin:75px auto;
  background:#fc3 url(images/container-bg.gif) repeat-y top left;
  width:75%;
}
#head{
  width:196px;
  height:233px;
  float:left;
}
#navigation{
  width:139px;
  float:left;
  background:#fff;
  font-size:1.2em;
}
#content{
  background:#fc3 url(images/content-bg.gif) repeat;
  margin-left:335px;
  padding:20px;
}
#photo-container{
  clear:left;
  background:#ccc;
}
#sidebar{
  float:left;
  width:233px;
  clear:left;
  padding:10px;
}
#foot{
  width:233px;
  clear:left;
  padding:10px;
  font-size:.8em;
}

/* Header styles
*****************************************************************************************/
#head h1{
  width:100%;
  height:100%;
}
#head h1 a{
  display:block;
  background:#3cc url(images/walls-of-hope.gif) no-repeat top left;
  width:100%;
  height:100%;
  text-indent:-9999px;
 overflow:hidden;
}
#head h1 a:active{
  outline:none;
}
#head h2{
  text-indent:-9999px;
}

/* Navigation styles
*****************************************************************************************/
#navigation ul{
  list-style:none;
  text-align:right;
  padding:10px 10px 20px 0;
}
#navigation ul li a{
  text-decoration:none;
  color:#777;
}
#navigation ul li a:hover{
  color:#000;
}

/* Content styles
*****************************************************************************************/
#content h3{
  font-size:1.5em;
  padding:0 11px 5px 0;
  margin:20px 0 5px;
}
#content h3.entry-title{
  background:url(images/right-arrow.gif) no-repeat bottom right;
}
#content h3.section-title{
  border-bottom:1px solid #000;
}
#content h3.entry-title span{
  font-size:.7em;
  display:block;
  padding:0 0 5px 0;
}
#content h3.entry-title a{
  text-decoration:none;
  display:block;
  padding:0 0 3px 0;
}
#content h4{
  font-weight:bold;
  font-size:1.3em;
  margin:0 0 10px;
}
#content p{
  margin:0 0 10px;
  overflow:hidden;
}
#content ul, #content ol{
  margin:10px 0 10px 15px;
}
#content ul li, #content ol li{
}
#contact p textarea{
  width:80%;
}
#content img{
  padding:4px;
  background:#fff;
  border:1px solid #ddd;
}

/* Sidebar styles
*****************************************************************************************/
#rotating-image{
  width:335px;
  height:367px;
  position:relative;
  top:-10px;
  left:-10px;
}
#sidebar form{
  margin:10px 0;
}

/* Footer styles
*****************************************************************************************/

/* Photo page styles
*****************************************************************************************/
body.photos #container{
  background:#fff none;
}
body.photos #content{
  height:193px;
}
body.photos #content .entry-title{
  background-image:none;
  border-bottom:1px solid #000;
}
#photo-container{
  background:#fff;
  padding:10px;
}
#photo-container #highlight{
}
#photo-container div.albums{
  margin:10px 0;
  clear:left;
}
#photo-container div.albums div.album{
  margin:10px 0;
  border-top:1px solid #000;
  padding:10px 0 0;
}