/*

Theme Name: PenUltimate
Description: Custom Developed For PenUltimate
Author: Kelowna Website Design
Author URI: http://kelownawebsitedesign.com
Version: 1.1
Tags: kwd, kelowna website design

*/

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


li#gform_widget-2 {
    clear: both;
}
.wp-caption-text {
	padding: 0px;
	margin: 0px;
	color: rgb(75, 75, 75);
	font-family: Georgia, serif;
	font-size: 12px;
	width: 97%;
	text-align: center;
}
.single img {
	border: 1px black solid;
}

#share_thing{
	text-align: center;
	width: 100%;
	background-color: #ccc;
	margin: 24px 0px;
}

#ftlnks, #txt2{
	display: none!important;
}
blockquote p {
	text-indent: 1.5em;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	font-family: san-serif;
	font-size: 14px;
	color: #065c88;
}
#text-4 h3 {
	margin-top: 20px;
}
.category .entry-content{
	min-height: 0px!important;
}
.single-post .entry-title
{
line-height: 29px!important;
font-size: 20px!important;
}
.blog .entry-title, .category .entry-title, .single-book .entry-title, .search-results .entry-title{
	line-height: 25px!important;
	font-size: 18px!important;
}
.wikipedia img{
	box-shadow: none!important;
}
.wikipedia{
	position: absolute;
	left: 10px;
	margin-top: 24px;
}
#input_1_3 {
	background: rgb(255, 255, 186);
}
#recent-posts-3{
	margin-top: 20px;
}
.gform_body li{
	margin: 0px!important;
}
#flexipages-2 {
	width: 252px;
	overflow: hidden;
}
li#field_3_1{
	float:left;
	width: 50%;
}
.read_more {
	padding: 10px 10px;
	background-color: #FFF;
	margin: 0px 0px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #CACACA;
	float: right;
}
.blog .entry-content{
	min-height: 0px;
	padding-bottom: 12px;
}
#input_2_11 {
	background-color: rgb(255, 255, 186);
}
.widget-area .gform_wrapper .gform_footer {
	padding: 25px 4px!important;
	margin: 0px!important;
	clear: none!important;
	float: right;
}

.email_form .gfield {
	margin: 0px;
	float: left;
}
.testimonial_para{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 17px;
	font-style: italic;
}
.testimonial_para p{
	margin: 10px 0px!important;
}
.genre {
	font-size: 11px;
}
.entry-title {
	margin: 10px 0px;
	padding: 0px;
	line-height: 44px;
}
.gform_button{
	float: left;
	padding: 6px 31px;
	border: none!important;
	cursor: hand;
	cursor: pointer;
}
img {
	border: none;
}

.clear{
	clear:both;
}

#main{
	width: 960px;
	overflow:hidden;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
	z-index: 99999;
}

::selection
{
	background-color: #2C6070;
	color:#fff;
}
::-moz-selection
{
	background-color: #2C6070;
	color:#fff;
}

img {
	border: none;
}

html
{
	margin: 0;
	padding: 0;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -220px; /* the bottom margin is the negative value of the footer's height */
}

html, body

{
	background-repeat:no-repeat;
	background-position: center top;
	background-image:url('images/banner_header_bg.jpg');
	background-color: #D0E5E8;
	margin: 0;
	height: 100%;

}

body, input, textarea {
	color: #222;    
	font-family: Arial, sans-serif;
	line-height: 1.5;
}
.page-title, h1{
	font-weight: normal!important;
}
h1, h2, h3, h4, h5, h6 { 
	font-style: italic;
	clear: both;
	padding: 0px;
	font-family: 'Georgia',serif;
	/*text-shadow: 1px 6px 3px rgba(94, 92, 92, 0.28);*/
	font-weight: bold;
	margin: 5px 0px;
}
h1{
	font-size: 26px;
	margin: 10px 0px;
}


p {
	margin: margin: 4px 0 12px 0;
}

a {
	color: #065c88;
	text-decoration: none;
}

a:hover{
	color: #0a77e6;
}



/*** PAGE LAYOUT ***/
.home .entry-content{
	padding: 0px;
}
div#container{
	margin: 4px 4px 4px 4px;
	overflow:hidden;
}

.entry-content{
	overflow: hidden;
	min-height: 200px;
	font-size: 13px;
	padding: 0px 20px;
}

#content_wide{
	float: left;
	width: 952px;
}

div#content {
	float: left;
	width: 660px;
	padding-right: 40px;
}

