/*
Theme Name:		WP Framework
Theme URI: 		http://wpframework.com/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
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 <http://ptahdunbar.com> 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 <http://wpframework.com> for more information!
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Import base */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.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 {}

body, input, textarea, button {
    font-family: calibri, tahoma, arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #333;
}

button {
    padding: 0 10px;
}

#primary {
    width: 650px;
}

#secondary {
    width: 270px;
}

a,
a:visited {
    color: #07C;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#secondary h3 {
    font-size: 24px;
    line-height: 28px;
    background-color: #464646;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;	
    -moz-border-radius-topright: 10px;
    color: #fff;
    padding-left: 8px;
    margin-bottom: 10px;
}

h3.widget-title a {
    color: #fff;
}

h3.widget-title a:hover {
    text-decoration: none;
}

#secondary ul {
    list-style-type: none;
    margin-left: 0;
}

#secondary li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

#secondary li:last-child {
    border-bottom: none;
}

#allowed-tags {
    border: none;
    font: inherit;
    padding-left: 0;
    width: 559px;
}

.entry-meta,
.comment-meta, 
#allowed-tags,
.allowed-tags {
    color: #999;
    font-style: italic;
}

.nav a {
    border: none;
}

#navigation li,
#networking li,
#meta-2 li {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#networking li {
    float: left;
    padding-bottom: 30px;
}

#networking img {
    vertical-align: top;
    padding-right: 5px;
}

.entry-header {
    background-color: #f1f1f1;
    margin-bottom: 20px;
    padding: 5px 5px 5px 8px;
}

h1,h2,h3,h4,h5,h6,#logo,#tagline,#menu {
    font-style: italic;
    font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;
}

#tagline {
    color: #fff;
}

.footer {
    padding-top: 20px;
}

h2.entry-title {
    padding-bottom: 5px;
}

#logo a:hover,
h2.entry-title a:hover {
    text-decoration: none;
}

#logo a {
    font-size: 38px;
    line-height: 40px;
    font-weight: normal;
    color: #fff;
}

span.comment-count {
    padding-left: 20px;
    background-image:url(/wp-content/uploads/icon_comment.gif);
    background-repeat: no-repeat;
    background-position: center left;
}

li.comment {
    border-bottom: 1px solid #CCC;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

li.comment:first-child {
    padding-top: 0;
}

li.comment:last-child {
    border-bottom: none;
}

#header-container,
#footer-container {
    background-color: #464646;
}

.header, .footer, #menu {
    margin: 0 auto;
    width: 960px;
}

.header {
    padding: 20px 0 20px 0;
}

.footer {
    padding: 10px 0 10px 0;
}

.footer {
    text-align: center;
}

.footer,
.footer a {
    color: #fff;
}

.footer a {
    text-decoration: underline;
}

#copyright,
#tagline {
    margin-bottom: 0;
}

ul.nav {
    padding-bottom: 0;
    margin-bottom: 0;
}

#menu-container {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
    height: 21px;
}

#menu ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#menu li {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #ccc;
    float: left;
}

#menu li:last-child {
    border-right: none;
}

.container {
    clear: both;
}

h2.entry-title, .entry-title, h3.comment-title, #leave-a-reply {
    background-color: #464646;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;	
    -moz-border-radius-topleft: 10px;
    padding-left: 8px;
    margin-bottom: 0;
}

#leave-a-reply {
    margin-bottom: 10px;
}

h2.entry-title, h2.entry-title a, .entry-title, .entry-title a, 
h3.comment-title,
#leave-a-reply {
    font-size: 24px;
    line-height: 28px;
    color: #fff;
}

.comment-feed-link {
    padding-top: 5px;
}

abbr[title],
acronym[title],
dfm[title] {
    border-bottom: none;
    cursor: none;
}

.comment-list {
    margin-left: 0;
}

li.reader-kevin-pang,
li.administrator {
    background-color: #ddd;
}

p {
    margin-bottom: 1em;
}

#recaptcha-submit-btn-area {
    margin-top: 10px;
}

ol.pings-list {
    margin-bottom: 40px;
}

.container {
    margin: 30px auto;
}

#text-4 {
    margin-bottom: 10px;
}

/* Archive page header */
#post-143 {
    margin-bottom: 20px;
}

/* Archive page category list */
#cat-list-1 {
    margin-top: 10px;
}

.sociable_tagline {
    margin-bottom: 5px;
}

#search-query {
    list-style-type: none;
    margin-left: 0;
}

#header-left {
    width: 650px;
}

.searchform {
    width: 270px;
    float: right;
    padding-top: 35px;
}

.searchform input[type="text"] {
    width: 170px;
    display: inline;
    margin-right: 10px;
}

.searchform button {
    display: inline;
    width: 70px;
}

.sociable {
    float: left;
    padding-bottom: 24px;
}

.tweetmeme_button {
    margin-top: 16px;
    float: right;
}