/*
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 {}

/* reset updates 
------------------------------------- */

.hfeed {
	float: none !important;
	width: auto !important;
}

/* prempeh 
------------------------------------- */

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img, a { border: 0; }
a { color: #b70012 !important; }

body {
	background: url(images/background.jpg) no-repeat top center #000;
	color: #333;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 13px;
	text-align: center;
}

#container {
	margin: auto;
	padding: 110px 0 10px 0;
	position: relative;
	text-align: left;
	width: 790px;
}

#logo {
	background: url(images/logo.png) no-repeat;
	_background: url(images/logo.jpg) no-repeat;
	height: 110px; width: 248px;
	position: absolute;
	top: 0;
}

#nav {
	background: url(images/header_bg.gif) repeat-x;
	height: 48px;
	margin-bottom: 10px;
}

.nav { border: 0 !important; display: block; float: left; height: 48px; position: relative; }

#nav_home { background: url(images/nav_home.gif) no-repeat; width: 78px; }
#nav_home:hover { background: url(images/nav_home_on.gif) no-repeat; width: 78px; }
#nav_about { background: url(images/nav_about.gif) no-repeat; width: 97px; }
#nav_about:hover { background: url(images/nav_about_on.gif) no-repeat; width: 97px; }
#nav_funds { background: url(images/nav_funds.gif) no-repeat; width: 75px; }
#nav_funds:hover { background: url(images/nav_funds_on.gif) no-repeat; width: 75px; }
#nav_strategy { background: url(images/nav_strategy.gif) no-repeat; width: 187px; }
#nav_strategy:hover { background: url(images/nav_strategy_on.gif) no-repeat; width: 187px; }
#nav_criteria { background: url(images/nav_criteria.gif) no-repeat; width: 182px; }
#nav_criteria:hover { background: url(images/nav_criteria_on.gif) no-repeat; width: 182px; }
#nav_team { background: url(images/nav_team.gif) no-repeat; width: 66px; }
#nav_team:hover { background: url(images/nav_team_on.gif) no-repeat; width: 66px; }
#nav_contact { background: url(images/nav_contact.gif) no-repeat; width: 92px; }
#nav_contact:hover { background: url(images/nav_contact_on.gif) no-repeat; width: 92px; }

#wrapper {
	background: #fff;
}

#slideshow_container {
	padding: 10px 10px 0 10px;
}

#slideshow {
	background: url(images/africa0.jpg) no-repeat;
	height: 300px; width: 770px;
	position: relative;
}

#about {
	background: url(images/about.jpg) no-repeat;
	height: 300px; width: 770px;
	position: relative;
}

#strategy {
	background: url(images/strategy.jpg) no-repeat;
	height: 182px; width: 770px;
	position: relative;
}

#criteria {
	background: url(images/criteria.jpg) no-repeat;
	height: 300px; width: 770px;
	position: relative;
}

.content { 
	line-height: 21px;
	padding: 20px 40px 50px 40px;
}

.content p {
	margin-bottom: 15px; 
}

.content p span {
	color: #b60012;
	font-weight: bold;
}

.content ul {
	margin: 0 0 20px 40px;
}

.headline {
	border-bottom: 1px solid #eee;
	clear: both;
	color: #b70012;
	font-size: 21px;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 0;
}

.columns { 
	clear: both;
	padding-top: 20px;
}

.column_info {
	float: left;
	width: 212px;
}

.column_text {
	float: right;
	width: 450px;
}

#contact {
	border: 0 !important;
	margin: 20px 0 15px 0;
}

#contact td {
	color: #b60012;
	font-weight: bold;
	padding: 1px 6px;
}

.contact_data {
	color: #333 !important;
	font-weight: normal !important;
	text-align: right;
}

#footer {
	background: #b70012;
	border-bottom: 10px solid #000;
	border-top: 10px solid #000;
	clear: both;
	color: #c63644;
	height: 67px;
	line-height: 63px;;
	padding-left: 25px;
}

#floor {
	background: url(images/floor.jpg) no-repeat #000;
	height: 150px; width: 790px;
}

.footer_nav {
	color: #fff !important;
	display: inline;
}

#login {
	position: absolute;
	top: 75px;
	right: 0px;
}

#login a {
	color: #fff !important;
	font-size: 11px;
	margin-left: 15px;
}

/* SIFR */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}