/* Built by Simon Collison www.collylogic.com 2004 for the Expression Engine Template Contest. Look for the comments to work out what does what */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Lucida Grande', 'Lucidia Sans Unicode', 'Lucidia Sans', Helvetica, Verdana, Arial, Sans-Serif;
	background: #000000;
	background-image: url("http://www.katarinakat.com/themes/site_themes/kat/bg1.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


/* These are the default link styles */

a {
	text-decoration: none;
	color: #ff0000;
	background: transparent;
}
a:hover {
	text-decoration: none;
	color: #ff5b48;}

#noMargin {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}


/* the wrapper holds the whole thing centrally in the browser window */

#wrapper {
	float: left;
	margin: 0px;
	padding:10px;
	min-width: 850px;
	background: #FFF;
	color: #333;
	text-align: left;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.mainTable {
	background-image: url("http://www.katarinakat.com/themes/site_themes/kat/bgGrad.jpg");
	background-position: top right;
	background-repeat:repeat-x;
}

/* the masthead. Change the image reference to the one you want to use */

#header {
	float: left;
	margin: 0px;
	padding: 0px;
	color: #030;
	height: 160px;
	width: 850px;
	background: url("http://www.katarinakat.com/themes/site_themes/kat/katheader.jpg");
	background-position: top left;
	background-repeat:no-repeat;
}

/* the content style holds the two main columns together */

.frontDoor {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 850px;
	background: #ffffff;
	background-image: url("http://www.katarinakat.com/themes/site_themes/kat/front-door-bg.jpg");
	background-position: top left;
	background-repeat:  no-repeat;
	height: 630px;
	text-align: left;
}

.fdMenu {
	float:left;
	padding-top:125px;
	padding-left:80px;
	padding-bottom: 15px;
}

.fdText {
	float: left;
	clear: both;
	margin-top: 0px;
	margin-left: 60px;
	width: 450px;
	height: 180px;
	font-size: 10px;
}
* html .fdText { margin-left: 30px; }

.fdText p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

.fdText a {
	text-decoration: underline;
}

#content {
	float: left;
	margin: 0;
	min-width: 850px;
	background: #FFF;
}

/* the footer, containing credits, rss links etc */

.footer {
	float: left;
	clear: both;
	margin: 0;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 12px;
	color: #fff0e4;
	font-size: 9px;
	letter-spacing: 0.09em;
	text-align: left;
}

/* Header definitions. h1 is hidden, and only shows when styles are off. Note, there are specific definitions for the sidebar h3 header, blog h3 header, and the blog h2 link. The blog h2 link is a clickable rollover of the entry title */

h1 {
	font-size:  24px;
	font-weight: bold;
	margin: 38px 0 0 20px;
}
h3 {
	letter-spacing: 0.09em;
}
h2 {
	letter-spacing: 0.09em;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
}
h4 {
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
}
h5 {
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	line-height: 165%;
}
.center {
	text-align: center;
}
h2 a:link, h2 a:visited {
	font-weight: bold;
	padding-left:17px;
	background: url(http://www.katarinakat.com/themes/site_themes/logical_blocks/lb_new_post.gif) left no-repeat;
	color: #336;
	text-decoration: none;
}
h2 a:hover {
	color: #900;
}

/* Dont ask. Just don't delete this spacer class */

.spacer {
	clear: both;
}

/* For use with the acronym plugin. Creates a question mark, italic text and underline on acronyms */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/* Two paragraph styles. A general one, and one specific to the footer */

p {
}

/* For use with quotes and text you need to present outside of normal format */

blockquote {
	color: #333;
	border-left: 1px solid #CCC;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 165%;
}

/* As it says, control of multi-entry page pagination links */

.paginate {
	margin: 18px 16px 18px 8px;
}

/* Comments classes. commbox and coomboxalt are used in the switch conditional on the comments page */

.comments {
	font-size: 120%;
	font-weight: bold;
	background: transparent;
	color: #E78818;
}
.commbox {
	background: #EDEAEB;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}
.commboxalt {
	background: #FAF6F7;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}

/* Some form styling. Not much though */


textarea {
border: 3px double #999999;
padding:1px;
color: #333333;
font-size: 10px;
}

input.submit
{
border: 2px double #999999;
padding: 1px;
background-color: #FFF;
color: #333333;
font-size: 10px;
}
fieldset {padding:10px;}

select {
	font-size: 10px;
}

/* Ok, this is a bit nasty. Everything else on the sheet is used to control the tab menu under the header. See how you go with this, and be sure to back it up before you tinker */

#nav_wrapper {
	float: left;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
}
#nav_header {
	float: left;
	padding-top: 138px;
	width: 850px;
	height: 22px;
}
#nav_header ul#primary {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	bottom: 0px;
}
#nav_header ul#primary li {
	float: left;
	display: inline;
	list-style: none;
}
#nav_header ul#primary a, #nav_header ul#primary span, #nav_header ul#primary a.current {
	float: left;
	width: 96px;
	display: block;
	float: left;
	height: 18px;
	padding: 4px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	color: #ff0000;
	font-size: 100%;
}
#nav_header ul#primary span, #nav_header ul#primary a.current, #nav_header ul#primary a.current:hover {
	float: left;
	border: 1px solid #FFF;
	border-top: none;
	border-bottom: none;
	background-image: url("http://www.katarinakat.com/themes/site_themes/kat/selected.jpg");
	margin-top: 0px;
	font-weight: bold;
	color: #ff0000;}
#nav_header ul#primary a {
	float: left;
	background-image: url("http://www.katarinakat.com/themes/site_themes/kat/tab.jpg");
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-weight: bold;
	color: #ff0000;}
#nav_header ul#primary a:hover {
	float: left;
	margin-top: 0;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-image: url("http://www.katarinakat.com/themes/site_themes/kat/tabover.jpg");
	font-weight: bold;
	/* padding-bottom: 4px; */
	color: #ff0000;}