/*
	CSS files kept in the 'schemes' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: D. Naomi Leibowitz/Infinite Pixel
	Author Site	: http://www.infinitepixel.com/
	Style Name	: Start Here for K2
	Style URI	: http://www.starthereprojects.com
	Version		: 1.0
	Comments	: This custom theme, designed for Start Here Project Development, is a highly modified version of <a href="http://getk2.com/">K2</a>. Background tile courtesy of <a href="http://www.squidfingers.com/patterns/">Travis Beckham</a>

/*

/*	
	
MY NOTES

The Tan hack: * html .anyelement {rules read only by IE/Win and IE/Mac}

Site colors -

links (light green, from phrenhead): D0E69A 
??? (prev. was body bg) (med green): B4C079
dark green: 98C81E
light orange (from phrenhead): F9C183
error mssgs (dark orange): F89834
content bg (med charcoal): 484848
sidebar bg, trackbacks bg (dark purple): 2B272D
top and bottom bars (dark charcoal): 333
text (white): FFF
light grey (from phrenhead): CFCECE
med grey (from phrenhead): 8F8E8E
bg of comments by post author & comments error mssg: 3D3D3D (slightly darker than 484848)
bg of comments by site members (e.g. admin): 555454 (slightly lighter than 484848)

*/	

/* ALTERED COPY OF STYLE.CSS */

/*- Page Structure */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

* {
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	}

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
	color: #fff;
	background: #484848 url('images/bg.gif') repeat-y center top;
	text-align: center;
	margin: 0;
	}

#page {  /* The entire design (header, footer, sidebar, main column) is contained within the 'page' id */ 
	background: url('images/bg_columns.gif') repeat-y center top;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 762px;
	border: none;
	}

* html #page { /* IE hack */
	width: 769px; 
	background: url('images/ie/bg_columns-ie.gif') repeat-y center top;
} 

#header {  /* Contains blog title, blog description and menu */
	padding: 0;
	margin: 0;
	position: relative;
	height: 28px;
	background: #333;
	}
	
.content { } /* div inside #page that contains primary and secondary columns (no header or footer) */

#primary { /* Contains the main column (content area on right) */
	width: 492px;
	float: right;
	padding: 20px 0 10px;
	margin: 0;
	display:inline;
	}
		
* html #primary { width: 499px; margin-left: -3px; } /* IE Hack */

#primary_home { /* Contains the main column on home page only (content area on right)  */
	width: 492px;
	float: right;
	padding: 20px 0 0px;
	margin: 0;
	background: url('images/bg_main_home.gif') repeat-x left top;
	display: inline;
	}
		
* html #primary_home { width: 499px; margin-left: -3px; } /* IE Hack */

#dynamic-content { } /* div inside #primary after #current-content on livesearch results pages */

#nested-primarycontent { } /* div inside #dynamic-content on livesearch results pages */

#current-content { padding: 0 15px 0px; } /* div inside #primary that contains #primarycontent */

* html #current-content { padding: 0 15px; }  /* IE Hack */

#primarycontent { } /* div inside #current-content that contains search, breadcrumbs and .hentry */

* html #primarycontent { }

/* skip to section "Primary Contents */

.secondary { /* Contains the sidebar */
	float: none;
	padding: 0;
	margin: 0;
	width: 270px;
	font-size: 1em;
	color: #fff;
	background: url('images/bg_sidebar.jpg') no-repeat left top;	
	position:relative;
	}
	
div.sb-content { /* container for all sidebar content */
	margin: 0px;
	padding: 310px 0px 20px 15px;
	position: relative;
	}
	
/* LOGO LINK */
	
a.logolink { /* makes the logo, which is part of the bg image, a clickable link */

/* Positions below were determined by opening the image in photoshop and creating slices, then recording the coordinates, which were used thusly:

left: loosly based on slice info "x"
top: loosly based on slice info "y"
width: slice info "w"
height: slice info "h"
 */
	position: absolute;
	display: block;
	text-indent: -9999px; /* moves link text off-screen */
	background: transparent;
	left: 36px; 
	top: 20px; 
	width: 120px;
	height: 120px;
	border: 0px;
	overflow:hidden; /* keeps the active link outline from showing up as a huge block that goes off the page due to the text indent */
}

