/*
Theme Name: gabriel
Theme URI: http://gabrielcity.org/
Description: Theme for Gabriel City, a resource for those affected by the criminal justice system.
Version: 1.0
Author: Bad Feather Inc.
Author URI: http://badfeather.com/
Tags: criminal justice, prison, community
*/


/* Colors


orange			#F60	cat-item-3	video
warm green		#990 	cat-item-4	photography
aqua			#099 	cat-item-5	music and song
gold			#FCB117	cat-item-6	poetry and spoken word
forest green	#063	cat-item-7	blog
magenta			#936	cat-item-8	news and journalism
brown			#963	cat-item-9	letters and journals
blue			#069	cat-item-10	books

bg warm light grey	#E2E2DD
hdr/link grey		#776
accent grey			#B2B2A5
text grey			#333		
*/

/* Structure */
* {
margin: 0;
padding: 0;
}
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background: #E2E2DD url(images/skyline.gif) repeat-x top center;
color: #333;
border-top: 5px solid #776;
text-align: center;
}
html>body {
font-size: 10px;
}
#page {
width: 980px;
margin: .9em auto;
text-align: left;
}
#header {
width: 100%;
height: 170px;
overflow: hidden;
background: url(images/crowd_skyline.gif) no-repeat 0 0;
}
#content {
width: 100%;
overflow: hidden;
}
.narrowcolumn {
width: 585px;
float: left;
padding: 40px 35px;
background: #FFF;
overflow: hidden;
margin-bottom: 1.8em;
}
#sidebar {
width: 300px;
float: right;
}
.section {
padding: .5em 0;
margin-bottom: .9em;
width: 100%;
position: relative;
clear: both;
border-top: 1px solid #333;
}
.section.stories {
padding-bottom: 0;
margin-bottom: 0;
width: 655px;
float: left;
clear: left;
}
#footer {
width: 100%;
padding: 20px 0;
text-align: center;
margin: 0;
background-color: #776;
}
#footercontent {
width: 980px;
margin: 0 auto;
overflow: hidden;
text-align: left;
color: #E2E2DD;
}

/* Typography */
p, ul, ol {
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
ul, ol {
padding-left: 2.5em;
}
li {
margin-bottom: .5em;
}
li p {
font-size: 1em;
}
h3, .pagenav {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 400;
}
h1 {
font-size: 2.4em;
line-height: 1.125em;
margin-bottom: 1em;
}
h1.pagetitle {
margin-bottom: .75em;
color: #B2B2A5;
}
h2 {
font-size: 1.6em;
line-height: 1em;
margin-bottom: 1em;
font-weight: 700;
}
h3 {
font-size:1.6em;
line-height:1.125em;
margin-bottom: .75em;
border-left: 1px solid #333;
padding-left: .5em;
}
h4 {
font-size: 1.8em;
font-weight: 700;
margin-bottom: 1em;
color: #776;
}
blockquote {
background: url(images/blockquote.gif) no-repeat 0 0;
padding:0 0 0 40px;
font-size: 1.125em;
}
a {
text-decoration: none;
color: #776;
}
a:hover, .current_page_item a {
color: #333;
}
p a, .post li a {
text-decoration: underline;
}
a img {
border: 1px solid #E2E2DD;
}
a:hover img {
border-color: #333;
}
p img {
max-width: 100%;
height: auto;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 20px 30px;
clear: right;
}
img.alignleft {
margin: 0 30px 20px 0;
clear: left;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* Header */
ul.pagenav {
width: auto;
float: left;
list-style: none;
font-size: 1.6em;
line-height: 1.125em;
padding: 0;
}
ul.pagenav li {
float: left; 
margin-right: 1.5em;
}
ul.pagenav li a {
border-left: 1px solid #333;
padding-left: .5em;
color: #5E5E5E;
}
ul.pagenav li a:hover, ul.pagenav li.current_page_item a {
color: #333;
}
.join {
float: right;
background: url(images/joinbubble.png) no-repeat;
width: 182px;
padding: 15px 10px 30px 10px;
text-align: center;
}
.join h2 {
font-weight: 400;
line-height: 1em;
text-transform: uppercase;
width: 159px;
height: 0px !important;
padding-top: 18px;
overflow: hidden;
background: url(images/join_the_conversation.gif) no-repeat;
margin: 0 auto 1em auto;
}
.join ul.pagenav {
font-size: 1.4em;
margin-left: .5em;
}
h5 a { /* used for blog title */
font-size: 2.7em;
line-height: 1em;
text-transform: uppercase;
width: 231px;
height: 0px !important;
padding-top: 154px;
height /**/:154px;
overflow: hidden;
float: right;
clear: right;
background: url(images/gabrielcity_bubblelogo2.gif) no-repeat;
}
ul#channels {
list-style: none;
margin: 0 0 1.5em 0;
padding: 0;
width: 100%;
overflow: hidden;
font-size: 1.1em;
}
ul#channels li {
padding: 0;
width: 243px;
float: left;
text-align: center;
margin: 0 2px 2px 0;
}
ul#channels li a {
display: block;
width: 235px;
padding: 3px 0;
border-left-width: 8px;
border-left-style: solid;
border-bottom: 1px solid #776; 
background: #776 url(images/channelnav_li_corner.png) no-repeat top right;
color: #FFF;
text-transform: uppercase;
}
/* ie hack for nav rounded corners */
* html ul#channels li a {
background: #776 url(images/channelnav_li_corner.gif) no-repeat top right;
}

