/*
Theme Name: Curtis Tasker
Theme URI: curtistasker.com
Description: Custom layout designed for curtistasker.com, converted to a wordpress theme

Site URI: curtistasker.com 
Author: Curtis Tasker
Author URI: curtistasker.com

Version: 2008

style.css - this file
screen.css - adds screen-only specific features
print.css - formats the theme for printing

Compatibility Testing: Safari 3.1
                       Firefox 3.0
					   Firefox 2.0
					   Firefox 1.5
					   Internet Explorer 7.0
					   Internet Explorer 6.0
					   Internet Explorer 5.5
					   Internet Explorer 5.01

Issues:
 - All: Requires Helvetica font installed for desired effect
 - <pre/> styling with longish segments of code pushes the sidebar to the bottom on IE5.01 & IE5.5

*/

/****************************** basic elements ********************************/   

/* define baseline settings for the website */
body
{
	font-size: 62.5%; /* shrinking default 16px font to 10px, for easier calculation */
	font-family: Helvetica,Arial,sans-serif; /* fallback fonts */
	line-height: 1.5; /* base line height */
	color: #000; /* base text color - black */ 
	margin: 0;
	padding: 0;
	text-align: center; /* IE5 hack to center page */
	margin: 15px 0 15px 0; /* a little top/bottom padding to make the layout not flush with the window edges */
	background: #555; /* fluid background color - moderately dark grey */
}

p
{
	padding: 0;
	margin: 0 0 1em 0;
}

ul
{
	list-style-type: square;
	margin: 1em 0 1em .5em;
	padding: 0;
}

ol
{
	margin: 1em 0 1em .5em;
	padding: 0;
}

/* in the event i need to use tables, use a slight bit of padding to separate rows */
td
{
	padding-right: .5em;
}

a:link,a:visited
{
	font-weight: normal;
	text-decoration: none;
	color: #0d4072; /* dark blue */
	/*color: #1919FF; /* light blue */
	/*color:#4040FF; */
}

a:hover, a:active
{
	font-weight: normal;
	text-decoration: none;
	color: #904; /* dark red */
}

.entry a
{
	border-bottom: 1px dotted;
}

.entry a.more-link
{
	border-bottom: none;
}



/* underline acronyms and abbreviations */
acronym,abbr
{
	border-bottom: 1px dotted;
}

/* use for quotes */
blockquote
{
	border-left:1em solid #a5bbd3; /* thick vertical stripe to offset the quotes - moderate blue */
	margin: .5em .5em .5em 0;
	padding:0 0 0 1em;
}

/* use for code blocks */
pre
{
	border: 2px dotted #a5bbd3;
	padding: 1em;
	margin: 0 0 1em 0;
}

code, pre
{
	font-size: 1.1em; /* make the font size a tiny bit bigger */
}

/****************************** text selection  ******************************/
   
/* Works in Safari & Opera CSS3 only */
/*::selection
{
	background: #aecdf7; /* baby blue */
/*} */

/****************************** custom classes *******************************/
/* some custom class elements to allow for interesting presentation effects */

.alignleft
{
	float: left; 
	margin: .6em 1em .6em 0;
}

.alignright
{
	float: right;
	margin: .6em 0 .6em 1em;
}

