/*
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 Local Pages (Main 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: none repeat scroll 0 0 transparent;
border: 0 none;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body {
background: url("images/default-background.png") no-repeat scroll 50% 0px #c7d0d9;
font-family: Arial,Verdana,sans-serif;
font-size: 62.5%;
line-height: 1;
}
input, textarea {
color: #666666;
font-size: 12px;
line-height: 18px;
}
input[type="text"], textarea {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #CCCCCC;
padding: 2px;
}
input[type="submit"] {
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}
code {
font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
h1, h2 {
font-size:1.8em;
color:#000000;
font-weight:bold;
text-align:left;
}
h3,h4,h5,h6 {
font-weight:normal;
}
img {
border: none;
}
fieldset {
border:none;
}
ul {
list-style: square outside none;
}
ul, li {
list-style: none outside none;
}
ol, li {
list-style: decimal;
}
ol, ul {
list-style: none outside none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
blockquote {
background: none repeat scroll 0 0 #EBEBEB;
font-style: italic;
margin: 1.4em;
padding: 2em 2em 1em;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
a:link, a:visited {
color: #0033CC;
text-decoration: none;
background:transparent;
}
a:hover {
color:#adb3b8;
text-decoration:none;
}
.screen-reader-text {
left: -9000px;
position: absolute;
}
/* ------------------Wrapper------------------ */
#wrapper {
background: none repeat scroll 0 0 #FFFFFF;
margin: 0 auto;
padding: 0;
width: 89em;
}
/* ------------------Top Name Bar------------------ */
#topnamebar {
background: url("images/btn_stretch.png") repeat-x scroll left bottom #302F2F;
height: 4em;
width: 89em;
}
#topnamebar .business {
float: left;
padding: 1.1em 0 0 2.4em;
}
#topnamebar .phone {
float: right;
padding: 1.3em 3.8em 0 0;
}
#topnamebar a {
background:transparent;
color: #FFFFFF;
font-size: 1.7em;
font-weight: bold;
text-decoration: none;
}
/* ------------------Header Image------------------ */
#header-image {
width: 100%;
}
#header-image img {
border: none;
}
/* ------------------Header Navigation (Horizontal)------------------ */
#access {
background: url("images/btn_stretch_headernavbar.png") repeat-x scroll left bottom #302F2F;
display: block;
float: left;
font-weight: bold;
margin: -0.6em auto 0;
position: relative;
width: 100%;
}
#access .menu-header, div.menu {
font-size: 13px;
margin-left: 12px;
}
#access .menu-header ul, div.menu ul {
font-size: 13px;
list-style: none outside none;
margin: 0;
}
#access .menu-header li, div.menu li {
float: left;
position: relative;
}
#access a {
background:transparent;
color: #FFFFFF;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}
#access ul ul {
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #868686;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #737373;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
background: url("images/btn_stretch_headernavbar.png") repeat-x scroll left bottom;
}
#access, .entry-meta, .entry-utility, .navigation, .widget-area {
}
/* ------------------Page Title------------------ */
#pagetitle {
padding: 1em 0 0 2.8em;
}
/* ------------------Main Content Area------------------ */
#container {
float: left;
margin: 0;
width: 59.2em;
}
#container-nosidebar {
float: left;
margin-left: 14.8em;
width: 59.2em;
}
#content {
margin: 0 280px 36px 20px;
}
#content,
#content input,
#content textarea {
color: #000000;
font-size: 100%;
line-height: 100%;
margin-right: 1em;
}
#content input,
#content textarea {
width:30em;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
font-size: 16px;
line-height: 1.2em;
margin-bottom: 0;
padding-bottom: 0.8em;
}
#content li {
list-style: square outside none;
margin-left: 3.7em;
}
#content ol li {
list-style: decimal outside none;
margin-left: 4em;
}
#content .nodot {
list-style: none outside none;
margin-left: 0;
}
#content .textarea-nodot {
list-style: none outside none;
margin-left: 0;
}
#content .inline-nodot {
list-style: none outside none;
}
#content .sendcopy-nodot {
list-style: none outside none;
margin-left: 0;
}
#content .screenReader-nodot {
list-style: none outside none;
margin-left: 0;
}
#content .buttons-nodot {
list-style: none outside none;
padding-left: 6.8em;
width: 9em;
}
#content h1 {
color: #000000;
font-size: 2.2em;
font-weight: bold;
line-height: 1.5em;
text-align: left;
}
#content h2 {
color: #000000;
font-size: 2em;
font-weight: bold;
line-height: 1.5em;
margin: 0;
text-align: left;
}
#content h2 a {
color: #000000;
}
#content h3, #content h4, #content h5, #content h6 {
line-height: 1.5em;
}
#contentheading h1 {
color: #000000;
font-size: 2.2em;
font-weight: bold;
line-height: 1.5em;
margin: 1.2em 0 -1.1em;
text-align: left;
}
#contentheading h2 {
color: #000000;
font-size: 2.2em;
font-weight: bold;
line-height: 1.5em;
margin: 1.2em 0 -1.1em;
text-align: left;
}
#contentheading h2 a {
color: #000000;
}
#cat-title h1 {
color: #345582;
font-size: 2.2em;
line-height: 1.5em;
margin: 1.2em 0 -1.1em;
}
.hentry {
margin: 0;
}
.entry-content,
.entry-summary {
clear: both;
padding: 3em 0 0;
width: 55em;
}
.entry-content label {
color: #888888;
}
.entry-content input {
margin: 0 0 24px;
}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
/* ------------------Images------------------ */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
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: 12px;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; /* prevent too-wide images from breaking layout */
padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.wp-smiley {
margin: 0;
}
.gallery {
margin: 0 auto 18px;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 10px solid #f1f1f1;
}
.gallery br+br {
display: none;
}
#content .attachment img {/* single attachment images should be centered */
display: block;
margin: 0 auto;
}
/* ------------------Comments------------------ */
#comments {
clear: both;
}
#comments p {
font-size: 16px;
padding: 1em 3.7em 0;
}
#comments img {
float: left;
margin-right: 1em;
}
#comments li,
#comments ol li {
list-style: none outside none;
max-width: 30em;
}
#comments .reply {
padding: 0.5em 0 2em 3.8em;
}
#respond {
border-top: 1px solid #E7E7E7;
margin: 24px 0;
position: relative;
width: 80%;
}
#respond .comment-notes {
font-size: 14px;
margin-bottom: 1em;
padding-left: 4.3em;
}
#respond p {
margin: 0;
width: 80%;
}
#respond .required {
color: #FF4B33;
font-weight: bold;
}
#respond label {
color: #888888;
font-size: 16px;
}
#respond input {
font-size: 16px;
margin: 5px 0 9px;
width: 98%;
}
#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;
}
/* ------------------Sidebar Local------------------ */
#sidebar-local {
background: none repeat scroll 0 0 #F9F9F9;
float: right;
margin-top: -1.6em;
padding: 0;
width: 29.8em;
padding-bottom: 5em;
}
#sidebar-local-bottom {
background-image: url("images/sidebar-bottom-image.jpg");
float: right;
margin-top: -1.6em;
padding: 0;
width: 29.8em;
}
#primary, #secondary {
background: none repeat scroll 0 0 #F9F9F9;
float: right;
margin-top: 1.6em;
overflow: hidden;
width: 29.8em;
}
#vertnavbuttons {
float: left;
padding: 3.2em 3.2em 1em;
width: 23.4em;
}
#vertnavbuttons ul {
width: 23.2em;
}
#vertnavbuttons ul li {
background: url("images/btn_stretch_sidenavbuttons.png") repeat-x scroll left bottom #302F2F;
float: left;
font-weight: bold;
margin: 0 0.6em 0.5em;
width: 22em;
}
#vertnavbuttons ul li a {
background:transparent;
color: #FFFFFF;
float: left;
font-size: 1.9em;
font-weight: bold;
padding: 0.5em 0;
text-align: center;
text-decoration: none;
width: 100%;
}
#vertnavbuttons ul li:hover > a {
background: url("images/btn_stretch_sidenavbuttons.png") repeat-x scroll left bottom #4C4C4C;
}
#vertnavbuttons ul ul {
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#sidebarwidgets {
float: left;
margin-top: -1em;
padding: 0 2em 0 4em;
width: 22em;
}
#sidebarwidgets h3 {
font-weight: bold;
font-size: 2em;
padding-bottom:0.5em;
}
/* ------------------Widget Areas------------------ */
.widget-area ul {
float: left;
list-style: none outside none;
margin: 0 2em 2em 0;
width: 27.8em;
}
.widget-area ul ul {
list-style: square;
margin-left: 1.3em;
}
.widget-area ul, li {
list-style: none outside none;
max-width: 220px;
padding-bottom: 0.2em;
}
.widget-area select {
max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
width: 60%;
}
.widget_search label {
display: none;
}
.widget-container {
margin: 0 0 18px 0;
}
.widget-title {
color: #222;
font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
font-size: 1.5em;
font-weight: normal;
text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
text-decoration: underline;
}
.widget-area .entry-meta {
font-size: 11px;
}
#wp_tag_cloud div {
line-height: 1.6em;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
color: #222;
font-size: 14px;
font-weight: bold;
padding-bottom: 4px;
text-align: left;
}
#wp-calendar thead {
font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
padding: 3px 0 2px;
text-align: center;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
text-align: right;
}
.widget_rss a.rsswidget {
color: #000;
}
.widget_rss a.rsswidget:hover {
color: #ff4b33;
}
.widget_rss .widget-title img {
width: 11px;
height: 11px;
}
/* Main sidebars */
#main .widget-area ul {
margin-left: 0;
padding: 0 20px 0 0;
}
#main .widget-area ul ul {
border: none;
margin-left: 1.3em;
padding: 0;
}
.textwidget {
font-size: 1.6em;
}
/* ------------------Footer------------------ */
#footer {
background: none repeat scroll 0 0 #302F2F;
clear: both;
margin-bottom: 5em;
padding: 2em;
width: 85em;
}
#footer p {
background:transparent;
color: #FFFFFF;
font-family: Arial,Verdana,sans-serif;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2em;
padding-bottom: 0.8em;
text-align: center;
}
/* ------------------Footer Navigation (Horizontal)------------------ */
#footer-menu {
background: url("images/btn_stretch_headernavbar.png") repeat-x scroll left bottom #302F2F;
display: block;
font-weight: bold;
margin: 0 auto;
position: absolute;
width: 89em;
text-align: center;
margin-top: -6.1em;
margin-left: -2em;
}
#footer-menu ul{display:inline-block;}
#footer-menu .menu-header, div.menu {
font-size: 13px;
margin-left: 12px;
}
#footer-menu .menu-header ul, div.menu ul {
font-size: 13px;
list-style: none outside none;
margin: 0;
}
#footer-menu .menu-header li, div.menu li {
float: left;
position: relative;
}
#footer-menu a {
background:transparent;
color: #FFFFFF;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}
#footer-menu ul ul {
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#footer-menu ul ul li {
min-width: 180px;
}
#footer-menu ul ul ul {
left: 100%;
top: 0;
}
#footer-menu ul ul a {
background: #868686;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#footer-menu li:hover > a,
#footer-menu ul ul :hover > a {
background: #737373;
}
#footer-menu ul li:hover > ul {
display: block;
}
#footer-menu ul li.current_page_item > a, #footer-menu ul li.current-menu-ancestor > a, #footer-menu ul li.current-menu-item > a, #footer-menu ul li.current-menu-parent > a {
background: url("images/btn_stretch_headernavbar.png") repeat-x scroll left bottom;
}
#footer-menu, .entry-meta, .entry-utility, .navigation, .widget-area {
}
/* ------------------Forms------------------ */
ol.forms {
float: left;
list-style: none outside none;
margin: 0;
padding: 2em 0.2em 0 1.8em;
width: 31em;
}
ol.forms label {
cursor: pointer;
display: block;
font-weight: bold;
line-height: 1em;
margin-bottom: 0.5em;
padding-right: 2em;
width: 22em;
}
ol.forms input, ol.forms textarea-nodot {
font: inherit;
padding: 2px;
}
ol.forms textarea-nodot {
height: 300px;
width: 334px;
list-style: none outside none;
}
ol.forms li {
clear: both;
float: left;
position: relative;
width: 100%;
}
ol.forms li.buttons-nodot, ol.forms li.inline-nodot {
margin: 0.2em 0 0 9.1em;
width: 40em;
list-style: none outside none;
}
ol.forms li.sendcopy-nodot {
margin: 0.2em 0 0;
width: 29.3em;
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: 16px/16px "Avenir LT Std",Helvetica,Arial,sans-serif;
overflow: hidden;
padding: 0.5em;
text-transform: uppercase;
width: auto;
list-style: none outside none;
}
ol.forms li.inline-nodot input {
width: auto;
list-style: none outside none;
}
ol.forms li.inline-nodot label {
display: inline;
float: none;
width: auto;
}
ol.forms li.screenReader-nodot {
margin: 2em 0;
list-style: none outside none;
}
.error { color: #f00; }
ol.forms li .error {
font-size: 12px;
margin-left: 20px;
}
ol.forms li.textarea-nodot .error {
display: block;
margin: 1em 3.8em 0;
position: absolute;
right: 0;
top: 0;
width: 100px;
}