/*** HEADER : MENU ***/
#content li{
	margin-left: 23px;
	padding-bottom: 3px;
	}
ul, menu, dir{
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

.menu, .sub-menu{
	padding-left: 0px;
}
.menu{
	list-style:none;
	font-weight:bold;
	/* Clear floats */
	float:left;
	width:100%;
	/* For IE */
	padding: 0;
	margin: 0px;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}


.menu li{
	float:left;
	position:relative;
	margin: 4px 0px;
	padding: 0;
	border-right: 1px solid #000;
	
}
.menu a{
	display:block;
	color:#000;
	text-decoration:none;
	font-size: 14px;
	margin: 0;
	padding: 0px 12px;
	/*text-shadow: 3px 5px 10px rgba(94, 92, 92, 0.49);*/
	transition: all .3s ease-in-out;
}

.menu li:last-child{
	border:none;
}

.menu a:hover{
	color:#fff;
	text-decoration:none!important;
}

/*--- CURRENT MENY ITEM AND SUB ITEMS ---*/


.current-menu-parent a{

}

.current-menu-item a{

}

/*--- CURRENT MENY ITEM AND SUB ITEMS ---*/

/*--- DROPDOWN ---*/
.sub-menu{
	background:rgba(0, 0, 0, 0);; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background: rgba(0, 0, 0, 0);; /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	margin: 0;
	padding-top:5px;
}
.sub-menu li{
	border: none!important;
	padding: 5px 10px;
	margin: 0px;
	background-color:#fff;
	transition: all .1s ease-in-out;
}

.sub-menu li:hover{
	background-color:#C7E0E4
}
.menu ul li{
	float:none;
	z-index: 99;
}
.menu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	color:#000;
	text-shadow:none;
	font-size:12px;
	font-weight:normal;
}


.menu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
.menu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	
	text-decoration: none;
	color:#000;
}
.menu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
.menu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	
}


/*** CONTENT : POSTS AND PAGES ***/

.alignright{
	margin: 8px 0 8px 8px;
	float: right;
}

.alignleft{
	margin: 8px 8px 8px 0;
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*** CONTENT : SIDEBAR ***/

div#primary{
	width: 252px;
	float: left;
	min-height: 200px;
	font-size: 12px;
	/* Primary Widget Area DIV */
}

div#secondary{
	width: 252px;
	float: left;
	/* Secondary Widget Area DIV */
}

.widget-area{
	/* Class that applies to BOTH widget areas */
}
.xoxo ul{
	padding: 0px;
	margin: 0px;
}
.xoxo{
	margin-top: 20px;
}
.xoxo {
	list-style: none;
}
.xoxo li ul li{
	margin-left: 26px;
}

.xoxo a {
    transition: all .3s ease-in-out;
    text-decoration: none;
    color: #000;
    clear: both;
    width: 100%;
    display: block;
    padding: 0px 0;
    margin: 0;
}

.xoxo a:hover{
	margin-left:3px;
	color:gray;
}

.no-move a:hover{
	margin:0px!important;
	padding:0px!important;
	color:gray;
}

.no-move a{
	margin:0px!important;
	padding:0px!important;
}
/*** HEADER : OTHER ***/

#header{
	width: 100%;
	height: 270px;
	background-size: 100%;
	background-repeat:no-repeat;
	position: relative;
	z-index: 999999;

}

#header_middle{
	width: 960px;
	margin: 0 auto;
	height: 270px;
}

/*** FOOTER ***/
#footer_swoosh{
	width: 100%;
	height: 630px;
	background: url('images/body-bg.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	z-index: 999;
	margin-top: -630px;

}
#footer_center{
	width: 960px;
	margin: 0 auto;
	height: 220px;
	position: relative;
	z-index: 9999;
}

#footer_content{
	height: 165px;
	z-index: 99;
}

.push {height: 220px;}/*Must Match Footer Height and Wrapper PUSH amount*/

div#footer{
	float: left;
	clear: both;
	height: 220px;
	width: 100%;
	font-size: 13px;
	background: url('images/footer_bg.jpg');
	background-size: 100% 220px;
	background-repeat: no-repeat;
	background-position: center bottom;
	position:absolute;
}
div#footer a{
	color:#fff;
}


#footer3{
	float:left;
	color:#fff;
	font-weight:normal;
padding-top: 50px;
}
#footer3 a, #footer3 a:visited{
	color: #000;
}
#footer a:hover{
	color: #fff;
}
#footer1{
	width:293px;
	float:left;
}