ul#channels li.cat-item-3 a {
border-left-color: #F60;
}
ul#channels li.cat-item-3 a:hover, ul#channels li.cat-item-3.current-cat a {
background-color: #F60;
}
ul#channels li.cat-item-4 a {
border-left-color: #990;
}
ul#channels li.cat-item-4 a:hover, ul#channels li.cat-item-4.current-cat a {
background-color: #990;
}
ul#channels li.cat-item-5 a {
border-left-color: #099;
}
ul#channels li.cat-item-5 a:hover, ul#channels li.cat-item-5.current-cat a {
background-color: #099;
}
ul#channels li.cat-item-6 a {
border-left-color: #FCB117;
}
ul#channels li.cat-item-6 a:hover, ul#channels li.cat-item-6.current-cat a {
background-color: #FCB117;
}
ul#channels li.cat-item-7 a {
border-left-color: #063;
}
ul#channels li.cat-item-7 a:hover, ul#channels li.cat-item-7.current-cat a {
background-color: #063;
}
ul#channels li.cat-item-8 a {
border-left-color: #936;
}
ul#channels li.cat-item-8 a:hover, ul#channels li.cat-item-8.current-cat a {
background-color: #936;
}
ul#channels li.cat-item-9 a {
border-left-color: #963;
}
ul#channels li.cat-item-9 a:hover, ul#channels li.cat-item-9.current-cat a {
background-color: #963;
}
ul#channels li.cat-item-10 a {
border-left-color: #069;
}
ul#channels li.cat-item-10 a:hover, ul#channels li.cat-item-10.current-cat a {
background-color: #069;
}

/* Headline Classes */
.post h2, .comments-template h2 {
font-size: 2.6em;
line-height: 1.1em;
margin-bottom: .46em;
color: #776;
}
.submit {
background: #9E9E8D;
color: #FFF;
text-decoration: none;
padding: .25em .5em;
border: none;
font-size: 1em;
}
#mc-embedded-subscribe {
font-size: 1.2em;
}
.submit:hover {
background: #776;
color: #FFF;
}
li span a.button {
color: #FFF;
}
/*
span.cat a, ul.cats li a, .column h2 a {
text-transform: uppercase;
padding-left: .35em;
border-left: .4em solid;
font-weight: 700;
margin-right: 1em;
text-decoration: none;
}
*/
.cat a, ul.cats li a {
display: block;
width: 28px;
height: 0px !important;
height /**/:28px;
padding: 28px 0 0 0;
background: url(images/icons_categories_10.gif) no-repeat 0 0;
overflow: hidden;
margin: 0 3px 3px 0;
}
.carousel .cat a {
background-image: url(images/icons_categories_10_whitebg.gif);
}
.cat a, p.social a {
float: left;
}
.post ul.cats {
margin-bottom: 1em;
}
.postmetadata p {
width: 100%;
overflow: hidden;
margin-bottom: .9em;
}
a.video {
color: #F60;
background-position: 0 0;
}
a.photography {
color: #990;
background-position: -28px 0;
}
a.music-and-song {
color: #099;
background-position: -56px 0;
}
a.poetry-and-spoken-word {
color: #FCB117;
background-position: -84px 0;
}
a.blog {
color: #063;
background-position: -112px 0;
}
a.news-and-journalism {
color: #936;
background-position: -140px 0;
}
a.letters {
color: #963;
background-position: -168px 0;
}
a.books {
color: #069;
background-position: -196px 0;
}
a.featured {
color: #333;
background-position: -252px 0;
}