* html a.logolink { left: 21px; top: 20px; } /* IE Hack */

/* to actually position the logo as a separate image file over the sidebar background image that doesn't already have the logo in it, this is what to use (but currently don't need it:

#logo {
	position: absolute;
	left: 36px; 
	top: 15px; 
	width: 120px;
	height: 120px;
	border: 0px;
} */

a.logolink:active, a.logolink:focus, a.logolink:hover { /* changes the image for the active/focus and hover states, not sure I will keep it for the hover state because it's a bit slow, even with the image preloaded */
	background: url(images/logo_active.jpg) no-repeat center center;
}

a.logolink:active, a.logolink:focus { /* removes the dotted outline from the link's active state in Firefox only, still need to work on removing or replacing it for IE */
	outline:none;
}

/* END LOGO LINK STUFF */

/* moved .comments down to a more logical location with other comments stuff */

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 97%;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 10px 9px 8px;
	}

ul.menu li a, ul.menu li a:visited {
	font-size: 1.1em;
	color: #fff;
	margin: 0;
	}

ul.menu li a:hover {
	background: #D0E69A;
	color: #333 !important; 
	text-decoration: none;
	}

ul.menu li.current_page_item a, 
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: #D0E69A;
	text-decoration: none;
	}
	
a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}

/*- Headings */

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

h1 { /* H1 is the title in the header */
	display:none;
	}

/* These are not needed since they will not display...

h1, h1 a, h1 a:hover, h1 a:visited, #header .description {
	text-decoration: none;
	color: #fff;
	}

h1 a:hover {
	text-decoration: underline;
	}*/

#header .description { /* Description in header */
	display:none;
	}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: normal;
	color: #fff !important;
	margin-top:15px;
	}
	
.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.3em !important;
	font-weight: bold !important;
	padding: 0 !important;
	display: inline;
	}

#primary h3, .single #primary .k2-asides h3 { /* H3 is entry headlines. See also h3.entry-title below */
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: normal;
	}
	
#primary h4 { /* H4 is comments and replyform headlines. */
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: normal;
	}

#primary .entry-content h3 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top:10px;
	color: #fff;
	/*text-align:center;*/
	}

#primary .entry-content h4 {
	font-size: 1.3em;
	font-weight: normal;
	margin-top:10px;
	color: #fff;
/*	text-align:center;*/
	}

#primary .k2-asides h3 {
	font-size: 1.5em;
	font-weight: normal;
	}

.entry-head {
	margin-top: 10px;
	}

body.page .entry-content h3 {
	font-size: 1.5em;
	display: block;
	padding: 10px 0 0;
	}

body.page .entry-content h4 {
	font-size: 1.3em;
	display: block;
	padding: 10px 0 0;
	}


#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #D0E69A;
	font-weight: normal;
	}

#primary .hentry .entry-head .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

#primary .k2-asides .entry-head .metalink {
	font-size: 1.4em;
	}

.single #primary .k2-asides .entry-content {
	font-size: 1.5em;
	color: #fff;
	}
	
.comments {
	text-align: left;
	padding: 30px 15px;
	position: relative;
	}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
	}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #fff;
}

#comment-personaldetails {
	margin-top: 10px;
}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.secondary .k2-asides {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .k2-asides p {
	display: inline;
	}

.secondary .k2-asides .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

body.page .entry-edit, div.entry-edit { /* affects edit link on all posts and pages (but not comments) */
	position: absolute;
	right: 20px;
	margin-top: -15px;
	}
	
body.page .entry-edit_homepage { /* applies to the edit link for the home page itself (at the top) */
	position: absolute;
	right: 20px;
	}
	
.entry-edit a, .entry-edit_homepage a { /* affects all edit links for posts and pages (but not comments) */
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('../../images/pencil.png') left center no-repeat;
	height: 16px;
	}
	
* html .entry-edit a, .entry-edit_homepage a {
	background: url('icons/ie/pencil.gif') left center no-repeat;
	}
	

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('icons/comment_edit.png') left center no-repeat;
	height: 16px;
	}
	
* html .comment-edit a {
	background: url('icons/ie/comment_edit.gif') left center no-repeat;
	}
	
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #D0E69A;
	text-decoration:none;
	}

h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: underline;
	}
	
