/* text formatting */	

body {	
	text-align:left;
	align:left;
	padding:0;
	margin:0;
	font:normal normal 11px/1.5 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
	.default { background:#B5BAB2 url(http://www.katesiber.com/images/bg_repeat.gif) repeat-y; }
	.noSidebar { background:#B5BAB2 url(http://www.katesiber.com/images/bg_repeat_noSidebar.gif) repeat-y; }
	.skinnySidebar { background:#B5BAB2 url(http://www.katesiber.com/images/bg_repeat_sidebarSkinny.gif) repeat-y; }
	.sidebarSmall { background:#B5BAB2 url(http://www.katesiber.com/images/bg_repeat_sidebarSmall.gif) repeat-y; }

a {
	font-weight: bold;
	color: #7A4238;
	text-decoration: none;
	}

a:hover {
	font-weight: bold;	
	text-decoration: underline;
	border:none;
	}
	
/*h1, h2, h3 {
	text-align: left;
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 0px;
	color: #7A4238;
	}*/

ul {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #CCC;
	margin: 0;
	}

li {
	list-style-type: none;
	text-indent: 0;
	margin: 0;
	}

.news a {
	color: #FFF;
	text-decoration: none;
	}

/*.news a:hover {
	color: #FFF;
	text-decoration : underline;
	}*/

.news p {
 	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 15px;
	color: #CCC;
	}
	
/*.news h2 {
 	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	line-height: 14px;
	color: #F9FAEE;
	}*/

/* structural */

#header {
	float:left;
	background:#CFC1AC url(http://www.katesiber.com/images/header.jpg) no-repeat;
	width:800px;
	height:130px;
}
	#header #logo {
		margin:16px 0 0 16px;
		background-image:url(http://www.katesiber.com/images/mainNav_sprites.png);
		background-position:0 -83px;
		display:block;
		width:445px;
		height:106px;
	}
#mainNav {
	clear:both;
	width:800px;
	height:38px;
}
	#mainNav #shim, #mainNav #writing, #mainNav #writingSelected, #mainNav #photography, #mainNav #photographySelected, 
	#mainNav #blog, #mainNav #blogSelected, #mainNav #about, #mainNav #aboutSelected, #mainNav #contact, #mainNav #contactSelected { 
		float:left;
		background-image:url(http://www.katesiber.com/images/mainNav_sprites.png);
	}
	#mainNav #shim { 
		background-position:-524px 0;
		width:283px;
		height:38px;
	}
	#mainNav #writing { 
		background-position:0 0;
		width:100px;
		height:38px;
	}
	#mainNav #photography { 
		background-position:-100px 0;
		width:136px;
		height:38px;
	}
	#mainNav #blog { 
		background-position:-236px 0;
		width:76px;
		height:38px;
	}
	#mainNav #about { 
		background-position:-312px 0;
		width:87px;
		height:38px;
	}
	#mainNav #contact { 
		background-position:-399px 0;
		width:118px;
		height:38px;
	}
	/* ROLLOVERS & SELECTED */
	#mainNav a#writing:hover, #mainNav #writingSelected { background-position:0 -42px; width:100px; height:38px; }
	#mainNav a#photography:hover, #mainNav #photographySelected { background-position:-100px -42px; width:136px; height:38px; }
	#mainNav a#blog:hover, #mainNav #blogSelected { background-position:-236px -42px; width:76px; height:38px; }
	#mainNav a#about:hover, #mainNav #aboutSelected { background-position:-312px -42px; width:87px; height:38px; }
	#mainNav a#contact:hover, #mainNav #contactSelected { background-position:-399px -42px; width:118px; height:38px; }