.social a {
display: block; 
float: left;
width: 28px;
height: 0px !important;
height /**/:28px;
padding: 28px 0 0 0;
background: url(images/social_icons_7.gif) no-repeat 0 0;
overflow: hidden;
margin: 0 6px 0 0;
}
.postmetadata strong {
font-weight: normal;
float: left;
margin-right: 6px;
}
a.email {
background-position: 0 0;
}
a.facebook {
background-position: -28px 0;
}
a.twitter {
background-position: -56px 0;
}
a.delicious {
background-position: -84px 0;
}
a.digg {
background-position: -112px 0;
}
a.myspace {
background-position: -140px 0;
}
a.stumbleupon {
background-position: -168px 0;
}


/* jCarousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
.jcarousel-container, .jcarousel-container-horizontal {
position: relative;
width: 980px;
}
.jcarousel-clip, .jcarousel-clip-horizontal {
z-index: 2;
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
position: relative;
}
.carousel, .jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
li span.title {
font-size: 1.25em;
line-height: 1.1em;
font-weight: 700;
margin-bottom: .6em;
height: 3.3em;
}
li.jcarousel-item span.body {
height: 156px;
margin-bottom: .75em;
}
li span.comments {
position: absolute;
bottom: 10px;
left: 12px;
}
span.cat {
margin-bottom: 0;
font-size: .83em;
line-height: 1.05em;
}
span.cat a {
margin-right: .5em;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
position: absolute;
top: -30px;
right: 10px;
width: 21px;
height: 22px;
cursor: pointer;
background: transparent url(images/carousel_next_btn.gif) no-repeat 0 0;
}
.jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:active {
background-position: -21px 0;
}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -42px 0;
}
.jcarousel-prev-horizontal {
position: absolute;
top: -30px;
right: 35px;
width: 21px;
height: 22px;
cursor: pointer;
background: transparent url(images/carousel_previous_btn.gif) no-repeat 0 0;
}
.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:active {
background-position: -21px 0;
}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -42px 0;
}

/* featured articles carousel */
.featuredcarousel li, .featuredcarousel.jcarousel-list li, .featuredcarousel .jcarousel-item, .featuredcarousel .jcarousel-item-horizontal {
background-color: #FFF;
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 206px;
height: 278px;
padding: 10px 12px;
margin: 0 20px 1.8em 0;
}
.featuredcarousel li span, .featuredcarousel.jcarousel-list li span {
display: block;
}
.featuredcarousel li span a img {
border: 3px solid #B2B2A5;
}
.featuredcarousel li span a:hover img {
border-color: #776;
}