h3.entry-title { /* Post titles, see also #primary h3 above */
	font-family:"Times New Roman", Times, serif;
	font-size:1.8em;
	}

.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 1px;
	color: #fff;
	}
	
.entry-category {
	margin-left:21px;
	line-height: 1.8em;
}

.entry-meta a, .comment-meta a {
	color: #D0E69A;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('icons/time.png') left center no-repeat;
	}
	
* html .chronodata {
	background: url('icons/ie/time.gif') left center no-repeat;
	}
	
.commentslink {
	padding: 2px 0 2px 20px;
	background: url('icons/comment.png') left center no-repeat;
	margin-left: 10px;
	}
	
* html .commentslink {
	background: url('icons/ie/comment.gif') left center no-repeat;
	}

.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('icons/comment.png') left center no-repeat;
	margin-left: 5px;
	}
	
* html .quoter_comment {
	background: url('icons/ie/comment.gif') left center no-repeat;
	}
	
.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('icons/tag_orange.png') left center no-repeat;
	}
	
* html .entry-tags {
	background: url('icons/ie/tag_orange.gif') left center no-repeat;
	}
	
/*- Primary Contents */

.hentry { /* div inside #primarycontent that contains page title, edit link and .entry-content */
	margin: 0;
	padding: 5px 15px 15px;
	position: relative;
	}
	
#primary_home .hentry { /* div inside #primarycontent that contains page title, edit link and .entry-content */
	margin: 0;
	padding: 5px 8px 0px;
	position: relative;
	}
	
* html #primary_home .hentry { /* div inside #primarycontent that contains page title, edit link and .entry-content */
	margin: 0;
	padding: 5px 9px 0px;
	position: relative;
	}

.entry-content { /* contains the page or post content */
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: justify;
	color: #fff;
	}
	
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
	margin: 13px 0;
	}

.k2-asides .entry-content p,
.k2-asides .entry-content ul,
.k2-asides .entry-content ol,
.k2-asides .entry-content div,
.k2-asides .entry-content blockquote {
	margin: 5px 0;
	}

.single .k2-asides .entry-content p,
.single .k2-asides .entry-content ul,
.single .k2-asides .entry-content ol,
.single .k2-asides .entry-content div,
.single .k2-asides .entry-content blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 3px;
	}

.commentsrsslink {
	background: url('../../images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}
	
* html .commentsrsslink {
	background: url('icons/ie/feed.gif') left top no-repeat;
	}

.trackbacklink {
	background: url('icons/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}
	
* html .trackbacklink {
	background: url('icons/ie/arrow_refresh.gif') left top no-repeat;
	}
	
.commentsrsslink a, .trackbacklink a {
	color: #D0E69A;
	padding: 2px;
	}

.nopassword {
	text-align: center;
	}

#commentlist { /* the entire block of all comments */
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
	}

#commentlist li { /* the block containing each individual comment */
	margin: 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

#commentlist li .comment-content { /* the block containing each comment's content */
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 1.8em;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 13px 0;
	}

#commentlist li .comment-meta {
	padding: 2px 0 2px 20px;
	background: url('icons/time.png') left center no-repeat;
	display: block;
	}
	
* html #commentlist li .comment-meta {
	background: url('icons/ie/time.gif') left center no-repeat;
	}
	
#commentlist li img {
	padding: 0;
	border: none;
	}

#commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}

#commentlist li .commentauthor { /* name of comment author */
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

#commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #fff;
	float: left;
	width: 35px;
	}

li.byuser { /* blocks containing comments by logged in site members (e.g. Admin), comment author name and comment metadata */
/*	background: #484848;
	color:#e1e1e1;*/
	background: #555454;
	color:#fff;
	}
	
li.byuser blockquote { /* blockquotes in site members' comments (lighter bg than page bg) */
	color: #D0E69A;
	background: url('images/quote-usercomment.gif') no-repeat 10px 0;              
	}

li.bypostauthor { /* blocks containing comments by the post author, comment author name and comment metadata */
	background: #3D3D3D;
	color:#fff;
	}

li.bypostauthor blockquote { /* blockquotes in post author's comments (darker bg than page bg) */
	color: #D0E69A;
	background: url('images/quote-authorcomment.gif') no-repeat 10px 0;              
	}
	 
#pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #2B272D;
	color: #fff;
	}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

#pinglist li small {
	font-size: 0.8em;
	display: block;
	}

#pinglist li .counter {
	display: none;
	}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

#pinglist li img {
	padding: 0;
	border: none;
	}
	
#leavecomment, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #e1e1e1;
	font-size: 1.4em;
	letter-spacing: -2px;
	}

.comments #loading {
	margin-top: 20px !important;
	}

.comments #error {
	line-height: 2.0;
	padding: 5px;
	color: #F89834;
	font-weight:bold;
	background:none;
	float: left;
}

.comments #commentload {
	padding-top: 3px;
	float: right;
	vertical-align: middle;
}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
	}

.comments input[type=text], .comments textarea {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #333;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments textarea {
	height: 250px;
	width: 80%;
	margin: 10px 0;
	border: 1px solid #D0E69A;
	}

.comments form #submit {
	margin-right:77px;
	/*float: left;*/
	border: 1px solid #fff;
	background: #D0E69A;
	color: #333;
	font-size:1em;
}
	
.comments .xhtml-allowed {
	padding-top:10px;
}

#footer {
	/*margin-top: 0px;*/
	text-align: center;
	background: #333;
	height:40px;
	line-height:40px; /* setting this to same as the container's height vertically centers the text inside */
	/*font-size: 0.9em;*/
	color: #fff;
	}

#footer a:link, #footer a:active, #footer a:visited {
	color: #D0E69A;
	border-bottom: none;
	font-weight: normal;
	}

#footer a:hover {
	border: none;
	text-decoration: underline;
	color: #D0E69A;
	}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #D0E69A !important;
	}

a {
	color: #D0E69A;
	text-decoration: none;
	}
	
a:active, a:focus {
	outline: none; /* removes the dotted outline from the link's active state in Firefox only, still need to work on removing it for IE - can add any kind of styling like color and bg */
} 


.entry-content a:visited {
	color: #D0E69A;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

#primary .entry-content img { /* images in post and page content */
	border: 1px solid #e1e1e1;
	margin:0pt 5px;
	max-width:100%;
	padding:0px;
	}
	
#news_homepage .entry-content img { /* images in posts on home page */
	border: 1px solid #e1e1e1;
	margin:0pt 15px;
	max-width:100%;
	padding:0px;
	}
	
* html #news_homepage .entry-content img { /* IE Hack */
	border: 1px solid #e1e1e1;
	margin:60px 15px -60px; /* extra hack to fix the problem with images on the home page floating above where they should be in IE, the cause of which is still a mystery */
	max-width:100%;
	padding:0px;
	}

/*.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}
	
img.alignleft, img[align="left"] {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}*/
	
img.noborder {
	border: none !important;
	}

small {
	font-size: 0.9em;
	line-height: 1.2em;
	}

small, strike {
	color: #fff;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}

.chronodata abbr { border: 0; }

blockquote {
	margin: 20px 0;
	/*padding: 0 20px 0 50px;*/
	padding: 0 20px;
	color: #fff;
	font-style:italic;
	/*background: url('images/quote.gif') no-repeat 10px 0;*/
	background: none;
	border: none;
	}

hr {
	display: none;
	}
	
hr.entrymeta { /* for IE */
	width:100%;
	height: 1px;
	color: #fff;
	border: none;
	display:block;
	margin: 6px 0px 0px;
} 

html>body hr.entrymeta { /* for Gecko-based browsers */
	width: 100%; 
	height: 1px; 
	background-color: #fff; 
	border: none;
	display:block;
	margin: 6px 0px;
} 

html>body hr.entrymeta { /* for Opera and Gecko-based browsers */
	width: 100%; 
	height: 1px;
	background-color: #fff; 
	border: 0px solid #fff;
	display:block;
	margin: 6px 0px;
}


.navigation { /* paged navigation for posts */
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}
	
#news_homepage .navigation { /* hide the navigation div for post on home page, since the content doesn't show up in it */
	display: none;
	}

	
.prev-entries { /* previous entries nav link for home page only */
	padding-top:60px;
	padding-left:11px;
	}

.navigation .left {
	float: left;
	width: 45%;
	text-align: left;
	margin-left:15px;
	}