#mainContent {
	clear:both;
	padding:20px;
	width:760px; /* minus padding */
}
#leftCol {
	float:left;
	width:480px;
}
#leftCol .intro  { 
	margin:0 0 15px 0;
	width:550px; 
}
#leftColWide {
	float:left;
	width:545px;
}
.large {
	padding:10px;
	background-color:#DDD;
	border:1px solid #AAA;
}
#rightCol {
	float:right;
	width:240px;
}
	#rightCol h3 {
		margin:0 0 5px 0;
		color:#F8F9EC;	
		font-size:14px;
	}
	#home #rightCol h3 { margin:30px 0 5px 0; }
	#rightCol p {
		color:#C0C5BD;
		font-size:11px;
		line-height:14px;
	}
.skinnySidebar #rightCol {
	float:right;
	width:170px;
}
#footer {
	clear:both;
	margin:0;
	padding:25px;
	font-family:normal normal 11px/1.5 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

img {
	display: block;
	border: 0;
	}

.marginLeft {
	background-image: url(http://www.katesiber.com/images/leftShadow.jpg); 
	background-repeat: repeat-y;
	}

.marginRight {
	background-image: url(http://www.katesiber.com/images/rightShadow.jpg); 
	background-repeat: repeat-y;
	}

/*.marginBottom {
	background-image: url(http://www.katesiber.com/images/bottomShadow.gif); 
	background-repeat: repeat-x;
	}*/

.bodyMain {
	background-image: url(http://www.katesiber.com/images/bg_body.gif); 
	background-color: #B5BAB2;	
	background-repeat: no-repeat;
	padding: 30px 0 0 0;
	}

/*.bodyMain h1 {
     	margin: 5px; 
        }

.bodyMain h2 {
     	line-height: 18px; 
        }*/		   

.bodyMain img, #writingInterior img {
	padding: 0 15px 0 0;
	}
	
.bodyMain ul {
	color: #333;
	}

.bodyMain li {
	line-height: 15px;
	margin-bottom: 10px;
	}

.bodyMainTravel {
	background-image: url(http://www.katesiber.com/images/bg_body.gif); 
	background-color: #B5BAB2;	
	background-repeat: no-repeat;
	padding: 30px 0 0 0;
	}

.bodyMainTravel img {
	padding: 0 20px 20px 0;
	}

.bodyMainTravelAlt {
	background-image: url(http://www.katesiber.com/images/bg_body.gif); 
	background-color: #B5BAB2;	
	background-repeat: no-repeat;
	padding: 30px 0 0 0;
	}

.bodyMainTravelAlt img {
	padding: 0;
	}
	
.bodyTravelTd {
	background-color: #B5BAB2;	
	padding: 30px 0 0 0;
	}

.bodyTravelTd img {
	padding: 0 15px 0 0;
	}

.bodyLeft {
	background-image: url(http://www.katesiber.com/images/bg_bodyLeft.gif); 
	background-repeat: repeat-y;
	}

.sidebar {
	background-image: url(http://www.katesiber.com/images/bg_sidebar.gif); 
	background-repeat: repeat-y;
	}

/* text formatting */
/*h1 {
	margin:0 0 20px 0;
	padding:6px;
	width:700px;
	border:1px solid #583c3d;
	background:#634445;
	color:#FFF;
	font:italic normal 14px/1.25 Georgia, "Times New Roman", serif;
}*/
.blogItem {
	margin-bottom:30px;
	clear:both;
	width:700px;
	display:block;
	/*border:1px solid red;*/
}
h1, .blogItem h2, .story h2, #writingInterior h2 {
	margin:0 0 2px 0;
	font:normal normal 16px/1.5 Georgia, "Times New Roman", serif;
	color: #7A4238;
	text-transform:uppercase;
}
.story h2 { text-transform:none; }
.story a:hover h2 { color:#7A4238; }
.blogItem p {
	font:normal normal 11px/1.5 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.blogItem .imgRight {
	float:right;
	margin:15px 0 10px 15px;
	border:1px solid #888;
}
.blogItem .imgLeft {
	float:left;
	margin:15px 15px 10px 0;
	border:1px solid #888;
}
.blogItem .imgCenter {
	margin:0 auto 3px auto;
}
.blogItem .caption {
	margin:0 auto 20px auto;
	width:324px;
	text-align:center;
}
#blogNav {
	margin-top:25px;
	border-top:1px solid #888;
	width:700px;
}
#blogNav .numberLink {
	padding:5px 8px;
	background-color:#7A4238;
	color:#FFF;
}
#blogNav #numberSelected {
	padding:5px 8px;
	background-color:#555;
	color:#FFF;
}

p .title { /* for blog archive */
	font-size:13px;
	font-weight:bold;
}
.story { 
	margin:0 0 25px 0;
	width:550px;
}
.story:last-child { margin:0; }
.story .cover {
	float:left;
	margin-right:12px;
	border:1px solid #888;
}
.story p { 
	margin:0 0 3px 0;
	padding:0;
	font-size:11px;
}
.story .publication, #writingInterior .publication { 
	margin:0 0 3px 0;
	font-style:italic;
	font-size:13px;
}
.story p {
	margin-top:10px;
}
#pubList {
	margin-left:15px;
	padding:0;
	line-height:15px;
}
#pubList li {
	margin-bottom:6px;
}
#pubList a {
	color:#F3F5D5;	
}
/*#pubList a:hover {
	font-weight:bold;	
	color:#FFC;
	text-decoration:underline;
}*/
.photoLeft {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #888;
}


