@charset "UTF-8";
/* CSS Document */

@import url("css/reset-min.css"); /* ------- Reset */

/* = clearfix taken from http://www.positioniseverything.net/easyclearing.html
=========================================================================== */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/*  
Theme Name: Contrast Style
Theme URI: http://wordpress.imblickpunkt.com
Description: SEO Optimized Portal Layout. The Text Element are white for better reading. The Code is W3C Valid and Clean. You can easy modify alot of thinks. For sure the Theme is Widget ready. If you find bugs plz visit http://wordpress.imblickpunkt.com and leave a MSG - i will fix it asap.
Tags: seo, w3c, valid, easy, three columns, Right sidebar, left sidebar, fixed width, widgets, easy customization, widget ready, valid css, valid xhtml. games
Version: 1.1
Author: Schalkie
Author URI: http://imblickpunkt.com
License :  GNU General Public License (GPL) version 3

	
*/
 

/* = TAGS: Body
============================================================================ */
html {
	height: 100%;
}
body {
	background-color: #FFFFFF;
	background-image: url('images/bg.png');
	background-repeat: no-repeat;
	background-position: top right;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Calibri, Arial;
	font-size: 10px;
	height: 100%;
}
strong {
	font-weight: bold;
}

/* = TAGS: links
============================================================================ */
a:link {
	color: #B54F47;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #B54F47;
}
a:hover {
	text-decoration: underline;
	color: #B54F47;
}
a:active {
	text-decoration: none;
	color: #B54F47;
}

/* = TAGS: headings
============================================================================ */
h1 {
	font-size: 220%;
	color: #000000;
	font-weight: bold;
}
h2 {
	font-size: 180%;
	color: #000000;
	font-weight: bold;
}
h3 {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
}

/* = GENERAL
============================================================================ */
A.btn {
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 120%;
	background-color: #B54F47;
}
A:hover.btn {
	text-decoration: none;
	background-color: #333333;
	color: #FFFFFF;
}

/* = PAGE
============================================================================ */
#pageHeader {
	margin-top: 30px;
	width: 960px;
	height: 67px;
}
#pageBody {
	width: 958px;
	border: 1px dotted #999999;
	height: 100%;
}
#pageFooter {
	width: 940px;
	margin-top: 10px;
}


/* = HEADER: logo
============================================================================ */
#logo {
	width: 163px;
	height: 50px;
	float: left;
	margin-left: 10px;
	padding: 0px;
}
#logo H1 {
	float: left;
}

#logo H1 A {
	width: 163px;
	height: 50px;
	position: relative;
	overflow: hidden;
	display: block;
	color: #999;	
}
#logo H1 A SPAN {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: url('images/logo.gif') no-repeat;
}
#logo H1 A STRONG {
	font: 22px/11px Calibri, Arial;
	color: #000000;
}
#logo H1 A:hover STRONG {
	color: #000000;
}

/* = HEADER: search
============================================================================ */
#headerRight {
	width: 787px;
	text-align: right;
	float: left;
}
#search {
	margin-bottom: 17px;
}
.searchBox {
	width: 185px;
	height: 20px;
	padding-right: 20px;
	background: #FFFFFF url('images/search_box1.gif') no-repeat;
	border: 0px solid #FFFFFF;;
	font-size: 11px;
	padding-left: 3px;
	line-height: 20px;
}

/* = HEADER: navigation
============================================================================ */
#nav {
}
#nav UL {
	list-style:none; 
	margin: 0; 
	padding: 0px;
	border-right: 1px dotted #999999;
	height: 30px;
	
}
#nav UL LI {
	display:inline;
	font-size: 13px;
	font-weight: bold;
	line-height: 29px;
	margin: 0px;
	padding: 0px;
	
}
#nav UL LI A {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 9px;
	border-left: 1px dotted #999999;
	border-top: 1px dotted #999999;
}
#nav UL LI A:hover {
	background-color: #B54F47;
	color: #FFFFFF;
	text-decoration: none;
}

