/*
Theme Name: Hope for Creation
Theme URI:
Description: WordPress theme for Hope for creation
Author: Goldfish&Finch
Author URI: http://www.goldfishandfinch.com
Version: 0.1

This theme is property of Hope for Creation and is not available for public use.
 
*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/

@font-face {
    font-family: 'futura_light';
    src: url('fonts/futura_lt_bt_light-webfont.eot');
    src: url('fonts/futura_lt_bt_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_lt_bt_light-webfont.woff') format('woff'),
         url('fonts/futura_lt_bt_light-webfont.ttf') format('truetype'),
         url('fonts/futura_lt_bt_light-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futura_bold';
    src: url('fonts/futura_md_bt_bold-webfont.eot');
    src: url('fonts/futura_md_bt_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_md_bt_bold-webfont.woff') format('woff'),
         url('fonts/futura_md_bt_bold-webfont.ttf') format('truetype'),
         url('fonts/futura_md_bt_bold-webfont.svg#futura_md_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


html
{
	/** Background picture*/
	background: url('img/bg.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
	height:100%;
}

body
{
	margin: 0;
	color: #3a3c3c;
	height: 100%;
}

body, input, textarea
{  
	font-family: Arial, sans-serif;
	line-height: 1.5;
}
h1, h2, h4, h5, h6
{ 
	font-weight: normal;
	clear: both;
	margin:0;
	padding: 0;
}
h3
{
	font-weight: bold;
	clear: both;
	margin:0;
	padding: 0;
}
blockquote 
{
	font-family: Cambria, Georgia, serif; 
	font-style:italic;
	width: 450px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 1px 1px 1px #ccc;
}

}
hr
{
	background-color: #999;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
pre
{
	font: 11px Monaco, monospace;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
code
{
	font: 11px Monaco, monospace;
}
p
{
	margin: 0px 38px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3a3c3c;
	font-size: 12px;
	line-height: 22px;
}
a
{
	color: #91b731;
	text-decoration: none;
}
a:hover
{
	text-decoration:underline;
}
a:visited
{
	color: #7e9f2b;
}

/*** PAGE LAYOUT ***/


/* Styles that affect the entire layout of the page */
div#container
{
	background: url('img/content_bg.gif');
	width: 590px;
	float: left;
	padding-bottom: 10px;
	 min-height: 712px;
	
}
div#content
{
}

div#slider
{
	margin: 15px 20px 0;
}

div#side
{
	width:295px;
	float: right;
}

div#badges
{
	margin: 265px auto 0;
    width: 104px;
	padding-bottom:15px;
}


#wrapper
{
	min-height: 100%;
	margin: 0 auto;
	width: 900px;
}

#inner-wrap
{
	overflow:auto;
    padding-bottom: 123px;
}

/*** HEADER ******/
#header{
	width: 900px;
	margin: 0 auto;
	background: url('img/header_bg.png') no-repeat;
	height: 195px;
	position: relative;
	z-index: 1;
}

#pledge
{
	position: absolute;
	z-index:2;
	top: 170px;
	right:5px;
}

div#pledge_top
{
	width: 281px;
	min-height: 160px;
	background: url('img/pledge_top_bg.png') no-repeat;
}

div#pledge_to_expand
{
	width: 281px;
	min-height:356px;
	background: url('img/pledge_bg.png');
	margin-top: -10px;
}

div#title
{
    padding-top: 11px;
    text-align: center;
}

div#pledge p
{
	font-size: 15px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #404040;
}

div#pledge  li
{
	font-size: 15px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #404040;
	font-weight: bold;
}

div#pledge  li span
{
	font-weight: normal;
}

div#pledge .bold
{
	font-weight: bold;
}

div#pledge_expand
{
	background: url('img/pledge_expand.png');
	width: 281px;
	height:103px;
	margin-top:-10px;
	
}

div#pledge_to_expand ol
{
	margin:0;
}

div#pledge_submit
{
	background: url('img/pledge_bt_bg.png');
	width: 281px;
	min-height:104px;
	padding-top: 30px;
}

div#pledge_expand:hover
{
	background: url('img/pledge_expand_roll.png');
}

a#submit_pledge
{
	   display: block;
       background: url('img/submit_rollover.png') no-repeat;
       min-height: 38px;
       width: 122px;
	   margin-left: 74px;
}

a#submit_pledge:hover {
  background-position: 0 -39px;
}
/*** HEADER : MENU ***/

/*social icons*/

div#social_icons
{
	margin-left: 590px;
    padding-top: 4px;
	background: url('img/social_sep.gif') no-repeat;
	background-size: 5px 20px;
	width: 135px;
	background-position: right center;
}

a#fb{
	display: inline-block;
    background: url('img/fb.png') no-repeat;
    height: 17px;
    width: 10px;
	margin-right:27px;
	
}