.navigation .right {
	float: right;
	width: 45%;
	text-align: right;
	margin-right:15px;
	}
	
.comments .navigation {
	margin: 10px 0;
	}
	
.comments .navigation .left {
	margin-left:0px;
	}

.comments .navigation .right {
	margin-right:0px;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #D0E69A;
	}

.alert {
	background: #D0E69A;
	border-top: 2px solid #B4C079;
	border-bottom: 2px solid #B4C079;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	color:#333;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}

/* Lists (see also Sidebar section below) */

.entry-content ol, .entry-content ul {
	padding: 0 0 0 35px;
	margin: 0;
	}
	
.entry-content ol li, .entry-content ul li {
	margin: 0 0 3px;
	padding: 0;
	}
	
.entry-content ul.star-contentarea {
	padding-left: 10px;
	}
	
ul.star-contentarea li {
	list-style: none;
	padding:3px 0px 0px 23px;
	background: url('icons/star-contentarea.gif') left center no-repeat;
}

.secondary div p {
	margin-top: 0.5em;
	}

.secondary ul, .secondary ol, .secondary div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}
	
ul {
	list-style: square;
	}

/*- Search Form and Livesearch */

#search { /* search form container */
	padding-bottom:35px;
	}

#searchform { /* the whole search form */
	margin: 0px;
	display: block;
	position: relative;
	float:right;
	width: 230px;
	}

#search h2 {
	display: none;
	}

input[type=text], textarea {
	color: #484848;
	padding: 1px;
	margin: 0;
	}

#s { /* the search field */
	/*width: 200px;*/
	background:#fff;
	border: 1px solid #D0E69A;
	color: #484848;
	font-size:1em;
	}

#s.livesearch {
	/*width: 200px;*/
	}

#searchreset {
	position: absolute;
	right: 3px;
	top: 3px;
	height: 13px;
	width: 13px;
	background: url('../../images/reset-fff.png') center center no-repeat;
	}
	
* html #primary #searchreset { background: url('icons/ie/reset-fff.gif') center center no-repeat;} /* makes sure that IE uses this image on all pages except the home page, which is #primary_home */

#searchload {
	position: absolute;
	right: 0;
	top: 0;
	height: 18px;
	width: 18px;
	background: url('../../images/spinner.gif') center center no-repeat;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#searchcontrols { /* this doesn't seem to be used in the site */
	text-align: center;
	padding: 1px;
	background: #ddd url('../../images/livesearchbgdark.jpg') center repeat-y; /* this image is  missing from the K2 default installation */
	}

#searchcontrols small { /* this doesn't seem to be used in the site */
	margin: 0;
	padding: 0;
	}
	
#searchsubmit { /* the submit  button */
	border: 1px solid #D0E69A;
	background: #D0E69A;
	color: #333;
	font-size:1em;
}

* html #searchsubmit { /* IE Hack */
	padding:0px 2px;
	height:15px;
	}

/*- Attachment */

.attachment {
	text-align: center;
	}
	
/* CSS Beyond this point is for various supported plugins and other stuff, and not the 'core' K2 template */

/* Home Page Goodies */

#phrenhead {
	background: #fff url('images/phrenhead.gif') no-repeat right top;
	height: 251px;
	width: 234px;
	top: 20px;
	right:25px;
	position:absolute;
}

#phrenhead a:link, #phrenhead a:visited, #phrenhead a:active, #phrenhead a:hover {
	text-transform:uppercase;
	text-decoration: none;
	border: none;
	font: bold 0.9em/1.1em Arial, Helvetica, sans-serif;
}

#phrenhead a:link, #phrenhead a:visited, #phrenhead a:active {
	color: #333;
}


#phrenhead a:hover {
	color: #fff;
}

a.fundraising, a.copywriting, a.govtcontracts { 
   position: absolute;
   display: block;
   background: transparent;
   border: 0px;
   text-align:center;
}

/* Positions below were determined by opening the image in photoshop and creating slices, then recording the coordinates, which were used thusly:

left: loosly based on slice info "x"
top: loosly based on slice info "y"
width: slice info "w"
height: slice info "h"
 */

a.fundraising { 
   left: 51px; 
   top: 52px; 
   width: 53px; 
   height: 26px;
}

* html a.fundraising {
   top: 50px;
}