/* = BODY: left column
============================================================================ */
#leftCol {
	width: 280px;
	padding-bottom: 20px;
}
.left-widget {
	width: 250px;
	padding-left: 10px;
	padding-right: 20px;
	text-align: left;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999999;
	color: #504A60;
}
.left-widget .widget-header {
	padding: 0px;
	margin-bottom: 10px;
	font-size: 180%;
	color: #000000;
	font-weight: bold;
}
.left-widget P {
	padding: 0px;
	margin-bottom: 10px;
	font-size: 130%;
	line-height: 130%;
}
.leftBoxBtn {
	text-align: right;
}
.clientTable TD {
	padding-bottom: 15px;
}
#quoterotator {
	line-height: 130%;
}
.client {
	font-size: 120%;
	font-weight: bold;
}

/* = BODY: middle column
============================================================================ */
#middleCol {
	width: 427px;
	padding: 20px;
	border-left: 1px dotted #999999;
	background-color: #EBEBEB;
	text-align: left;
}
.homePost {
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 10px solid #FFFFFF;
	color: #3E352F;
}
.pageContent {
	padding-bottom: 15px;
	color: #3E352F;
}
.archiveItem {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 10px solid #FFFFFF;
	color: #3E352F;
}
.archiveTitle {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 10px solid #FFFFFF;
}
.hpTitle {
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 5px;
}
.hpDate {
	font-size: 110%;
	color: #666666;
	margin-bottom: 4px;
}
.homePost  H2, .pageContent H2, .hpContent  H3 {
	margin-bottom: 15px;
}
.hpContent {
	font-size: 130%;
	line-height: 140%;
}
.hpContent IMG {
	margin-bottom: 15px;
}

.hpContent P {
	margin-bottom: 15px;
}
.hpContent UL {
	margin-bottom: 15px;
	list-style-type: circle;
	margin-left: 20px;
}
.hpFoot {
	font-size: 110%;
}
.hpCat,.hpCom {
	width: 50%;
	float: left;
}
.hpCom {
	text-align: right;
}
A.hpl {
	color: #333333;
}
A:hover.hpl {
	color: #B54F47;
	text-decoration: none;
}
.clientPage {
	margin-top: 5px;
	font-weight: bold;
}
.gline {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
	background-color: #CCCCCC;
	
}
/*.heroImage {
	margin-bottom: 15px;
}*/

/* = BODY: comments
============================================================================ */
.commentblog P {
	margin-bottom: 8px;
}
.commentblog h3.commentCount {
	margin-top: 0px;
	font-size: 130%;
	margin-bottom: 10px;
	border-bottom: 10px solid #FFFFFF;
	padding-bottom: 10px;
}
.commentblog h3 {
	margin-top: 0px;
	font-size: 130%;
	margin-bottom: 10px;
}
.commentItem {
	padding-bottom: 10px;
	border-bottom: 10px solid #FFFFFF;
	margin-bottom: 10px;
}
.commentHead {
	font-size: 120%;
	margin-bottom: 10px;
	color: #9C9C9C;
}
.commentHead STRONG {
	color: #333333;
}
.commentText {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 120%;
}

/* = BODY: right column
============================================================================ */
#rightCol {
	width: 210px;
	padding-bottom: 20px;
}
.right-widget {
	width: 180px;
	padding-left: 20px;
	padding-right: 10px;
	text-align: left;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 10px solid #EBEBEB;
}
.right-widget .widget-header {
	padding: 0px;
	margin-bottom: 10px;
	font-size: 180%;
	color: #000000;
	font-weight: bold;
}
.right-widget UL {
	margin-bottom: 10px;
}
.right-widget P,
.right-widget LI {
	font-size: 130%;
	margin-bottom: 5px;
}
.right-widget LI A {
	border-left: 5px solid #EBEBEB;
	padding-left: 5px;
	color: #333333;
}
.right-widget LI A:hover {
	border-left: 5px solid #B54F47;
	padding-left: 5px;
	text-decoration: none;
	color: #B54F47;
}
.right-widget P {
	margin-bottom: 10px;
}
.icon {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	float: left;
}
	
.file {
	font-size: 130%;
	margin-top: 3px;
}
.size {
	font-size: 110%;
	color: #999999;
}

/* = FOOTER
============================================================================ */
#footerLeft {
	width: 50%;
	float: left;
	text-align: left;
}
#footerRight {
	width: 50%;
	float: left;
	text-align: right;
}