/*   
Theme Name: 	Community Futures Northwest Theme
Description: 	Barebones WordPress child theme for the Omni Framework
Author: 		Bryce Mironuck / Omnilogic Systems
Author URI:		http://www.omnilogic.net
Template:		omni-framework
Version: 		1.1
*/


@import url("css/screen.css");
@import url("css/wp-default.css");
@import url("css/superfish.css");

/* TABLE OF CONTENTS

	00 - Global Elements
	01 - Header
	02 - Navigation
	03 - Rotator
	04 - Image Slider
	05 - Home
	06 - Main Content
	07 - Blog
	08 - Pagination
	09 - Sidebar
	10 - Widget Areas, Custom Areas
	11 - Footer

-------------------------------------------------------------- */

.logout_button {
float:right;
background:#7e9254;
color:#fff;
width:250px;
text-align:center;
padding:10px 0;
border-radius:4px;
border-bottom:5px solid #f8t;
box-shadow:0 5px 0 #5e6f3c;
text-decoration:none;
}
.logout_button:hover {
color:#fff;
}

/* 00 - GLOBAL ELEMENTS
-------------------------------------------------------------- */

body {
background:#e6e6e6;
}

/* 01 - Header
-------------------------------------------------------------- */
#header {
height:194px;
padding-top:30px;
}
#logo {
background:url(images/logo.png) no-repeat;
display:block;
width:269px;
height:123px;
text-indent:-10000px;
}
#header .description {
}
#header .social-links {
}

/* 02 - Navigation
-------------------------------------------------------------- */

/* 03 - Rotator
-------------------------------------------------------------- */
#content #rotator-slides {
}
#rotator-slides #rotator {
}
#rotator .rotator-slide {
}
#rotator-slides #slider-nav-wrap {
}
#rotator-slides #slider-nav {
}
#rotator-slides #slider-nav a {
}
#rotator-slides #slider-nav a.activeSlide,
#rotator-slides #slider-nav a:hover {
}
#rotator .rotator-slide-text-box {
}
#rotator .rotator-slide-text h3 {
}
#rotator .rotator-slide-text h3 a {
}
#rotator .rotator-slide-text h3 a:hover {
}
#rotator .rotator-slide-text {
}
#rotator .rotator-slide-read-more a {
}
#rotator .img-container {
}
#rotator img {
}




