/*  
Theme Name: The BACC
Theme URI: http://www.thebridgeacademy.org/wp-theme
Description: The official WordPress theme of <a href="http://www.thebridgeacademy.com/">The Bridge Academy and Community Center</a>.
Version: 0.9
Author: Stephen Tudor
Author URI: http://gazeglow.com/

	Original design by Brian McIntire
	Coded and themified by Stephen Tudor
*/


/* TYPOGRAPHY AND COLOUR */
body {
  font: 12px Geneva, Arial, Helvetica, sans-serif;
  color: #333;
}

h1, h2, h3, h4, h5 {
  color: #333;
}

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

h2.latestnews {
  font-size: 20px;
}

h2.pagetitle {
  font-size: 22px;
  text-transform: lowercase;
}

h2.storytitle,
h3 {
  font-size: 15px;
}

#secondarynav h3 {
  font-size: 14px;
  color: #888;
  text-align: left;
}

h4 {
  font-size: 14px;
}

.post h4 {
  text-transform: uppercase;
  letter-spacing: 3px;
}

h5 {
  font-size: 12px;
}

#footer, .editlink {
  font: 10px Arial, sans-serif;
}


/* LINKS */
a         { text-decoration: none; }
a:link    { color: #39c; }
a:visited { color: #39c; }
a:hover   { color: #f00; }
a:active  { color: #f00; }

h1 a:link, h1 a:visited { color: #000; }
h1 a:hover, h1 a:active { color: #666; }
h2 a:link, h2 a:visited { color: #000; }
h2 a:hover, h2 a:active { color: #666; }
h3 a:link, h3 a:visited { color: #000; }
h3 a:hover, h3 a:active { color: #666; }
h4 a:link, h4 a:visited { color: #000; }
h4 a:hover, h4 a:active { color: #666; }
h5 a:link, h5 a:visited { color: #000; }
h5 a:hover, h5 a:active { color: #666; }

#primarynav ul li a         { padding: 8px; text-transform: lowercase; }
#primarynav ul li a:link    { color: #999; }
#primarynav ul li a:visited { color: #999; }
#primarynav ul li a:hover   { color: #f00; }
#primarynav ul li a:active  { color: #000; }
#primarynav ul li.current_page_item a:link    { color: #000; }
#primarynav ul li.current_page_item a:visited { color: #000; }
#primarynav ul li.current_page_item a:hover   { color: #000; }
#primarynav ul li.current_page_item a:active  { color: #000; }

#secondarynav ul li a:link    { color: #999; }
#secondarynav ul li a:visited { color: #999; }
#secondarynav ul li a:hover   { color: #f00; }
#secondarynav ul li a:active  { color: #000; }
#secondarynav ul li.current_page_item a:link    { color: #000; }
#secondarynav ul li.current_page_item a:visited { color: #000; }
#secondarynav ul li.current_page_item a:hover   { color: #000; }
#secondarynav ul li.current_page_item a:active  { color: #000; }
#secondarynav ul li.current_language_item a:link    { color: #000; }
#secondarynav ul li.current_language_item a:visited { color: #000; }
#secondarynav ul li.current_language_item a:hover   { color: #000; }
#secondarynav ul li.current_language_item a:active  { color: #000; }

.editlink a { color: #999; }


/* MAJOR ELEMENT LAYOUT */
body {
	background: #fff url(images/background2.gif) repeat fixed top left;
  text-align: center;
}

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

#wrapper {
  width: 742px;
  margin: 0 auto;
  padding: 0 8px 0 10px;
  background-color: #fff;
}

#header {
  width: 740px;
  background-color: #fff;
  border-bottom: 1px solid #bbb;
}

#container {
  width: 690px;
  padding: 27px 25px;
}

#sidecontent {
  float: right;
  width: 185px;
}

#maincontent {
  float: left;
  width: 470px;
  margin: 0 0 36px 0;
  text-align: left;
}

#next-prev {
  margin-top: 30px;
}

#footer {
  padding: 12px 24px; 
  text-align: center;
  clear: both;
}

hr {
  border: 0;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
}


/* HEADER LAYOUT */
#header h1 {
  width: 740px;
  height: 150px;
  background: url(http://www.thebridgeacademy.org/wp-content/uploads/thebridgeheader2008.jpg) no-repeat top center;
  text-indent: -9999px;
  overflow: hidden;
}

h2.pagetitle,
#sidecontent h3 {
  margin: 0 0 8px 0;
}

h2.storytitle {
  margin: 0 0 4px 0;
}

h3 {
  margin: 0 0 12px 0;
}

#sidecontent h3 {
  padding: 6px;
  border: 1px solid #ddd;
  background-color: #fafafa;
}

h4 {
  margin: 0 0 4px 0;
  padding-top:8px;
}

/* NAVIGATION LAYOUT */
#primarynav {
  margin: 7px auto;
}

#primarynav ul li {
  list-style: none;
  display: inline;
}

#primarynav .feedlink {
  float: right;
}

#primarynav img {
  border: 0;
}


/* POST LAYOUT */
.post {
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
  line-height: 22px;
  text-align: left;
}

.post p,
.post ul,
.post ol {
  margin: 0 0 12px 0;
}

.post li {
  line-height: 22px;
}

.post ul li {
  margin-left: 40px;
}

.post ol li {
  margin-left: 45px;
}

.post img {
  margin: 0 0 8px 0;
}

.sep {
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
  width: 90%;
}

.editlink {
  margin: 0;
  padding: 0;
  float: right;
}


/* SIDEBAR LAYOUT */
#secondarynav {
  margin: 0 0 20px 0;
}

#secondarynav ul {
  text-align: left;
}

#secondarynav ul li {
  list-style: none;
  line-height: 25px;
}

#secondarynav ul li.event {
  line-height: 18px;
  padding-bottom: 6px;
}

/*#secondarynav ul li.before {
  content: "\BB";
}*/

#sidecontent p {
  line-height: 22px;
  margin-bottom: 15px;
}

#sidecontent p img {
  border: 0;
  margin-bottom: 7px;
}

#sidecontent a {
  border: 0;
}

#sidecontent h3 a:link, #sidecontent h3 a:visited { color: #666; }
#sidecontent h3 a:hover, #sidecontent h3 a:active { color: #333; }

#mission-ad {
  display:block;
  margin-top:17px;
  width:185px;
  height:281px;
  background:url(images/sidebar_ad.gif) no-repeat top left;
  text-indent:-9999px; overflow:hidden;
}


/* COMMENTS */

.alt {
	margin: 0;
	padding: 10px;
	background-color: #d6def4;
	border-top: 1px solid #c2c295;
	border-bottom: 1px solid #c2c295;
}

.commentlist {
	padding: 0;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}


/* MISCELLANEOUS */
.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

.aligncenter {
	text-align: center;
}