/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept). → CAUTION: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions. → DESCRIPTION: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. → SUPPORT: Please use the official support forum (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "TidyThemes Sucks!" (tidythemes.com/tidythemes-sucks). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css) → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been opened up on GitHub (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate
BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
COLORS
Light Grey: # 978F87
Dark Grey Hover: # 5E5E60
Blood Orange: # d92000
*/
body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{
:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
===========================
CONTENTS:
01 Sensible defaults
02 Typography
03 Media queries
04 Header
===========================
*/
/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import "http://www.lorigraham.com/wp-content/themes/blankslate/css/reset.css";
div,
article,
section,
header,
nav,
li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
::-moz-selection { background:#ff0; color:#545454; font-family: sans-serif;}
::selection { background:#ff0; color:#545454; font-family: sans-serif;}
/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*
14 / 16 = 0.875em (14px equivalent)
16 / 16 = 1em (16px equivalent)
18 / 16 = 1.125em (18px equivalent)
21 / 16 = 1.3125em (21px equivalent)
24 / 16 = 1.5em (24px equivalent)
30 / 16 = 1.875em (30px equivalent)
*/
BODY, HTML
{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
BODY
{
background-color: #FFF;
}
BODY, TD
{
color: #5E5E60;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 18px;
}
input,
textarea { /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }
h1 {
clear: both;
font-weight: normal;
font-size: 11pt;
font-family: sans-serif;
text-transform: uppercase;
color: #5E5E60;
margin: 0 0 200px 0;
line-height: 16px;
padding: 0;
}
h2 {
clear: both;
font-weight: normal;
font-size: 11pt;
font-family: sans-serif;
text-transform: uppercase;
color: #5E5E60;
margin: 0 0 20px 0;
line-height: 16px;
padding: 0;
}
H3
{
clear: both;
font-weight: normal;
text-transform: uppercase;
font-size: 11pt;
margin: 0 0 20px 0;
padding: 0;
}
H4
{
clear: both;
font-weight: normal;
text-transform: uppercase;
font-size: 11pt;
margin: 0 0 20px 0;
padding: 0;
}
H5
{
clear: both;
font-weight: normal;
text-transform: uppercase;
text-decoration: underline;
font-size: 9pt;
margin: 0 0 10px 0;
padding: 0;
}
a {
text-transform: none;
color: #5E5E60;
font-size: 9pt;
text-decoration: underline;
}
a:hover {
color: #d92000;
text-decoration: underline;
}
A.innerSubNav
{
text-decoration: none;
font-size: 10pt;
display: block;
line-height: 1em;
margin: 0 0 10px 0;
}
/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* 400 and up */
@media screen and (min-width:400px) {
{ /* Place your styles here for all widths greater than 400px */ }
}
/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {
{ /* Place your styles here for all 'Retina' screens */ }
}
/* ----------------------------------------------------------------------------------------------------------
04 Header info ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.logo {
margin: 30px 0px 0px 0px;
position: relative ;
visibility: visible;
}
#headspace {
margin: -36px 0px 0px 302px;
position: absolute;
visibility: visible;
}
/* ----------------------------------------------------------------------------------------------------------
04 Footer info ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#footer-spacer {
height: 36px;
}
#footer {
top: 80px;
left:0px;
position: relative;
}
#footer-home {
top: 500px;
left:0px;
position: relative;
}
#footer-no-title {
top: 700px;
left:0px;
position: relative;
}
#footer-press {
top: 0px;
left:0px;
position: relative;
}
#copyright {
font-size: 11px;
color: #5E5E60;
text-transform: uppercase;
}
#socmed {
top: 0px;
right: 0px;
position: absolute;
}
#socmed-home {
top: -13px;
right:-960px;
position: relative;
}
#socmed-no-title {
top: 700px;
right: 0px;
position: relative;
}
#socmed-press {
top: -13px;
right: -960px;
position: relative;
}
/* ----------------------------------------------------------------------------------------------------------
06 Utility ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both }
#wrapper {
width: 1024px;
min-height: 400px ;
margin:0 auto;
background-color: white;
vertical-align: top;
position: static;
overflow: auto;
display: block;
}
#push {
height: 100%;
}
.socmed {
position:relative;
margin: -70px 0 0 960px;
display: block;
}
.post-edit-link {
position: absolute;
margin:-100px 0 0 0px;
display: block;
}
/* ----------------------------------------------------------------------------------------------------------
07 Menu ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#main-nav {
position: relative;
}
#menu {
margin: -61px 0px 0px 263px;
float: left;
display: inline-block;
text-align: left;
position: relative;
height: 10px;
}
.menu-bar {
width: 650px;
text-decoration: none;
float: left;
position: relative;
text-align:left;
}
.menu-bar li {
display: inline;
padding-right:15px;
}
.menu-bar li a {
text-transform: uppercase;
color: #5E5E60;
font-size: 14px;
padding: 0px 0px 0px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
display: inline-block;
}
.menu-bar li a:hover, ul#sub-nav li a:hover {
color: #d92000;
text-decoration: none;
}
.current-page-ancestor, .current-page-ancestor a, .current-page-ancestor a span {
color: #d92000;}
#current
{
color: #F05133;
}
#sub-menu {
margin: -12px 0px 0px 00px;
float: left;
display: inline-block;
text-align: left;
text-transform: capitalize;
}
.sub-nav li a {
text-transform: capitalize;
color: #5E5E60;
font-size: 12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
display: inline-block;
}
/* ----------------------------------------------------------------------------------------------------------
08 Content ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.content {
width: 700px;
margin: 0px 0 0 0px;
position: inherit;
}
.entry-title {
margin: 80px 0 0 535px;
position: relative;
display: block;
}
.mosaic-title {
margin: 80px 0 0 0px;
position: relative;
display: block;
}
.press-title {
margin: 80px 0 0 0px;
position: relative;
display: block;
}
.entry-title-2 {
margin: 95px 0 0 535px;
position: relative;
display: block;
}
.edit {
margin: 96px 0 0 0px;
position: relative;
display: block;
}
.entry-content {
margin: 0px 0 0 535px;
position: relative;
width: 400px;
display: block;
}
.entry-content-home {
margin: -85px 0 0 0;
position: absolute;
width: 1024px;
display: block;
}
.entry-content-full {
margin: 65px auto;
position: relative;
width: 1024px;
display: block;
}
.entry-content-press {
margin: 0 0 0 -13px;
position: relative;
width: 1040px;
display: block;
}
.entry-content-mosaic {
margin: 25px auto;
position: relative;
width: 1024px;
display: block;
}
.entry-feature {
position: absolute;
margin: -10px 0 0 0;
width: 400px;
display: block;
}
.backto {
position: absolute;
margin: -70px 0 0 0;
width: 400px;
display: block;
}
/*
#################################################
# #
# body #
# #
#################################################
*/
TD.content
{
padding: 0 0 50px 0;
width: 800px;
}
TD.contentPhoto
{
text-align: left;
}
/*
#################################################
# #
# in-page nav #
# #
#################################################
*/
TABLE.topicNaver
{
margin: -140px 0 0 0;
}
A.innerSubNav
{
text-decoration: none;
font-size: 10pt;
display: block;
line-height: 1em;
margin: 0 0 10px 0;
width: 200px;
}
IMG#galleryBig, IMG.galleryBig
{
border-color: #5E5E60;
border-width: 1px;
border-style: solid;
margin: -65px 0 0 0;
}
IMG.gallerySmall
{
border-color: #5E5E60;
border-width: 1px;
border-style: solid;
margin: 10px 0 0 10px;
}
IMG.gallerySmallEmpty
{
border-color: #FFF;
border-width: 1px;
border-style: solid;
margin: 10px 0 0 10px;
}
IMG.gallerySmallEmpty
{
border-color: #FFF;
border-width: 1px;
border-style: solid;
margin: 10px 0 0 10px;
}
DIV.sepinator
{
width: 350px;
height: 2px;
font-size: 1px;
background-color: #978F87;
margin: 15px 0 15px 10px;
padding: 0;
}
DIV.sepinator2
{
width: 400px;
height: 2px;
font-size: 1px;
background-color: #fff;
margin: 15px 0;
padding: 0;
}
DIV.extlinkinator
{
float: left;
width: 270px;
padding: 0 0 5px 10px;
}
DIV.extlinkinator A
{
text-decoration: none;
}
DIV.paginator
{
float: right;
width: 25px;
padding: 0 0 5px 0;
}
A.arrowR0
{
background-image: url(http://www.lorigrahamdesign.com/wp-content/uploads/arrowRbg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
A.arrowL0
{
background-image: url(http://www.lorigrahamdesign.com/wp-content/uploads/arrowLbg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
A.arrowR1
{
background-image: url(http://www.lorigrahamdesign.com/wp-content/uploads/arrowRbg.gif);
background-repeat: no-repeat;
}
A.arrowL1
{
background-image: url(http://www.lorigrahamdesign.com/wp-content/uploads/arrowLbg.gif);
background-repeat: no-repeat;
}
A.arrowR1:link, A.arrowR1:visited, A.arrowR1:active
{
background-position: 0 -20px;
}
A.arrowR1:hover, A.arrowR1:focus
{
background-position: 0 -40px;
}
A.arrowL1:link, A.arrowL1:visited, A.arrowL1:active
{
background-position: 0 -20px;
}
A.arrowL1:hover, A.arrowL1:focus
{
background-position: 0 -40px;
IMG.galleryTexture
{
float: right;
margin: 0 0 20px 0;
}
TD.contentPage
{
padding: 0 0 0 20px;
margin: -45px 0 0 -535px;
position: absolute;
}
TD.contentRes
{
padding: 0 0 0 20px;
margin: -45px 0 0 -535px;
position: absolute;
}
TD.contentPage-gallery
{
padding: 0 0 0 20px;
margin: -48px 0 0 40px;
position: absolute;
width: 350px;
}
TD.galleryThumbs
{
padding: 0 5px 0 10px;
vertical-align: bottom;
}
DIV.contentFull
{
font-size: 9pt;
line-height: 1.7em;
}
DIV.sepinator
{
width: 350px;
height: 2px;
font-size: 1px;
background-color: #5E5E60;
margin: 15px 0 15px 10px;
padding: 0;
}
DIV.sepinator2
{
width: 330px;
height: 2px;
font-size: 1px;
background-color: #5E5E60;
margin: 15px 0;
padding: 0;
}
DIV.extlinkinator
{
float: left;
width: 270px;
padding: 0 0 5px 10px;
}
DIV.extlinkinator A
{
text-decoration: none;
}
DIV.paginator
{
float: right;
width: 25px;
padding: 0 0 5px 0;
}
DIV#thumber1
{
position: relative;
top: -551px;
}
DIV#thumber2
{
position: absolute;
z-index: 100;
top: 0;
left: 0;
}
DIV.clipOff
{
clip: rect(0,441,551,0);
}
DIV.clipOn
{
clip: rect(0,800,551,0);
}
DIV.clipNone
{
clip: rect(0,441,551,0);
}
DIV.clipOn DIV#messageOn
{
display: none;
}
DIV.clipOff DIV#messageOn
{
display: block;
}
DIV.clipNone DIV#messageOn
{
display: none;
}
DIV.clipOn DIV#messageOff
{
display: block;
}
DIV.clipOff DIV#messageOff
{
display: none;
}
DIV.clipNone DIV#messageOff
{
display: none;
}
DIV#messageOn
{
position: absolute;
z-index: 200;
top: 0;
left: 0;
background-color: #FFF;
border-color: #978F87;
border-width: 1px;
border-style: solid;
padding: 2px 8px;
font-size: 8pt;
}
DIV#messageOff
{
position: absolute;
z-index: 200;
top: 0;
left: 0;
background-color: #FFF;
border-color: #978F87;
border-width: 1px;
border-style: solid;
padding: 2px 8px;
font-size: 8pt;
}
DIV#galleryBig
{
border-color: #978F87;
border-width: 1px;
border-style: solid;
height: 549px;
}
DIV.bigNarrow
{
width: 439px;
}
DIV.clipOn DIV.bigWide
{
width: 798px;
}
DIV.clipOff DIV.bigWide
{
width: 439px;
}
/*
#################################################
# #
# gallery #
# #
#################################################
*/
#image-gallery {
width: 439px;
border: solid 1px #5E5E60;
text-align: center;
margin: 0px 0 0 0;
color: #000;
background: #eee;
padding: 0px;
position: absolute;
}
#thumbs-gallery {
width: 530px;
margin: 345px 0 0 460px;
position: absolute;
}
#thumbs-gallery img {
border: solid 1px #5E5E60;
margin: 5px;
}
#gallery-content {
margin: 0 0 0 470px;
position: absolute;
width: 520px;
}
#gallery-hr {
margin-top:220px;
}
post .content .wp-caption p {
margin:0;
text-align:center;
}