/* @override http://www.ianhogg.co.uk/wp-content/themes/sandbox/style.css */
/* @override http://www.ianhogg.co.uk/wp-content/themes/sandbox/style.css */
/* @override http://www.ianhogg.co.uk/wp-content/themes/sandbox/style.css */
/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* Main Architecture layout */
@import url('examples/2c-r.css');
/* Architecture mainly dealt with in other file*/
html { }
body {margin: 0px; padding: 0px; background: #fff; xbackground:url(http://www.ianhogg.co.uk/images/freelance-art-director-blog-bg.gif) no-repeat;}
#wrapper {margin: 0px; padding: 0px;}
#header { }
#container { background: #fff;}
#content { }
#primary { } /* sidebar one */
#secondary { } /* sidebar two */
#footer { background: #fff;}
.sidebar {background: #fff;} /* controls all the sidebar looks */
/* ian header styles
--------------------------------------------------------------------------------------------------------------------------------*/
#ianheader {height:165px; width:1000px; margin: 0px 0px 0px 20px; padding: 0px; background:#fff;}
x#ih_topcolorbar {height:20px; width:890px; margin: 0px 0px 15px 0px; padding: 0px; background:#CF0;}
#logo_float {height:87px; width: 116px; margin: 20px 0px 12px 10px; padding: 0px ; float: left;}
#ih_blackline {height:1px; width: 1000px; margin: 0px 10px 0px 10px; padding: 0;background:#000; float: left;}
#topnav ul{list-style:none; padding: 5px; margin: 0px 0px 0px 5px;}
#topnav li{
float: left;
margin: 0px 5px 0px 0px;
padding-top:8px;
padding-right:8px;
padding-bottom:8px;
padding-left:8px;
}
.topnavone {text-decoration: none; color: #000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
.topnavone a {text-decoration: none; color: #000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
.topnavone a:hover {background: #CF0;}
h1 {font-size: 12px; color: #000; margin: -23px 0px 0px 0px; font-family: Georgia, Times, serif; float: right; clear: both;}
h1 a { }
h1 a:link { }
h1 a:visited { }
h1 a:hover { }
#blog-title { }
#blog-description { }
/* Sidebar General styles /* IDH */
--------------------------------------------------------------------------------------------------------------------------------*/
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;} /* IDH x 2,uh? makes no sense but leave it alone?*/
div.sidebar h3{font-size:10px; color: #000; padding: 8px 0px 6px 8px; font-weight: bold; font-family: Arial, sans-serif;} /* IDH */
div#primary.sidebar {margin:0px 18px 0 1px; padding:0px;} /* IDH */
div#secondary.sidebar {margin:0 0px 0 0px; padding:0px;} /* IDH */
div.sidebar input#s{width:15em;}
div.sidebar li{font-family: Arial, Helvetica, sans-serif; font-size:10px; list-style:none; margin:0 0 0 0;}/* IDH */
div.sidebar li a:link{text-decoration: none;color: #000;}/* IDH */
div.sidebar li a:visited{text-decoration: none;color: #000;}/* IDH */
div.sidebar li a:hover{text-decoration: none;color: #000;}/* IDH */
div.sidebar li form{margin:0em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 0;} /* IDH */
div.sidebar ul ul li{ }/* IDH */
div.sidebar ul ul ul{margin:0 0 0 0;}
div.sidebar ul ul ul li{list-style:none;}
/* Sidebar Widgets - individually styled IDH
-------------------------------------------------------------------------------------------------------------------------------------*/
.widget_wp_shopping_cart {background:#CF0; margin: 0 0 5px 0;}
li#shopping-cart.widget.widget_wp_shopping_cart {margin: 0 0 0px 0px; padding:0px 0px 10px 10px;}
li#shopping-cart.widget.widget_wp_shopping_cart h3.widgettitle {padding: 8px 0px 6px 0px;}
p.visitshop a {line-height: 2em;}
div.wpsc_description p {text-decoration: none;font-size: 14px; color: #000; font-family: Georgia, sans-serif;line-height: 1.5em;}
.widget_rss_links {background:#6FF; url(images/rss-icon.gif) no-repeat 5px 5px;}
li.widget_rss_links ul li{margin: 0px 0px 0px 8px; padding:0px 6px 5px 0px;}
#rss_float { margin: -38px 5px 0px 0px; float: right;}
li#gdlb_widget-2 {margin: 8px 0px 0px 0px;}
#social-links h3 {font-weight: normal; border-bottom: 1px solid #000; padding: 8px 0px 5px 6px;}
li#text-3 {margin: 8px 0px 0px 0px;}
li#recent-comments-2 h3 {font-weight: normal; border-bottom: 2px solid #CF0; padding: 8px 0px 5px 6px;}
#recentcomments li {border-bottom: 1px dotted #000; margin-bottom:3px; margin-top:5px; padding: 0px 0px 5px 8px;}
li#ezadswidget-3.widget.ezAdsWidget h3.widgettitle{display: none;}
li#ezadswidget-3.widget.ezAdsWidget {margin-left: -12px;}
#popular-posts h3 {font-weight: normal; border-bottom: 1px solid #000; padding: 12px 0px 5px 6px;}
#popular-posts li {border-bottom: 1px dotted #000; margin-bottom:3px; margin-top:8px; padding: 0px 0px 8px 8px;}
li#twitter-tools h3 {font-weight: normal; border-bottom: 1px solid #000; padding: 8px 0px 5px 6px;}
li#twitter-tools li {border-bottom: 1px dotted #000; margin-bottom:3px; margin-top:5px; padding: 0px 0px 5px 8px; line-height: 1.35em;}
li#twitter-tools a {font-weight: bold;}
#primary.widget { }
.widget { }
#primary h3.widgettitle { }
#primary h3 { } /* Titles for each section of the sidebar, including widget sidebar accessories */
.widgettitle { }
.widget_text {}
.widget_sandbox_search { }
div.textwidget { } /* text from widget sidebar accessories */
.textwidget { }
.widget ul {}
.widget li {}
.widget ul ul {}
.widget ul ul ul { }
.widget ul ul li { }
.widget ul ul ul li { }
.widget a:link {}
.widget a:visited { }
.widget a:hover { }
/* Recent Posts Widget List */
#recent-posts { }
#recent-posts.widget { }
.widget_recent_entries { }
#recent-posts h3 {font-weight: normal; border-bottom: 2px solid #CF0; padding: 8px 0px 5px 6px;}
#recent-posts li {border-bottom: 1px dotted #000; margin-bottom:3px; margin-top:5px; padding: 0px 0px 5px 8px;}
#recent-posts a:link { }
#recent-posts a:visited { }
#recent-posts a:hover { }
/* post styles title, date, content.
----------------------------------------------------------------------------------*/
.entry-title{clear:both;text-decoration: none;color: #000; font-size: 21px;font-family: Georgia, sans-serif; font-style: oblique; padding: 0 8px 0 0;}/* IDH */
.entry-title a:visited{clear:both;text-decoration: none;color: #000;}/* IDH amend entry title*/
.entry-title a:link{clear:both;text-decoration: none;color: #000;}/* IDH amend entry title*/
.entry-title a:hover{clear:both;text-decoration: none;color: #000;}/* IDH amend entry title*/
.entry-date{text-decoration: none;font-size: 0.75 em;color: #996; display: none;}/*IDH turns date off*/
.entry-content{clear:both;text-decoration: none;font-size: 14px; color: #000; font-family: Georgia, sans-serif;
line-height: 1.5em; padding:0px; margin:0px;} /* IDH */
.entry-content a:link {background: #CF0; color: #000; text-decoration: none;}
.entry-content a:hover {background: #CF0; color: #000; text-decoration: none;}
.entry-content a:visited {background: #CF0; color: #000; text-decoration: none;}
.entry-meta {font-size: 11px;font-family: Arial, Helvetica, sans-serif; color: #000;}
.entry-meta a:link { color: #000; text-decoration: none;font-size: 11px;}
.entry-meta a:visited { color: #000; text-decoration: none;}
.entry-meta {margin-bottom: 20px;}
.entry-category a:link {color: #000; text-decoration: none;}
.entry-category a:hover {color: #000; text-decoration: none;}
.entry-category a:visited {color: #000;text-decoration: none;}
.hentry {margin-bottom: 30px; border-bottom: 1px solid #000;}
/*thumbnail excert image class---IDH---------------------*/
.tfe {margin: 0px 0px 10px 0px; width: 710px; height: 350px;}
/* VARIOUS PAGE VIEWS customizable on a per post, category, page view, date, etc. basis
y = year, m = month, d = date, h = hour
*/
.y2006 { }
.m08 { }
.d05 { }
.h04 { }
#post-X { } /* Customizable by X = post ID number */
#content #post-X {}
/* Front Page Only */
/* Set by body class="wordpress y2006 m08 d06 h09 home" */
.home { }
/* Single Post Only
Set by body class="wordpress y2006 m08 d06 h09 single s-y2006 s-m08 s-d05 s-h04" */
.single { }
.s-y2006 { }
.s-m08 { }
.s-d05 { }
.s-h04 { }
/* Page View
Page ID is set as div id="post-X" class="hentry page publish author-lorelle category-uncategorized y2005 m08 d16 h08" */
.page { }
.category-uncategorized { } /* Currently, WordPress Pages are in the "uncategorized" category */
/* Author Page */
/* Set by body class="wordpress y2006 m08 d06 h09 archive author author-lorelle" */
.archive { }
.author { }
.author-metadata { }
.author-metadata a:link { }
.author-metadata a:visited { }
.author-metadata a:visited { }
/* Multi-post Views such as Search and Tags */
/* Set by body class="wordpress y2006 m08 d06 h09 search" */
.search { }
h2.page-title { }
.page-title { }
/* Category and Archive View */
/* Category view set by body class="wordpress y2006 m08 d06 h09 archive category category-blogging-tips"
The DL list is the category subtitle. Be sure and treat any DL tags used within the post content differently from the subtitle of the category and archive views. */
.category { }
.archive { }
.category a:link { }
.category a:visited { }
.category a:hover { }
h2.page-title { }
h2.entry-title { }
.page-title { }
.page-title a:link { }
.page-title a:visited { }
.page-title a:hover { }
.category dl { }
.category dt { }
.category dd { }
dl #?-metadata { } /* This is customizable per category, such as #blogging-tips-metadata or #wordpress-news-metadata */
#?-metadata dt { }
#?-metadata dd { }
.category-? { } /* Customizable per category, such as .category-wordpress-tips */
.archive-metadata { }
h3.entry-title { }
h3.entry-title a:link { }
h3.entry-title a:visited { }
h3.entry-title a:hover { }
/* Post Title */
h2 { }
h2.entry-title { }
.entry-title { }
/* Post Content Area OTHERS IN LIST REMOVED IDH*/
.hfeed { }
.hentry { } /* surrounds entire post area on everything, including Pages */
.post { } /* not featured on Pages. On everything else. */
.publish { } /* around post content area and page content area on every template file */
.wordpress { } /* in body of every template file */
.author-lorelle { }
.published { }
div.entry-content { }
.entry-content p { }
.readmore { }
.entry-content ul { }
.entry-content ul ul { }
.entry-content ul li { }
.entry-content ul ul li { }
.entry-content ul ul ul { }
.entry-content ul ul ul li { }
.entry-content ul ul ul ul { }
.entry-content ul ul ul ul li { }
.entry-content li { }
.entry-content li li { }
.entry-content li li li { }
.entry-content h3 { }
.entry-content h4 { }
.entry-content h5 { }
/* Dealing with the Post Date
The use of the ABBR tag to house the date may be in keeping with new standards, but it creates a styling nightmare. To style all ABBR usages one way, they will all look the same, as a date and as an abbreviation (acronym) unless you restrict all use of the acronyms to the ACRONYM tag in your posts.
The ".published" class is used in all of the date references, so you will have to use a parent container to specify which date you want styled. Thus, the vast number of options. */
.published abbr { } /* date published */
.entry-content abbr {} /* ABBR used inside of a post entry content area. Style this to make the abbreviations in your posts look differently than your date styles. */
body.home abbr.published { }
body.archive abbr.published { }
body.home abbr.published, body.archive abbr.published { }
body.single abbr.published { } /* Customize the date on single post pages only */
div.entry-meta abbr.published { } /* Customize the date in the post meta data section */
.search abbr.published { }
.archive abbr.published { }
.category abbr.published { }
/* Post Excerpts */
span .more-link { } /* The "read more" span style */
.more-link { }
.entry-content span { }
/* post meta section-------------------- */
.edit-link {display: none;}
.entry-meta .meta-sep {display: none;}
.entry-meta .vcard {display: none;}
.post .entry-meta {line-height: 1.5em;}
.entry-meta .comment-link {xbackground: #CF0; font-weight: bold; padding: 1px;}
.entry-meta a:link { }
.entry-meta a:visited { }
.entry-meta a:hover { }
.entry-meta abbr { }
span.entry-author { }
span.author { }
span.vcard { }
.entry-author { }
.author { }
.vcard { }
.entry-meta span { }
a.url { }
a.fn { }
.url { }
.fn { }
span.entry-category { }
.entry-category { }
.entry-category a:link { }
.entry-category a:visited { }
.entry-category a:hover { }
span.entry-editlink { }
.entry-editlink { }
.entry-editlink a { }
span.entry-commentlink { }
.entry-commentlink { }
.entry-commentlink a:link { }
.entry-commentlink a:visited { }
.entry-commentlink a:hover { }
/* comments section-------------------- */
div.comments { }
.comments { }
.comments h3 {text-decoration: none; font-size: 12px; font-weight: bold; color: #000; border-bottom: solid 1px #000; padding: 8px; font-family: Arial, Sans-serif;}
h3.comment-header { }
.comment-header { }
#numpingbacks { }
#pingbacks { }
.commentlist { }
#pingbacks .commentlist { }
div.comments ol li {margin:0 0 10px -40px; background: #eaece6;padding: 10px; list-style: none; border-top: dotted 1px #000; border-bottom: dotted 1px #000; }
.comments ol { }
.comments ol ol { }
.comments ol li { }
.comments ol ol li { }
.alt { }
.trackback { }
div.comment-author { }
.comment-author {text-decoration: none;font-size: 13px; color: #000; font-family: Arial, sans-serif; ;
}
.comment-author a {font-size: 13px; color: #000; font-family: Arial, sans-serif;
line-height: 1.5em; background: #CF0; padding: 4px 5px 2px 5px;}
.comment p {text-decoration: none;font-size: 14px; color: #000; font-family: Georgia, sans-serif;
line-height: 1.5em;}
.comments-link { background-color: #CF0; padding: 1px; font-weight: bold;}
.comment-meta {font-size: 11px;font-family: Arial, Helvetica, sans-serif; color: #000;display: none;}
.comment a { }
.comment-meta a {text-decoration: none; color: #333; background-color: #CF0;}
.comment-mod { }
#respond { }
#respond p {text-decoration: none;font-size: 14px; color: #000; font-family: Georgia, sans-serif;
line-height: 1.5em; }
#respond a { text-decoration: none; color: #000; background: #CF0; }
#respond h3 {text-decoration: none; font-size: 13px; color: #000; background: #CF0; padding: 8px; font-family: Georgia, Times, Serif; font-style: oblique;}
div.formcontainer { }
.formcontainer { }
form { }
div.formcontainer form { }
#commentform { }
#commentform #submit { }
#commentform #submit:hover {}
div #loggedin { }
p#login { display: none; } /* switches login near comments off */
#loggedin { }
.form-label {font-family: arial, sans-serif; padding: 8px 0px 5px 0px; font-size: 11px; } /* controls comment labels*/
.form-textarea { }
textarea#comment {height:10em; margin:5px 0 15px; overflow:auto; width:600px; background: #eaece6; } /* controls comment text box */
#comment { }
form #comment { }
textarea { }
.form-submit {padding-bottom: 10px;}
#submit { }
form #submit { }
.comments a:link { }
.comments a:visited { }
.comments a:hover { }
#comment-X /* X = comment ID. The following are customizable per trackback info. Dates left in as examples. */
#comment-X .trackback { }
.c-y2006 { }
.c-m08 { }
.c-d05 { }
.c-h04 { }
/* Page Navigation */
div.navigation { }
.navigation {font-size: 11px;font-family: Arial, Helvetica, sans-serif; color: #000;}
.navigation a:link {color: #000; text-decoration: none;font-size: 11px;}
.navigation a:visited {color: #000; text-decoration: none;font-size: 11px; }
.navigation a:hover {color: #000; text-decoration: none;font-size: 11px; background: #CF0; }
div.nav-previous {display: none; }
.nav-previous {float: left;}
.nav-previous a:link { }
.nav-previous a:visited { }
.nav-previous a:hover { }
div.nav-next {}
.nav-next {}
.nav-next a:link {margin-left: 150px; display: none; }
.nav-next a:visited { }
.nav-next a:hover { }
/* Sidebar */
/* nested list in sidebar */
#primary h3 { }
#primary h3.widgettitle {}
#primary ul { }
#primary li { }
#primary ul ul { }
#primary ul li { }
#primary ul ul li { }
#primary ul ul ul { }
#primary ul ul ul li { }
#primary a:link { } /* Styles all links in the sidebar */
#primary a:visited { }
#primary a:hover { }
#primary img {}
/* Search Form */
#primary #search { }
#primary #search h3.widgettitle {}
#search { }
form { }
#searchform { }
#s { }
#searchsubmit { }
#text-1 { }
form { }
#searchform {} /* entire search form section */
#s { } /* search form box */
#searchsubmit { }
#text-1 { }
#search { } /* search form text */
#search a {} /* search link text */
#search a:hover {}
#searchsubmit { } /* search button */
#searchsubmit:hover { }
/* Page List */
#pages { }
#paqes.widget_pages { } /* list of Pages from widget sidebar accessories */
.widget_pages { }
a:link { }
a:visited { }
a:hover { }
li.page_item { }
li.page_item a { }
#pages a:link { }
#pages a:visited { }
#pages a:hover { }
/* Categories List */
#categories { }
#categories.widget { }
.widget_categories { }
#categories a:link { }
#categories a:visited { }
#categories a:hover { }
/* Blogroll list and links - fill in the X with each link category ID number */
#linkcat-2 h3 {font-weight: normal; border-bottom: 1px solid #000; padding: 8px 0px 5px 6px;}
#linkcat-2 li {border-bottom: 1px dotted #000; margin-bottom:3px; margin-top:5px; padding: 0px 0px 5px 8px;}
#linkcat-X { }
#linkcat-X a { }
#linkcat-X h3 { }
#linkcat-X ul { }
#linkcat-X ul ul { }
#linkcat-X ul li { }
#linkcat-X li { }
#linkcat-X ul ul li { }
#linkcat-X a:link { }
#linkcat-X a:visited { }
#linkcat-X a:hover { }
/* Sidebar Meta - Admin Section */
#meta { }
#meta.widget { }
#meta.widget_meta { }
.widget_meta { }
#meta h3 { }
#meta.widgettitle { }
#meta ul { }
#meta ul ul { }
#meta ul li { }
#meta ul ul li { }
#meta a:link { }
#meta a:visited { }
#meta a:hover { }
/* Sidebar Feeds Section, each section of RSS feeds are numbered such as #rss-4 or #rss-1, so change the number to change the look of that feed's styles, and add other feed numbers to style each independent feed style */
#rss-X { }
#rss-X.widget { }
.widget_rss { }
#rss-X h3 { }
#rss-X.widgettitle { }
#rss-X a.rsswidget { }
.rsswidget { }
#rss-X.rsswidget {} /* feed post title */
#rss-X ul { }
#rss-X ul ul { }
#rss-X ul li { }
#rss-X ul ul li { }
#rss-X a:link { }
#rss-X a:visited { }
#rss-X a:hover { }
/* Feed Links */
.feed-links { }
.feed-links h3 { }
.feed-links ul { }
.feed-links ul ul { }
.feed-links ul li { }
.feed-links ul ul li { }
.feed-links a:link { }
.feed-links a:visited { }
.feed-links a:hover { }
/* Secondary sidebar, which is in use whether or not you want it. You must style it. For single sidebars, both sidebars are there, the #secondary sidebar sits below the #primary sidebar. */
#secondary .sidebar { }
/* Footer */
#footer p { }
#footer a:link {color: #000; text-decoration: none;font-size: 11px; font-family: Arial, Helvetica, sans-serif; background: #CF0; margin-top: 15px;}
#footer a:visited {color: #000; text-decoration: none;font-size: 11px; font-family: Arial, Helvetica, sans-serif; background: #CF0;}
#footer a:hover {color: #000; text-decoration: none;font-size: 11px; background: #CF0;font-family: Arial, Helvetica, sans-serif;}
.meta-sep {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000; }