/* use pullquotes on blockquote elements */
blockquote.pullquote
{
	font-size: 1.2em;
	text-align: center;
	border: 0; /* reset the blockquote borders to nothing */
	border-top: 2px solid #a5bbd3;
	border-bottom: 2px solid #a5bbd3;
	padding: .5em .5em 0 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

.pullquote p
{
	margin-bottom: .5em;
}

/* use infoboxes on <div> elements, outside of paragraph tags */ 
.infobox
{
	margin: .8em 0 1em 0;
	padding: 1em 1em .5em 1em;
	background: #a5bbd3; /* moderate blue */
}

.infobox p
{
	margin-bottom: .5em;
}

.infobox.alignleft
{
	margin-right: 1em;
	margin-bottom: .3em;
}

.infobox.alignright
{
	margin-left: 1em;
	margin-bottom: .3em;
}

/*********************************** page ************************************/

/* defines the fixed width layout, its background color, and borders */
#page
{
	margin: 0 auto; /* horizontally centered and flush vertically */
	width: 980px; /* fixed width of the layout */
	border: 1px solid #fff; /* white */
	
	background: #fff; /* white - used if the background images fail to load */
	text-align: left; /* IE5 hack to center page */
}

/********************************** header ***********************************/
 
/* header contains title and description */
#header
{
	color: #000;
	height: 150px; /* the height of the header background image */
	background: url(header_background.jpg) no-repeat top left;
	text-align: right;
	border-bottom: 1px solid #fff; /* white */
}

/* creates a giant hyperlink out of the header image */
#header a
{
	display: block;
	height: 150px; /* the height of the header background image */
	width: auto;
}

/* mirrors content in header image, hidden for users, displayed to search engines */
#header #title
{
	display: none;
	padding: .2em .3em 0 0;
	font: bold 6em "Courier New",monospace,serif;
}


/* mirrors content in header image, hidden for users, displayed to search engines */
#header #description
{
	display: none;
	margin: -.5em 1em 0 auto;
	font: normal 2.5em "Courier New",monospace,serif;
}

/*********************************** main ************************************/

/* holds the shaded top background */
#body_top
{
	height: 17px;
	background: url(bg_top.png) no-repeat;	
}

/*holds the shaded left/right background */
#body_middle
{
	background: url(bg_content.png) #fff repeat-y;
}

/* holds the shaded bottom background */
#body_bottom
{
	clear: both; /* ensures that the layout clears the sidebar */
	height: 17px;
	background: url(bg_bottom.png) no-repeat;
}

/* holds the #content section, and the background body image */
#body_container
{
	width: 920px; /* forces shorter content to not shrink the layout */
	
	/* 25px margin == perfect surrounding margins, but 30px feels better */
	margin: 0 30px 0 30px; /* left and right margins fixed to avoid overlapping body background fill */
	background: url(code_bg.png) bottom right no-repeat; /* positions the background just a little off the lower right corner */
}

/* hack to make the layout work properly with IE5.5 and IE6 */
#body_middle, #body_container
{
	float: left;
	display: inline;
	height: 100%;
}

/*********************************** footer **********************************/

#footer
{
	display: none; /* not using a footer at the moment */
	padding: 1px 3em 1px 3em; /* lines up left with body content */
	clear: both;
	font-weight: normal;
	font-size: 1.6em;
	border-top: 1px solid #fff; /* white */
}


/********************************** content **********************************/

#content
{
	
	float: left; /* float the content to the left of the sidebar */
	display: inline;
	font-size: 1.4em; /* Default font size for the content */
	width: 75%;
	height: auto !important; /* hack for older IE versions to enforce a minimum height */
	height: 40em;
	min-height: 40em;
}

#content h1,h2,h3,h4,h5
{
	clear: both; /* clear floating elements when starting a new section */
	font-weight: bold;
	/*color: #0d4072; /* dark blue */
	color: #0d4072;
	letter-spacing: 1px;
	padding: 0;
	margin: 0 0 .5em 0;
}

#content h1 a
{
	font-weight: bold;
}

/*#content h1 a,h2 a,h3 a,h4 a,h5 a
{
	font-weight: bold;
	color: #191999;
}*/
/*#content h1 a:hover, h1 a:active, h2 a:hover, h2 a:active
{
	font-weight: bold;
	color: #904;
} */

#content h1
{
	border-bottom: 2px solid #a5bbd3; /* solid bottom line - moderate blue */
	font-size: 1.6em;
}


#content h2
{
	font-size: 1.35em;
}

#content h3
{
	font-size: 1.15em;
}

#content h4,h5
{
	font-size: 1em;
}

#content ol
{
	margin-top: .5em;
}

#content li
{
	margin: 0 0 0 1.5em;
}

/* border around images */
#content img
{
    background-color: #dedede;
    border: 1px solid #a9a9a9; /* light grey */
/*	border: 1px solid #a5bbd3; /* moderate blue */
    padding: 4px;
}

#content .wp-caption
{
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
}

/*********************************** posts ***********************************/

/* each individual post */
.post
{
	padding-bottom: 1em;
	padding-right: 0em;
	
	clear: both; /* allows clearing of floated elements for short articles. */
}

.post .entry
{
	margin: .5em 2em 1em 1.5em;
	text-align: left;
}

.post .metadata
{
	font-size: .9em;
	text-align: right;
	clear: both; /* clear floating elements when ending a post */
}

/********************************** sidebar **********************************/

/* fix the sidebar relative to its container, at the top right */
#sidebar
{
	float: right; /* float the sidebar to the right */
	display: inline;
	font-size: 1.2em; /* Reset fonts to 14px */
	width: 22%;
	margin: 0 0 0 0; /* controls the positioning of the horizontal rules */
	padding: 0;
	top: .7em;
	right: 2em;
}

/* each sidebar section */
#sidebar .sidebarBox
{
	padding: .5em 0 0 1em;
	margin: 0 0 1em 0;
}

.sidebarBox h2
{
	font-weight: bold;
	color: #000; 
	font-size: 1.6em;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #a5bbd3; /* moderate blue */
}

.sidebarBox h2 a:link, .sidebarBox h2 a:visited
{
	color: #000; /* black */
}
.sidebarBox h2 a:hover
{
	color: #904; /* dark red */
}

.sidebarBox h2 a
{
	font-weight: bold;
}

.sidebarBox p
{
	font-size: 1.2em;
	padding: .5em 0 0 0em;
	margin: 0;
}

.sidebarBox ul
{
	font-size: 1.2em;
	padding: .5em 0 .5em .5em;
	margin: 0 0 0 .6em;
}

/***************************** comments styling ******************************/

/* limits the width of the comment textarea */
#comment
{
	width: 100%;
}

#content .commentheader
{
	margin-bottom: 1em;
}

#content .commentheader cite
{
	font-style: normal;
	font-size: 1.4em;
}

#content .commentlist li
{
	padding: .5em;
}

/* every other comment is colored differently */
#content .commentlist .alt
{
	background-color: #F0F0F0; /* light grey */
}

/* no border around avatars */
#content .avatar
{
	float: right;
    background-color: #fff;
	border: none; /* moderate blue */
    margin: 0;
    padding: 0;
}