/*
Theme Name: WP Framework
Theme URI: http://wpframework.com/
Version: 0.2.4.10
Description: A blank WordPress Theme Framework that's everything you need, and nothing you don't. With features like microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system, WP Framework is completely extensible, flexible and the starting point for theme authoring and customization. To learn more, visit http://wpframework.com.
Author: Ptah Dunbar
Author URI: http://ptahdunbar.com
Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
Copyright 2008 Ptah Dunbar All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.
If you have any questions, comments, or concerns,
visit for more information!
*/
/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );
/* Apply base theme styles and colors @import url( 'library/media/css/base.css' ); */
/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-l.css' );
/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );
/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}
/* ---------------------------JM Styles--------------------------------------------------- */
.container { width: 800px; margin:0px auto; background-color: rgb(237,237,235); }
.hfeed { width: 500px; float: right; margin: 8px 30px 0px 18px; background-color: rgb(237,237,235); }
.aside { width: 195px; float: left; margin: 20px 5px 0px 50px; background-color: rgb(237,237,235); }
.footer { clear: both; background-color: rgb(184,184,170); border: 1px solid rgb(54,52,48); padding: 10px 10px 0px 50px; }
.header { height: 224px; background-image:url('library/media/images/castle3.gif'); background-repeat: no-repeat; background-color: rgb(225,225,223); } /* header BKG */
.sideborder { float: left; height: 100%; margin:0px auto; border-left: 1px solid rgb(74,72,68); border-right: 1px solid rgb(74,72,68); }
/* #logo a { color:rgb(0,0,0) } invisible logo text */
body { background-color: rgb(225,225,223); }
/* Document Body */
body, input, textarea { font: 12px/1.6em Verdana, Arial, Helvetica, sans-serif; color:rgb(74,72,68) }
/* Font Styles */
.serif { color: rgb(0,255,0); font-family: Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family: Verdana, Arial, Helvetica, sans-serif; }
h3.bigred { font-weight: Normal; font-family: Garamond, Palatino, "Book Antiqua", Georgia, Times, "Times New Roman", serif; color: rgb(132,0,30); font-size: 185%; !important;}
h3.widget-title a { font-weight: Normal; font-family: Garamond, Palatino, "Book Antiqua", Georgia, Times, "Times New Roman", serif; color: rgb(132,0,30); font-size: 185%; !important;}
#text-3 h3.widget-title { margin-top: 7px; font-weight: Normal; font-family: Garamond, Palatino, "Book Antiqua", Georgia, Times, "Times New Roman", serif; color: rgb(132,0,30); font-size: 185%; !important;}
#linkcat-3 h3.widget-title { margin-top: 7px; margin-bottom: 10px; font-weight: Normal; font-family: Garamond, Palatino, "Book Antiqua", Georgia, Times, "Times New Roman", serif; color: rgb(132,0,30); font-size: 185%; !important;}
#text-4 h3.widget-title { font-weight: Normal; font-family: Garamond, Palatino, "Book Antiqua", Georgia, Times, "Times New Roman", serif; color: rgb(132,0,30); font-size: 185%; !important;}
#recent-posts-3 h3.widget-title { font-weight: Normal; font-family: Garamond, Palatino, "Book Antiqua", Georgia, Times, "Times New Roman", serif; color: rgb(132,0,30); font-size: 185%; !important;}
#linkcat- h3.widget-title { font-weight: Normal; font-family: Garamond, Palatino, "Book Antiqua", Georgia, Times, "Times New Roman", serif; color: rgb(132,0,30); font-size: 185%; !important;}
#text-4 .textwidget p { margin-bottom: 10px; }
#linkcat-3 li { margin-bottom: 10px; }
#linkcat- li { margin-bottom: 10px; }
h1.entry-title { font-size: 100%; margin-top: 7px; !important;}
h3.widget-title { font-size: 100%; !important;}
.widget_recent_entries li { margin-bottom: 6px; !important;}
p#copyright { font-size: .8em; Margin-bottom: 10px; }
/* post entry styles */
.entry-footer { background-color: #0ff; border-bottom:1px solid rgb(74,72,68); }
/* widget changes */
.a2a_dd .addtoany_subscribe { background-color: rgb(0,255,255); !important;}
/*footer styles */
p#copyright { font-size: 9px;}
/* Vertical Rhythm */
.entry-meta { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, form, table, fieldset, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.hentry, .widget, .comment, .navigation-links { margin-bottom: 20px; }
/* Menu */
.nav { float: left; line-height: 1; background-color: rgb(132,0,30); width: 75%; padding: 10px 0px; }
.nav, .nav * { list-style: none; margin-left: 0; }
.nav li { float: left; padding: 0; position: relative; }
.nav ul li { width: 100%; }
.nav a { display: block; position: relative; padding: 0px 15px; }
/* Manually places bars in main horz menu */
.page-item-2,.page-item-26,.page-item-5,.page-item-13,.page-item-40,.page-item-38 {Border: 0; border-left: 1px solid white; }
/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ }
/* Shows submenus
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 29px; C match top ul list item height C z-index: 99; } */
/* Hides all sub items (4 levels deep)
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; } */
/* On :hover, displays all sub items (4 levels deep)
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 20em; C match .nav ul width C top: -1px; } */
/* JM Skin */
.menu { background-color: rgb(132,0,30); }
.nav { border: 0px solid; border-color: #aaa #ddd #ddd #aaa; }
.nav ul { border: 1px solid #aaa; margin-bottom: 0px; }
ul.nav { margin-bottom: 0px; margin-left: 40px;} /* removes the 20px border under menu */
.nav ul li a { border-bottom: 0px solid #ddd; }
.nav li:hover ul,
.nav li.nav-hover ul { background: rgb(132,0,30); }
.nav a { color: rgb(255,255,255); text-decoration: none; border-right: 0px solid #ccc; } /* Menu text color and no underline all 0px were 1px*/
.nav a:hover { text-decoration: underline; background: rgb(132,0,30); } /* underlines on hover */
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: rgb(132,0,30); }
/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
/* Links */
a { color: rgb(74,72,68); text-decoration: none;} /* anchor grey color */
a:hover { text-decoration: underline; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited { color: rgb(54,52,48); text-decoration: underline; }
.entry-content a:hover { text-decoration: underline; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
h1 { font-size: 24px; line-height: 28px; padding: 5px 0px; }
h2 { font-size: 20px; line-height: 22px; padding: 5px 0px; }
h3 { color: rgb(54,52,48); font-weight: bold; font-size: 13px; line-height: 20px; padding: 5px 0px; } /* like in the sidebar */
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }
/* Content */
.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { color: rgb(54,52,48); font-weight: bold; font-size: 13px; } /* Post titles */
.entry-title a:hover { text-decoration: underline; }
/* Text Elements */
address { font-style: italic; }
/* abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; } */
blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; }
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code, pre { line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }
/* Lists: (ul, ol, dl) */
ul, ol, dl { margin-left: 0px; } /* 0px was 15px */
.nav { margin-left: 0px; }
.entry-content ul, .entry-content ol, #search-query { margin-left: 25px; }
li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ol { list-style-type: decimal; }
#sub-page-menu ul li { margin-bottom: 5px; } /* secondary space for list items in subpages menu*/
#sub-page-menu a {line-height: 1.2em; } /* reduce line height of subpage nav */
ul { list-style-type: none; } /* remove bullet */
ul ul { list-style-type: none; margin-top: 5px; margin-left: 15px; } /* remove bullet */
ul ul ul { list-style-type: none; } /* remove bullet */
dt { font-weight: bold; }
.fat li { margin-bottom: 10px; }
/* Tables */
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 3px; }
/* JM search form styles */
form.searchform { display: inline; float: right; margin-top: 5px; margin-bottom: 0px; }
button.search-btn { background: rgb(132,0,30); color: rgb(255,255,255); border-width: 0px; padding-left: 0px; }
button.search-btn:hover { background: rgb(132,0,30); border-width: 0px; text-decoration: underline; } /* text decoration is not working */
input.search { width: 80px; height: 16px; border: 1px solid rgb(74,72,68); }
/* Forms */
input, textarea, button { background: #fafafa; border-width: 1px; color: #444; font-size: 12px; }
input, textarea, button { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; }
button { font: 12px; padding: 2px 10px; cursor: pointer; }
input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #777 #777 #777; }
/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }
/* Comments */
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; }
.commenter { font-size: 16px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }
/* Comment Reply */
#comment-form .form-section input { margin-right: 10px; }
.form-section { margin-bottom: 10px; }
.form-section label { cursor: pointer; }
#commenter-details input { margin-right: 10px; }
#allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }
/* Images */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }
.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */
/* [gallery] */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }
/* Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }
/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }
/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }