/*
Theme Name:		Network Of Tacoma
Theme URI:		http://saythissaythat.com
Description:	Custom Theme for Network of Tacoma Website
Version:		0.9
Author:			Micah Gilman
Author URI:		http://saythissaythat.com/
*/


/* Begin My Styles */

* {
	margin: 0;
	padding: 0;
}

a img, a:visited img {
	border: none
}

body {
	background: #fff url(images/bg_main.gif) top repeat-x;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	line-height: 140%;
}

#wrap {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 96px;
	padding: 14px;
}

#logo {
	float: left;
}

#social {
  height: 80px;
  float: right;
}

.icon {
  margin-left: 14px;
}

#nav {
	float: right;
	clear: right;
}

ul#nav-list {
  margin-left: 0;
}

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

#nav-list li a, #nav-list li a:visited {
	font: 13px/16px Helvetica, Arial, sans-serif;
	padding: 4px 5px 10px;
	color: #000;
	text-decoration: none;
}

#nav-list li a:hover {
	padding-bottom: 4px;
	border-bottom: 6px solid #ff0a29;
}

#nav-list li.current_page_item a {
	padding-bottom: 4px;
    border-bottom: 6px solid #ddd;
}

#content {
	background: transparent url(images/bg_content.gif) top left no-repeat;
	padding: 14px;
	width: 932px;
}

.left-column {
	float: left;
	width: 311px;
	margin-right: 32px;
	line-height: 22px;
}

.right-column {
	float: right;
	width: 589px;
}

#foot-wrap {
	width: 100%;
	height: 106px;
	background: #463a3a;
	border-top: 2px solid #000;
}

#footer {
	margin: 0 auto;
	width: 932px;
	padding: 14px;
	text-align: center;
	color: #fff;
}

#footer p {
	clear: none;
}

ul#footer-nav {
	list-style: none;
	font-size: 12px;
	text-align: center;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

ul#footer-nav li {
  display: inline;
}

ul#footer-nav li a, ul#footer-nav li:visited {
  color: #fff;
  text-decoration: none;
  padding: 2px 5px 3px;
}

ul#footer-nav li a:hover {
  background: #000;
  padding-bottom: 2px;
  border-bottom: 1px solid #6c6363;
}

#footer .left {
	float: left;
	text-align: left;
}

#footer .right {
	float: right;
	text-align: right;
}
img#masthead {
	margin: 16px 0 24px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Rounded MT Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #ff0a29;
}

.right-column h2, .right-column h3 {
  	color: #000;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
	line-height: 22px;
}

h3 {
	font-size: 20px;
}

.left-column h1 {
	font-size: 30px;
	line-height: 26px;
}

.left-column h2 {
	font-size: 20px;
	margin-top: 26px;
}

a:link, a:visited {
	color: #369;
	text-decoration: underline;
}

a:hover {
	color: #000;
}

ul, ol {
	margin-left: 40px;
}

ul {
	list-style-image: url(images/bullet.gif);
}

.tagline {
	color: #000;
	font-size: 24px;
	line-height: 28px;
}

.tagline a, .tagline a:visited {
	color: #ff0a29;
}

.justify {
	text-align: justify;
}

.right-column h2 {
	margin-bottom: 16px;
}

.right-column p, .right-column ul, .right-column ol {
	margin-bottom: 22px;
	line-height: 22px;
	text-align: justify;
}

/* Events List */

.events dl {
	font-family: Georgia, Times, serif;
  padding: 12px 0 12px 12px;
  border-top: 1px dashed #888;
}

.events dd p {
  margin-bottom: 0;
}

.past {
  color: #666 !important;
}

h2.past {
  margin-top: 22px;
}

/* Directory */

.member {
  display: block;
  width: 589px;
  padding-bottom: 12px;
  border-bottom: 3px dotted #d8d8d8;
  margin-bottom: 22px;
  /*font: 14px/18px Georgia, Times, serif;*/
}

.member h3 a, .member h3 a:visited {
  font: 24px/30px Georgia, Times, serif;
  color: #333;
  text-decoration: none;
}

.member-thumb {
  float: left;
  width: 150px;
  margin-right: 20px;
}

.member-photo, .member-thumb {
  padding: 4px;
  border: 1px solid #ddd;  
}

.member-photo {
  margin-bottom: 22px;
}

.member-details {
  width: 407px;
  float: right;
  font-size: 80%;
}

.wide {
  width: 100%;
  float: none;
}

.wide p {
  font: 18px/27px Georgia, Times, serif;
  margin-top: 15px;
}

.member-details dl {
  border-bottom: 2px dotted #e9e9e9;
  clear: both;
  display: block;
}

.member-details dl dt {
  float: left;
  clear: left;
}

.member-details dl dd {
  float: right;
  clear: right;
  text-align: right;
}

.member-details p {
  clear: both;
}

/* clear fix  */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* form stuff */

input, textarea {
  padding: 4px 5px;
  border: 1px solid #bbb;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

/* Stuff from theme that may come in handy */

				
			/*---:[ search widget ]:---

			#search { padding: 0.83333em 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; }

				#search #s { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }

				#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }

				#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font: bold 1.0em Georgia, "Times New Roman", Times, serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }

				#search input[type="submit"]:hover { color: #237fa1; }
				
			---:[ default search form styles ]:---

			#search_form { }

				#search_form .search_input { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }

				#search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }



/*---:[ comment styles ]:---

#comments { width: 463px; margin: 4.0em 0 2.0em 0; }

	.comments_intro { padding: 0 20px; font: normal 1.2em/1.66667em Verdana, sans-serif; border-bottom: 1px dotted #bbb; }

		.comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

	dl#comment_list { margin: 0 0 3.0em 0; }

		dl#comment_list dt.comment { width: 445px; padding: 1.42857em 9px 0.71429em 9px; background: #f8f8f8; font-size: 1.4em; line-height: 1.42857em; }

			.comment_num { padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; }

				.comment_num a, .comment_num a:visited { color: #999; text-decoration: none; }

				.comment_num a:hover { color: #237fa1; text-decoration: none; }
				
			.comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; }
				
		dl#comment_list dd.comment { width: 445px; padding: 0 9px 0.8em 9px; background: #f8f8f8; border-bottom: 1px dotted #bbb; }
		
		dl#comment_list dt.alt, dl#comment_list dd.alt { background: #fff; }

		dl#comment_list dt.author, dl#comment_list dd.author { background: #e7f8fb !important; }
		
			.comment .format_text { padding: 0 10px; }
			
			.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }
			
			.comment a.comment_link:hover { color: #333; text-decoration: underline; }
			
			


/*---:[ calendar widget ]:---

			#calendar_wrap { width: 182px; margin: 0 0 0.83333em 0; padding: 0 8px 0 0; font-family: Georgia, "Times New Roman", Times, serif; }

			table#wp-calendar { width: 182px; border-collapse: collapse; }

				table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; }

				table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; }

				table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; }

				table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }
*/