/*
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

/* Document Body */
body, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #333;
	font-size: 90%;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.sub_body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #333;
	background-image: url(images/sub_body_background.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.container { 
	width: 920px; 
	margin: 0 auto; 
}

.header {
	margin-top:33px;
}

.header_left {
	width:400px;
	float:left;
}

/* Logo */
#logo {
	background-image:url(images/logo.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:60px;
	margin-left:15px;
	width:315px;
}

.header_right {
	width:500px;
	float:right;
	padding-top:30px;
}

#tv_link {
	background-image: url(images/commercial_link_background.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
	position: absolute;
	left: 733px;
	top: 8px;	
	width:270px;
	text-align:center;
}

#tv_link a {
	font-size: 75%;
	color: #FFF;
}

/* Menu */
.menu {
	display:block;
	text-transform:uppercase;
}

/* Menu */
.nav { 
float: left; 
line-height: 1; 
width: 100%; 
}

.nav, .nav * { 
list-style: none; 
margin-left: 0; 
}

.nav li {
float:left;
padding-right:4px;
position:relative;
}

.nav ul li { 
width: 100%; 
}

.nav a { 
display: block; 
position: relative; 
padding: 5px 7.5px; 
}

/* Hides items under top menu */
.nav ul { 
position: absolute; 
top: -9999em; 
width: 20em; 
}

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { 
left: -1px; 
top: 29px; 
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; 
top: -1px; 
}

/* Default Skin */
.nav { 

}

.nav ul { 
border: 1px solid #333; 
border-bottom: none; 
}
.nav ul li a {
	border-bottom: 1px solid #333;
	color: #FFF;
}

.nav ul li a:hover {
	border-bottom: 1px solid #333;
	color: #FC0;
}

.nav li:hover ul,
.nav li.nav-hover ul {
	background: #111;
	color: #FC0;
}

.nav a { 
	color: #FFF; 
}

.nav a:hover {
	color: #FC0;
}

.nav a:hover { 
	text-decoration: none; 
	background: #333; 
}

.nav ul a { 
border-right: none; 
}

.nav li:hover, .nav li.nav-hover,
.nav a:focus { 
background: #333; 
}

#board {
	height:400px;
	width:100%;
	background-image: url(images/header_background.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#sub_content {
	margin-top:66px;
}

#main_content {
float:left;
padding-left:25px;
width:575px;
}

#main_content h2 {
	font-size: 24px;
	color: #7FA34B;		
}

#main_content p {
	color: #666;
	font-size:12px;
	line-height:2.0em;
	margin-bottom:15px;
}

#main_content li {
	color: #666;
	font-size:12px;
	line-height:2.0em;
}

.home_blocks {
	width: 266px;
	float:left;
	margin:10px;
}

.home_blocks table { 
border-spacing: 10px; 
vertical-align: bottom; 
}

td { 
text-align: left;
vertical-align: bottom; 
}

td { 
vertical-align: bottom; 
}

.home_blocks h3{
	font-size:20px;
	font-weight:bold;
	color: #7FA34B;
	width:175px;
	float:right;
	margin-top:50px;
}

.home_blocks p{
	font-size:12px;
	line-height:2.0em;
	float:left;
}

.home_blocks_image p{
	width:75px;
	float:left;
}

#sidebar { 
	width: 300px; 
	float: right; 
}

.sidebar {
}

#sidebar h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666;		
}

#sidebar li {
	list-style-type: none;	
}

#sidebar li ul li {
	list-style-type: disc;
	margin-left:25px;
}

#sidebar h3 {
	font-size:20px;
	font-weight:bold;
	color: #7FA34B;
	width:175px;
}

#sidebar p {
	font-size:12px;
	line-height:2.0em;
}

.news_preview {
	margin-top:15px;
	margin-bottom:15px;
}

.news_preview p {
	line-height:1.5em
}

.footer {
	height:150px;
	width:100%;
	background-image: url(images/footer_background.png);
	background-repeat: repeat-x;
	background-position: center top;
	clear: both; 
}

#footer_inner {
	width:900px;
	margin:0 auto;
	padding-top:50px;
}

#footer_inner li {
	padding-top:10px;
	padding-bottom:10px;
}

#footer_inner h3 {
	font-size:24px;
	color:#FFF;
}

/* Menu bugfix */
.ie7 .nav:hover { 
visibility: inherit; /* fixes IE7 'sticky bug' */ }

/* 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 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: 15px; 
}


.entry-content ul, 
.entry-content ol, 
#search-query {
	background-color: #EEE;
	border: thin solid #CCCCCC;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: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: #fafafa; 
border-color: #aaa #ddd #ddd #aaa; 
border-style: solid; 
border-width: 1px; color: #444; 
font-size: 14px; 
}

input, textarea, button { 
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 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, { 
display: block; 
}

/* Basic Alignments */
.alignleft { 
float: left; 
}

.alignright { 
float: right; 
}

.aligncenter { 
margin-left: auto; 
margin-right: auto; 
display: block; 
clear: both; 
}

a:link, a:visited { 
color: #7FA34B; 
}

a:hover {
text-decoration:underline;
}

/* Font Styles */
.serif { 
font-family: Georgia, "Times New Roman", Times, serif; 
}

.sans-serif { 
font-family: 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; 
}


/* Headings */
h1, h2, h3, h4, h5, h6 { 
}
 
blockquote 	{ 
margin: 1.5em; 
padding: 1em; 
font-style: italic; 
font-size: .9em; 
}

code { 
font: 0.9em "Courier New", Monaco, Courier, monospace; 
} 

img	{ 
float: left;
margin: 1.5em 1.5em 1.5em 0; 
}

a img { 
border: none; 
}

/* Table */
table { 
margin: 1px; 
text-align:left; 
}

th { 
border-bottom: 1px solid #333;  
font-weight: bold; 
}

td { 
border-bottom: 1px solid #333; 
}

th, td { 
padding: 4px 10px 4px 0; 
}

tfoot { 
font-style: italic; 
}

caption { 
background: #fff; 
margin-bottom: 2em; 
text-align: left; 
}

thead { 
display: table-header-group; 
}

tr {
page-break-inside:avoid; 
}


/* 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: 100%; 
vertical-align: baseline; 
}

/* Removes dotted line when focus */
:focus { 
outline: none; 
}

/* 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 { 

}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { 
content: ""; 
}

blockquote, q { 
quotes: "" ""; 
}

/* Remove annoying border on linked images. */
a img { border: none; }

.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}

.clearfix { 
display: block; 
}

/* Regular clearing, just in case! */
.clear { clear: both; }

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

small {
	color:#999999;
	font-size:10px;
}


.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}