#footer2{
	width:260px;
	float:left;
	font-weight:bold;
	color:#000;
padding-top: 50px;
}

#footer2 a{
	color:#000;
	text-decoration:none;
}

#footer3 h2 {
	margin-top: -10px;
	font-size: 24px;
	margin-bottom: 0px;
}

#footer3 img{
	margin-right:5px;
}

/*** YOUR CSS ***/

.box{
	width:220px;
	height:160px;
	box-shadow: 0px 4px 12px rgba(94, 92, 92, 0.66);
	margin-bottom:10px;
}
.outer-box ul{
	padding: 0;
	margin: 0;
}
.outer-box li{
	margin-left:25px;
	font-size:13px;
}

.outer-box a{
	color:#000;
	text-decoration:none;
}

.outer-box a:hover{
	color:gray;
	text-decoration:none;
}

.outer-box{
	margin-top:14px;
	width:220px;
	height: 297px;
	float:left;
	margin-right:18px;
	background: #fafdfe; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmYWZkZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiNkOGVmZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDdlZWY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #fafdfe 75%, #d8eff3 87%, #d7eef4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fafdfe), color-stop(87%,#d8eff3), color-stop(100%,#d7eef4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafdfe 75%,#d8eff3 87%,#d7eef4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafdfe 75%,#d8eff3 87%,#d7eef4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafdfe 75%,#d8eff3 87%,#d7eef4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafdfe 75%,#d8eff3 87%,#d7eef4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafdfe', endColorstr='#d7eef4',GradientType=0 ); /* IE6-8 */
}



.books{
	float:left;
	margin-right: 7px;
	box-shadow: 0px 4px 12px rgba(94, 92, 92, 0.66);
	width: 112px;
	height: 162px;
	margin-bottom: 20px;
}

.books img{
	width:112px;
	height:162px;
}

.top-border{
	margin-top:20px;
	border-top:solid 2px #2c6d76;
	padding-top:20px;
	font-size: 12px;
}
.top-border li{
	margin-left:20px;
}

.top-border img{

	float: left;
	margin-right: 50px;
	box-shadow: 0px 4px 12px rgba(94, 92, 92, 0.66);
	margin-top: 10px;
}



.b-s{
	color: #2c6d76;
	font-family: serif;
	font-size: 20px;
	text-transform: uppercase;
}

.blue{
	color: #2c6d76;
}
.gray{
	font-style: italic;
	color: gray;
}
#testimonials .quote{
	margin-bottom: 0px;
	padding: 5px 0px 15px 63px;
	width: 390px;
	float: left;
}
#testimonials{

	min-height: 339px;
	float:left;
}

.quote{
	background-image: url('images/quote.png');
	background-repeat: no-repeat;
	padding: 5px 0px 23px 63px;
	margin-bottom: 30px;
}
.q-b img{
	margin: 3px 13px;
}
.q-b{

	margin-top: 10px;
}
.q-b p{
	margin:0px;
}


.q-b a{
	color:#000;
	text-decoration:none;
} 
.q-b a:hover{
	color: grey;
}
.q-b img{
	border: 1px solid black;
	margin-top:10px;
	float:left;
	box-shadow: 0px 4px 12px rgba(94, 92, 92, 0.66);
}
.quote-au{
	text-align: right;
	min-height: 43px;
	padding-top: 20px;
	font-size: 12px;
}

.more{
	display: block;
	background-color: #01a0a5;
	float: right;
	color: #f3f8fc;
	text-decoration: none;
	padding: 1px 7px;
	box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.79);
	margin-top: -31px;
	font-size: 11px;
	letter-spacing: 1px;
	margin-right: 18px;
}

.more:hover{
	color:#f3f8fc;
}

.xoxo .buttons {
background-image: url('images/button.png');
width: 217px;
height: 37px;
float: right;
color: white;
font-size: 14px;
font-family: san-serif;
text-transform: uppercase;
padding: 15px 17px;
background-repeat: no-repeat;
text-align: center;
text-shadow: 1px 6px 3px rgba(94, 92, 92, 1);
margin-top: 20px;
background-size: 100%;
}

.buttons{
	background-image: url('images/button.png');
	width: 268px;
	height: 37px;
	float: right;
	color: white;
	font-size: 20px;
	font-family: san-serif;
	text-transform: uppercase;
	padding: 14px 17px;
	background-repeat: no-repeat;
	text-align: center;
	text-shadow: 1px 6px 3px rgba(94, 92, 92, 1);
	margin-top:20px;
}