/* 04 - Image Slider
-------------------------------------------------------------- */
#content #slider-slides {
    background: none transparent;
    border: 1px solid rgba(218,215,215,0.5);
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.4);
    margin: 0 auto 50px;
    overflow: hidden;
    padding: 10px 11px 0;
    position: relative;
    width: 916px;
    height: 350px;
}
#slider-slides #slider {
	height: 310px;
	width: 916px;
}
#slider .slider-slide {
	height: 310px;
	overflow: hidden;
	width: 916px;
}
#slider-slides #slider-nav-wrap {
    float: left;
    position: relative;
    left: 50%;
    margin: 15px 0;
    text-align: center;
}
#slider-slides #slider-nav {
    position: relative;
    left: -50%;
    right: auto;
    bottom: auto;
    top: auto;
    text-align: center;
}
#slider-slides #slider-nav a {
    color: #fff;
    display: block;
    float: left;
    margin-left: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    width: 13px;
    height: 13px;
}
#slider-slides #slider-nav a.activeSlide,
#slider-slides #slider-nav a:hover {
    color: #174e7a;
}
#slider .slider-slide-text-box {
    background: rgba(0,0,0,0.5);
    color: #fff;
    margin: 0;
    padding: 10px 10px 10px 20px;
    position: absolute;
    left: auto;
    right: 1px;
    top: 170px;
    width: 460px;
    min-height: 60px;
    height: auto;
    z-index: 10;
}
#slider .slider-slide-text h3 {
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 20px;
    margin-top: 0;
}
#slider .slider-slide-text h3 a {
    color: #fff;
    text-decoration: none;
}
#slider .slider-slide-text h3 a:hover {
    color: #fff;
    text-decoration: underline;
}
#slider .slider-slide-text {
    color: #fff;
    font-size:13px;
    line-height: 18px;
    position: static;
    text-shadow: 0 1px 1px #000;
}
#slider .slider-slide-read-more a {
    color: #fff;
    font-size:13px;
    line-height: 18px;
    position: static;
}
#slider .img-container {
    position: relative;
}
#slider img {
    border: 1px solid rgba(218,215,215,0.5);
    display: block;    
    height: 308px;
    width: 914px;
}
#slider .img-container:after {
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: "";
}
#nav-pos {
position:absolute;
top:685px !important;
left:50% !important;
}
#slider-nav {
position:relative !important;
left:-50%;
}
#slider-nav a {
text-indent:-10000px;
display:block;
width:7px !important;
height:7px !important;
background-color:#000 !important;
}
#slider-nav a.activeSlide {
background-color:#fff !important;
}
#slider-header-text {
width:960px;
margin:0 auto;
padding-top:162px;
text-shadow:0 1px 0px #fff;
}
#slider-header-text h1 {
font-size:35px;
color:#3a3939;
background:url(images/slider_text_bkg.png) repeat;
font-weight:400;
}
#slider-text-cont {
z-index:100000;
width:960px;
margin:0 auto;
font-family: 'Asap', sans-serif;
font-size:24px;
font-weight:900;
color:#fff;
text-transform:uppercase;
}
#slider-text-cont p {
background:url(images/sidebar_menu_bkg.png);
line-height:23px;
margin:4px 0;
text-shadow:0px 1px 3px #000;
background:url(images/slider_text_bkg.png) repeat;
text-align:justify;
}
#slider_read_more {
width:960px;
margin:0 auto;
}
#slider_read_more a {
background:#ffe300;
padding:5px 60px;
font-size:20px !important;
color:#000 !important;
font-weight:400;
line-height:50px !important;
border-radius:3px;
box-shadow: 0 2px 4px #000;
text-decoration:none;
}
#slider-header-text-cont {
width:500px;
margin-left:245px;
}
#slider-text-cont-width {
width:500px;
text-align:justify;
}
#slider-text-cont a {
text-align:center;
color:#0f8474;
}
#slider-text-cont .contact {
color:#ffb186;
}
#slider-slides {
position:absolute !important;
width:100% !important;
top:0px;
height:225px !important;
z-index:0;
background:url(images/header_grad.png) repeat-x;
z-index:-1;
}
#slider {
position:absolute !important;
width:100% !important;
height:225px !important;
}
#slider .slider-slide {
position:absolute !important;
width:100% !important;
height:225px !important;
background-size:cover;
top:0;
}
body.logged-in #slider-slides {
top:28px !important;
}

/* 05 - Home
-------------------------------------------------------------- */
.home #content-wrap {
}
.home .grid_12 .custom-area-image {
}
.home .grid_12 .custom-area-image img {
    width: 100%;
}


/* 06 - Main Content
-------------------------------------------------------------- */
#content-wrap,
.home.blog #content-wrap {
}
#content-wrap {
background:#fff;
padding:40px 0;
}
#content {
}
#home-news ul {
}
#home-news h4 {
}
#home-news h4 a {
}
#home-news .news-date {
}

/* 07 - Blog
-------------------------------------------------------------- */
.blog .post {
}
.blog .post h2 a {
}
.post-info {
}
.post-info ul {
padding-left:0;
}
.post-info a {
}
a.read-more {
}
.no-caps {
}
.post-info ul li {
list-style-type:none;
float:left;
margin-right:5px;
}
.post-info ul li.post-info-comments {
}
.post-info ul li.post-info-comments img {
}
.post-info ul li.post-info-categories {
}
img.img-frame, 
img.shadow-frame, 
img.attachment-post_box_img, 
.img-frame img {
}
.more-arrow {
}
.image-margin {
}


/* 08 - Pagination
-------------------------------------------------------------- */
.pagination,
.wp-link-pages {
	clear: both;
	font-size: 10px;
	line-height: 13px;
	padding: 20px 11px;
	position: relative;
} 
.pagination span, 
.pagination a,
.wp-link-pages span,
.wp-link-pages a {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #383838;
	display: block;
	float: left;
	line-height: 13px;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
} 
.wp-link-pages a span {
	background-color: transparent;
	border: none;
	display: block;
	float: none;
	margin: 0;
	padding: 0;	
}
.pagination a:hover,
.wp-link-pages a:hover {
	background-color: #ccc;
	color: #000;
} 
.pagination .current,
.wp-link-pages > span {
	background-color: #383838;
	color: #fff;
	padding: 6px 9px 5px 9px;
}
.wp-link-pages > span.wp-link-heading {
	background-color: #fff;
	color: #383838;
	padding: 6px 9px 5px 9px;
}


