/* Global reset */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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 { font-style:normal; font-weight:normal }

ol, ul, li { list-style:none }

caption, th { text-align:left }

h1, h2, h3, h4, h5, h6 { font-size:100% }

q:before, q:after { content:''}

a { text-decoration:none; color:black;}

/* Global reset-RESET */

/* The below restores some sensible defaults */

strong { font-weight:bold }

em { font-style:italic }

* a { position:relative } /* Gets links displaying over a PNG background */

a img { border:none } /* Gets rid of IE's blue borders */






/* Reusable classes */



.clear {
		display:block;
		clear:both;
		}
		
.clear_left{
		display:block;
		clear:left;
		}
		
.clear_right{
		display:block;
		clear:right;
		}
	
/* End Reusable classes */		



body {

		background-image:url(../../../images/tile_bg_2.jpg);
		background-position:top;
		background-color:#a2a2a2;
		font-family:Helvetica, Arial, Verdana,sans-serif;
		font-size:13px;
		height:100%;

	}

	 
.wrapper {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:777px;		
		}
		

#body_wrapper {
		background-color:#FFFFFF;
		width:740px;
		padding:150px 10px 10px 10px;
		margin-top:0;
		background-image:url(../../../images/header-blue.jpg);
		background-repeat:no-repeat;	
		float:left;	
	}

	
#shadow_top {
		
		background-image:url(../../../images/shadow_top.png);
		width:760px;
		height:8px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		}

#shadow_bottom {
		background-image:url(../../../images/shadow_bottom.png);
		background-repeat:repeat-x;
		width:760px;
		height:8px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		margin-top:-8px;
		float:left;
		
	}
#shadow_footer {
		background-image:url(../../../images/shadow_footer.png);
		height:6px;		
	}

#shadow_left {
		margin-right:auto;
		margin-left:auto;
		width:17px;
		height:226px;
		background:url(../../../images/shadow_upper_lhs.png) no-repeat;
		float:left;
		margin-left:-17px;
		}

#shadow_right {
		margin-right:auto;
		margin-left:auto;
		width:17px;
		height:226px;
		background:url(../../../images/shadow_upper_rhs.png) no-repeat;
		float:left;
		margin-right:-17px;
		}


.post {
		padding:10px 10px 10px 0;
		border-bottom:dashed 1px #0586C4;	
		margin-bottom:2em;	
		width:500px;	
	}

	

.post p {
		font-family:Helvetica, Verdana, Arial, sans-serif;
		font-size:13px;
		line-height:19px;
		margin-top:1em;
		}

.post h3 a {		
		font-family:Georgia, Helvetica, Arial, Verdana,sans-serif;		
		font-size:30px;		
		font-weight:lighter;		
		letter-spacing:-2px;		
		line-height:42px;				
		color:#0586C4;		
		margin-bottom:20px;
		}

.post p a {
		text-decoration:underline;
		}


.header {		
		font-family:Georgia, Helvetica, Arial, Verdana,sans-serif;
		font-size:36px;
		font-weight:lighter;
		letter-spacing:-2px;
		line-height:42px;
		color:#0586C4;		
		}

.post h2 {
		font-family:Georgia, Helvetica, Arial, Verdana,sans-serif;
		font-size:36px;
		font-weight:lighter;
		letter-spacing:-2px;
		line-height:42px;
		color:#0586C4;
		margin-bottom:1em;
		}


.subHeader {
		font-family:Georgia, Rockwell, Arial, sans-serif; 		
		color:#ACACAC; 			
		font-size:14pt; 
		font-weight:500;			
		font-style:italic; 						
		}


.smallHeader {
		font-family:Georgia, Rockwell, Arial, sans-serif; 			
		color:#ACACAC; 			
		font-size:10pt; 			
		font-style:italic; 						
		}

h1, h4, h5, h6 {
        color:#0586C4;
		font-family:Georgia, Helvetica, Arial, Verdana,sans-serif;
		letter-spacing:-10%;
		}



.post h3 a:hover {				
		text-decoration:underline;
		}		

		

