/*
Theme Name: WpBusinessPress
Theme URI: http://wpbusinesspress.com/
Description: Local Website + Mobile Website + Social Ministe - All In One WordPress Theme For Offline Bussinesses
Author: wpbusinesspress
Author URI: http://wpbusinesspress.com/
Version: 1.0

License: Please read the theme's Licence Agreement page at http://wpbusinesspress.com/licence/
License URI: http://wpbusinesspress.com/licence/

Portions of the code in this WpBusinessPress Theme are from the default WordPress Twenty Ten Theme which is developed by the WordPress team at http://2010dev.wordpress.com/

SPECIAL NOTE: CSS Code For Mobile Pages (Mobile Website) 
*/

/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    vertical-align:baseline;
}

body {
    font-size:100%; 
    font-family:Arial, 
    Verdana, sans-serif; 
    background:#F1F1F1;
}

h1 {
    font-size:1.125em; 
    color:#000000; 
    font-weight:bold; 
    text-align:center;
}

h2 {
    font-size:1.0625em; 
    color:#000000; 
    font-weight:bold; 
    padding:0.625em 0 0.625em 0;
}

h3,h4,h5,h6 {
    font-weight:normal;
}

p {
    font-size:1.0em; 
    line-height:1.4em; padding-bottom:0.750em;
}

fieldset {
    border:none;
}

ul, li {
    list-style:none;
}

a:link, a:visited {
    color:#0033cc; 
    text-decoration:none;
}

a:hover {
    color:#adb3b8; 
    text-decoration:none;
}

blockquote {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

blockquote {
    background: none repeat scroll 0 0 #EBEBEB;
    font-style: italic;
    margin: 0.5em 1.4em 1.4em;
    padding: 2em 2em 1em;
}

blockquote cite,
blockquote em,
blockquote i {
    font-style: normal;
}

/* ------------------Images------------------ */
img {
    border:none;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 0.75em; 
    max-width: 100%;
}

/* ------------------Top Name Bar------------------ */

#topnamebar {
    height:1.5em; 
    padding:0.375em 0em 0.375em 1.75em; 
    background:#302f2f  url(images/btn_stretch.png) repeat-x left bottom;
}

#topnamebar p {
    font-size:1.04em; 
    font-weight:bold;
}

#topnamebar a {
    color:#FFFFFF; 
    background:transparent;
} 

#topnamebar a img {
    float: right; 
    margin-top: -0.3em; height: 2em;
} 

#topnamebar .businessname {
    float: left;
    font-size: 0.95em;
    font-weight: bold;
    margin-top: -0.05em;
}

#topnamebar-alt {
    background: url("images/btn_stretch.png") repeat-x scroll left bottom #302F2F;
    float: left;
    height: 1.5em;
    margin-top: -0.35em;
    padding: 0.375em 0 0.375em 1.75em;
    width: 91.5%;
}

#topnamebar-alt p {
    font-size:1.04em; 
    font-weight:bold;
}

#topnamebar-alt a {
    color:#FFFFFF; 
    background:transparent;
} 

#topnamebar-alt a img {
    float: right; 
    margin-top: -0.3em; 
    height: 2em;
} 

#topnamebar-alt .businessname {
    float: left;
    font-size: 0.95em;
    font-weight: bold;
    margin-top: -0.05em;
}

/* ------------------Header Image------------------ */

#header-image {
    width:100%; float:left;
}

#header-image img {
    border:none;
}

/* ------------------Touch To Call------------------ */

#touchtocall {
    width:100%; 
    float:left; 
    margin-top: -0.4em; 
    background:#ffffff;
}

#touchtocall p {
    font-size: 0.9em; 
    line-height:0.5em;
}

#touchtocall img {
    border:none; 
    padding-left: 0.5em;
}

#touchtocall .phone-image {
    padding:0em 0.625em 0em 1.375em;  
    float:left;border: none;
}

#touchtocall .phone-number {
    padding-top:0.938em; 
    font-weight:bold; font-size:1.1em;
}

#touchtocall .phone-number a {
    color: #302F2F; 
    background:transparent; 
    text-decoration:none;
}

#touchtocall-alt {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-top: none;
    width: 100%;
}

#touchtocall-alt p {
    font-size: 0.9em; 
    line-height:0.5em;
}

#touchtocall-alt img {
    border:none; 
    padding-left: 0.5em;
}

#touchtocall-alt .phone-image {
    padding:0em 0.625em 0em 1.375em; 
    float:left;border: none;
}

#touchtocall-alt .phone-number {
    padding-top:0.938em; 
    font-weight:bold; 
    font-size:1.1em;
}

#touchtocall-alt .phone-number a {
    color: #302F2F; 
    background:transparent; 
    text-decoration:none;
}

/* ------------------Page Title------------------ */

#pagetitle {
    float:left; 
    padding:0 0 1em 1.75em; 
    width: 82%;
}

#pagetitle .mainpage {
    float:left; 
    padding-bottom:0.625em;
}

#pagetitle ul li {
    float:left; 
    margin-left: 0;
}

#pagetitle ul li a {
    color:#000000; 
    text-decoration:none; 
    font-weight:bold; 
    font-size: 1.2em; 
    padding:0.3em 0 0 0;
}

#pagetitle .pagename {
    float: left;
    list-style: none outside none;
    padding-top: 0.5em;
    width: 9.5em;
}

