/*
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 */
/* Eric Meyer Reset Reloaded */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: arial, helvetica; vertical-align: baseline; }
/* Removes dotted line when focus */
:focus { outline: none; }
p { font-family: "arial", Verdana, Arial, Helvetica, sans-serif; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
/* Regular clearing, just in case! */
.clear { clear: both; }
/* Apply base theme styles and colors */
/* Document Body */
body, input, textarea { font: 13px/1.5 "arial", arial, sans-serif; }
/* Font Styles */
.serif { font-family: "arial", Verdana, Arial, Helvetica, sans-serif; }
.sans-serif { font-family: "arial", Verdana, Arial, Helvetica, sans-serif; }
/* Vertical Rhythm */
.entry-meta { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.hentry, .widget, .comment, .navigation-links { margin-bottom: 40px; }
/* Menu */
/*
.menu { clear: both; }
*/
/* Links */
a { color: #2361a1; text-decoration: none; }
a:hover { text-decoration: underline; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #2361a1; text-decoration: underline; }
.entry-content a:hover { text-decoration: none; }
/* 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 { font-size: 16px; line-height: 20px; padding: 5px 0px; }
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: #000; font-size: 24px; line-height: 28px; }
.entry-title a:hover { color: #2361a1; text-decoration: none; }
/* 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 "arial", Verdana, Arial, Helvetica, sans-serif; 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: 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; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
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; }
/* Forms */
input, textarea, button { background: #ffffff; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input, textarea, button { font-family: Arial, Helvetica, Sans-Serif; padding: 3px; }
button { font: 12px; padding: 2px 10px; cursor: pointer; }
input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #ccc #ccc #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 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; }
/* container */
body {background-image: url('library/media/images/stripe_2.png');}
.container { width: 960px; margin: 10px auto; border: 1px solid #F0F0F0; padding: 5px; background-color: #FFFFFF;}
/* header */
.header {height: 60px; /*border: 3px solid #888800*/}
/* logo */
/*.logo { position: absolute;
background-image: url('images/Page-BgSimpleGradient.jpg');
background-repeat: repeat-x;
top:0;
width: 100%;
height: 1px;}*/
.logo {
top: 0;
left: 0;
width: 300px;
height: 60px;
background-repeat: no-repeat;
background-position: center center;
margin: 1px 0px 0px 4px;
}
.logo {/*border: 3px solid #880088*/}
.logo { float: left; }
/* menu */
.menu{/*border: 3px solid #008888*/}
.nav { float: left; line-height: 1; background-color: #fff; width: 624px; }
.nav, .nav * { list-style: none; margin-left: 0; border: none;}
.nav li { float: left; margin-right: 25px; padding: 0; position: relative; height: 35px;}
.nav ul li { width: 100%; }
.nav a { display: block; position: relative; padding: 8px 5px; }
/* Default Skin */
.nav { margin: 15px 0px 0px 30px}
.nav ul { }
.nav ul li a { }
.nav li:hover ul,
.nav li.nav-hover ul { background: #fff; }
.nav a { color: #5d5d5d; font-weight: bold; font-size:140%; font-family: Arial, Helvetica, sans-serif; }
.nav a:hover { text-decoration: none; background: #ffffff; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: #fff; }
/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.header { clear: both; }
/* content */
.content{/*border: 3px solid #888888*/}
/* hfeed */
.hfeed {/*border: 3px solid #880000*/}
/* article */
#post-55 { width: 770px; border: 1px solid #FFFFFF; margin: 0px; padding-left: 21px; margin-bottom: 0px;}
.article { width: 214px; float: left; border: 1px solid #FFFFFF; margin: 0px 10px 10px 10px; padding: 0px}
/* footer */
.footer p {margin: 0px; }
.footer {text-align: center; font-size: 0.8em}
/*
.aside { width: 300px; float: right; }*/
.footer { clear: both; margin: 0px 0px 0px 9px;}
/* Page */
#leave-a-reply {}
.page-content { margin: 20px 19px 0px 19px; }
/* Comments */
#respond { /*margin: 20px 19px 0px 19px;*/}
/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}
.productMiniGallery { float: left; width: 425px; padding: 5px 0px 0px 43px;}
.productMiniGalleryMain { margin: 0px 0px 0px 0px;}
.productMiniGallery2 .size-thumbnail { margin: 0px 3px 0px 3px;}
.productMiniGallery3 { margin: 6px 0px 0px 468px;}
.productMiniGallery3 .size-thumbnail { margin: 0px 3px 0px 3px; }
.productDescription { float: left; width: 423px; padding: 23px 0px 0px 14px; height: 249px; }
.add_to_cart_outer {border:medium none;
float:left;
padding:10px 0 10px 3px;
width:423px;}
.add_to_cart_inner {border:1px solid #CCCCCC;
float:left;
padding:21px 0 0 18px;
width:288px;}
.add_to_cart_outer table {float: left; border: medium none;}
.add_to_cart_outer input {border:medium none; float:left; margin:0 0 0 32px;}
/*onclick="document.getElementById('pic1').src='http://localhost/wp-content/uploads/2009/12/11001-Dress-Dark-Pink-F-375x500.jpg'"*/
.view_cart_button {float: left;}
.quiet_link { color: #000; text-decoration: none;} #left-menu { float:left; max-width:116px; margin: 2px 0 0 10px; } .nav-box { padding:3px 0; width:116px; } .category-title { color:#4D4D4D; font-size:11pt; } .category-root-item { padding:0 0 0 10px; } .gray-nav-link { color:#8BA0B6; font-size:9pt; text-decoration: none; }