/*
Theme Name: Toyloan-R
Theme URI: http://pomelodesign.com/
Description: WordPress template using TwentyEleven as parent
Author: Pomelo Design Inc.
Author URI: http://pomelodesign.com/
Template: twentyeleven
Version: 1.0
*/
@import url("../twentyeleven/style.css");
/* Page
------------------------------------------------------- */
body {
    padding: 0;
    margin: 0;
}
#page {
    z-index: 100;
    margin: 0 auto;
    overflow: hidden;
    background: none;
}
#main {
    margin: 8em 0;
    padding: 30px 0 0;
    background: url("images/page-border-top.png") 0 0 no-repeat;
}
#primary {
    padding: 0 0 39px;
    background: url("images/page-border-bottom.png") 0 bottom no-repeat;
}
#content {
    background: #fff
}
#main #content {
    margin: 0
}
.error404 #main #content {
    margin: 0;
}
.one-column #content {
    margin: 0;
    padding: 0 7.6%;
}
.one-column #page {
    min-width: 760px;
    max-width: 760px;
}
.singular .hentry,
.singular.page .hentry {
    padding: 1.5em 0 0
}
.hentry,
.no-results {
    margin: 0 0 3.5em
}
/* Header
------------------------------------------------------- */
#branding {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    background: #333; /* IE */
    background: rgba(0,0,0,0.8);
    min-width: 760px;
}
#branding hgroup {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}
#site-title {
    margin: 0;
    padding: 0;
}
#site-title a {
    background: url("images/walker-logo.png") no-repeat;
    width: 230px;
    height: 19px;
    margin: 0.4em;
}
#access {
    float: right;
    width: auto;
    clear: none;
    background: none;
    box-shadow: none;
    margin: 0;
    font-family: 'Francois One', sans-serif;
    text-transform: uppercase;
}
#access div {
    margin: 0
}
#access ul {
    margin: 0
}
#access ul ul {
    box-shadow: none;
    background: url("images/nav-border-bottom.png") 0 bottom no-repeat;
    padding-bottom: 14px;
}
#access ul ul a {
	background: #333; /* IE */
    background: rgba(0,0,0,0.8);
    color: #fff;
    border: 0;
}
#access ul ul a:hover {
	background: #333; /* IE */
    background: rgba(0,0,0,0.8)
}
#access li {

}
#access a {

}
#access .current_page_item > a,
#access .current_page_ancestor > a,
#access .current_page_parent > a {
    font-weight: normal;
    color: #666666;
}
#access li:hover > a,
#access a:focus {
    color: #FFB354;
    background: none;
}
#access li.button {
    margin: 0.6em 0.5em
}
#access li.button > a {
    padding: 0.25em 1em;
    line-height: 1em;
}
#access li.button:hover > a,
#access li.button a:focus {
    color: #fff
}
/* Type
------------------------------------------------------- */
a {
    color: #0082BF
}
a:hover {
    text-decoration: none;
    color: #007460;
}
.singular .entry-title,
.entry-title,
.entry-title a,
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
    font-family: 'Francois One', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    color: #007460;
}
.entry-content h1,
.comment-content h1 {
    font-size: 1.3em
}
.entry-content h2,
.comment-content h2 {
    font-size: 1em
}
.entry-title,
.singular .entry-title {
    font-size: 3em
}
.entry-header,
.singular .entry-header {
    background: url("images/page-header-background.png") 0 2.4em no-repeat;
    margin-left: -9%;
    padding-left: 9%;
}
.button {
    background: #0082BF;
    background: linear-gradient(top, #0082BF, #004363);
    background: -webkit-linear-gradient(top, #0082BF, #004363);
    background: -moz-linear-gradient(top, #0082BF, #004363);
    border: 1px solid #004363;
    border-radius: 1em;
    font-weight: normal;
    font-family: 'Francois One', sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0.25em 1em;
    line-height: 1em;
    box-shadow: 2px 0 0.25em rgba(0,0,0,0.25);
}
.button:hover {
    background: #FFB354;
    background: linear-gradient(top, #FFB354, #CC7B23);
    background: -webkit-linear-gradient(top, #FFB354, #CC7B23);
    background: -moz-linear-gradient(top, #FFB354, #CC7B23);
    border-color: #CC7B23;
    color: #fff;
    cursor: pointer;
}
.entry-title a,
.page-title a {
    white-space: normal;
    line-height: ;
}
/* Home
------------------------------------------------------- */
#contact-details {
    float: left;
    font-family: 'Francois One', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 0.6em 1em;
}
#contact-details span {
    margin-right: 1em
}
#contact-details a {
    color: #fff
}
#contact-details a:hover {
    color: #FFB354
}
.home #site-title a {
    background: url("images/home-walker-logo.png") no-repeat;
    width: 287px;
    height: 108px;
    position: fixed;
    top: 1.75em;
    left: 0.35em;
}
.home #main {
    background: none;
    padding: 0;
    margin: 0;
}
.home .entry-title {
    color: #fff;
    text-shadow: 0 0 0.1em rgba(0,0,0,0.5);
    padding: 0;
    margin: 0 0 0.25em;
    line-height: 1;
}
.home #main {
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    padding-bottom: 45px;
}
.home .entry-content {
    padding: 1.625em 2.5%;
    width: 80% !important;
    margin: 0 auto;
    color: #fff;
    font-size: 1.3em;
}
.home .entry-content p {
	margin: 0;
}
.home .ticker {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	padding: 10px;
	background: #333;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	height: 25px;
}
.home .ticker h3 {
	float: left;
	width: 10%;
	margin-left: 10%;
	font-family: 'Francois One', sans-serif;
    text-transform: uppercase;
    text-align: left;
    margin-right: 2.5%;
}
.home .ticker ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 77.5%;
}
.home .ticker li {

}
.home .ticker a {
	color: #fff
}
.home .ticker a:hover {
    text-decoration: none;
    color: #FFB354;
}
.home .alert-badge {
    position: fixed;
    right: 20px;
    top: 63px;
}
.home .boat-show {
    background: #fff;
    width: 133px;
    padding: 4px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.3);
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}
.home .boat-show h3 {
    font-family: 'Francois One', sans-serif;
    font-size: 34px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: normal;
    color: #007460;
    margin-bottom: 5px;
}
.home .boat-show .button {
    display: block;
    font-size: 18px;
    margin: 10px;
}