#blog_title {
		display:block;
		visibility:hidden;
		}

.footer {
		width:740px;
		margin:0 auto;
		background-image:url(../../../images/footer_bg.jpg);
		background-repeat:repeat-x;
		padding:5px 10px;
		height:28px;
		float:left;
	}		
	
	
	
#footerAd {
		margin-top:10px;
		display:block;
		height:90px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		text-align:center;
		}

.footer p {
		font-family:Helvetica, Arial, Verdana,sans-serif;
		font-size:8pt;
		color:white;
		padding-left:30px;		
		}



.footer a {

		color:#FCEB06;

		text-decoration:underline;

		}



.footer a:hover {
		background-color:#FCEB06;
		color:#0586C4;
		}

#footer_myPic {
		display:block;
		width:111px;
		height:102px;
		background-image:url(../../../images/me_at_desk.png);
		position:relative;
		top:-70px;
		left:80%;
		}

.navigation {
		background:#CCCCCC;
		}

#sidebar_wrapper {
		display:block;
		float:right;
		margin-top:20px;
		}

		

#sidebar {
		width:171px;
		background:#FFF;
		background-image:url(../../../images/sidebar_body.jpg);
		background-repeat:repeat-y;
		display:block;
		padding-left:20px;
		} 

#sidebar_footer {
		background-image:url(../../../images/sidebar_footer.jpg);
		width:191px;
		height:36px;
		}

#sidebar a {		
		padding:4px;
		overflow:hidden;
		}
		
#sidebar a:hover {
		color:black;
		}

#sidebar_header {
		background-image:url(../../../images/sidebar_header_blue.jpg);
		width:191px;
		height:49px;
		}

.visit_link {
		color:white;
		background-color:#335552;
		background-image:url(../../../images/footer_bg.jpg);
		padding:5px 10px;
		}
		
.visit_link:hover {
		background-image:none;
		background-color:#0586C4;
		}
		

		
#testimonial_box {
		background-image:url(../../../images/gradient_white_grey.jpg);
		background-position:bottom;
		border:1px solid #CCC;
		background-repeat:repeat-x;
		padding:0 5px;
		-moz-border-radius:10px;
		-webkit-border-radius: 10px;
		float:right;
		width:200px;
		float:right;
		overflow:auto;
		margin-right:-80px;
} 


#testimonial_box p {
		font-size:12px;
		color:#000;
		}

#testimonial_box a {		
		font-family:Georgia, "Trebuchet MS", sans-serif;		
		color:#666;
		font-style:italic;
		}

#testimonial_box a:hover {
		color:#000;
		}

#featured {
		margin:50px 0 20px 0; 
		padding: 0 10px 9px 0; 
		background-image: url(../../../images/featured_bg.jpg); 
		color:white; 
		height:140px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		}

#featureHeader {
		color:white;
		font-family:Georgia, 'Trebuchet MS', sans-serif;
		font-size:20px;
		line-height:1.4em;
		letter-spacing:0;
		margin-top:-15px;
		display:block;
		font-weight:300;
		
		}

#featured_img {
		display:block; 
		float:left; 
		margin-right:10px;
		}

#featured_link {
		color:white;
		text-decoration:none;
		border-bottom:1px dotted white;
		}
		
#featured_link:hover {
		border-bottom:1px solid white;		
		}

.main_content {
		width:70%;
		}

.sidebar_content {
		font-family:Helvetica, Arial, Verdana,sans-serif;
		font-size:10px;
		padding-bottom: 5px;
		padding-top:5px;
		}

.sidebar_content a {
		font-family:Georgia, Helvetica, Arial, Verdana,sans-serif;
		font-size:14px;						
		color:black;
		border-bottom:1px dotted white;
		}		

.sidebar_content a:hover {
		border-bottom:1px dotted black;
		}

.sidebar_content li {
		margin-bottom:.5em;
		font-size:smaller;
		}

.sidebar_content ul {

		/*margin-top: 10px;*/

		}		

.sidebar_content h2 {
		color:#999999;
		width:120px;
		border-bottom:1px dashed #999999; 
		}

