/*
Theme Name: Colourful Things
Theme URI: http://jameseggers.com
Description: The Theme for jameseggers.com.
Version: 1.0
Author: James Eggers
Author URI: http://jameseggers.com
Tags: rainblow, 900 pixels across

*/

/*

main.css
Created by James Eggers on 26 of September 2009. 
All Content (C) Copyright James Eggers. 
All Rights Reserved. 

Contact: info[at]ameseggers[.com]

*/ 

/* Base */

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* Fonts */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;} 

/* Reset */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*
*
*  Page Layout 
*
*
*/


body 
{
	font-family: "Arial", Trebuchet MS, Verdana, sans-serif, helvetica, Lucida Grande, Lucida Grande Unicode;
}

/* Containers */

.head
{
	width: 100%;
	height: 110px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/nav_bg2.png');
	background-repeat: repeat-x;
	float: top;
}

.header
{
	width: 900px; 
	height: 110px;
	float: top;
	margin: 0 auto;
	margin-top: -110px;
	
}

.content
{
	width: 900px;
	height: 400px;
	margin: 0 auto;
}

/* Header Elements */

.logo
{
	width: 250px;
	height: 110px;
}

#sidebar
{
	width: 600px;
	height: 110px;
	margin-top: -110px;
	margin-right: -15px;
	float: right;
}

#sidebar ul li 
{
	display: inline;
	float: left;
}

#sidebar a 
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

.square
{
	width: 150px;
	height: 110px;
	padding-top: 2px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/menu_me3.png');
	background-repeat: no-repeat;
	background-position: center;
}



.square2
{
	width: 150px;
	height: 110px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/menu_blog3.png');
	background-repeat: no-repeat;
	background-position: center;
}

.square3
{
	width: 150px;
	height: 100px;
	padding-bottom: -55px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/menu_portfolio3.png');
	background-repeat: no-repeat;
	background-position: center;
}

.square4
{
	width: 150px;
	height: 100px;
	margin-top: 4px;
	padding-bottom: -55px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/menu_contact.png');
	background-repeat: no-repeat;
	background-position: center;
}

.menu_me_over
{
	width: 150px;
	height: 10px;
	margin-top: -12px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/rollover.png');
	background-repeat: no-repeat;
	background-position: center;
}

.blog_over
{
	width: 150px;
	height: 10px;
	margin-top: -10px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/rollover.png');
	background-repeat: no-repeat;
	background-position: center;
}

.portfolio_over
{
	width: 150px;
	height: 10px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/rollover.png');
	background-repeat: no-repeat;
	background-position: center;
}

.contact_over
{
	width: 150px;
	height: 10px;
	margin-top: -3px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/rollover.png');
	background-repeat: no-repeat;
	background-position: center;
}

/* Content Elements */

/* About Page */ 

.caption
{
	width: 400px;
	height: 100px;
	float: right;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/caption.png');
	background-repeat: no-repeat;
	background-position: right;
}

.pic 
{
	width: 400px;
	height: 330px;
	float: left; 
	margin-top: 10px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/me.jpg');
	background-repeat: no-repeat;
	background-position: right;
}

.text 
{
	width: 375px;
	height: 400px;
	float: right;
	color: #4D4D4D; 
	line-height: 35px;
	letter-spacing: 1.5px;
	font-size: 115%;
}

.text_big
{
	width: 505px;
	height: 400px;
	margin-left: -393px;
	margin-top: 25px;
	float: left;
	color: #4D4D4D; 
	line-height: 35px;
	letter-spacing: 1.5px;
	font-size: 115%;
}

.skills
{
	width: 400px;
	height: 300px;
	float: left; 
	margin-top: -20px;
	margin-left: -10px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/skills.png');
	background-repeat: no-repeat;
	background-position: left;
}

.skills_img
{
	width: 400px;
	height: 330px;
	float: right; 
	margin-right: -10px;
	margin-top: 10px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/ruby_on_rails_logo.jpg');
	background-repeat: no-repeat;
	background-position: right;
}


.contact 
{
	width: 410px;
	height: 330px;
	float: left; 
	margin-top: 260px;
	margin-left: -514px;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/contact.png');
	background-repeat: no-repeat;
	background-position: left;
}

.contact_twitter
{
	width: 60px;
	height: 330px;
	float: right; 
	margin-top: 410px;
	margin-left: -360px;
	/*background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/twitter_logo.png');
	background-repeat: no-repeat;
	background-position: right;	*/
}

.contact_fb
{
	/*width: 60px;
	height: 330px;*/
	float: right; 
	margin-top: 129px;
	margin-left: 220px;
	/*background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/facebook-icon.gif');
	background-repeat: no-repeat;
	background-position: right;	*/
}

