/*
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' );

/* Apply base theme styles and colors */
@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 {
background:#000000;
font-family: Helvetica, Arial, Verdana;
}
.container {
width:1056px;
margin: 0px 0px 0px 0px;
background:#FFF;
}
.header {
margin:40px 40px 60px 0px;
float:right;

}
#logo {
}
.menu {
float:left;
margin:60px 0px 25px 290px;
}
.menu ul {
margin-bottom:0px;
}
.nav {
width:300px;
border:none;
background:transparent;
}
.content {
}
.hfeed {
width:754px;
float:right;
}
.blog_side {
padding:10px 30px 30px 30px;
width: 240px;
float:left;
}
.tag_side {
padding:40px 30px 30px 30px;
width: 240px;
float:left;
}
.tag_side a{
color:#555;
}
.cat_side {
padding:20px 30px 30px 30px;
width: 240px;
float:left;
}
.project_text {
width: 240px;
position: absolute;
top:130px;
left:30px;
}
.project_text h4 {
font-family: Helvetica, Arial, Verdana;
font-size:14px;
width: 240px;
float:left;
}
.project_text p {
font-family: Helvetica, Arial, Verdana;
width: 240px;
float:left;
}
.project_text ul{
list-style:none;
margin-left:0px;
}
.aside {
float:none;
width: 240px;
position: absolute;
}
#related_posts_widget-3 {
  position: absolute;
  top: 0;
  /* just used to show how to include the margin in the effect */
}

#related_posts_widget-3.fixed {
  position: fixed;
  top: 0;
  }
.unknown-os  #related_posts_widget-3.fixed {
  position: absolute;
    top: 0;
}
.footer {
position:relative;
bottom:0px;
left:0px;
z-index:999;
padding:30px 0px 50px 0px;
width:1056px;
height:200px;
font: 14px Helvetica, Arial, Verdana;
line-height:24px;
color:black;
background-color:#F4F4F4;
}
.footer a {
color:#777;
}
.f_0 {
margin-left:30px;
width:200px;
float:left;
}
.f_1 {
margin-left:75px;
width:160px;
float:left;
}
.f_2 {
margin-left:80px;
width:160px;
float:left;
}
.f_2 p {
margin-bottom:0px;
}
.f_2 ul {
list-style:none;
margin-left:0px;
}
.f_3 {
margin-left:80px;
width:160px;
float:left;
}
.footer li.categories {
list-style:none;
}
#copyright {
padding:10px 30px 30px 300px;
font: 14px Helvetica, Arial, Verdana;
line-height:24px;
color:black;
clear:both;
}
h1 {
font-family: Helvetica, Arial, Verdana;
font-size:22px;
line-height:28px;
padding:5px 0;
font-weight:bold;
}
h2 {
font-family: Helvetica, Arial, Verdana;
font-size:24px;
line-height:30px;
padding:10px 0px 5px 0px;
}
h3 {
font-family: Helvetica, Arial, Verdana;
font-size:18px;
font-weight:bold;
line-height:24px;
padding:20px 0px 10px 0px;
}
.widget-title {
font-size:14px;
}
.widget_tag_cloud {
font-family: Helvetica, Arial, Verdana;
}
.home_head {
position:absolute;
top:170px;
left:0px;
width:400px;
padding:15px
}
.entry-content .home_head h1 a {
font: 90px Helvetica, Arial, Verdana;
font-weight:bold;
line-height:96px;
color:white;
text-decoration:none;
}
.entry-content .home_head h1 a:link {
text-decoration:none;
}
.entry-content .home_head h1 a:active {
text-decoration:none;
}
.entry-content .home_head h1 a:visited {
text-decoration:none;
}
.entry-content .home_head h1 a:hover {
text-decoration:underline;
}


.headline_2 {
font: 32px Helvetica, Arial, Verdana;
font-weight:bold;
line-height:38px;
color:white;
position:absolute;
top:270px;
left:826px;
background:black;
width:300px;
padding:15px
}
.subhead_1 {
padding:30px 30px 50px 0px;
font: 18px Helvetica, Arial, Verdana;
line-height:24px;
color:black;
}
.thumbnail {
display:inline;
margin-right:1px;
width:150px;
height:100px;
float:left;

}
.thumbnail2 {
display:inline;
margin-left:1px;
width:150px;
height:100px;
float:right;

}
.subhead_2 {
width:400px;
float:left;
margin:20px 0px;
font-size:18px;
font-weight:normal;
}
.thumb300 {
width:300px;
float:right;
margin:20px 0px 60px 0px;
}
.catpage h1 {
font-size:28px;
}
.catpage p {
font-size:16px;
}

