/* pdxguide.org css -- 2006 clixel design */

/* Neutralize CSS -- Jeff Croft's lost-theories.com */ 

/* Neutralize styling:
   Remove padding and margin on some elements: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

/* Neutralize styling:
   Linked image should not have borders */
a img {
	border: none;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
dd, blockquote {
	margin-left: 1em;
}

ul, ol {
    margin-left: 1em;
}
li { margin-bottom:.2em; }
ul li ul { margin-top:.2em; list-style-image:url(/media/img/bullet_dim.gif); }


/* Miscellaneous conveniences: */
label {
	cursor: pointer;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 12px;
	padding: 0 5px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, serif;
}


/* General */

body {
	font-family:'Lucida Grande', Geneva, Helvetica, sans-serif;
	color:#3D3F36;
	background:#fff url(/media/img/test_bg.gif) top right repeat-y;
	font-size:13px;
	}
img { border:0; }
a {
	text-decoration:none;
	color:#48b218;
}
a:hover { 
	color:#333; 
    text-decoration:underline;
	}
a.simple { border:0; padding:0; text-decoration:none !important; }
a.simple:hover { background:none; text-decoration:none; }
ul {
	list-style-type:none;
	list-style-image:url(/media/img/bullet.gif);
	}
p {
	margin:.5em 0;
	line-height:1.3em;
	padding:0;
	} 
h1,h2,h3,h4,h5 {
    font-weight:normal;
	padding:0;
	margin:0;
	color:#2e313e;
	}
h2,h3,h4 { margin:6px 0; }
h1 span { visibility:hidden; }
h2 { 
	font-size:24px; 
	color:#333;
	}
h3 { font-size:18px; }
h4 { 
	font-size:14px; 
	color:#333; 
	}
h5 { font-size:10px; color:#333;}

button {
	border:0;
	margin:0;
	padding:0;
	background:#fff;
	/* hide from evil IE mac \*/
	display:inline;
	/* end hiding from IE5 mac */
	}

p.hidden { display:none; }
a.external:after {
	content: url(/media/img/external_link.gif);
	margin-left: 0.2em;
	vertical-align: top;
}
.small { font-size:10px; }
.quiet { color:#96967b; }
blockquote { padding:0 30px; background:url(/media/img/quote.gif) top left no-repeat; color:#777; font-size:12px; }
p.quoteAuthor { text-align:right; padding-right:40px; }
address { font-style: normal; margin-left:1em; font-size:14px; }
.notice { width:90%; background:#eee; padding:10px; border:1px solid #ccc; font-size:.9em; color:#333; margin:10px 0;}
.notice h3 { margin:0; font-size:14px; }

/* Forms 
   ----- */

form { margin:0; }
label { color: #666; font-weight:bold; }
label.required { color: #000; }

fieldset {
    margin:10px 0 0 0 ;
 	font-size:11px;
	background:#eee; 
	padding:10px; 
}
fieldset ul { margin-bottom:0; }
fieldset label {
    float: left;
    clear: left;
    width: 90px;
    padding:0 10px 0 0;
    line-height: 1.8em;
    font-size: 11px;
}

fieldset input { font-size:12px; padding:1px; margin-top:4px; }

fieldset p.help {
    font-size: .9em;
    color: #96967b;
    margin: .2em 0 .5em 0;
    margin-left: 100px !important; 
}

fieldset p.error {
	font-size:10px;
    color: #cc0000;
    background: url('/media/img/warning.gif') top left no-repeat;
    padding-left:16px;
    font-weight: bold;
    margin-top:10px;
    margin-left: 100px !important; 
}

fieldset textarea {
    width: 95%;
    height: 100px; 
}

fieldset textarea#id_description {
    height: 100px;
}

fieldset textarea#id_pull_quote {
    height: 20px;
}

fieldset select.vSelectMultipleField {
    width: 418px;
    height: 200px;
}

fieldset.simple { margin:0; padding:0; background:none; border:0; width:100%; }
fieldset.simple label { display:inline; float:none; padding:0; margin:0; }
fieldset.simple input { }

form ul li { list-style:none; }
ul label { display:inline; float:none; }


.paginator { padding: .25em .25em .6em .25em; font-size:14px; }
.paginator.top { margin-top:15px; }
.paginate-pages { display:none; }
/*.paginate-first, .paginate-last { padding: 2px 6px; font-weight: bold; }
.paginate-previous, .paginate-next { padding: 6; }*/
.paginator a { padding: 6px; background:#54f30d; color:#333; }
.paginator a:hover { background:#4dba1c; }
.paginate-current { padding: 6px; color:#fff; background:#333; }

/*p.paginator {
    width: 110px;
    float: right;
	text-align: right;
	height: 20px;
	padding: 0 5px;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	font-size: 9px !important;
	line-height: 30px !important;
}
*/
p.note { font-size:10px; color:#96967b; } 
.intro { margin:1em 4em 2em 1em; font-size:12px; color:#666; }
.intro ul li { margin-bottom:1em; }

p.note a:link,
p.note a:visited,
p.note a:active {
    font-weight: bold;
    text-shadow: none;
}

fieldset p.note {
    font-size: .9em;
    margin: 1em 0 1.5em 0;
    margin-left: 100px !important; 
}

.submit-button { margin: 20px 0; display:block; }
input.vEmailField,input.vURLField,input.vTextField { width:175px; }
.actions input { font-size:14px; clear:both; margin-top:10px; }

/* Paginator Links */

p.paginator a:link,
p.paginator a:visited,
p.paginator a:active {
    color: #B8CEE0;
}

p.paginator a:hover {
    color: #fff;
}

p.paginator span {
	float: left;
	padding: 0 1em;
	display: block;
	border-right: 1px solid #ccc;
}

p.paginator span a:link, 
p.paginator span a:visited, 
p.paginator span a:active {
	color: #666;
}

p.paginator span.active a:link, 
p.paginator span.active a:visited, 
p.paginator span.active a:active {
	color: #333;
}



/*  Layout 
	------ */

#wrapper {
	position:relative;
	margin:0;
	}

#header { height:70px; background: #22203a;}			
h1#logo {
	width:310px;
	height:70px;
	background:url(/media/img/logo.gif) 20px 8px no-repeat;
	margin:0;
	padding:0;
	float:left;
	}
a#home-link,a#home-link:hover { display:block; width:100%; height:100%; text-decoration:none; background:none; border:0; }

#search-bar {
	float:right;
	width:150px;
	height:35px;
	margin:19px 8px 2px 0;
	color:#fff;
	padding:0;
	position:relative;
	display: none;
}
#search-bar label { display:none; }
#search-bar input#query { position:absolute; bottom:2px; right:58px; padding:1px; font-size:16px; width:106px; border:0; border-bottom:#;}
#search-results dt { font-size:16px; }
#search-bar #search-button { position:absolute; bottom:2px; right:0; }
#go-button { vertical-align:bottom; }
#search-form #q { font-size:18px; padding:1px; width:200px; }

/*  Top Horizontal nav */

#top-nav { 
	width:250px;
	height:42px;
	float:right;
/*  background:url(/media/img/browse.gif) 238px 15px no-repeat;*/
    }
#top-nav ul {
	list-style-image:none;
	margin:0; padding:0; 
}
#top-nav ul li { display:inline; margin:0; padding:0; }
#top-nav ul li a {
	display:block;
	padding:20px 10px 0 10px;
	float:left;
	font-size:14px; 
	border:0;
	color:#85839b;
	font-weight:normal;
	line-height:42px;
}
#top-nav ul li a:hover { text-decoration:none; color:#fff; background:#2c2a49; }

#browse a#nav-browse,
#homepage a#nav-homepage,
#printcopy a#nav-printcopy,
#submit a#nav-submit,
#faq a#nav-faq,
#contact a#nav-contact 
{ text-decoration:none; color:#fff; background:#2c2a49; }

#top-nav ul li a#nav-contact, 
#top-nav ul li a#nav-submit { display: none !important; }

/* Side Vertical nav */
#side-nav { 
	float:right;
	top:10px;
	right:10px;
	width:160px; 
	text-align:left;
	margin-bottom:10px; 
	}

#side-nav ul { margin:0; padding:0; }
#side-nav ul li { display:block; list-style-image:none; margin:0; padding:0; }
#side-nav ul li a {
	font-size:12px;
	display:block;
	padding:2px 6px; 
	width:135px;
	color:#a3a3b3;
}
#side-nav ul li a.activ,
#side-nav ul li a.activ:hover { background:#fff; }
#side-nav ul li a:hover { background:#4c4c5e; }

#side-nav h3 {
    color:#fff;
	border-bottom:1px solid #a3a3b3; 
	padding-bottom:4px;
	margin-bottom:4px;
	margin-right:10px;
	font-size:16px;
}
#side-nav ul li a.feed { padding-left:20px; background:url(/media/img/feed.gif) top left no-repeat; width:120px; }
#side-nav ul li a.feed:hover { background:#4c4c5e url(/media/img/feed.gif) top left no-repeat; }


/* Homepage Quicklinks */

#homepage #content-main h3 { font-size: 24px; }
#homepage p.intro { margin:0 2em 2em 3em; color:#666; }
#quick-links { width:300px; height:160px; margin:20px auto; }
#quick-links ul { margin:0; padding:0; }
#quick-links ul li { display:block; list-style-image:none; margin:0; padding:0; }
a#add-an-entry,a#browse-entries { display:block; width:121px; height:99px; background:url(/media/img/add_an_entry.gif) top left no-repeat; overflow:hidden; float:left; }
a#browse-entries { width:133px; background:url(/media/img/browse_entries.gif) top left no-repeat; }
#quick-links span { visibility:hidden;; }
a#printcopy-link img { width:100%; }

#homepage .news { margin:3em 0;}
#homepage .news li { margin-top:1em; margin-bottom:.5em;}

/* Content */ 

#breadcrumb { margin:10px; font-size:11px; color:#666; }

#content { margin-right:170px; margin-left:10px; }

#content-main {
	float:left;
	width:50%;
	padding:10px;
	}
	
#content-large {
	float:left;
	width:95%;
	padding:10px;
	}