a.copywriting { 
   left: 101px; 
   top: 13px; 
   width: 69px; 
   height: 26px;
}

* html a.copywriting {
      left:100px;
	  top: 11px;
}

a.govtcontracts { 
	left: 136px; 
	top: 53px; 
	width: 70px; 
	height: 26px;
}

* html a.govtcontracts {
	left: 135px;
	top:51px;
}

img.mission1 { /* first part of mission statement (image) */
	position:relative;
	top: 15px;
	left: -14px;
}

img.startherearrow {
	position:relative;
	top:5px;
	left:15px;
}

.mission2 { /* second part of mission statement (text) */
	position:relative;
	top:75px;
	padding: 0px 9%;
}

#news_homepage {
	position:relative;
	top:60px;
}

/* end Home Page stuff */


/* Breadcrumb Navigation XT */

.breadcrumb {
	padding:0px 15px;
	}


/* Sidebar */

.sb-about { /* sb-about is the text that shows up when browsing various archive types, such as "about this section/author/etc" */
	line-height:1.4em;
	text-align:justify;
	width:90%;
	font-size:1em;
}

ul.star-sidebar li, ul.sb-bookmarking li, ul.sb-feedlinks li {
	list-style: none;
	padding-left:23px;
	padding-top:3px;
}

ul.star-sidebar, ul.sb-feedlinks { /*sb-bookmarking isn't included here because the padding is covered by sidebar tabs padding */
	padding-top:10px;
}

ul.star-sidebar li { /* not actually being used right now, i think */
	background: url('icons/star-sidebar.gif') left center no-repeat;
	}

ul.sb-bookmarking li { 
	background: url('icons/star-sidebar.gif') left center no-repeat;
}

ul.sb-feedlinks li {
	background: url('../../images/feed.png') left center no-repeat;
}

* html ul.sb-feedlinks li {
	background: url('icons/ie/feed.gif') left center no-repeat;
}

/* See also styles for Sidebar Tabs container and WP-Print container below */

ul.sb-listcats li { /* categories list in Sidebar Tabs */
	list-style: none;
	padding-left:23px;
	background: url('../../images/feed.png') left center no-repeat;
	}
	
* html ul.sb-listcats li { /* IE Hack */
	background: url('icons/ie/feed.gif') left center no-repeat;
	}
	
ul.sb-listcats a img { /* hides the feed image that appears on the right of the category links */
	display:none;
	}

/* Sidebar Tabs */

#sidebartabs { /* container div for sidebartabs */
	padding-top:10px;
	padding-bottom:10px;
	}

div.domtab { /* encloses the whole tab box*/
	width:232px;
	height:auto;
	line-height:1.2em;
	text-align:justify;
	/*background: #484848;*/ /* bg behind tabs - only shows up when div.domtab is wider than the combined tabs (disable to show existing sidebar bg) */
}

* html div.domtab {
	width:229px;
}

ul.domtabs {
	float:left;
	margin:0;	
}

ul.domtabs li {
	float:left;
	padding:0px; /* spacing between tabs */
}

ul.domtabs a:link, 
ul.domtabs a:visited, 
ul.domtabs a:active, 
ul.domtabs a:hover { /* inactive tabs & all tabs by default */
	width:auto;
	padding:3px 9px; /* spacing between tabs, match with div.domtab width to keep the tabs the same width as the whole tab box  */
	display:block;
	background:#D0E69A;
	height:auto;
	text-transform:uppercase;
	text-decoration:none;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #484848;
}

* html ul.domtabs a:link, 
* html ul.domtabs a:visited, 
* html ul.domtabs a:active, 
* html ul.domtabs a:hover { /* IE Hack */
	padding:3px 11px;
}

html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover {
	height:auto;
	min-height:0;  /* spacing between tabs and content */
}
		
ul.domtabs a:hover { /* active tabs */
	background:#fff; 
	color: #333;
	text-decoration: none !important;
}

ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover { /* selected tabs */ 
	background:#484848;
	color:#fff;
	text-decoration: none !important;
}

div.domtab div { /* selected tab's content area */
	clear:left; /* prev. was clear: both but for some reason that made content area show up too far below tabs */
	display:block;
	width:auto; 
	background:#484848; 
	color:#fff;
	padding:15px 10px 10px;
	margin-top: 0px !important; /* Fix for IE */
}

