/** 
 * Global Style 
 * 
 * Standard Layout (all parts) for primeordinal.com
 * 
 * 
 * @project   primeordinal.com
 * @version   0.1
 * @package   xhtml-css
 * @author    Karl Podger
 * @copyright 2008 by Karl Podger
 * @cssdoc    version 1.0-pre
 * @license   GPL v3
 * 
 * @colordef  #333; white
 * @colordef  #333; standard grey
 */
 
/**
 * Reset
 * 
 * @section BluePrint CSS
 * @see     BluePrint CSS, http://www.blueprintcss.org/
 */
@import url("../../library/blueprint/screen.css");

/**
 * Controller colours
 * 
 * @section controllers
 */
@import url("controllers/about.css");
@import url("controllers/blog.css");
@import url("controllers/clients.css");
@import url("controllers/contact.css");
@import url("controllers/diversions.css");
@import url("controllers/error.css");
@import url("controllers/features.css");
@import url("controllers/help.css");
@import url("controllers/ideology.css");
@import url("controllers/index.css");
@import url("controllers/links.css");
@import url("controllers/methodology.css");
@import url("controllers/portfolio.css");
@import url("controllers/sitemap.css");
@import url("controllers/team.css");
@import url("controllers/tutorials.css");

/**
 * Calendar
 * 
 * @section calander
 */
@import url("datepicker/ui.datepicker.css");

/**
 * Login
 * 
 * @section login
 */
@import url("fx.slide.css");

/**
 * Another image replacement technique
 * 
 * @section Another image replacement technique
 * @see     Another image replacement technique, http://kryogenix.org/code/browser/lir/
 */
.replaced
{
	overflow						: hidden;
	background-repeat				: no-repeat;	
	height							: 0px !important;	
}

.datepicker
{
	display							: block;
	margin-left						: auto;
	margin-right					: auto;
}

.datepicker th, .datepicker td, .datepicker caption
{
	padding							: 0;
}

.ui-datepicker-inline
{

}

/**
 * HTML
 * 
 * @section html
 */
html
{

}

/**
 * Body
 * 
 * @section body
 */
body
{

}

/**
 * Header and Footer
 * 
 * @section header-and-footer
 */
.header *, .footer *
{
	color							: #fff;
	border-color					: #fff;
}

/**
 * Header
 * 
 * @section header
 */
.header
{
	padding-top						: 100px;
	height							: 140px;
}

.header .content
{
	position						: relative;
}

.header h1
{
	border							: none;
}

.header h1.logo-text
{
	padding							: 48px 0 0 0;
	overflow						: hidden;
	background-image				: url("../../../img/implementation/default/logo/primeordinal.png");
	background-repeat				: no-repeat;
	
	height							: 0px !important;
	height /**/						: 48px;
}

.header h1.logo-image
{
	padding							: 158px 0 0 0;
	overflow						: hidden;
	background-image				: url("../../../img/implementation/default/logo/po.png");
	background-repeat				: no-repeat;
	
	height							: 0px !important;
	height /**/						: 158px;
	
	position						: absolute;
	right							: 0;
	top								: -50px;
	width							: 242px;
}

.header p
{
	font-size						: 210%;
}

.header ul li a
{
	text-decoration					: none;
}

/**
 * Footer
 * 
 * @section footer
 */
.footer
{
	height							: 100%;
}

.footer .container
{
	padding-top						: 10px;
}

.footer ul li
{
	list-style						: none;
	margin-left						: -1.5em;
}

/**
 * General Tags
 * 
 * @section general
 */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, span, pre, img
{
    color							: #333;
}

h1, h2, h3, h4, h5, h6
{
    letter-spacing					: -0.05em;
	border-bottom					: #ccc 1px solid;
}

p, ul, ol, dl, table, span, img
{
	text-align						: justify;	
}

a
{
    color							: #000;
}

/**
 * Navigation
 * 
 * @section navigation
 */
.navigation ul
{
	text-align						: center;
}

.navigation ul li
{
	display							: inline;
	margin-right					: 1em;
	list-style						: none;
	padding-bottom					: 4px;
}

.navigation ul li a
{
	text-decoration					: none;
	font-size						: 175%;
}

/**
 * Breadcrumb
 * 
 * @section breadcrumb
 */
.breadcrumb
{
	border							: transparent 1px solid;
	margin-bottom					: 25px;
}

.breadcrumb ul
{
	position						: relative;
	top								: 8px;
}

.breadcrumb ul li
{
	display							: inline;
	padding-right					: 1em;
	list-style						: none;
}

.breadcrumb ul li a
{
	text-decoration					: none;
}

/**
 * Containers
 * 
 * @section containers
 */
.divider
{
	background-image				: url("../../../img/implementation/default/background/divider.gif");
}

.main, .header, .frame, .panel, .plain, .table
{
	margin-bottom					: 10px;
}

.frame, .panel, .plain, .table
{
	
}

.frame, .panel
{
	border							: #ccc 1px solid;
}

.frame
{
	padding							: 4px 4px 0 4px;
	overflow						: hidden;
}

.panel
{
	padding							: 12px 12px 8px 12px;
}

.filled
{
	background						: #333;
}

.frame img, .panel img, .plain img
{
	width							: 100%;
}

/**
 * Footer
 * 
 * @section Sticky Footer by Ryan Fait
 * @see http://ryanfait.com/
 */
html,
body
{
	height							: 100%;
}

.wrapper
{
	min-height						: 100%;
	height							: auto !important;
	height							: 100%;
	margin-bottom					: -235px; /* the bottom margin is the negative value of the footer's height */
}

.footer,
.push
{
	height							: 235px;
}

.footer
{
	clear							: left;
}

/**
 * Table
 * 
 * @section table
 */
.table
{
	overflow						: hidden;
}

.table caption
{
	background						: none;
}

.table thead th
{
	background						: none;
	border-bottom					: #ccc 1px solid;
}

.table thead th.header-column, tbody th, tfoot th
{
	border-right					: #ccc 1px solid;
}

.table tfoot th, tfoot td
{
	border-top						: #ccc 1px solid;
}

.table tr.even th, tr.even td
{
	background						: #fefefe;
}

/**
 * Colours
 * 
 * @section Subtlety of Hue The Spa by wi.hi.fi
 * @see http://kuler.adobe.com/
 */

/**
 * Map
 * 
 * @section map
 */
.map
{
	padding-bottom					: 4px;
	margin-bottom					: 11px; /* weird clearfix */
}

/**
 * Portfolio
 * 
 * @section portfolio
 */
.portfolio ul li
{
	display							: inline;
}

.portfolio ul li a
{
	text-decoration					: none;
}

/**
 * Unformmatted text
 * 
 * @section unformatted
 */
.system
{
	overflow						: auto;
}


/**
 * Instances
 * 
 * @section instances
 */
#office-map
{
	height							: 288px;
	width							: 460px;
}

#office-map-large
{
	height							: 420px;
	width							: 940px;
}

#test-image
{
	padding							: 250px 0 0 0;
	overflow						: hidden;
	background-image				: url("../../../img/implementation/default/logo/calabi.png");
	background-repeat				: no-repeat;
	
	height							: 0px !important;
	height /**/						: 250px;
}