/*
Theme Name: AJ McKee
Theme URI: http://aj.mc-kee.com/
Description: Custom theme for AJ McKee.com site.
Version: 1.0
Author: AJ McKee
Author URI: http://aj.mc-kee.com/
Tags: red, custom header, liquid, three columns, widgets
*/

/* <!-- */
/* General styles */
html, body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	font-family: Helvetica, Arial, Sans-Serif;
	height: 100%;
	min-width: 1000px
}
/* Defalt Hyperlinks Style */
a { color:#777777; }
a:hover { text-decoration: underline; }
a:visited { text-decoration: none; }
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
pre { overflow: inherit;}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	height: 11px;
	background-image: url(images/backgrounds/header.png);
	margin-bottom: 20px;
}
#header {
	border-bottom:1px solid #000;
}


/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow: hidden; 	/* This chops off any overhanging divs */

}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	height: 100%;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	height: 100%;
}
/* 3 Column settings */
.threecol {
	background:#ffffff;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#ffffff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#ffffff;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer { clear:both; float:left; width:100%; border-top:1px solid #000; background-color: #777777;  }
#footer #footerLeft { height: 100%; width: 33%; float: left; }
#footer #footerCentre { height: 100%; width: 33%; float: left; }
#footer #footerRight { height: 100%; width: 33%; float: left; }
#footer h3 { margin-left: 10px; color: #ffffff }
#footer ul { margin-left: 10px; padding: 0px; list-style: none; display: block;}
#footer li { margin-left: 10px; padding: 2px; list-style: none; display: block; color: #ffffff;}
#footer li a:link { color: #ffffff;}
#footer li a:visited { color: #ffffff;}
#footer li a:hover { color: #ffffff;}

.page h3 { color: #777777 }
.page h4 { color: #777777 }
/* Hcard link handling */
#hcard { color: #C0C0C0; float: right; }
#hcard a:link { text-decoration: none; color: #C0C0C0; }
#hcard a:active { text-decoration: none; color: #C0C0C0; }
#hcard a:hover { text-decoration: none;	color: #C0C0C0; }
#hcard a:visited { text-decoration: none; color: #C0C0C0; }

/* Hcard wrapper */
#hcard .wrapper { clear: both; }
#hcard .label {	float: left; vertical-align: middle; width: 80px;}
#hcard .content { float: left; vertical-align: middle; }
#hcard .fn { font-size: 28px; display: inline-block; }
#hcard .photo { vertical-align: middle;}

/* Status Messages (AKA Twitter Status) */
#statusMessage { font-size: 2.3em; color: #777777; }
#statusMessage #twitter { font-size: 1.2em; color: #777777; }
#statusMessage #twitter a:link { color: #777777; text-decoration: none;}
#statusMessage #twitter a:active { color: #777777; text-decoration: none;}
#statusMessage #twitter a:visited { color: #777777; text-decoration: none;}
#statusMessage #twitter a:hover { color: #777777; text-decoration: none;}
#statusMessage .apos { font-style: italic; font-size: 52px; color: #777777; }
#statusMessage span { vertical-align: middle; font-size: 0.3em; padding-top: 10px; color: #C0C0C0;}

/* Blog Posts */
.post { clear: both; padding-bottom: 15px;}
.postTitle { font-size: 2em; color: #777777; }
.date { font-size: 0.4em; float: right; }
.more { font-size: 0.9em; color: #777777; float: right;}

/* Right Side Navigation */
#rightSideNav ul { list-style: none; border: none; margin-left: 0px; padding: 5px;} 
#rightSideNav li { color: #C0C0C0; list-style: none; display: block; margin: 5px 5px 5px 5px; border-bottom: 1px; border-style: dotted; border-top: none; border-left: none; border-right: none;}
#rightSideNav li a:link { color: #C0C0C0; text-decoration: none;  display: block;}
#rightSideNav li a:visited { color: #C0C0C0; text-decoration: none; display: block; }
#rightSideNav li a:active { color: #C0C0C0; text-decoration: none; display: block; }
#rightSideNav li a:hover { text-decoration: none; background-color: #777777; color: #ffffff; display: block; }
#rightSideNav h2 { margin-left: 5px; color: #777777; }

/* Search Box */
.screen-reader-text { visibility: hidden; } /* We hide this as its ugly */
#searchform { margin-left: 5px;}
#searchform label { display: none; visibility: hidden; width: 0px;}
#searchform #s {  width: 70%; color: #C0C0C0;} /* This is the input text box for the search form. */
#searchform #searchsubmit { width: 20%; border-bottom: 1px; border-style: dotted; border-top: none; border-left: none; border-right: none; background-color: #ffffff; color: #C0C0C0;}

/* Categories */
#rightSideNav li.cat-item {margin-left: 5px; padding: 0px; list-style: none; display: block;}
#rightSideNav ul.children {margin-left: 0px; padding: 0px; list-style: none; border-bottom: none; display: block;}

/* Bookmarks / Blogroll */
.category ul { padding: 0px; margin: 0px;}
.bookmark { color: #C0C0C0; display: block; margin: 0px 5px 5px 0px; border-bottom: 1px; border-style: dotted; border-top: none; border-left: none; border-right: none; }
.bookmark a:link { text-decoration: none; color: #C0C0C0; display: block;}
.bookmark a:visited { text-decoration: none; color: #C0C0C0; display: block; }
.bookmark a:active { text-decoration: none; color: #C0C0C0; display: block; }
.bookmark a:hover { text-decoration: none; background-color: #777777; color: #ffffff; display: block;}

/* Bottom Navigation */
#bottomNav { width: 100%;}
#bottomNav .alignleft { width: 45%; float: left; vertical-align: top;}
#bottomNav .alignright { width: 45%; float: left; vertical-align: top;}

/* Pages */
#rightSideNav li.pagenav { font-size: 14px; font-style: bold; display: block; margin-left: 5px; color: #777777; margin:.8em 0 .2em 0; padding:0; border: none;}
#rightSideNav ul { margin-left: 0px; list-style: none; padding-left: 0px; border: none;}
.page_item { margin-left: 0px; list-style: none; padding: 0px; border: none;}

/* Tag Cloud */
#rightSideNav #tagCloud { margin-left: 5px;}
/* --> */