/*
Theme Name: Kelly Watt
Theme URI: http://www.kellywatt.ca
Description: A theme developed by Rodrigo Flores for Kelly Watt ...writer
Version: 1.0
Author: Rodrigo Flores
Author URI: http://www.stagecoachdesigns.com/
Tags: centered, 960, black background, orange & blue highlights
*/

/* 
	Eric Meyer's Reset 
	Autor URL: http://meyerweb.com/ 
	File URL: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	Description: attempts to iron out some of the inconsistencies across browsers
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
	tools
*/

.clear { clear: both; line-height: 0px; height: 0px; }
.aligncenter { text-align: center; margin: auto; }
.alignleft { float: left; margin-right: 20px; margin-bottom: 5px; }
.alignright { float: right; margin-left: 20px; margin-bottom: 5px; }

.at { font-family: "American Typewriter" !important; }

.padding { padding: 20px 40px; }

/*
	general
*/

em { font-style: italic; }
strong { font-weight: bold; }
a, a img { text-decoration: none; border: none; }

p { line-height: 1.5em; margin-bottom: 0.8em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.3em; text-transform: lowercase; }

h1 {}

h2 { font-family: "American Typewriter"; font-size: 25px; }

h3 { font-family: "American Typewriter"; font-size: 20px; }

h3 small { font-size: 0.7em; }

h4 { font-family: "American Typewriter"; font-size: 17px; }

h5 {}

h6 {}

blockquote { margin-left: 20px;  padding-left: 20px; padding-right: 20px; border-left: 1px solid #666; font-style: italic;   }
	
textarea {}

body {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.3em; color: #FFF;
	background: #000 url(img/layout/top-bg.png) 0 0 repeat-x; text-align: center; letter-spacing: 0.03em;
}

#header { width: 960px; margin: 0 auto; position: relative; z-index: 2; }

#kelly-watt-writer-canada-ontario-wordmark { position: absolute; left: 0; top: 19px; }

#pen { position: absolute; top: 30px; left: 560px; }

#login { position: absolute; top: 120px; left:760px; line-height: 2em; }

#login li { display: inline; margin: 0 10px; }

#login a { color: #999; } #login a:hover { color: #CCC; }

#container { 
	position: relative; width: 960px;  height: auto;  margin: 0 auto;  
	background: url(img/layout/noise-bg.png) 0 0 repeat; top: 139px; text-align: left;
	-moz-box-shadow: 0 0 90px #222; -webkit-box-shadow: 0 0 90px #222;
}

#inner-container { width: 960px; height: auto;  background: url(img/layout/girl.png) 0 0 no-repeat;  }


/* top navigation */

#topnav ul { 
	width: 100%; font-family: "American Typewriter"; color: #FFF; font-size: 20px; 
	background: url(img/layout/topnav-bg.png) 0 1px repeat-x;  padding-left: 30px;   }

#topnav li:hover { background: #000; /* -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); */ }

#topnav li { 
	padding: 0 20px; background: #111; margin: 40px 10px 30px 0; float: left;
	display: inline; height: 50px; line-height: 50px; -moz-transform: rotate(0); -webkit-transform: rotate(0); }
	
#topnav li.current_page_item { 
	background: transparent url(img/layout/topnav-bg.jpg) 0 0 repeat-x; 
	-moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); color: #000; 
	-moz-box-shadow: 0 0 25px #000;	-webkit-box-shadow: 0 0 25px #000;	
}

#topnav li.current_page_item a { color: #000 !important; } #topnav li.current_page_item a:hover { color: #000 !important; }

#topnav li a { color: #FFF; } #topnav li.current_page_item a { color: #66CCFF; }

/* content */

#left { width: 560px; margin-left: 20px; float: left; }

#left h2 small { font-size: 0.6em; }

#left h3 { margin-left: 10px; font-size: 25px;   }

#left a { color: #66FF99; } #left a:hover { color: #99FFCC; }

a.post-edit-link { color: #FFF !important; } .post-edit-link:hover { color: #FF6 !important; background: none !important; }

.more-link { display: block; color: #66FF99; padding-bottom: 5px; } .more-link:hover { color: #99FFCC; }

#left p { line-height: 1.5em; margin-left: 10px; }

	.mmt { width: 550px; height: 10px; background: #000; opacity:0.3; } 
	.mmb { width: 550px; height: 10px; background: #000; opacity:0.3; margin-left: 10px; margin: 0 auto 10px auto;  } 
	
	.mmm { 
		color: #FFF; background: url(img/layout/mmm-bg.png) 0 0 repeat-y; 
		padding:20px 20px 15px 30px;
	} 	
	
	#page-wrap h2, .mmm h2, .mmm-big h2 { 
		color: #66CCFF !important; background: url(img/layout/mainbg2.png) 0 0 repeat; display: inline; 
		padding-left: 5px; padding-right: 5px;
	}
	
	#page-wrap h2 small, .mmm h2 small, .mmm-big h2 small { background: none !important; }
	
	#page-wrap h2 a { color: #66CCFF !important; padding-left: 5px; padding-right: 5px; }
	
	#page-wrap h2 a:hover { background: #000; color: #FFF !important;  }
	
	.mmm h2 { color: #66CCFF !important; line-height: 1em;  }
	
	.mmm h2 a { color: #66CCFF !important; padding-left: 5px; padding-right: 5px; }
	
	.mmm h2 a:hover { background: #000 !important; color: #FFF !important;   }
	
	.mmm-big p { margin-left: 10px; }
	
	.mmm-big h2 { color: #66CCFF !important; }
	
	.mmm-big h2 a { color: #66CCFF; padding-left: 5px; padding-right: 5px; }
	
	.mmm-big h2 a:hover { background: #000;  color: #FFF !important;   }
	
	.mmt-big { width: 900px; height: 10px; background: #000; opacity:0.3; margin: 0 auto; } 
	.mmb-big { width: 900px; height: 10px; background: #000; opacity:0.3; margin-left: 10px; margin: 0 auto 10px auto; } 
	
	.mmm-big { 
		color: #FFF; background: url(img/layout/mmm-big-bg.png) 0 0 repeat-y; 
		padding:20px 20px 15px 30px; width: 860px; margin-left: 20px;
	} 
	
	
		.post-meta { 
			display: block; padding: 5px 8px; font-size: 15px; font-size: 0.9em; clear: both; 
			color: #CCC;
		}
	
		.post-content { padding-top: 10px; }
		
		.post-content img { border: 3px solid #FFF; -moz-box-shadow: 0 0 10px #000;	-webkit-box-shadow: 0 0 10px #000; }
	
	.social-bookmarks { 
		margin-left: 40px; height: 68px; margin-top: 30px; min-width: 150px; 
		 color: #FFF; position: relative;
	}
	
	.social-bookmarks .title { 
		background: #FF9933; font-style: italic; display: inline; padding: 0 7px; border: 1px solid #965822; 
		position: absolute; top: -10px; left: -5px; z-index: 3;
	}
	
	.social-bookmarks ul {  } 
	
	.social-bookmarks li { 
		float:left; height: 68px; line-height: 68px; text-align: center; position: relative;
		background: url(img/layout/mainbg.png) repeat; width: auto; margin: 0; padding-left: 8px; 
	}
		.social-bookmarks li.last { padding-right: 6px !important; }
	
	.social-bookmarks a { 
		float: left; height: 68px; line-height: 68px; 
		position: relative; width: 50px; text-align: center; margin: 0; padding: 0; 
	}
	
	.social-bookmarks a img { vertical-align: middle; position: relative; top: 20px; margin: 0; padding: 0; } 

/* right area */

#right { float: left; width: 340px; background: ; min-height: 300px; margin-left: 20px; }

	#about-kelly-watt-intro {
		width: 340px; height: 284px; background: url(img/layout/about-right-bg.png) bottom right no-repeat; 
		position: relative;
	}
	
	#kelly-watt-intro { width: 200px; padding: 15px 15px 12px 15px; background: url(img/layout/mainbg2.png) 0 0 repeat;
		position:absolute; bottom: 30px; 
	}
	
	#more-about-kelly-watt { 
		background: url(img/layout/mainbg2.png) 0 0 repeat; display: inline; 
		padding: 3px 8px; font-size: 16px; position: absolute; bottom: 20px; left: 60px; 
	}
	
	.more a { color: #CCC; }
	.more a:hover { color: #FF9; }











/* bottom navigation */

#bottomnav { 
	background: url(img/layout/bottomnav-bg.png) bottom center repeat-x;
	margin: 30px 0 0 0; padding: 0 20px 40px 20px; position: relative; }

#bottomnav li { 
	background: url(img/layout/mainbg.png) 0 0 repeat; padding: 7px 9px;
	display: inline; margin-left: 7px; margin-right: 7px; 
}

#bottomnav li.current_page_item { background: url(img/layout/bottomnav-btn-bg-active.png) 0 0 repeat; padding-bottom: 9px; }
#bottomnav li.current_page_item:hover { background: url(img/layout/bottomnav-btn-bg-active.png) 0 0 repeat; padding-bottom: 9px; }

#bottomnav li.current_page_item a { color: #000; }

#bottomnav li:hover { 
	background: url(img/layout/mainbg-hover.png) 0 0 repeat; 
	display: inline;
}

#bottomnav ul li a { color: #FFF; }

#connect  { position: absolute; top: -14px; right: 20px; }

#connect li { background: none transparent; position: relative; }
#connect li:hover { background: none transparent; top: -3px; }

#connect li { margin: 0; padding: 0;  }

#connect li a { margin: 0; padding: 0; }
		

/* footer */



#footer { position: relative; width: 960px; margin: 180px auto 20px auto; }

#footer a { color: #66CCFF; }

#footer-left { float: left; margin-left: 25px; margin-right: 10px; text-align: center; width: 220px; }

#footer-right { 
	float:left; margin-left: 20px; width: 639px; height: auto; background: url(img/layout/footer-right.jpg) 0 0 no-repeat;
	padding-top: 20px; padding-bottom: 20px;
}

#footer-right p { padding-left: 20px; padding-right: 20px; }

.postit { width: 280px; height: 214px; /* background: url(img/layout/postit.jpg) 0 0 no-repeat; */ }

/* more links */

.more-wrap { 
	display: block; font-family: Georgia, serif; font-style: italic; width: 100%; 
	text-align: right; font-size: 18px; 
}
.more-link { color: #FFF; }

/* jquery tools tabs */

ul.tabs {  }

ul.tabs li { display: inline-block; background: #000; padding: 5px 10px; margin-bottom: 10px; }

ul.tabs li a { color: #FFF; } ul.tabs li a:hover { color: #FF6; }

/* homepage */

.post-summary li { font-size: 17px; line-height: 1.3em; }

.post-summary h4 { padding-top: 10px; color: #FF6; }

.post-summary h4 a { color: #FF9; } #post-summary h4 a:hover { color: #FFC; }

.post-summary ul li a { color: #66FF99; } #post-summary ul li a:hover  { color: #99FFCC; }

#homepage-quotes { padding-top: 10px;}

.quote { font-size: 17px; padding: 5px 55px 10px 10px; background: url(img/layout/quotes.png) top right no-repeat;  }

.quote p { line-height: 1.3em !important; }

.q-signature { 
	font-family: Georgia, serif !important; text-align: right; font-size: 14px !important; font-style: italic;  
	padding-right: 10px; 
}


/* pages */

		
#page-wrap { padding-bottom: 10px; }

#page-wrap h2 { color: #FFF; margin-bottom: 10px !important; margin-left: 25px; display: inline-block; }

#page-wrap h2 small { font-size: 0.6em; }

#page-wrap h3 { margin-left: 0; margin-bottom: 5px;  }

#page-wrap a { color: #66FF99; } #left a:hover { color: #99FFCC; }

#page-wrap .mmm-big img {
	-moz-box-shadow: 0 0 10px black;  -webkit-box-shadow: 0 0 10px black; border: 3px solid #FFF;
}

h2.solo {
	color: #66CCFF !important; background: url(img/layout/mainbg2.png) 0 0 repeat; display: inline-block; 
	padding-left: 5px; padding-right: 5px; margin-left: 20px; margin-bottom: 10px !important;
}

h2.solo-home {
	color: #66CCFF !important; background: url(img/layout/mainbg2.png) 0 0 repeat; display: inline-block; 
	padding-left: 5px; padding-right: 5px; margin-bottom: 10px !important;
}

.section-img { float: right; position: relative; margin-right: -40px; margin-top: -30px; }
.section-img img { 
	width: 300px; border: 5px solid #FFF; margin-right: 20px; margin-left: 25px; margin-bottom: 10px;
	position: relative; z-index: 99;
	-moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); 
	-moz-box-shadow: 0 0 20px black;  -webkit-box-shadow: 0 0 20px black;
}

/* books */

	/* book covers page */
	
	.review-intro { 
		padding: 12px 15px 10px 15px; background: url(img/layout/mainbg.png) 0 0 repeat !important;
		margin-bottom: 10px;
	}
	
	.review-intro h3 { padding-bottom: 8px; }
		
	.review-intro h3 a { padding-left: 6px; padding-right: 6px; }
		
	.review-intro h3 a:hover { background: url(img/layout/mainbg2.png) 0 0 repeat; color: #FFF !important; }
	
	.activism-intro { padding: 12px 15px 0 15px; background: url(img/layout/mainbg.png) 0 0 repeat !important; }
	
	.activism-intro h3 { padding-bottom: 8px; }
		
	.activism-intro h3 a { padding-left: 6px; padding-right: 6px; }
		
	.activism-intro h3 a:hover { background: url(img/layout/mainbg2.png) 0 0 repeat; color: #FFF !important; }


	.col50 { width: 50%; float: left; }
	
	.col50 .padding { padding-right: 10px; min-height: 400px; text-align: center; }
	
		.book-cover-big { margin: auto; }
		
		
	ul.book-tabs li { display: inline-block; background: #000; padding: 5px 10px; margin-bottom: 10px; }

	ul.book-tabs li a { color: #66FF99; } ul.book-tabs li a:hover { color: #99FFCC; }

/* blog elements */

#blog-cats h3 { 
	padding-left: 84px; padding-top: 14px; margin-left: -30px;
	background: url(img/layout/blog-cats-bg.png) 0 0 no-repeat; display: block; width: 301px; height: 61px; 
}

#blog-tags h3 { 
	padding-left: 84px; padding-top: 14px; margin-left: -30px;
	background: url(img/layout/blog-tags-bg.png) 0 0 no-repeat; display: block; width: 301px; height: 61px; 
}

#blog-tags { padding-bottom: 20px; margin-left: 30px; }

#blog-tags a { color: #FFF; padding-left: 3
px; padding-right: 3px; } #blog-tags a:hover { color: #FF6; }

#blog-cats { padding-bottom: 20px; margin-left: 30px; }
	
#blog-cats a { color: #FFF; } #blog-cats a:hover { color: #FF6; }
	
#blog-cats li { margin-left: 30px; list-style: disc;  }

#blog-cats ul { padding-bottom: 10px; width: 220px; }

.post-tags { 
	-moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000;
	background: transparent url(img/layout/mainbg.png) 0 0 repeat; width: 90%; margin: auto; padding: 5px 10px; 
}

	/* comments */
	
	#author, #email, #url {
		background: #111; border: none; color: #FFF; 
		font-family: "American Typewriter", Georgia, serif; font-size: 13px;
		opacity: 0.7; padding: 3px; margin-right: 10px;
		
	}
	
	#comment { 
		width: 99%; background: #111; border: none; color: #FFF; 
		font-family: "American Typewriter", Georgia, serif; font-size: 13px;
		opacity: 0.7; padding: 3px;
	}
	
	#author:focus, #email:focus, #url:focus { opacity: 0.9; }
	
	#comment:focus { opacity: 0.9; }
	
	#respond h3 { font-size: 22px; padding-top: 10px; }
	
	h3#comments { font-size: 22px; }
	
	.avatar { width: 50px; height: 50px; border: 3px solid #6F6F6F; float: left;  }
	
	.comment p { font-style: italic !important; }
	
#blog-intro { padding: 0 30px; }

#blog-intro a { color: #FF6; } #blog-intro a:hover { color: #FFC; }

#blog-intro p { padding-top: 7px; }

#blog-intro h1 { 
	background: url(img/layout/mainbg2.png) 0 0 repeat; display: inline;
	padding-left: 12px; padding-right: 12px; color: #6F9;
	font-family: "American Typewriter", Georgia, serif; font-size: 28px; margin-bottom: 10px; 
}

#blog-intro h3 { color: #66FF99; }

#blog-intro h1 small { font-size: 0.6em !important; }

#tag-bottom em { font-size: 18px !important; }

/*** contact form 7 ***/

textarea {
	background: #111 !important; border: none !important; color: #FFF !important; 
	font-family: "American Typewriter", Georgia, serif !important; font-size: 13px !important;
	opacity: 0.7; padding: 3px; width: 500px !important; height: 200px !important;
}

textarea:focus {
	opacity: 0.9;
}

.gallery-icon { width: 160px !important; }
.gallery-item { width: 160px !important; }

#lightbox-infoContainer, #lightbox-imageBox { background: #000 !important; }

.attachment-thumbnail { border-color: #000 !important; } .attachment-thumbnail:hover { border-color: #666 !important; }