/*
Theme Name: Marlow Theme
Theme URI: http://notesblog.com/
Description: A child theme of Notes Blog Core theme. Made by TDH and maintained at notesblog.com. Requires WordPress 2.8 or higher.
Version: 1.0.1
Tags: light, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post, translation-ready
Author: Thord Daniel Hedengren. Adapted by Taragh Bissett, Enfabula
Author URI: http://tdhedengren.com/
Template: notes-blog-core-theme
Get support and services for the Notes Blog Core Theme:
http://notesblog.com
Created and managed by Thord Daniel Hedengren:
http://tdhedengren.com
Adapted by Taragh BIssett
http://www.enfabula.com
*/
/* =====================
RESET
--------------------- */
body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, li, ul#sidebar li ul, ol.commentlist, ul.children, ul#footercol li ul,
div#submenu-nav ul, div#submenu-nav ol, form, img, table
{
margin:0;
padding:0;
border: 0;
}
/* =====================
DEFAULT TYPE & COLOR
--------------------- */
/* Default font and background*/
body
{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
font-size: 62.5%; /* Sets 1em to 10px font */
background-color:#FFFFFF;
}
/* Headers */
h1, h2, h3, h4, h5, h6, p {
font-weight: normal;
margin-bottom: 7px;
padding-bottom: 7px;
}
p {
font-size: 1.3em;
line-height: 1.4em;
margin-top: 8px;
margin-bottom: 8px;
}
h1 {
font-size: 3em;
line-height: 1.2em;
margin-bottom: 7px;
}
h2 {
font-size: 2.6em;
line-height: 1.2em;
}
h3 {
font-size: 2.0em;
line-height: 1.2em;
}
h4 {
font-size: 1.8em;
line-height: 1.2em;
}
h5 {
font-size: 1.6em;
line-height: 1.2em;
}
h6 {
font-size: 1.4em;
line-height: 1.2em;
}
/* =====================
LINKS
--------------------- */
/* default */
a:link,
a:active,
a:visited {
color: #fe7903;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* ========
MAIN LAYOUT
-------- */
/* default aligns */
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/* default main column */
div.widecolumn { width: 700px; }
.page-template-page-nosidebar-php div.widecolumn { width: 960px; } /* for pages with no sidebar */
/* default sidebar */
div.column,
ul.column,
ul#sidebar
{ width: 220px; } /* for sidebar */
div#site { width: 100%; float:left; } /* bigger than wrap */
div#wrap {
width: 940px; /* original layout was 960px, this is for nicola */
margin: 0 auto; /* centre page in window */
border-top: 10px solid #fe7903; /* add orange top line */
}
/* ========
LOGO AREA
-------- */
/* header is logo area */
div#header {
width: 310px;
float:left;
margin: 20px 0 0 0;
padding-bottom: 10px;
}
div#header h1 { letter-spacing:-1px; font-size: 36px; font-weight:normal; } /* Hide because used logo instead */
div#header h1 span { color: #bbb; font-size: 24px; display:none; } /* Hide because used logo instead */
/* hack to have on dark and on light logos is to have both and hide one with css */
img#logo { display: block; }
img#logo-onblack { display: none; }
/* rss button */
div#toplist { position:relative; width: 940px; font-size: 12px;}
div#toplist div.feed { float:right; padding: 6px 0 0 1px ; }
div#toplist div.feed a { padding: 5px 10px; background: #eee; }
.home div#toplist div.feed a { padding: 5px 10px; background: #222; }
div#toplist div.feed a:hover { background: #fe7903; color: #000; }
/* ========
NAVIGATION AREA
-------- */
/* Haven't used submenu nav so styling here has not been altered */
div#submenu-nav
{
width:100%;
float:left;
border: 1px solid #444;
border-width: 0 0 1px 1px;
border-left: 1px dotted #e8e8e8;
}
div#submenu-nav ul {}
div#submenu-nav ul li {
list-style: none;
float:left;
padding: 8px;
border: 1px dotted #e8e8e8;
border-width: 0 1px 0 0;
}
/* ===================
top navigation styles
------------------- */
#navigation{
margin: 58px 0 0 0;
padding: 0;
clear: right;
float: right;
}
ul#navlist a {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}
ul#navlist {
margin: 0;
margin-bottom: 0;
padding-left: 0;
float: left;
font-weight: normal;
width: 100%;
border-bottom: 1px solid #fe7903;
border-width: 1px 0;
}
* html ul#navlist { /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}
ul#navlist li{
display: inline;
font-size: 1.5em;
}
ul#navlist li a{
float: left;
color: #fe7903;
padding: 2px 10px 8px 10px;
text-decoration: none;
}
ul#navlist li a:hover{
color: black;
border-bottom: 4px solid #fe7903;
padding-bottom: 4px;
}
ul#navlist li.current-cat a,
ul#navlist li.current_page_item a
{
border-bottom: 4px solid #fe7903; /*identifies current category in nav bar*/
padding-bottom: 4px;
}
/* end navigation styles */
/* =====================
MAIN BLOG AREA
--------------------- */
/* Blog is band that includes maincolumn and sidebar */
div#blog {
width: 100%;
float:left;
background-image: url(http://nicolarowsell.com/illustrator/wp-content/themes/marlow/images/12gridXXXXXXXXXXX.png);
/* Grid to remove when finished design */
background-position: -10px;
margin-top: 10px;
}
div#content {
float:left;
}
div#content li {
font-size: 13px;
}
div.post, /* inbetween each post in a list */
div.page,
div.attachment {
padding: 0px 0px 0 0px;
margin-bottom: 30px;
overflow:hidden;
}
div.post {
border-top: solid 10px #e5e5e5; /* grey bar above each post */
}
.home div.post {
border-top: 0; /* remove grey bar on homepage */
}
.page-id-2 .entry h2 {
border-top: solid 10px #e5e5e5;
padding-top: 10px;
margin-top: 0px;
/* grey bar above each heading 2 on about page */
}
.page-id-2 .entry p img {
margin-top: 40px; /* space above images on about page */
}
ul#sidebar h2 { /* grey bar above each widget in sidebar */
border-top: 10px solid #e8e8e8; }
div.post div.entry img, /* clear images so all align right properly */
div.page div.entry img,
div.attachment div.entry img {
clear: both;
}
div.narrowcolumn,
div.narrowcolumn {
width: 460px; /* new div to narrow paragraph columns*/
}
/* in list band with category, author, date and comment number */
div.postmeta {
width:100%;
height:1%;
float:left;
padding: 3px 0 3px 0;
margin-bottom: 10px;
font-size: 1.3em;
border-bottom: 1px solid #e5e5e5;
}
/* use these to hide bits if needed */
div.postmeta span.author { display:none; }
body.blog div.postmeta span.author { display:none; }
div.postmeta span.categories {}
div.postmeta span.tags { display:none; }
div.postmeta span.timestamp {}
div.postmeta span.comments { float:right;}
div.postmeta span.comments span {}
.category-illustration div.postmeta span.timestamp { display:none; }
.category-personal-work div.postmeta span.timestamp { display:none; }
/* not sure about these as no attachments used */
p.attachmentnav { padding-top: 5px; color: #777; }
p.attachmentnav a { font-style: normal; }
/* floated */
div.post div.entry,
div.page div.entry { width:100%; float:left; }
div.post div.entry p,
div.page div.entry p { font-size: 1.4em; }/* increase font size for text in main body of post or page */
div.page div.entry li { font-size: 1.4em; }/* increase font size for text in main body of post or page */
div.post div.entry p { margin-right: 160px; margin-top: 5px; margin-bottom: 5px; } /* indent paragraph on right to help ledgibility*/
div.post div.entry p img.alignright { margin-right: -160px; margin-top: 0; } /* because wordpress puts images inside paragraph need to take indent out again*/
/* sticky posts have no special styling here */
div.sticky { }
/* =====================
COMMENTS AREA
--------------------- */
/* title at top of comment list */
h2#comments {
margin: 0 0 20px 0;
padding: 8px 0 8px 0;
border: 1px solid #e8e8e8;
border-width: 10px 0 1px 0;
font-size: 1.6em;
}
ol.commentlist {}
ol.commentlist li {
margin: 0 0 0px 0px;
padding: 10px 5px 10px 80px;
list-style:none;
border: 1px solid #e8e8e8;
border-width: 0 0 1px 0;
}
ol.commentlist li div.comment-body p {
font-size: 1.3em;
line-height: 1.4em;
padding-right: 80px;
}
ol.commentlist li div.comment-author,
ol.commentlist li div.comment-meta {
font-size: 1.3em;
line-height: 1.4em; }
ol.commentlist li div.comment-author img.avatar { float:left; margin: 0 10px 0 0; }
div.comment-author cite.fn { font-weight:bold; font-style:normal; }
div.comment-author cite.fn a { font-style:normal; }
div.comment-meta { margin-bottom: 10px; }
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.bypostauthor { background-color:#f6f6f6; }
ol.commentlist li.pingback { color: #777; padding: 0 0 10px 5px; color: #777; }
ol.commentlist li.pingback a { font-weight:normal; }
ol.commentlist li.pingback p,
ol.commentlist li.pingback span,
ol.commentlist li.pingback div.comment-meta,
ol.commentlist li.pingback div.reply {
display:none;
}
div.reply {
float:right;
display:block;
margin: -25px 0 0 0;
line-height: 12px;
}
a.comment-reply-link { display:block; float:left; margin-left: 10px; }
ul.children { margin: 20px 0 20px 20px; }
ul.children li { margin: 10px 0; padding-left: 10px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px;
}
/*
COMMENTS WRITE RESPONSE
--------------------- */
div#respond { margin: 20px 0px 20px 0px; }
div#respond h3 {
margin: 0 0 20px 0;
padding: 8px 0 8px 0;
border: 1px solid #e8e8e8;
border-width: 10px 0 1px 0;
font-size: 1.6em;
}
table.commenttable { border:0; padding: 0 0 0 80px; }/* displays when not logged in */
table.commenttable tr td { font-size: 1.3em; line-height: 1.4em; }
form#commentform {}
input#author, input#email, input#url { margin-bottom: 5px; padding: 2px; width: 220px; }
textarea#comment { width: 500px; height: 150px; padding: 10px; margin-left: 80px; }
input#submit { float:right; margin-bottom: 20px; }
div.nav { float:left; display:block; }
div.commentnav div.left, div.commentnav div.right { padding: 0 20px 20px 20px; }
div.entry ul li ul.children { margin: 10px 20px; }
div.entry ul li ul.children li { margin: 0 0 5px 0; padding-left: 0; border: 0; }
/* =====================
SIDEBAR
--------------------- */
ul#sidebar h2 {
padding-top: 10px;
}
ul#sidebar
{
float:right;
margin-top: 0px;
}
ul#sidebar ul.children { margin: 5px 0 0 0; }
ul#sidebar ul.children li { border: 0; }
ul#sidebar li { list-style: none; margin: 0 0px 20px 0; }
ul#sidebar li ul { margin-left: 5px; }
ul#sidebar li ul li { margin-bottom: 5px; }
ul#sidebar li ul li ul { margin: 5px 0 0 10px; }
li#tag_cloud {}
li#tag_cloud a { padding: 0 2px; }
li#search {}
ul#sidebar li.categories {}
.widget, .widget-text, .widgettitle, .textwidget, #sidebar, #column {
margin-right: 0;
padding-right: 0;
}
ul#sidebar h2.widgettitle
{
font-size: 1.8em;
color: #555555;
}
div.nav {
display: none;
}
/* =====================
FOOTER NOT USED
--------------------- */
div#footer
{
width: 100%;
float:left;
clear:both;
margin: 20px 0 0 0;
padding: 15px 0 1px 0;
border: 1px solid #bbb;
border-width: 1px 0 1px 0;
}
ul.footercol { width: 240px; float:left; }
ul.footercol li { list-style:none; margin-bottom: 15px; padding: 0 10px; }
ul.footercol li ul { margin-left:1px; padding-left:0; }
ul.footercol li ul li { margin-bottom: 5px; padding-left:0 !important; }
ul.footercol li ul li ul { margin-left: 10px; }
/* =====================
COPY AND FINAL WORD under footer
--------------------- */
div#copy
{
width:100%;
float:left;
clear:both;
margin: 20px 0 0 0;
padding: 5px 0 7px 0;
background: #f8f8f8;
border-bottom: 1px solid #bbb;
border-width: 0 0 1px 0;
border-top: 10px solid #fe7903;
}
div#copy p { margin:0; padding:0 0 0 11px; font-size: 11px; }
div#copy p.right { padding: 0 10px 0 0; }
div.copycolumnwide { float:left; width:450px; }
div.copycolumn { float:right; width:450px; }
div#finalword
{
width:100%;
float:left;
clear:both;
margin: 0;
padding: 20px 0;
color: #777;
text-align:center;
font-size: 1.2em;
}
/* ===================
MISC ELEMENTS
------------------- */
p.right { text-align:right; }
p.center { text-align:center; }
p.admin { color: #aaa; }
p.nocomments { padding: 0 20px; color: #777; }
div#content embed, .embedded { text-align:left; margin: 0 0 14px 0; } /* for movies */
div#content p span { background: #ffc; }
div.post ul li,
div.page ul li,
div.post ol li,
div.page ol li { margin-bottom: 5px; color: #333; }
blockquote {
margin: 0 0 14px 20px;
padding: 0 15px;
border: 1px solid #e8e8e8;
border-width: 0 0 0 1px;
color: #777; }
blockquote.pullquote {
width: 220px;
padding: 5px 0;
border: 0;
font-size: 18px;
line-height: 150%;
}
blockquote.pullquote p { margin-bottom: 0; }
ol.commentlist li blockquote { border: 0; padding:0; }
/* Images and aligns */
.alignleft,
blockquote.alignleft { float:left; margin: 0 15px 15px 0; }
.alignright,
blockquote.alignright { float:right; margin: 0 0 15px 15px; }
.frame { padding: 5px; border: 1px solid #e8e8e8; }
.wp-caption { padding: 10px 7px; border: 1px solid #e8e8e8; font-size: 12px; color: #777; text-align:center; }
p.wp-caption-text { margin:10px 0 0 0 !important; padding:0; line-height: 14px !important; }
div.gallery { margin-bottom: 14px; }
dl.gallery-item {}
dt.gallery-icon {}
img.attachment-thumbnail { border:0; }
dd.gallery-caption { margin-top: 8px; font-size: 12px; color: #777; }
/* Quick color fixes */
span.alert { color: red; background:none; }
.page-template-default .postmeta {
display: none;
}
/* ===================
HOMEPAGE TEASERS
------------------- */
#teaserwrap {
margin: 20px 0 0 0;
padding-top: 15px;
background-color:#ededed;
overflow: auto;
}
#teaserwrap .teaser {
float: left;
margin: 0 5px 0px 15px;
width: 290px;
}
#teaserwrap .teaser img{
float: right;
margin: 0 0 5px 5px;
}
#teaserwrap .teaser h2, #teaserwrap .teaser h3 {
font-size: 1.6em;
line-height: 1.2em;
margin-bottom: 0px;
}
#teaserwrap .teaser-metadata {
margin-bottom: 8px;
font-size: 1.2em;
padding-bottom: 3px;
border-bottom: 1px solid #cccccc;
}
#teaserwrap .teaser .comment-total {
font-size: 1.2em;
color: red;
}
#teaserwrap .teaser-metadata span.comments {
float: right;
}
/* ===================
BLOG PAGE
------------------- */
/* default sidebar */
.page-id-6 div.column
{ width: 300px; } /* for column on blog page */
div#tumblrcolumn {
float:right;
width: 560px;
}
#tumblr {
margin: 0;
padding: 0;
}
#tumblr ol.tumblr_posts {
list-style: none;
margin: 0;
padding: 0;
}
#tumblr li.tumblr_post {
border-bottom: 10px solid #e8e8e8;
margin: 20px 0 20px 0;
padding: 20px 0 20px 0;
}
#tumblr .tumblr_photo_post {
}
#tumblr .tumblr_link_post a {
}
#tumblr .tumblr_description {
}
#tumblr .tumblr_link {
font-size: 2.2em;
}
#tumblr .tumblr_caption {
}
#tumblr .tumblr_caption p {
}
/* ===================
end
------------------- */