#content-secondary {
	padding-top:20px;
	float:left;
	width:45%;
	margin-left:1%;
	overflow:hidden;
	}
#homepage #content-secondary h3 {
    margin:2em 0 .2em 0;
    font-size:22px;  
}

#map { width:98%; height:450px; border:1px solid #666;}

/* Footer */

#footer {
	position:relative;
	clear:both;
	height:49px;
	background:#22203a;
	color:#9f9f9f;
	}
#footer a { color:#9f9f9f; text-decoration:underline; }
#footer a:hover { color:#fff; text-decoration:none; border:0; background:none; }

#footer p { margin:40px 0 0 15px; }
a#clixel { display:block; width:55px; height:25px; background:url(/media/img/clixel.gif) top left no-repeat; position:absolute; top:15px; right:140px; }
a#clixel:hover { border:0;  text-decoration:none; background:url(/media/img/clixel.gif) top left no-repeat;    }
a#django-joint { display:block; width:120px; height:28px; background:url(/media/img/django_joint.gif) top left no-repeat; position:absolute; top:10px; right:10px; }
a#django-joint:hover { border:0;  text-decoration:none; background:url(/media/img/django_joint.gif) top left no-repeat;    }
#footer span { visibility:hidden; }

/* Small Articles */

.articles-small dl,.articles-small dt,.articles-small dd { margin:0; padding:0; }
.articles-small dt { font-size:16px; }
.articles-small p { display:none; }
.articles-small dd { font-size:11px; margin-bottom:10px; }
.comment_count { font-size:10px; color:#999; }
.comment_count:before { 
	content:url(/media/img/comments_link.gif); 
	margin-right: 0.3em;
	vertical-align: center;
	}

/* Article List */
.article-list ul { font-size:16px; list-style-image:url(/media/img/icons/default_list.gif); }
.article-list ul li { margin-bottom:4px;}
.article-list ul li a { padding:2px; margin:0;}

/* Article Detail */
.article-info { padding:1em 0; color:#666; font-size:12px; border-top:4px solid #333;}
.article-info p { margin:0 0 .1em 0; padding:0; }

.related-articles { margin-top:2em; }
.related-articles h3 { margin:0 0 .5em 0; color:#333; }
.related-articles p { margin:0; }
.related-articles h3 span { background:#fff; }
.related-articles .description { font-size:11px; }
.related-articles .phone,.related-articles .address { font-size:10px; }
.related-articles ul { margin:0 0 0 1.5em; }

/* Comments */

.comment h4 { margin-bottom:0;  }
dl.comment-list { margin-right:1em; }
.comment-list dt { font-size:14px; margin:0; }
.comment-list dd { font-size:12px; margin:0; }
.quadrant { text-transform:uppercase; font-size:9px;}
#comments { margin-top:20px; }
#comments ol.comment-list { margin:0; list-style-type:none; color:#fff; }
#comments ol.comment-list li { clear:both; margin:10px 0 0 0; border-top:1px solid #6d6d86; background:#a4a4b6; }
#comments ol.comment-list li.comment dl { padding:10px; margin:0;  }
.timestamp { font-size:11px; }
.comment-list dd a { color:#686885;  }
.comment-list dd a:hover { color:#fff; background:#9b9bab;  }
.comment-list dd a.external:after { content: url(/media/img/external_link_blue.gif); }

dl.comment-list dd { padding:10px; background:#a4a4b6; color:#fff; }
dl.comment-list dt { padding:5px 0 0 50px; background:url(/media/img/comment_arrow.gif) 20px 0 no-repeat; margin-bottom:10px; }

.comment-list dd a.recent-comment { color:#fff; }
.comment-list dd a.recent-comment:hover  { color:#000; background:none; }

form .comment { margin:10px 0; background:#eee; border-top:1px solid #ccc; padding:10px; font-size:13px; }
form .timestamp { color:#666; }

#comments { clear:both; }
#post-a-comment { padding:10px 0 0 0; margin:0; }

/* Section Specific */
.printcopy { width:275px; display:block; margin:0 auto; }

/* General Hooha */

.alert {
	font-size:15px;
	line-height:1.2em;
	padding:10px;
	margin:15px 0;
	width:90%;
	background:#f60;
	color:#fff;
	text-align:center;
	}
.alert ul {
	text-align:left;
	list-style-image:none;
	list-style-type:disc;
	font-size:14px;
	line-height:normal;
	}
.alert a {
	color:#fff;
	}
.spacer {
	margin:0;
	padding:0;
	clear:both;
	height:0;
	}
hr.spacer {
	height:0; border:0; background:none; display:block; height:10px; 
	}
img.center { display:block; margin:0 auto; }
#browseMap { width:98%; }

.mapInfoBox { width:200px; font-size:10px; }
.mapInfoBox h3 { font-size:14px; }
.mapInfoBox p { margin:0; padding:0; }
.mapInfoBox p.phone,.mapInfoBox p.address{ font-weight:bold; font-size:11px; }
img.nomap { margin:200px auto; display:block; }

a.details { background:url(/media/img/details.gif) top left no-repeat; width:61px; height:17px; display:block; overflow:hidden; margin:2px 0;}
a.details:hover { text-decoration:none; }
a.details span { visibility:hidden; }

.guidelines { width:45%; float:left; background:#ececf4; margin:10px 2% 15px 0; }
.guidelines ul { padding:0 20px 0 15px; font-size:12px; }
.guidelines h4 { background:#6d6d86; color:#fff; font-size:18px; margin:0; padding:5px; text-align:center; }