/* Theme Name: Style Statement Theme URI: http://stylestatement.com Description: Custom Wordpress theme for Style Statement Author: Vivien @ VG Universe Design Author URI: http://vguniverse.com/ */ /* STYLE INDEX --------*--------*--------*--------*--------*--------*--------*--------*-------- - GRID - COLOUR PALETTE - TYPOGRAPGHY - RESET - MAIN STRUCTURE - HEADER - BODY - FOOTER --------*--------*--------*--------*--------*--------*--------*--------*--------*/ /* GRID --------*--------*--------*--------*--------*--------*--------*--------*-------- Columns: 8 Total width: 978px Gutters: 30px 1 column: 96px 2 columns: 222px (the sidebar) 3 columns: 348px (each of the first two columns on the home page) 4 columns: 474px 5 columns: 600px 6 columns: 726px (joined columns main content) 7 columns: 852px --------*--------*--------*--------*--------*--------*--------*--------*--------*/ /* COLOUR PALETTE --------*--------*--------*--------*--------*--------*--------*--------*-------- dark grey: #666 orange: #E17802 blue: #5F89A2 --------*--------*--------*--------*--------*--------*--------*--------*--------*/ /* TYPOGRAPHY --------*--------*--------*--------*--------*--------*--------*--------*-------- default content: 'Helvetica Neue',arial,sans-serif; headings: Georgia, "Times New Roman", serif; highlights: font-family:baskerville,'palatino linotype','times new roman',serif; auxiliary: font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; --------*--------*--------*--------*--------*--------*--------*--------*--------*/ /* RESET --------*--------*--------*--------*--------*--------*--------*--------*--------*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, small, strike, strong, sub, sup, a, abbr, code, em, img, li, ol, ul, form, label, fieldset, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; } html{font-size:100%;} ol, ul {list-style: none;} * {margin:0pt; padding:0pt;} a img, :link img, :visited img {border: 0;} .clear {clear: both;} .clearfix {display: inline-block;} a {text-decoration: none;} /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ /* MAIN STRUCTURE --------*--------*--------*--------*--------*--------*--------*--------*--------*/ body {background: #fff; font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666;} a {color: #5f89a2;} a:hover{color: #e17802;} h1, h2, h3, h4 {font-weight: 500; font-family: Baskerville,'Palatino Linotype','times new roman',serif;} h4 {font-size: 1.375em;} h3 {font-size: 1.75em;} h2 {font-size: 1.875em} h1 {font-size: 1.875em;} small {font-size: 0.675em; line-height: 1.5em;} .amp {font-style: italic;} #wrapper {width: 978px; margin: 0 auto;} /* HEADER */ h1#logo {width: 726px; margin: 25px auto 0;} h1#logo a {text-indent: -9999px; background: transparent url(images/stylestatement_logo_tagline.png) no-repeat; width: 726px; height: 150px; display: block;} ol.menu_navigation {overflow: hidden; margin: 10px 0;} ol.menu_navigation li {float: left; letter-spacing: 0.02em; word-spacing: 0.05em; text-transform: uppercase; display: block; padding: 0 30px 0 0;} ol.menu_navigation li.current_page_item a, ol.menu_navigation li.current_page_parent a {color:#e17802;} ol.menu_navigation li.last {padding: 0;} ol.menu_navigation a {color: #666;} ol.menu_navigation a:hover {color: #e17802;} /* PAGE */ #page {overflow: hidden; margin: 30px 0;} #featuredposts, #welcome {width: 348px; float: left; margin-right: 30px;} #mediacontent {width: 756px; float: left; } #maincontent {width: 474px; float: left; margin-right: 30px;} #sidebar {width: 222px; float: right;} #extrasidebar {width: 222px; float: left; margin-right: 20px;} #page p {font-size: 0.875em; line-height: 1.5em; margin: 1em 0;} .bookintro {font-size: 0.875em; line-height: 1.5em; } #page em {font-family: Baskerville,'Palatino Linotype','times new roman',serif; font-size: 1.2em; letter-spacing: 0.03em;} #maincontent ul, #maincontent ol, #welcome ol, #welcome ul { list-style-position: outside; padding: 0 15px; color: #777;} #welcome ol {padding: 0 20px;} #maincontent ol {padding: 0 28px;} #maincontent ul, #welcome ul {list-style-type: disc;} #maincontent ol, #welcome ol {list-style-type: decimal;} .post ul li, .post ol li, #welcome ol li, #welcome ul li {font-size: 0.875em; line-height: 1.5em; padding: 0 5px; } #maincontent blockquote, #welcome blockquote {font-family: baskerville,'palatino linotype','times new roman',serif; font-size: 0.914em; line-height: 1.5em; margin: 1em 0;} .entry {margin: 10px 0 0 0;} .entry h3, .entry h4 {margin: 10px 0;} #maincontent h2 {margin-top: -5px;} #spotlight h2 {margin: 0 0 10px 0;} .block {margin: 20px 0 0 0;} .post {padding: 0 0 20px 0;} .postmetadata {margin: 10px 0;} #bookgallery ul {list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0;} #page .navigation {overflow: hidden; margin: 10px 0; font-size: 0.75em; letter-spacing: 0.02em;} .pageimg {margin: 5px 0 20px 0;} /*.special {background: #fff; border: 4px solid #eef3f6; color: #666; padding: 3px;} .specialinside {background: #eef3f6; border: 1px solid #eef3f6; padding: 8px;}*/ /* PRAISE + PRESS (media page) */ #press {margin: 20px 0 0 0;} #press, #press li {overflow: hidden;} #press li {margin: 0 30px 10px 0; width: 348px; height: 130px; float: left;} #press li .mediaImg {float: left; padding-top: 5px; margin-right: 20px;} #press li .mediaTxt {float: left; width: 212px;} #press li .mediaTxt p {margin: 0;} /*.mediasource {font-family:baskerville,'palatino linotype','times new roman',serif; font-size: 0.914em; font-style: italic;}*/ .mediasource {font-size: 0.75em; letter-spacing: 0.02em; } .morepress {font-family:baskerville,'palatino linotype','times new roman',serif;} #praise {margin-right: 40px;} /* BOOK */ #bookgallery ul {overflow: hidden; margin: 10px 0;} #bookgallery ul li {float: left; margin-right: 26px; padding: 0;} #bookgallery ul li.last {margin-right: 0;} #bookgallery ul li img {border: 1px solid #666;} /* ARCHIVES page */ .archivespage #searchform {margin-bottom: 20px;} .archivespage h3 {margin: 10px 0;} .archivespage ul li {font-size: 0.875em; line-height: 1.5em;} /*related posts */ .relatedposts {margin: 5px 0; font-size: 0.75em;} .relatedposts h4 {font-variant: small-caps; padding: 0 0 2px 0; letter-spacing: 0.05em; border-bottom: 1px solid #333; margin-bottom: 5px; } .relatedposts ol {list-style-type: decimal;} .relatedposts ol li {line-height: 1.375em; padding: 2px 0; } /* SIDEBAR + EXTRASIDEBAR */ #sidebar, #extrasidebar {font-size: 0.75em; line-height: 1.5em;} #sidebar #about {overflow: hidden;} #sidebar h3, #extrasidebar h3 {text-transform: uppercase; padding: 0 0 2px 0; letter-spacing: 0.05em; margin-bottom: 8px; font-size: 1.25em;} #badge {text-align: center;} .badgeTxt {margin: 0.5em 0; text-align: left;} .special {background: #fff; border: 4px solid #666; color: #666; padding: 3px;} .specialinside {background: #fff; border: 1px solid #666; padding: 8px;} #sidebar .special h3 {text-transform: none; font-size: 1.75em;} /* vertical margins */ .asides {margin: 0 0 30px 0;} #sidebar .aboutPic {float: left; height: 100px;} .aboutPic h4 {background: transparent url(images/carrie.jpg) no-repeat 0 0; text-indent: -9999px; width: 100px; height: 160px; margin-top: 5px;} #sidebar .aboutTxt {float: right; width: 115px; } #promotion {background: #fff; border-top: 1px solid #5F89A2; border-bottom: 1px solid #5F89A2; color: #666; padding: 8px 10px 0;} .promotioninside {} #subscription, #social {overflow: hidden; margin: 5px 0;} #social {margin-top: 20px;} #subscription li {display: block; padding-left: 22px;} #subscription li.rss {background: transparent url(images/web/rss.png) no-repeat 0 0; height: 16px; float: left;} #subscription li.email {background: transparent url(images/web/rss_email.png) no-repeat 0 0; height: 16px; float: right; margin-right: 4px;} #social li {display: block; margin: 5px 0;} #social li.twitter {background: transparent url(images/web/Twitter_24x24.png) no-repeat 0 0; padding-left: 32px; height: 24px;} #social li.fb {background: transparent url(images/web/FaceBook_24x24.png) no-repeat 0 0; padding-left: 32px; height: 24px;} #social .at300bs.at15t_compact {margin-right: 12px;} #getasession {border-top: 1px solid #e17802; border-bottom: 1px solid #e17802; padding: 5px 0; } #getasession h3 {text-transform: uppercase; letter-spacing: 0.05em; font-size: 1.375em; margin: 0; padding: 0;} #getasession a {color: #e17802;} #getasession p {margin: 0;} /* #book {background: transparent url(images/book.jpg) no-repeat 0 0; height: 222px; position: relative;} .booklink {background: #666; background-color: rgba(35, 31, 32, 0.5); position: absolute; bottom:0; width: 222px;} .booklink h4 {padding: 20px 5px; text-transform: uppercase; font-size: 1.375em; text-shadow: 0.1em 0.1em 0.05em #666; letter-spacing: 0.1em; word-spacing: 0.2em;} */ #book_statement ul {overflow: hidden;} li#book {float: left;width: 100px;margin-top: 4px;} .bookImg {background: transparent url(images/book_ss.jpg) no-repeat 0 0; height: 117px; position: relative; } .booklink {background: #e17802; position: absolute; bottom:0; width: 100px;} .booklink h4 {padding: 2px; text-transform: uppercase; font-size: 0.938em; letter-spacing: 0.02em; word-spacing: 0.04em;} .booklink h4 a {color: #fff; } li#bookTxt {float: right; width: 115px; } #badge ul {overflow: hidden;} li.badgePic {float: left; width: 100px;} li.badgeTxt {float: right; width: 115px;} #searchform input#s {border: 1px solid #ccc; padding: 2px; color: #666; font-size: 0.875em;} #searchform input#searchsubmit {border: none; background: #666; font-size: 0.875em; color: #fff; text-transform: uppercase; padding: 2px 5px;} #manifesto ol {list-style-type: decimal; padding: 0 20px;} #manifesto ol li {line-height: 1.5em; padding: 2px 0; } /* FOOTER */ #footer {margin: 10px 0; border-top: 1px solid #ccc; padding: 10px 0;} #footer p {font-size: 0.75em; line-height: 1.5em; letter-spacing: 0.03em; word-spacing: 0.05em;} .credits {margin: 10px 0; font-family:baskerville,'palatino linotype','times new roman',serif;} /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Captions - test and adjust! */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* COMMENTS */ .commentsdiv {border-top: 1px solid #eee; padding-top: 4px;} .commentlist {border-top: 1px solid #666; padding-top: 10px;} #maincontent ol.commentlist, #maincontent ol.commentlist ul {list-style: none;} .commentnavigation {overflow: hidden;} #maincontent ul.children {padding-left: 20px;} .reply {font-size: 0.75em; text-transform: uppercase; letter-spacing: 0.02em; font-family: baskerville,'palatino linotype','times new roman',serif; margin-bottom: 20px; } .commentordetails {overflow: hidden; font-size: 0.75em;} .commentpic {float: left; width: 32px; margin-right: 20px;} .commentheading {float: left;} .comment-author-admin .comment-author {color: #E17802;} #commentform input#submit {border: none; background: #666; font-size: 0.875em; color: #fff; text-transform: uppercase; padding: 2px 5px;} /* End Comments */ /*LIGHTBOX PRO*/ #cboxPrevious, #cboxNext {text-transform: uppercase; font-size: 0.675em; } #cboxCurrent {font-size: 0.675em; }