#contact p {
	padding: 0;
	margin: 15px 10px 0 0;
	}	
	
#nav p {
	padding: 0;
	margin: 0 10px 0 0;
	}
	
/*#nav h1, h2 {
	padding: 0;
	margin: 15px 10px 10px 0;
	}*/

#main p {
	padding: 0;
	margin: 3px 10px 30px 0;
	}

/*#main h3 {
	padding: 0;
	margin: 15px 10px 10px 0;
	}*/

.clips {
	margin: 0;
	padding: 21px 20px 0 35px;
	}
	
/*.clips h3 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
	color: #F8F9EC;	
	font-size: 14px;
	}*/

.clips p {
	color: #C0C5BD;
	font-size: 11px;
	line-height: 14px;		
	}

.clips ul {
	margin: 17px 0 0 0;
	padding: 0;
	}

.clips li {
	color: #C0C5BD;
	margin: 0;
	padding: 0;
	}

	/* pulls the dropdown clips to the left for the arrow */
	.clips .pullLeft {
		margin-left: -11px;
		}

#pubList .sub li {
	margin: 0 0 8px 0;
	position:relative;
	left:-23px;
	}

.clips a {
	color: #F3F5D5;	
	}

/*.clips a:hover {
	font-weight: bold;	
	color: #FFC;
	text-decoration : underline;
	}*/

/* used to show and hide clips */	
.hidden {
	display:none;
	}
	
/*.footer {	
	text-align: left;
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333;
	}*/

/* contact form styles */

.highlight {
	color: #933;
	font-weight: bold;
	margin-left: 5px;
	}

.textField {
	width:245px;
	}

.textBox {
	width:245px;
	height:100px;
	}

.form {
	margin-bottom: 15px;
	}

/* contact sidebar styles */
.sidebar a {
	color: #FFF;
	text-decoration : none;
	}

/*.sidebar a:hover {
	color: #FFF;
	text-decoration : underline;
	}*/

.sidebar p {
 	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #CCC;
	margin: 0 15px 0 30px;
	}
	
/*.sidebar h2 {
 	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #F9FAEE;
	margin: 35px 15px 18px 30px;
	}*/

/* flash content styles */
#flashContent {
	margin: 0;
	}

#flashContent/*h1*/ {
	margin: 25px 30px 15px 30px;
	}

#flashContent p {
	margin: 0 30px 75px 30px;
	}  

/* clips page */
.heroImg {
	margin: 15px 0 85px 0;
	}	
	
/* MISC */
.cleaner { clear:both; }
.rule {
	background:#888 repeat-x;
	height:1px;
}
#gallery { 
position:relative;
right:10px; 
}
#galleryBlog { /* different formatting than photography */ 
margin:0 auto;
padding:0;
width:520px;
height:435px; 
}