a#fb:hover {
  background-position: 0 -18px;
}

a#twt{
	display: inline-block;
    background: url('img/twt.png') no-repeat;
    height: 16px;
    width: 21px;
	margin-right:27px;
}

a#twt:hover {
  background-position: 0 -16px;
}

a#rss{
	display: inline-block;
    background: url('img/rss.png') no-repeat;
    height: 17px;
    width: 16px;
}

a#rss:hover {
  background-position: 0 -17px;
}


/* To see a menu in your header, you'll need to first add one in WordPress Admin */

.menu
{
	margin-left: 214px;
	height: 130px;
	font-family: 'futura_bold', Arial, sans-serif; 
}
.menu ul
{
    list-style: none;
    margin: 0;
	height: 130px;
	padding:0;
}
.menu ul ul
{
    display: none;
}
.menu li
{
    display: inline;
    float: left;
    line-height: 18px;
    padding: 0 0px 0 0px;
    text-align: center;
	height: 130px;
	width:96px;
	margin-right:2px;
}

.menu li:hover
{
	background: url('img/menu_rollover.jpg')
}

.menu a
{
	font-size: 14px;
	text-decoration: none;
	color: #404040;
	height: 130px;
	width:45px;
	display: block;
	margin-left: 23px;
	margin-top: 50px;
}
.menu a:hover
{
	color: #fff;
}

.current_page_item
{
	background: url('img/menu_rollover.jpg');
}

.current_page_item a
{
	color: #fff;
}

/*** HEADER : OTHER ***/



/*** CONTENT : POSTS AND PAGES ***/
div#posts_container
{
	margin: 15px 20px 0px;
	width: 550px;
}

div.first_post
{
	
    color: #FFFFFF;
    font-family: 'futura_bold',Arial,Helvetica,sans-serif;
    font-size: 18px;
    height: 290px;
    text-align: center;
    width: 100%;
}

div.green-one
{
	padding-top: 90px;
	background: none;
	height: 200px;
	width: 100%;
}

div.green-one:hover
{
 background: url("img/post_screen.png") repeat scroll 0 0 transparent;
}

div.first_post h2
{
	font-weight: bold;
}

div.first_post a
{
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;	
}

div.first_post a:hover
{
	text-decoration: none;
}

div.second_post
{
	display: block-inline;
    color: #FFFFFF;
    font-family: 'futura_bold',Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 196px;
    text-align: center;
    width: 272px;
	float: left;
	margin-top: 5px;
}

div.green-two
{
	height: 196px;
	background: none;
}

div.green-two:hover
{
	background: url("img/post_screen.png") repeat scroll 0 0 transparent;
}


div.second_post h2
{
	font-size: 16px;
	padding: 0;
	padding-top: 100px; 
}

div.second_post a
{
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;	
}

div.second_post a:hover
{
	text-decoration: none;
}

div.alt_post
{
	margin-left: 6px;
}

div.first_post .entry-date
{
	font-family:'futura_light', Arial, Helvetica, sans-serif;
	font-size: 27px;
	border:none;
	letter-spacing: 6px;
}

div.second_post  .entry-date
{
	text-decoration: none;
	font-family:'futura_light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:none;
	letter-spacing: 4px;
}


/* Entry and Page Titles */
div#divider, div#respond
{
	margin-bottom: 15px;
}

h1.entry-title
{
	font-family: 'futura_bold', Arial, Helvetica, sans-serif;
	font-size: 45px;
	margin: 0px 38px -13px;
}
}
h2.entry-title
{
	
}
h2.entry-title a
{
	
}
h1.page-title
{
	
}

.entry-content h2
{
    font-size: 45px;
    line-height: 20px;
    padding: 20px 38px 17px;
	text-transform:uppercase;
	font-family: 'futura_bold', Arial, Helvetica, sans-serif;
}

.entry-content h3,h4,h5
{
	margin: 0px 38px;
}

h6
{
	 background-image: url("img/crease.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 592px 2px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 14px;
    padding: 0 38px 17px;
}

.entry-content ul
{
	margin: 0px 15px 10px 25px;
	font-size: 12px;
}

/* Media Alignment */
.alignright
{
	/* Style for right-aligned images in posts */
	padding: 8px 0 8px 8px;
	float: right;
}
.alignleft
{
	/* Style for left-aligned images in posts */
	padding: 8px 8px 8px 0;
	float: left;
}

/* Entry Content */

div#feature_image
{
	margin: 15px 20px 0px;
}

div#post_header
{
	margin: 15px 38px 0px;
	line-height: 24px;
	min-height: 95px;
}

div#post_header h1
{
	font-size: 27px;
	margin:0;
	letter-spacing: 3px;
	text-transform: uppercase;
}

div#avatar_title
{
	float: left;
}

div#post_title
{
	float: left;
	width: 409px;
	margin-left: 25px;
}

.entry-date
{
	font-family: 'futura_light', Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 5px;
}

.entry-content
{
	font-size: 12px;
}

.entry-content .edit-link
{
	font-size:10px;
	margin: 0 38px;
}

.entry-content p
{
	font-size: 12px;
}

.entry-content a
{
	
}
.entry-content a:hover
{
	
}
.entry-content h1, h2, h3, h4, h5
{
	
}
.entry-content ol li
{
	
}

.entry-utility
{
	margin: 15px 38px 0px;
	font-size: 10px;
	/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
}
.entry-meta
{
	/* Style for the entry metadata (author, etc.) */
}
.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}