/* category description carousel */
.catdek {
background: #FFF;
padding: 40px 0;
margin-bottom: 3.6em;
}
.narrowcolumn .catdek {
padding: 0;
margin-bottom: 2.7em;
}
.catdek p {
font-size: 1.6em;
line-height: 1.5em;
color: #776;
margin-bottom: .5em;
}
.catdek h2, .catdek h1 {
font-size: 3.6em;
line-height: 1em;
text-transform: uppercase;
margin-bottom: .5em;
}
.catdek h2 a, .catdek h1, .catdek h1.welcome {
display: block;
width: 558px;
height: 0px !important;
height /**/:47px;
padding: 47px 0 0 0;
background-repeat: no-repeat;
background-position: 0 0;
overflow: hidden;
}
.catdek h1 {
height /**/:33px;
padding: 33px 0 0 0;
}
.catdek h2 a.video {
background-image: url(images/hdr_cat03_video.gif);
}
.catdek h2 a.photography {
background-image: url(images/hdr_cat04_photography.gif);
}
.catdek h2 a.music-and-song {
background-image: url(images/hdr_cat05_music.gif);
}
.catdek h2 a.poetry-and-spoken-word {
background-image: url(images/hdr_cat06_poetry.gif);
}
.catdek h2 a.blog {
background-image: url(images/hdr_cat07_blog.gif);
}
.catdek h2 a.news-and-journalism {
background-image: url(images/hdr_cat08_news.gif);
}
.catdek h2 a.letters {
background-image: url(images/hdr_cat09_letters.gif);
}
.catdek h2 a.books {
background-image: url(images/hdr_cat10_books.gif);
}
.catdek h2 a.featured {
background-image: url(images/hdr_cat11_featured.gif);
}
.catdek h2 a.storytelling {
background-image: url(images/hdr_storytelling.gif);
}
.catdek h1.welcome {
background-image: url(images/h1_welcome.gif);
}
.catdek h1.page-15 {
background-image: url(images/hdr_page_contactus.gif);
}
.catdek h1.page-11 {
background-image: url(images/hdr_page_learnmore.gif);
}
.catdek h1.page-9 {
background-image: url(images/hdr_page_participate.gif);
}
.catdek h1.page-13 {
background-image: url(images/hdr_page_partnerships.gif);
}
.catdek h1.page-2 {
background-image: url(images/hdr_page_resources.gif);
}
.catdek h1.page-499 {
background-image: url(images/hdr_page_join.gif);
}
.catdek h1.searchresults {
background-image: url(images/hdr_page_searchresults.gif);
}
.catcarousel {
width: 980px;
height: 210px;
overflow: hidden;
}
.catcarousel li, .catcarousel.jcarousel-list li, .catcarousel .jcarousel-item, .catcarousel .jcarousel-item-horizontal {
background-color: #FFF;
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 910px;
height: 210px;
padding: 0 35px;
margin: 0;
}
.catcarousel li span, .catcarousel.jcarousel-list li span {
display: block;
margin-bottom: .45em;
}

.column h2 a {
display: block;
width: 258px;
height: 0px !important;
height /**/:28px;
padding: 28px 0 0 0;
background-repeat: no-repeat;
background-position: 0 0;
overflow: hidden;
border: none;
}
.column h2 a.video {
background-image: url(images/sm_hdr_cat03_video.gif);
}
.column h2 a.photography {
background-image: url(images/sm_hdr_cat04_photography.gif);
}
.column h2 a.music-and-song {
background-image: url(images/sm_hdr_cat05_music.gif);
}
.column h2 a.poetry-and-spoken-word {
background-image: url(images/sm_hdr_cat06_poetry.gif);
}
.column h2 a.blog {
background-image: url(images/sm_hdr_cat07_blog.gif);
}
.column h2 a.news-and-journalism {
background-image: url(images/sm_hdr_cat08_news.gif);
}
.column h2 a.letters {
background-image: url(images/sm_hdr_cat09_letters.gif);
}
.column h2 a.books {
background-image: url(images/sm_hdr_cat10_books.gif);
}


/* Content */
.post {
padding-bottom: .9em;
border-bottom: 1px solid #333;
margin-bottom: 2.7em;
width: 100%;
overflow: hidden;
}
.post.page {
border-bottom: none;
}
div.gallery {
margin-bottom: 1.8em;
}
p.navigation {
overflow: hidden;
font-size: 1.4em;
margin-bottom: 0;
font-weight: 700;
}
p.navigation a {
text-decoration: none;
}
.page {
border-bottom: none;
}
.column {
width: 47%;
height: 21em;
margin-right: 1%;
margin-left: 1%;
float: left;
margin-bottom: 1.8em;
}
.column li, .section li {
margin-bottom: .75em;
padding-right: 1em;
}
.column ul {
list-style: none;
padding: 0;
}
ul.cats {
margin-bottom: 0;
list-style: none;
padding: 0;
width: 100%;
overflow: hidden;
}
ul.cats li {
float: left;
margin: 0;
}
.postmetadata, #respond {
background: #E2E2DD;
padding: 1.8em;
clear: both;
}
.author {
border-top: 1px solid #E2E2DD;
padding: 1.8em 0 1em 0;
width: 100%;
overflow: hidden;
}
.avatar {
float: left;
padding: 1px;
border: 2px solid #B2B2A5;
margin: 0 10px 10px 0;
}
.author p {
padding-top: .5em;
margin-bottom: 0;
}