div.domtab div li { /* added this one myself - content area lists */
	list-style: none;
}

/*#domtabprintview {
	float:right;
	padding-right:1em;
	text-align:right;
}

#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover {
	color:#fff;
}*/

div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active { /* specify selected tab content area link attributes differently from the rest of your theme here */
	color:#D0E69A;
	font-weight:normal;
	line-height: 1.4em;
}

div.domtab div h2, /* added this line */
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active { /* headers in content areas */
	color:#333;
	display:inline;
	padding:0px 0px 10px;
	font-weight:bold !important;
	font-size:1.2em !important;
	text-decoration:none;
	/*text-transform:uppercase;*/
}
		
/* optional: style each content area separately using the div ID’s specified in the sidebar  */

#domtabone {}
 
#domtabtwo {}
 
#domtabthree {}

/* optional: style each tab separately, where "whatever" is the class name you assign to each li */

ul.domtabs li.whatever {}

/* end Sidebar Tabs */


/*
	Ultimate Tag Warrior
	K2 removes UTW's default tags for more default control.
*/

/*.localtags, .technoratitags {
	display: none;
	}
*/

/* Dagon Design Form Mailer */

.mailwrapper {
	text-align: center;
	}

/*	deleted width and font info */
.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	}
	
.maildiv form {
	text-align: left;
	}
	
.maildiv label { /* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
	}

/* alternate layout: comment out width, change text align to left */	
/* removed relative positioning (reported IE 6 fix) */	
.maildiv .sidelbl { /* used for left side labels */
	width:150px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	display: block; 
	float: left; 
	clear: left;
	}

.maildiv a {
	color: #D0E69A;
	}

.maildiv h2 {
	color: #fff;
	font-size: 120%;
	text-align:left;
	}

.maildiv input {
	/*margin-bottom: 10px;*/
	}

.maildiv select {
	/*margin-bottom: 10px;*/
	}

.maildiv textarea {
/*	margin-bottom: 10px;
	border: 1px solid #D0E69A;*/
}

.maildiv .fmtext { /* added styling for text fields */
	height: 12px;
	font-size: x-small;
	margin-bottom: 10px;
	background:#fff;
	color:#484848;
	border: 1px solid #D0E69A;
}

.maildiv .fmtextarea { /* added styling for text areas*/
	font: small Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	background:#fff;
	color:#484848;
	border: 1px solid #D0E69A;
	width: 250px;
}

.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #D0E69A; 
	}

.maildiv fieldset { /* added line to remove border around the forms */
	padding: 15px 5px 5px 5px;
	margin-bottom: 10px;
	border:none;
	}
	
.maildiv .legendspacing {
	height: 10px;
	}

.maildiv .fmcredits { /* add no-display line */
	float: left;
	font-size: 90%;
	display:none;
	}

.maildiv .fmsubmit { /* changed submit button placement, for alternate layout switch it to left */	
	text-align: center;
	}

.maildiv .fmsubmit input { /* added style for submit button */
	border: 1px solid #fff;
	background: #D0E69A;
	color: #333;
	font-size:1em;
	}
	
.maildiv .fmselect {
	border: 1px solid #fff;
	background: #D0E69A;
	margin-bottom:10px;
	}

.maildiv .fmrequired { /* changed color and font size, removed float and margin */
	color: #F89834;
	font-size: 100%; 
	margin-top: 3px;
	}

.maildiv .fmspacer {
	height: 10px;
	}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #fff;
	margin-bottom: 15px;
	border:none;
	}

.maildiv .fminfohalf { /* changed color */
	padding: 0 10px 0 10px;
	color: #fff;
	margin-left: 110px;
	margin-bottom: 15px;
	}

.maildiv .fminforeq { /* added for styling the required fields info line */
	font-style:italic;
	color: #F89834;
	padding-left:5px;
	}

.maildiv .fmerrorbox {
	text-align: left;
	}

.maildiv .fmerrorbox ul { /* added list style */	
	list-style: none;
	}
	
.maildiv li { /* added color */
	margin: 0 0 4px 0;
	color: #F89834;
	}

.maildiv .fmerrortitle { /* changed color, deleted font size */
	color: #F89834;
	}
	