.date {

		display:block;
		float:left;
		width:67px;
		height:75px;
		color:#FFF;
		background: url(../../../images/dateBox.png) no-repeat;
		margin-left:-77px;
		margin-right:0;
		padding:15px 4px 5px 3px;
		font-family:Helvetica, Arial, Verdana,sans-serif;
		font-size:10px;
		text-transform:uppercase;	
		text-align:center;
		font-family:Georgia, Georgia, sans serif;
		font-weight:lighter;
		}
		
.date p {
		font-size:50px;
		margin-bottom:16px;
		margin-top:0;
		font-family:Georgia, Georgia, sans serif;
		font-weight:lighter;
		
		}

/* Image styling for Illustration Page */



.gallery_image {

		display:block;

		height:80px;

		overflow:hidden;

		border:0;

		float:left;

		margin-right:10px;

        width:80px;

        border:5px solid #EAEAEA;
		}

#search_div {

		z-index:1000;

		position:relative;

		top:-65px;

		left:50px

		}

.navigation {

		background-color:white;

		font-family:Helvetica, Arial, Verdana,sans-serif;

		font-size:10px;

		text-transform:lowercase;

		}	

#list   {
		padding-left:20px;
		display:inline;
		}

#list  li{
		display:block;
		font-size:10px;
		list-style-type:square;
		list-style-image:url(../../../images/bullet_tick.gif);
		list-style-position:inside;
		padding-left:180px;
		background:url(../../../images/bullet_tick.gif);
		background-repeat:no-repeat;
		background-position:160px 0;
		
	}
	
.panelHeader {
		font-style:italic;
		font-family:Georgia, serif;
		}
		
.expandingPanel{
		margin-top:3em;
		}
		
#portraitImg {
		float:left;
		border:5px solid #CCC;
		margin-right:20px;
		}	

#twitter {
		width:181px;
		padding:0 5px 0 5px;
		background-image:url(../../../images/sidebar_body.jpg);
		
		}
		
#twitterBar_header {
		background-image:url(../../../images/twitterBar_header_blue.jpg);
		width:191px;
		height:76px;

		}
		
#twitterBar_footer {
		background-image:url(../../../images/sidebar_footer.jpg);
		width:191px;
		height:36px;
		text-align:right;
		}

.commentlist li {
		padding:20px;
		border-bottom:1px dashed #e0f5ff;
		}
		
.alt {
	background-color:#e0f5ff;
	}
	
.floatRight {
	display:block;
	float:right;
	}
		
.tweet {
		color:#000;
		font-family:Verdana, Arial, sans-serif;
		font-size:10px;
		padding:10px;
		}

.tweet a {
		color:#0586C4;
		text-decoration:underline;
		}
		
/* Flickr Image Styles */
		
#flickr	a		{ display:block; width:120px; height:120px; overflow:hidden; outline:solid 5px #F2F2F2; float:left; margin:10px;}
#flickr img		{  width:150px; position:relative; left:-10px; top:0px;}
#flickr a:hover { outline:solid 4px #0586C4;}

#RSS_btn {
		display:block;
		width:180px;
		height:80px;
		background-image:url(../../../images/rss-button-off.jpg);
		}
		
#RSS_btn:hover {
		background-image:url(../../../images/rss-button-on.jpg);
		}
		

/* Modal Contact Form Styles Begin */

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:368px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(../images/birdy.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	display:none;
	padding:7px 12px; 
	color:#fff
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(../../../images/contact_me.png); 
	position:absolute; 
	left:368px; bottom:-44px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(../images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:196px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}

/* Modal Contact Form Styles Ends */


/* jQuery Styles */

.fancy_hover {color:white; }

/* Chess! */
.page-item-564{
	display:none;
	}
.gravatar{
	float:left;
	}
.comment_text{
	float:left;
	margin-left:10px;
	}
	
.commentlist li {
/*	-moz-border-radius:10px;
	-webkist-border-radius:10px;
	border-radius:10px; */
	border-bottom:3px solid #0586C4;
	}