/* 09 - Sidebar
-------------------------------------------------------------- */
#sidebar {
}
#sidebar.grid_4 h3 {
}
.page-template-template-left-sidebar-php #sidebar {
}
.widget-list {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* 10 - Widget Areas, Custom Areas
-------------------------------------------------------------- */
.social-links {
}
.social-links li {
}
.social-links li a {
}
.social-links .twitter-icon {
}
.social-links .facebook-icon {   
}
.social-links .linkedin-icon {   
}
.social-links .flickr-icon {
}
.social-links .youtube-icon {    
}


/* 11 - Footer
-------------------------------------------------------------- */
#top-footer-wrap {
}
#top-footer {    
}
#footer-wrap {
padding-bottom:20px;
}
#footer {
padding-top:20px;
}
#footer-menu {
padding-left:0;
}
#footer-menu li {
list-style-type:none;
float:left;
margin-right:20px;
}
#footer-menu li a {
}
#footer-menu li a:hover {
}

/* Column Styling
-------------------------------------------------------------- */

a.category_view_arch {
display:block;
width:100%;
background:#7E9254;
border-radius:4px;
box-shadow:0 5px 0 #5E6F3C;
text-align:center;
text-decoration:none;
color:#fff;
font-size:16px;
}
a.comment_category_view_arch {
display:block;
width:105px;
float:left;
background:#7E9254;
border-radius:4px;
box-shadow:0 5px 0 #5E6F3C;
text-align:center;
text-decoration:none;
color:#fff;
font-size:16px;
margin-right:10px;
}
#no-right-margin {
margin-right:0;
}
a.comment_full_article {
float:right;
margin-bottom:10px;
}

/* Comment Styling
-------------------------------------------------------------- */

.comment-author img {
display:none;
}
.fn {
font-weight:bold;
text-decoration:underline;
}
ol.commentlist li.comment div.comment-author.vcard {
float:none !important;
}
#commentform textarea {
width:100%;
}
.home ol.commentlist li.comment .comment-box {
min-height:50px;
}
.home h2#comments {
display:none;
}
.home ol.commentlist li.comment ul.children {
margin-left:0;
padding-left:0;
}
ol.commentlist li.comment ul.children li.depth-2 {
margin-left:0;
}
ol.commentlist li.comment ul.children li.depth-3 {
margin:0;
border:none;
}
ol.commentlist li.comment ul.children li.depth-4 {
margin:0;
border:none;
}
ol.commentlist li.comment ul.children li.depth-5 {
margin:0;
border:none;
}
ol.commentlist li.comment ul.children {
margin-top:0;
}
.children .comment-container {
margin-top:0 !important;
background:#ebebeb !important;
}
.depth-3 .comment-container {
background:#dedede !important;
}
.depth-4 .comment-container {
background:#d3d3d3 !important;
}
.depth-5 .comment-container {
background:#c6c6c6 !important;
}
#commentform #submit {
border:none;
border-radius:4px;
background:#7E9254;
color:#fff;
box-shadow:0 5px 0 #5E6F3C;
padding:10px 40px;
text-align:center;
font-family:'Asap',sans-serif;
font-weight:700;
}
.single .children .comment {
margin:0 !important;
}
.single .comment .children{
padding-left:0 !important;
}
.single .depth-2 .children {
padding-left:1.5em !important;
}
.single .depth-2 .comment-container {
border:none !important;
}
.single .comment-container {
border-bottom:1px solid #fff;
}
ol.commentlist li.odd {
background:none !important;
}

/* Login Form
-------------------------------------------------------------- */

.page-id-81 .main-menu{
display:none;
}
.page-id-81 .logout_button {
display:none;
}
.page-id-81 #footer-menu {
display:none;
}
.login_area {
width:200px;
margin:0 auto;
border:1px solid #E5E5E5;
border-radius:4px;
box-shadow:0 4px 10px -1px rgba(200, 200, 200, 0.7);
padding:30px;
}
.login_area input.button {
background:#7E9254;
color:#fff;
border-radius:4px;
box-shadow:0 5px 0 #5E6F3C;
padding:10px 0;
text-align:center;
border:none;
font-family:'Asap',sans-serif;
width:197px;
cursor:pointer;
}
input#log, input#pwd {
width:186px;
border:1px solid #E5E5E5;
box-shadow:1px 1px 2px rgba(200, 200, 200, 0.2) inset;
padding:10px 5px;
border-radius:4px;
background:#FBFBFB
}