/* end Dagon Design Form Mailer */

/* FAQ Plugin - currently not needed */

.faq {}

.faq_cat {}

.faq_cat_label {}

.faq_label {}

.faq_q {}

.faq_a {}

.faq_ask {}

.faq_q_content {}

.faq_ask textarea {}

/* Categorical Links Page plugin - not all are needed currently */

div.catlinkspage {}
	
li.clplink { /* spacing between links and description of the link above it */
	margin-bottom: 10px !important;
	}
	
h2.clplinkcategory { /* link category headers */
	font-size:1.1em;
	padding-bottom:10px;
	text-align:left;
}

ul.clplinklist {}
	
/* DD Sitemap Generator plugin - currently not needed */

.ddsg-sitemap { /* div class around the actual sitemap */
}

.ddsg-pagenav {  /* div class around the page navigation */
}

.ddsg-cats { /* Span class for the category lines */
}

.ddsg-xml-link {  /* Div class around the XML link */
}

.ddsg-excerpt {  /* Span class around content excerpts */
}

/* WP-Print */

/*.wpprint {  the icon/link to printable version of pages and posts 
	position: absolute;
	right: 0px;
	margin-top: -15px;
	}*/
	
/*.wpprint a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('icons/print.png') left center no-repeat;
	height: 16px;
	}*/
	
/* Can delete the two styles above if NOT putting the print icon/link up near the page/post title */
	
.wpprint a { /* the icon/link to printable version of pages and posts */
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('icons/print.png') left center no-repeat;
	height: 16px;
	}
	
* html .wpprint a { /* IE Hack */
	background: url('icons/ie/print.gif') left center no-repeat;
	}
	
div.wpprint_pages {	
	margin-top:35px;
	position:absolute;
	right: 20px;
	}
	
/* moved the following over from wp-print.php and added some new stuff */

/*body {}*/
	
h2.blogname { /* added this class */
	text-align:center;
	font-size:1.4em;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	color: #333;
	}
	
.action { /* added this class */
	text-align:center;
	}

#outline {
	text-align: left;
	width: 90%;
	margin: auto auto 15px; 
	padding: 10px;
	border: 1px solid #e1e1e1;
}

#blogtitle {
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 5px;
}

#blogdate {
	}

#blogcontent {
	margin-top: 10px;
	font-size:1.1em;
}

#blogcontent a, .action a, #blogcontent h3 { /* added these classes */
	color: #98C81E;
	font-weight:bold;
}

#blogcontent blockquote { /* added this class */
	color: #333;
	background:none;
}

#blogcontent p { /* added this class */
	padding-bottom:10px;
}

hr.print { /* for Internet Explorer */
	width: 80%;
	height: 1px;
	color: #444;
	border: none;
	display:block;
	margin: 10px 10%;
} 

html>body hr.print { /* for Gecko-based browsers */
	width: 80%; 
	height: 1px; 
	background-color: #444; 
	border: none;
	display:block;
	margin: 10px 10%;
} 

html>body hr.print { /* for Opera and Gecko-based browsers */
	width: 80%; 
	height: 1px;
	background-color: #444; 
	border: 0px solid #444;
	display:block;
	margin: 10px 10%;
}

#commenttitle {
	font-weight: bold;
	padding-bottom: 10px;
}

.commentdate {
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}

.commentcontent {
	padding: 2px 10px 10px 10px;
}

.printurls { /* added this class */
	text-align:left;
	font-size: 0.9em;
	font-weight: bold;
	}

.printfooter {  /* added this class */
	text-align: center;
	font-weight: bold;
}

/* end WP-Print */


/* List Peer Pages */

.sb-peerpages { 
	line-height:1.2em;
	width:90%;
	font-size:1.1em;
}

/* Search Hilight */

.hilite, .hilite1, .hilite2, .hilite3 { /* the bg colors are the same as the defaults for now, may change that later */
	padding: 0px 3px;
	color: #333;
	}
	
.hilite {
	background-color: #99ccff; /* blue */
	}
	
.hilite1 {
	background-color: #ffcc66; /* yellow */
	}
	
.hilite2 {
	background-color: #99ff66; /* green */
	}
	
.hilite3 {
	background-color: #ff9999; /* pink */
	}