.buttons a{
	color: white;
	text-decoration:none;

}
.xoxo {
	padding: 0px;
	margin: 0px;
}
.xoxo li{
	padding: 0px;
	margin: 0px;
}
.xoxo li ul{
	margin: 0px;
	padding: 0px;
}
.xoxo li{
	margin: 0px;
	padding: 0px;
}

.xoxo .buttons a:hover{
	margin-left:0px!important;
	color:#fff!important;
}


#search_form{

}
#search_form #s {
	font-size: 20px;
	font-family: san-serif;
	text-transform: uppercase;
	text-shadow: 1px 6px 3px rgba(94, 92, 92, 1);
	color: #fff;
	border: none;
	width: 204px;
	border: none;
	padding: 1px 5px;
	height: 33px;
	background: none;
	text-align: center;
	margin: 0;
	vertical-align: top;
}




#search_form #s:hover {

}

#search_form #s:focus {
	text-transform: none;
outline:none;
}

.buttons #searchsubmit{
	border: none;
	height: 30px;
	width: 38px;
	cursor: hand;
	cursor: pointer;
	background: url('images/search.png');
	background-repeat: no-repeat;
	margin-right: 9px;
	padding: 0;
}

.col-one{
	float:left;
	width: 50%;
}

.col-two{
	float:right;
	width: 50%;
}
.portfolio_book_content, .portfolio_book_content a:link, .portfolio_book_content a:visited {
	font-size: 12px!important;
}
.portfolio-book ul{
	padding: 0px;
	margin: 0px;
}
.portfolio-book{
	margin-right: 25px;
	margin-bottom: 15px;
	background-color: rgba(236, 236, 236, 1);
	padding: 20px;
	box-shadow: 1px 1px 4px #6B6B6B;
	font-size: 12px;

}

.portfolio-book-left{
	float: left;
	width: 215px;
	padding-right: 20px;
}


.portfolio-book img{
	box-shadow: 0px 4px 12px rgba(94, 92, 92, 0.66);
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.portfolio-book p {
margin: 0px;
}

.portfolio-book a, .portfolio-book a:visited{
	color:#000;
	text-decoration:none;
	font-size: 12px;
}
.portfolio-book a:hover{
	color: grey;
}
.genre ul ul {
	margin-left: 10px;
}
.genre ul li {
	margin: 0!important;
}

.genre ul, .genre {
list-style-type: none;
}

.genre a{ 
	color:#000;
	text-decoration:none;
	transition: all 0.2s ease-in-out;
}

.genre a:hover{ 
	color:gray;
	text-decoration:none;

}

.widget-title a{
	color:#000;
	text-decoration:none;
}

.award-box {
	margin-right: 25px;
	margin-bottom: 15px;
	background-color: rgba(236, 236, 236, 1);
	padding: 20px;
	box-shadow: 1px 1px 4px #6B6B6B;
	font-size: 12px;
	min-height:210px;
}

.award-box img{
	max-height: 200px;
	max-width: 136px;
	box-shadow: 0px 4px 12px rgba(94, 92, 92, 0.66);
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 0px;
}

#lightbox {
	z-index: 9999999999999999999!important;
}

#overlay {
z-index: 1009000!important;
}

.editing-indent{
	margin-left: 30px;
	margin-right: 50px;
	font-family: serif;
	font-size: 13px;
	text-indent: 20px;
}

.xoxo .gform_body {
	margin-top:-20px;
}

.gfield_description {
padding: 0px!important;
}

.gfield_contains_required .ginput_container input{
	background-color:rgb(255, 255, 186);;
}

.xoxo .gfield_contains_required .ginput_container input{
	background-color:white;
}

.gform_wrapper .gfield_required{
	display:none;
}

.port-genre{
	display: inline;
	list-style-type: none;
	margin:0px!important;

}

.port-genre:after
{
content: ", ";
}

.port-genre:last-child:after
{
content: " ";
}

.mag{
	font-style: italic;
	clear: both;
	padding: 0px;
	font-family: 'Georgia',serif;
	/*text-shadow: 1px 6px 3px rgba(94, 92, 92, 0.28);*/
	font-weight: bold;
	margin: 5px 0px;
	font-size:17px;
}

.book-head{
	height: 256px;
	width: 277px;
	margin-top: 10px;
	position: absolute;
	margin-left: 704px;
	background-image: url('images/book.png');
	top: 0;
}