/* Forms
------------------------------------------------------- */
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="url"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="phone"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield input[type="password"],
.gform_wrapper .gfield textarea {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #DDD;
    color: #888;
    font-size: 15px;
}
.gf_progressbar_title {
    display: none
}
.gform_wrapper .gsection {
    margin: 32px 0 16px
}
/* Blog
------------------------------------------------------- */
.entry-header .comments-link {
    display: none
}
.entry-header .entry-meta,
.singular .entry-header .entry-meta {
    position: absolute;
    top: 1.5em;
}
.blog .entry-title,
.category .entry-title,
.singular.single-post .entry-title {
    padding: 0.8em 0 0;
    line-height: 1.2em;
}
.blog .entry-header,
.category .entry-header,
.singular.single-post .entry-header {
    background-position: 0 3.6em;
}
.singular.single-post .entry-title {
	padding-top: 1.2em
}
.singular.single-post .entry-header {
	background-position: 0 4.5em;
}
#content nav {
    position: absolute;
    width: 200px;
    top: 1.2em;
    right: 3em;
}
.singular.single-post article {
    padding: 0
}
.category .page-title {
    padding-top: 2em
}
.nocomments,
.edit-link {
	display: none;
}
*/
/* Misc
------------------------------------------------------- */
.post-edit-link {
    display: none
}
.replace {
    overflow: hidden;
    text-indent: -999em;
    display: block;
}
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%
}
a {
    white-space: nowrap
}
#main:after,
#content:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#wpadminbar {
    display: none
}
@media (max-width:800px) and (min-width:200px){
#menu-main-menu{
display:none;
}
#click-menu.admin-bar-showing {
margin-top: 2px !important;
}
#menu-main-menu .button , .menu-item-103{
background: #0082BF;
background: linear-gradient(top, #0082BF, #004363);
background: -webkit-linear-gradient(top, #0082BF, #004363);
background: -moz-linear-gradient(top, #0082BF, #004363);
border: none !important;
border-radius: 1px !important; 
font-weight: normal;
padding: 0px !important;
line-height: inherit !important;
box-shadow: 1px 0 1px rgba(0,0,0,0.25);
}
.home #site-title a {
background-size:60%;
}
.entry-title, .singular .entry-title {
font-size: 24px;
}
.one-column #page {
min-width: 100%;
max-width: 100%;
}
time.entry-date {
position: relative;
top: -12px;
}
.one_half{
width:90% !important;
margin:0 auto !important;
clear:both !important;
}
.nav-previous {
float:right;
position:relative;
top:-5px;
}
#respond .comment-form-author .required, #respond .comment-form-email .required{
left:58%;
}
.entry-title, .singular .entry-title {
font-size: 1.5em;
}
.home .entry-content{

}
.home #main{
margin:-30px 0;
}

}
@media (max-width:569px) and (min-width:360px){
.entry-title, .singular .entry-title {
font-size: 1.5em;
}
.home .entry-content{

}
.home #main{
margin:-45px 0;
}
}
@media (max-width:320px) and (min-width:240px){
.entry-title, .singular .entry-title {
font-size: 1em;
}
.button{
padding: 0.05em 1em;
}
.home .entry-content{

}
.home #main{
margin:-30px 0;
}
}
@media (width:736px) and (width:768px){
#click-menu img {
width: 25px;
}
}

@media (width:320px){
.home #main{
margin:-70px 0;
}
}
@media (width:240px){
#contact-details span{
font-size:11px !important;
}
}