div#nav-below
{
	margin: 15px 38px 0px;
	font-size: 12px;
}

.navigation
{
	/* Style for the navigation links (next/previous post) on a given post */
}


/*** CONTENT : COMMENTS ***/

div#comments
{
	margin: 15px 38px 0px;
	font-size: 10px;
	/* Style that affects the DIV containing all the comments */
}

div#form-allowed-tags p, code
{
	font-size:10px;
}

.comments h3
{
	font-size: 11px;
	/* H3 header style for comments */
}
.comments ol
{
	/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
}
.comments ol li
{
	/* Style each list item in the comments ordered list */
}
.comments img
{
	/* Style for the user avatar beside each comment */
	float: left;
	margin: 0 12px 8px 0;
}
.comments .comment
{
	/* Style that applies to each individual comment in a series of comments */
}

.comment-content p
{
	font-size: 10px;
	line-height: 14px;
}

p#login
{
	font-size: 10px;
	line-height: 14px;
}

.form-textarea
{
	height:150px;
}

.children ul li
{
	/* A style that refers to the children (as in, responses to) any given comment */
}

.comment-reply-link
{
	/* Style for the "Reply" link on a comment */
}
.comment-meta
{
	/* Style for metadata for a comment */
}
div#respond
{
	margin-left: 38px;
	/* DIV that contains the comment response form */
}
div#respond h3
{
	font-size: 11px;
	/* H3 header for the comment response form */
}

/*** CONTENT : MAIN***/

#main
{
	background: url('img/main_bg_trans.png');
	margin-top: -13px;
    padding-top: 15px;
	padding-bottom: 15px;
}

.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
   *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML += '<div class="ie7-clear"></div>' );
}

/*** CONTENT : SIDEBAR ***/
div#primary
{
	/* Primary Widget Area DIV */
}
div#secondary
{
	/* Secondary Widget Area DIV */
}
.widget-area
{
	/* Class that applies to BOTH widget areas */
}
.xoxo
{
	/* Class that applies to each item in each widget area (an unordered list class) */
}


/*** FOOTER ***/
div#footer
{
	position:relative;
	font-family: 'futura_light', Arial, sans-serif;
	font-size: 12px;
	height: 108px;
	margin-top: -123px;
	padding-top: 15px;
	clear:both;
}

 div#colophon
 {
	height:108px;
	background-image:url('img/footer_bg.png');
	background-size: 900px 108px;
	width: 900px;
	margin:0 auto;
 }

#f_left
{
	float: left;
	padding-bottom: 30px;
	padding-top: 43px;
	padding-right: 20px;
	margin-left:35px;
}

#f_right
{
	float: left;
	margin-left: 32px;
	padding-top: 43px;
}

div#footer p
{
	margin:0;
	line-height:15px;
	text-transform: uppercase;
}

div#footer a
{
	color:#3A3C3C;
}

div#footer a:hover
{
	color:#91B731;
}

div#footer span
{
	font-family: 'futura_bold', Arial, sans-serif;
}
/*** YOUR CSS ***/
.nivo-controlNav {
    bottom: 24px;
    display: block !important;
    left: 90%;
    margin-left: -255px;
    position: absolute;
}

.nivo-controlNav a {
    background-attachment: scroll;
    background-image: url("img/bullet.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
    height: 8px;
    margin-right: 7px;
    position: relative;
    text-indent: -9999px;
    width: 9px;
    z-index: 91;
}

.nivo-controlNav a.active {
    background: url('img/bullet_over.png');
}

a.nivo-nextNav {
    background: url('img/right_nav.png') no-repeat!important;
	background-position: -30px 0;
    right: 7px!important;
	height: 60px!important;
	top: 143px!important;
}

a.nivo-prevNav {
  background: url('img/left_nav.png') no-repeat!important;
  left: 15px;
  height: 60px!important;
  top: 143px!important;
}

div#post-8 h1
{
	display: none;
}
#sb-wrapper { height:400px !important; width: 470px !important; }
#sb-wrapper-inner { height:400px !important; }