/* RESET */
/* ----------------------------------------- */

/* 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%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a{outline: none;}




/* LAYOUT */
/* ----------------------------------------- */


.aligncenter {display:block; margin:0 auto }
.fLeft {float:left }
.fRight {float:right }
.wp-caption { 
	border:1px solid #b2c1c7; 
	text-align:center; 
	background:#dbe8eb; 
	padding:10px 5px; 
	margin:10px 8px 10px 0;
	float: left; }

hr{border-color: #ccc;}


br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


body {
	background: url(../images/background.jpg) #e7d0ba 50% 40% no-repeat;
	height: 100%;
	font-family: big caslon;
	border-top: 20px solid #410500;
}

h1 a{
	background: url(../images/katneville.png) no-repeat;
	width: 700px;
	height: 105px;
	text-indent: -99999px;
	margin: 100px auto 0;
	display: block;
}

h1 a:hover{background-position: 0 -107px;}

h2{
	font-size: 22px;
	margin: 35px 0 15px;
	text-align: justify;
	white-space: nowrap;
}

p{
	font-size: 15px;
	line-height: 1.3em;
	margin: 10px 0;
	text-align: justify;
}
.mainCopy{
	width: 700px;
	margin: 0 auto;
}

.links{	
	margin: 35px auto;
	width: 700px;
}

.links a{
	background: url(../images/links.png) no-repeat;
	width: 150px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.links a:hover{background-position: 0 -27px;}

.links a.blog{
	background-position: -150px 0;
	width: 82px;	
}

.links a.blog:hover{background-position: -150px -27px;}

.links a.about{
	background-position: -232px 0;
	width: 106px;	
}

.links a.about:hover{background-position: -232px -27px;}

.links a.twitter{
	background-position: -338px 0;
	width: 125px;		
}

.links a.twitter:hover{background-position: -338px -27px;}

.links a.flickr{
	background-position: -463px 0;
	width: 105px;		
}

.links a.flickr:hover{background-position: -463px -27px;}


.links a.linkedin{
	background-position: -568px 0;
	width: 132px;		
}

.links a.linkedin:hover{background-position: -568px -27px;}