#pagetitle .facebook {
    float: right;
    list-style: none outside none;
    margin-top: 0.3em;
}

#pagetitle ul li a .mainlink {
    float:right; 
    padding:0.25em 0.313em 0.25em 0.438em; 
    margin-top:-0.25em; font-size:1.0em;
} 

/* ------------------Mobile Content------------------ */

#mobilecontent {
    float:left; 
    padding:0em 1.875em 1.25em 1.875em;
}

#mobilecontent .error p {
    color:#FF0000;
}

#mobilecontent .logo {
    width:100%; 
    float:left; 
    text-align:center; 
    padding-bottom:0.5em; padding-top:0;
}

.entry-content img {
    height: auto;
    max-width: 100%;
}

.entry-content ul {
    margin-bottom: 0.5em;
}

.entry-content ul, li {
    list-style: square outside none;
    margin-left: 2em;
    padding-bottom: 0.2em;
}

.entry-content ol, ul {
    list-style: square outside none;
}

.entry-content ol li {
    float: none;
    list-style: decimal outside none;
    margin-left: 4em;
}

.hentry {
    margin: 0 0 0.625em 0;
}

/* ------------------Vertical Nav Buttons------------------ */

#vertnavbuttons {
    width:88%; 
    margin: 0 auto; 
    margin-bottom:1.25em; 
    padding:2.5% 0 2.5%
}

#vertnavbuttons ul {
    width:100%; 
    float:left; 
    margin-bottom:1.25em;
}

#vertnavbuttons ul li {
    float: left;
    font-weight: bold;
    list-style: none outside none;
    margin-bottom: 0.313em;
    margin-left: 0;
    padding: 0 2.5%;
    width: 95%;
}

#vertnavbuttons ul li a {
    color:#FFFFFF;
    background: #302f2f url(images/btn_stretch_mobilenavbuttons.png) repeat-x left bottom;
    width:100%;
    float:left;
    text-decoration:none;
    text-align:center;
    font-size:1.2em;
    padding:1.125em 0 1.125em 0;
}

/* ------------------Comments------------------ */

#comments {
    clear: both;
}

#comments p {
    font-size: 16px;
    margin-top: 0.5em;
}

#comments img {
    float: left;
    margin-right: 1em;
}

#comments li {
    list-style: none outside none;
}

#comments .reply {
    padding: 0.5em 0 2em 3.8em;
}

#respond {
    border-top: 1px solid #E7E7E7;
    margin: 24px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#respond .comment-notes {
    font-size: 14px;
    margin-bottom: 1em;
}

#respond p {
    margin: 0;
}

#respond .required {
    color: #FF4B33;
    font-weight: bold;
}

#respond label {
    color: #888888;
    font-size: 16px;
}

#respond input {
    font-size: 16px;
    margin: 5px 0 9px;
    width: 90%;
}

#respond textarea {
    font-family: Arial,Verdana,sans-serif;
    font-size: 16px;
    margin-top: 5px;
    width: 98%;
}

#respond .form-allowed-tags {
    color: #888888;
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond .form-submit {
    margin: 12px 0;
}

#respond .form-submit input {
    font-size: 14px;
    width: auto;
}

h3#reply-title {
    margin: 18px 0;
}

h3#comments-title, h3#reply-title {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
}

#cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

/* ------------------Footer------------------ */

#footer { 
    background:#302f2f; 
    width:90%; height:3.75em; 
    float:left; 
    padding:1.25em 5% 0 5%;
}

#footer p { 
    color:#FFFFFF; 
    background:transparent; 
    font-family:Arial, Verdana, sans-serif; 
    font-size:0.9em; 
    text-align:center;
}

/* ------------------Contact Form------------------ */

ol.forms { float: left; list-style: none; margin: 0; padding: 0 0 2em 0.2em;}
ol.forms li {
    clear: both;
    float: left;
    list-style: none outside none;
    margin-left: 0;
    position: relative;
}

ol.forms label {
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    font-size:1em;
    line-height: 1em;
    padding: 1em 2em 0.5em 0;
}

ol.forms input, ol.forms textarea {
    border: 1px solid #7E8AA2;
    font: inherit;
    padding: 2px;
    width: 14em;
}

ol.forms textarea { height: 9em; width: 100%; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ol.forms li .error { font-size: 1em; margin-left: 1em; }
ol.forms li.textarea .error {
    display: block;
    margin-top: 3em;
    position: absolute;
    right: 0;
    top: 0;
    width: 10em;
}

ol.forms li.screenReader { margin: 0.5em 0 0.5em; }

ol.forms li.buttons-nodot, ol.forms li.inline-nodot {
    margin: 2em 0 0 0;
    list-style: none outside none;
}

ol.forms li.buttons-nodot button {
    background: none repeat scroll 0 0 #FF9800;
    border: medium none;
    color: #000000;
    cursor: pointer;
    font: 1em/1em "Avenir LT Std",Helvetica,Arial,sans-serif;
    list-style: none outside none;
    margin-left: 0.5em;
    overflow: hidden;
    padding: 0.5em;
    text-transform: uppercase;
    width: auto;
}


ol.forms li.buttons button:hover { 
    color: #222; 
}

ol.forms li.buttons button:active { 
    left: -1px; 
    position: relative; top: -1px; 
}

ol.forms li.inline input { 
    margin-right: 1em; 
    width: auto; 
}

ol.forms li.inline label { 
    display: inline; 
    float: none; width: auto;
}