/*
	Jody Iverson
	http://www.viddyworks.ca
	
	Green: 	#697227
	Blue: 	#7895A3
	Grey:	#534741
	Tan:	#EAE8D8
	
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: Arial, sans-serif; color: #534741; 
									  background: url(images/body_bg.png) top center repeat-x #EAE8D8; }
ul									{ list-style: none; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: top; margin-bottom:20px; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; margin:0 20px 0 0; }
.floatRight							{ float: right; margin:0 0 0 20px; }
.clear								{ clear: both; }
.button								{ border: 1px solid #534741; background: #EAE8D8; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover						{ background: #EAE8D8; color: #534741; }


/*
	STRUCTURE
*/

#page-wrap							{ width: 960px; margin: 0px auto -250px;
									  min-height: 100%; height: auto !important; height: 100%;}

#push								{ height: 250px; }
#main-col							{ width: 660px; float: left; }					
#linksidebar						{ width: 250px; float: right; margin-top:25px; }

/*
	TYPGROGRAPHY
*/
p, li, cat-item						{ color:#534741; font-size: 1.3em; line-height: 1.3em; margin: 5px 0 10px 0; }
p#intro-paragraph					{ font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; 
									  margin-top: 25px; margin-bottom:30px; color:#534741; }
p#intro-paragraph span				{ font-size: 2.4em; font-weight: bold; color: #7895A3;}
p#intro-paragraph em				{ color: #7895A3; }
a									{ color: #7895A3; }
a:hover								{ color: #697227; }
blockquote							{ color:#7895A3; background: #F7F5EB; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:.1em; font-style:italic; border: thin solid #7895A3; width:80%; margin:0 auto; padding:20px;}
h1									{ font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; color:#697227; }
h2									{ font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; color:#697227; }
h3									{ font-size: 2em; font-family: Georgia, serif; font-weight: normal; margin: 10px 0 ; color:#697227;}
h4									{ color: #7895A3; font-size: 2.0em; margin: 10px 0; }
.post h4							{ font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 10px 0;
									  color: #7895A3; }

/*
	FORMS
*/
input								{ padding: 3px; }


/*
	HEADER
*/

h1#logo								{ width: 371px; height: 80px; background: url(images/logo.png) top left no-repeat; text-indent: -9999px;									 									  margin: 0 10px 8px 0; float: left; }

#top-bar							{ padding: 24px 0 0 0; }
#top-bar p							{ color: #EAE8D8; width: 300px; float: left; }
form#searchform						{ margin: 0 0 10px 0; float: right; }


/*
	MENU
*/
#menu-bar							{ padding-top: 11px; padding-bottom: 20px;}
ul#main-nav							{ width: auto; float: left; margin: 12px 0 0 0; }
ul#main-nav	li						{ display: inline; }
ul#main-nav li a					{ text-transform: uppercase; color: #EAE8D8; font-size: 1.4em; padding: 3px 12px;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#resume ul#extra-nav li.resume a{ background: #EAE8D8; color: #7895A3; }


/*
	SIDEBAR
*/

.sidehead 							{ background:#697227; color:#EAE8D8; text-align:center; padding-top:3px; padding-bottom:3px;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#advert								{ margin-bottom: 25px; }


/*
	BLOG ENTRIES
*/
.post								{ margin: 0 0 45px 0; }
ol.commentlist						{ list-style: none; }
.comment-bubble						{ background: #7895A3; color: #EAE8D8; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ol.commentlist li p					{ font-size: 1.0em; color: #EAE8D8;}
.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }
#attachment							{float:left;}

/*
	FOOTER
*/
#footer								{ height: 250px; background: url(images/footer_bg.png) repeat-x bottom; padding-top: 20px; }
#footer-inside						{ width: 960px; margin: 0 auto; }
#footer p							{ color: #EAE8D8; }
#footer-1							{ text-align:center; margin-top:160px; }
#footer a							{ color: #EAE8D8; }
#footer ul							{ color: #EAE8D8; }