/*
THEME NAME: WPBiz
THEME URI: http://wpbiz.jp/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: WPbiz.jp
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/
/* Based on http://www.plaintxt.org/themes/sandbox/ by Andy Skelton & Scott Allan Wallick */
/* =====
Reset Reloaded (by Eric Meyer)
http://meyerweb.com/eric/tools/css/reset/
===== */
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 {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* =====
"Utilities"
===== */
.clearfix:after, .children:after { content:"."; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; }
.clearfix, .children { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix, .children { display:block; }
/* End hide from IE Mac */
* html .clearfix, * html .children { height:1px; }
.fl { float: left; }
.fr { float: right; }
body, .serif, #submit { font-family: Palatino Linotype, Book Antiqua, Palatino, Georgia, serif; }
.sansserif, p, li li, .entry li, .commentmetadata, tr { font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Geneva, sans-serif; }
p, li, td, th { font-size: 1.2em; line-height: 1.6; }
li li, li p, td p, th p { font-size: 1em; }
table { border: solid #ccc; border-width: 1px 0 0 1px; }
th, td { border: solid #ccc; border-width: 0 1px 1px 0; padding: 2px 10px; }
th { text-align: center; background: #F4F2E5; vertical-align: middle; }
body { text-align: center; background: url(images/gui/shared/body-bg.jpg) repeat-x #aec2eb; font-family: sans-serif; padding: 15px; font-size: 62.5%; color: #333; }
a:link { color: #00f; }
a:visited { color: #036; }
a:hover, a:active { color: #2a2a7e; }
ul.sidebyside li { float: left; display: block; padding-left: 6px; margin-right: 6px; border-left: 1px solid #555; }
ul.sidebyside li.first { border: none; }
/* General Layout */
div#header { text-align: left; }
div#wrapper { text-align: left; margin: 0 auto; width: 1000px; }
div#content, div.breadcrumb { width:1000px; background: #fff; margin-bottom: 10px; }
/* div.sidebar { text-align: left; width:200px; float: left; } */
div.section { padding: 15px; }
p#footer { clear:both; width:100%; text-align: center; }
div.skip-link { position:absolute; right:1em; top:1em; }
/* /Applications/xampp/xamppfiles/htdocs/wordpress/wp-content/themes/wbdir/header.php */
/* Header */
div#header ul.sidebyside a { text-decoration: none; font-weight: bold; }
div#header ul.sidebyside a:link, div#header ul.sidebyside a:visited { color: #222; }
div#header ul.sidebyside a:hover, div#header ul.sidebyside a:active { color: #777; }
/* Main Menu Nav */
div#menu { background:url(images/gui/shared/menu-bg.jpg) repeat-x #434852; margin:8px 0; width:100%; }
div#menu ul { display: block; padding: 8px; }
div#menu ul li { float: left; font-size: 1.4em; }
div#menu ul li.last { border-right: 1px solid #CECECE; }
div#menu a { float: left; display: block; font-weight: bold; text-decoration: none; border-right: 1px solid #222; border-left: 1px solid #CECECE; padding: 0 10px; }
div#menu li.first a { border-left: none; }
div#menu a:link, div#menu a:visited { color: #fff; }
.center { text-align:center; }
/* Button CSS - original from wordpress.org
---------------------------------------- */
.submit input, .button, .button-primary, .button-secondary, input[type=button], input[type=submit] { font-size: 12px; line-height: 1.5; text-decoration: none; padding: 2px 8px !important; cursor: pointer; border: 1px solid #bbb; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box; text-shadow: rgba(255,255,255,1) 0 1px 0; }
input#dirsearch { font-size: 1.6em; }
.button a, .button-secondary a { font-weight: normal !important; }
.submit input:hover, .button:hover, .button-secondary:hover, input[type=button]:hover, input[type=submit]:hover { color: #000; border-color: #666; }
.submit input, .button, .button-secondary, input[type=button], input[type=submit] { background: #f2f2f2 url(/shared/img/button-bg.png) repeat-x scroll left top; }
.submit input:active, .button:active, .button-secondary:active, input[type=button]:active, input[type=submit]:active { background: #eee url(/shared/img/button-bg.png) repeat-x scroll 0px -200px; }
.button-primary { border-color: #298cba !important; font-weight: bold; color: #FFF !important; background: #21759B url(images/button-grad.png) repeat-x scroll left top; text-shadow: rgba(0,0,0,0.3) 0 -1px 0; }
.button-primary:hover { border-color: #13455b !important; color: #EAF2FA !important; }
.button-primary:active { background: #21759b url(/shared/img/button-bg.png) repeat-x scroll left top; !important; }
/* Directory Search */
form#directory-search-form { margin-bottom: 8px; float: left; margin-right: 10px; display: inline; }
form#directory-search-form input.text { font-size: 1.6em; border: solid 2px #4974ce; width: 300px; padding: 4px; margin-right: 6px; }
div#directory-search ul { float: left; margin-left: 8px; display: inline; }
div#directory-search ul li { font-size: 1.1em; background: url(images/gui/icons/add.png) no-repeat left center; padding: 2px 0 2px 19px; }
div#directory-search ul li.edit-request { background-image: url(images/gui/icons/alert.png) }
/* Breadcrumb */
div.breadcrumb p { padding: 8px 10px; font-size: 1.2em; }
div.breadcrumb .current { font-size: 1.28em; }
div.breadcrumb a { text-decoration: none; }
/* Pagination */
div#nav-below { font-size: 1.2em; }
/* Sub Page */
h2 { font-size: 2em; border-bottom: 3px solid #ddd; padding-bottom: 5px; margin-bottom: 1em; }
h3 { font-size: 1.6em; margin-bottom: 0.5em; }
h4 { font-size: 1.3em; margin-bottom: 0.5em; }
p.disclaimer { border-top: 3px solid #ddd; padding-top: 5px; margin-top: 1em; }
div.post { padding: 15px 10px 10px 10px; border-top: 1px dotted #888; margin: 10px 0; }
div.entry-content { float: left; width: 600px; margin-right: 50px; display: inline; }
div.entry-content a img { float: left; margin: 0 15px 10px 0; }
div.entry-content a:link img, div.entry-content a:visited img { border: solid 2px #c4c4c4; }
div.entry-content a:hover img, div.entry-content a:active img { border: solid 2px #999; }
div.entry-content p { font-size: 1.3em; }
div.entry-content p.url, div#recent-entries p.url { color: #008000;}
div.entry-meta { float: left; width: 300px; }
ul#category-archives li li { float: left; display: block; padding-left: 6px; margin-right: 6px; }
/* Home */
ul.biz-categories { float: left; width: 30%; margin-right: 3%; }
ul.biz-categories ul { border-top: 3px solid #ddd; margin: 0 10px 10px 0; padding: 5px 0; }
ul.biz-categories li a { text-decoration: none; font-weight: bold; }
ul.biz-categories li { font-size: 1.6em; clear: both; color: #333; margin-bottom: 5px; padding-left: 5px; }
ul.biz-categories ul.children li { float: left; margin: 0 5px 0 0; font-size: 0.9em; clear: none; color: #555; border: none; }
ul.biz-categories li li a { font-weight: normal; }
div#recent-entries h2 { font-size: 1.8em; background: url(images/gui/new.png) no-repeat 0 10px; padding: 16px 0 4px 60px; border: dashed #999; border-width: 1px 0 0 0; margin-bottom: 5px; }
div#recent-entries ul li { float: left; display: block; margin-right: 1%; border: 3px solid #d8ddf0; width: 305px; background: #f0f0f0; }
div#recent-entries ul li div { padding: 10px; }
div#recent-entries h3 { font-size: 1.2em; }