/* Homepage */

/* Sign-Up Form */
#mc_embed_signup ul {
list-style: none;
}
span.formtext {
width: 10em;
float: left;
}
/* jquery validate response */
fieldset div.mce_inline_error {
margin:1em 0;  
padding:1em .5em .5em 0; 
font-weight:700; 
z-index:1; 
color:#D12F19; 
font-weight:700; 
position:relative; 
top:-1.5em;
}

/* Comments */
#respond h2 {
color: #FFF;
}
.comments-template, #respond {
margin-bottom: 1.8em;
}
#commentform input {
margin: 0 1em 0 0;
}
#commentform {
margin: 0 0 1.8em 0;
}
#commentform textarea {
width: 99%;
}
#commentform #submit {
margin: 0 0 1.8em 0;
width: auto;
}
.commentlist li {
border-bottom: 1px solid #776;
}

/* Sidebar */
#sidebar .section {
border-top: 1px solid #766;
}
#sidebar .section a {
color: #666;
}
#sidebar .section a:hover {
color: #333;
}
#sidebar h3 {
margin-bottom: 1em;
}
#sidebar form, #sidebar ul {
padding: 0 0 0 .6em;
}
#sidebar ul {
list-style: none;
}
#sidebar ul.follow {
list-style: none;
padding-top: 1em;
}
.follow li a {
display: block;
padding: 11px 0 12px 51px;
background-position: 0 -40px;
background-repeat: no-repeat;
}
.follow li a:hover {
background-position: 0 0;
}
.follow li.email a {
background-image: url(images/follow_btn_email.gif);
}
.follow li.facebook a {
background-image: url(images/follow_btn_facebook.gif);
}
.follow li.twitter a {
background-image: url(images/follow_btn_twitter.gif);
}
.follow li.rss a {
background-image: url(images/follow_btn_rss.gif);
}
h2.share-your-story {
margin-bottom: 1.125em;
}
h2.share-your-story a { 
display: block;
line-height: 1em;
text-transform: uppercase;
width: 247px;
height: 0px !important;
padding-top: 44px;
height /**/:44px;
overflow: hidden;
background: url(images/share_your_story2.gif) no-repeat 0 0;
}
h2.share-your-story a:hover {
background-position: 0 -44px;
}
form#searchform {
margin-bottom: 1.8em;
font-size: 1.2em;
}
.hcd h2 a {
display: block;
line-height: 1em;
text-transform: uppercase;
width: 235px;
height: 0px !important;
padding-top: 76px;
height /**/:76px;
overflow: hidden;
background: url(images/hcdlogo.gif) no-repeat;
margin-left: .6em;
}
.tagcloud a {
text-decoration: none;
}
/* Footer */
#footer h5 a {
width: 230px;
height: 0px !important;
padding-top: 98px;
height /**/:98px;
overflow: hidden;
float: left;
clear: none;
background: url(images/gabrielcity_footerlogo.gif) no-repeat;
color: #E2E2DD;
}
#footer h3 {
font-size: 1.6em;
line-height: 1.1em;
margin-bottom: 1em;
border-left: 1px solid #E2E2DD;
padding-left: .5em;
}
#footercontent a {
color: #FFF;
}
#footercontent a:hover {
text-decoration: underline;
}
#footercontent .block {
float: left;
}
#footercontent ul {
list-style: none;
padding-left: .6em;
}
#searchform {
margin: 0 0 .8em 0;
padding: 0;
}
#footerright {
width: 700px;
overflow: hidden;
float: right;
}
#footerright .block {
width: 22%;
margin: 0 2.9% 0 0;
padding: 0;
background: transparent;
clear: right;
}
#footercontent .section {
border-top: none;
}
#footercontent .section span {
display: block;
margin-bottom: .5em;
}
#footercontent .section span.title {
margin-bottom: .4em;
height: auto;
font-weight: 400;
}
p.info {
margin: .25em auto;
}