.contact_form
{
	width: 505px;
	height: 400px;
	margin-left: -510px;
	margin-top: 460px;
	float: left;
	color: #4D4D4D; 
	line-height: 35px;
	letter-spacing: 1.5px;
	font-family: "times", Times New Roman;
}

.contact_form p
{
	color: #000;
	font-size: 1.6em;
	margin-top: 40px;
}

.contact_form textarea
{
	width: 505px;
	height: 200px;
	margin-top: -40px;
	font-size: 1em;
	border: 1px black solid;
}

.contact_form textarea:hover
{
	border: 1px grey solid;
}

.contact_form input
{
	width: 505px;
	height: 40px;
	font-size: 2em;
	border: 1px black solid; 
}

.contact_form input:hover
{
	border: 1px grey solid; 
}

#inline_results 
{
	width: 350px;
	height: 330px;
	float: right; 
	margin-right: -10px;
	margin-top: -200px;
}

.success
{
	width: 200px;
	height: 200px;
	font-size: 2em;
	margin-top: -100px;
	color: #4D4D4D;
	text-align: center;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/error-sign.gif');
	background-repeat: no-repeat;
	background-position: center;
}

/* Blog */

.post 
{
	width: 600px;
	height: auto;
	margin-top: 30px;
	float: left;
}

.post .title 
{
	font-size: 1.8em;
	color: #787878;
}

.post .meta
{
	font-size: 85%;
	color: #696969;
	letter-spacing: 0.5px;
}

.post .meta a
{
	color: #696969;
}

.date
{
	width: 35px;
	height: 50px;
	font-size: 80%;
	color: grey;
	text-transform: uppercase;
	margin-left: -50px;
	margin-top: -35px;
}

.date .month
{
	width: 40px;
	font-size: 110%;
	color: grey;
	text-align: center;
	/*margin-left: 2.2px;*/
}

.date .day
{
	font-size: 2em;
	font-family: times, times-new-roman;
	color: #000000;
	text-align: center;
	margin-top: 0px;
	margin-left: 3px;
}

.date .top
{
	width: 40px;
	height: 2px;
	background: #1D7CF2;
}

.post .entry
{
	font-size: 115%;
	line-height: 32px;
	letter-spacing: 1px;
	color: #282a25;
}

.post .entry p
{
	margin-top: 2px;
}

.post .entry .code
{
	height: auto;
	width: 600px;
	min-height: 70px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 30px;
	background: #E0FFFF;
}

.post .entry pre 
{
	padding: 12px;
}

.post .entry li
{
	margin-left: 50px;
	margin-top: 20px;
	font-weight: bold;
	padding: 6px;
	background: #E6F6F9;
}

.line_numbers
{
	color: black;
	line-height: 42px;
}

/* Comments */

h3#comments 
{
	font-size: 1.5em;
	color:grey;
	line-height: 30px;
	padding: 20px;
}

.comment-body
{
	height: auto;
	width: 600px;
	min-height: 70px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	background: #E0FFFF;
	padding: 12px;
}

.comment_body p
{
	color: red;
	padding: 12px;
}

/* Portfolio */ 

.content .portfolio 
{
	width: 900px;
	height: 500px;
	margin-top: 10px;
}

.content .portfolio img
{
	z-index: -1;
}

.content .footer_portfolio
{
	width: 900px;
	height: 220px;
	color: #C9C9C9;
	background-image: url('http://jameseggers.com/wp-content/themes/james/static/images/portfolio_back.jpg');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 0;
	font-size: 2em;
	font-weight: bold;
}

.content .footer_portfolio h1
{
	padding: 12px;
}

.content .footer_portfolio p
{
	font-size: 1em;
	color: #FFF;
	padding: 12px;
}


/* Footer */

.footer
{
	width: 200px;
	height: 30px;
	background: #4CBB17;
	font-size: 90%;
	position: fixed;
	bottom: 0;
	right: 0;
	color: #FFF;
	text-align: center;
	
}

.fowa
{	
	width: 200px;
	height: 135px;
	position: fixed;
	bottom: 0;
	right: 0;
	color: #FFF;
	text-align: center;
}


.footer_2
{
	width: 180px;
	height: 30px;
	background: #8A2BE2;
	font-size: 90%;
	position: fixed;
	bottom: 0;
	right: 0;
	color: #FFF;
	text-align: center;
	
}

/*.footer3
{
	width: 100%;
	height: 150px; 
	background: black;
}*/

.footer_mask
{
	width: 200px;
	height: 90px;
	position: fixed;
	bottom: 0;
	right: 0;	
}

/* Links */

a 
{
	color: #000000;
	text-decoration: none;
}