.digital {
display:block;
width:754px;
height:100px;
}
.digital img {
float:left;
}
.inline {
display:inline;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.thumbnail a img{
}
/* Navigation Default Skin */
.nav { border: none; }
.nav ul { border: none; }
.nav ul li a { border-bottom:none; }
.nav li:hover ul,
.nav li.nav-hover ul { background: #fff; }

.nav a { color: #000; border:none; font: 14px Helvetica, Arial, Verdana;}
.nav a:hover { text-decoration: none; background: #000; color:#FFF; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: #000; color:#FFF; }

.projtags {
margin:5px 60px 15px 0px;
font-family: Helvetica, Arial, Verdana;
display:block;
font-size:11px;
height:32px;
overflow:hidden;
}

.projtags ul {
list-style:none;
margin-left:32px;
margin-top:-17px;
}
.projtags ul li {
display:inline;
}
.projtags ul li a {
display:inline;
padding:2px 0px;
}

.projlist {
list-style:none;
margin-left:0px;
font-size: 14px;
}

.projlist li a{
display:inline-block;
margin-right:8px;
color:#555;
}


.featurecat {
padding:4px 0px 4px 0px;
background-color:#572502;
width:754px;
height:100px;
}
.featuretitle {
color:white;
display:inline;
margin-left:10px;
width:140px;
height:100px;
float:left;
}
.featuretitle a {
color:white;
}

.aboutpage {
margin-right:40px;
}

.blogpage {
margin-right:120px;
}
.blogpage p {
font-size:1.1em;
line-height:1.6em;
}

.blogitem {
margin-right:40px;
}

.blogpage div.hentry img {
display: block; 
margin-bottom:10px;
}

.blogpage .hentry div.entry-footer {
clear:both;
padding-top:10px;
}
.blogitem .hentry div.entry-footer {
clear:both;
padding-top:10px;
}

.tagpage {
margin-right:40px;
}
.catpage {
margin-right:40px;
}

.tagpage div.category-blog {
}
.tagfoot {
border-bottom: dotted 1px #dedede;
margin-top:40px;
}
.entry-footer {
clear:both;
}
.entry-header {
padding-top:10px;
border-top: solid 1px #AAA;
}
div.first-post div.entry-header{
border-top: none;
padding-top:0px;
}

.tagpage div.category-blog h2.entry-title a {
font-size:18px;
}

img.tagthumbs {
border:solid 1px #777;
float:left;
margin:0px 20px 20px 0px;
}

.tagpage div.category-blog img.tagthumbs {
display:none;
}

.tagpage h1.page-title {
font-size:24px;
margin-bottom:8px;
}
.tag_description p{
font-size:16px;
}
.category_description p{
font-size:120%;
padding-bottom:20px;
}

.industry h4 a{
font-weight:bold;
font-size:20px;
color:#555;
}
.industry p{
margin-bottom:5px;
}
.industry ul{
list-style:none;
margin-left:0px;
}

.spacepage {
width:337px;
height:380px;
float:left;
margin:0px 40px 10px 0px;
}
.spacethumbs {
}
.spacethumbs a img {
}
.spacetitles h2 a{
font-weight:bold;
font-size:18px;
}
.spacetitles h2{
padding:5px 0px 0px 0px;
}
.spacetitles h4{
font-weight:normal;
font-size:14px;
line-height:16px;
padding:0px;
}
.spacetitles {
background:#FFF;
margin:0px;
}

.spacetxt {
height:100px;
width:603px;
margin-left:151px;
color:white;
}
.spacetxt p {
padding:30px 40px 20px 20px;
font-size:32px;
font-weight:bold;
line-height:48px;
}

.aside ul {
list-style:none;
margin-left:0px;
}
.aside ul li a{
color:#555;
font-weight:bold;
}

.aside ul li {
padding-bottom:8px;
}
.cat_side ul {
list-style:none;
margin-left:0px;
}
.cat_side ul li a{
color:#555;
font-weight:bold;
}

.cat_side ul li {
padding-bottom:8px;
}

.tag_side ul {
list-style:none;
margin-left:0px;
}
.tag_side ul li a{
color:#555;
font-weight:bold;
}

.tag_side ul li {
padding-bottom:8px;
}



input, textarea {
border:1px solid black;
background:#FFF;
font: 12px Helvetica, Arial, Verdana;
color:#000;
}
button {
border:1px solid black;
background:#FFF;
font: 12px Helvetica, Arial, Verdana;
color:#000;
font-weight:bold;
}
input:focus, textarea:focus {
border:1px solid black;
background:#f5f5f5;
font: 12px Helvetica, Arial, Verdana;
color:#000;
}
button:focus {
border:1px solid black;
background:#000;
font: 12px Helvetica, Arial, Verdana;
color:#fff;
font-weight:bold;
}
button:hover {
border:1px solid black;
background:#000;
font: 12px Helvetica, Arial, Verdana;
color:#fff;
font-weight:bold;
}

#allowed-tags {
font-size:80%;
}

#comment {
width:588px;
height:100px;
}

.about .entry-header {
border:none;
}

.about {
margin-right:40px;
}
.about .entry-content h3 a {
color:#555;
text-decoration:none;
}
.about .entry-content h3 a:hover {
text-decoration:underline;
}
.about_side .aside{
width:180px;
}

.about_side {
width:100px;
float:left;
padding-left:60px;
}
.wpsb_form_label {
color:#777;
margin-bottom:5px;
}
#wpsb_radio_option1{
display:none;
}
#wpsb_radio_option2{
display:none;
}
#wpsb_email {
display:inline;
border:solid 1px #777;
background:#F4F4F4;
}
.wpsb_form_btn, .wpsb_form_btn:hover {
border:solid 1px #777;
background:#F4F4F4;
color:#777;
}