/* Andy's additions */

#navigation {
	padding: 10px 0 0 0;
	width: 940px;
	text-align: center;
	height: 50px;
}

table#topics {
	width: 880px;
	margin-left: 30px;
}

h1 {
	font-size: 2em; /* 24px */
	line-height: 1em;
	clear: both;
	height: 50px;
	margin: 0 0 10px 0;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: top center;
}

#forum h1 {
	background-image: url(http://www.kelliali.com/assets/images/title_forum.png);
}

/* Some baseline stuff */

html {
	background:			#fff;
	color:				#ccc;
	font:				75% "Lucida Grande", "Lucida Sans", Arial, serif;
	background-color: #191919;
}

html, body {
	margin:				0;
	padding: 			0;
}

body {
	line-height:		1em;
	background: #191919 url(http://www.kelliali.com/assets/images/body_bg.gif) repeat-y top center;
}

p, div, h1, h2, h3, h4, ul, li, form, input, select, option, img {
	margin: 			0;
	padding:			0;
}

img {
	border:				0;
}

a {
	outline:			0;
}

p, div {
	line-height:		1.6666em;
}/* makes the spacing below the navigation panel nice but makes the rest of the page slightly too expanded*/


/* borrowed from Andy*/
ol, ul {
	list-style: none;
}

/* wrapper */
#wrapper {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
/*text-align: center; deleted from # wrapper*/
/* header */
#header {
	width: 940px;
	height: 124px;
	text-align: left;
	background: #191919 url(images/header_bg.jpg) no-repeat center top;
}
#content {
	background: #191919 url(http://www.kelliali.com/assets/images/content_bg.jpg) repeat-x top center;
	text-align: left;
}
/*min-height: 500px;deleted from #content */
#header p {
	width: 103px;
	height: 124px;
	margin: 0 auto;
	background: url(images/kelli_logo.gif) no-repeat 0 15px;
	text-indent: -999em;
}
#header p a:link, #header p a:visited,
#header p a:hover, #header p a:active {
	width: 103px;
	height: 124px;
	display: block;
	border: none;
	background-color: transparent;
}
#footer {
	clear: both;
	width: 940px;
	background: #212121 url(../images/footer_bg.gif) no-repeat 0 0;
	position: relative;
	height: 70px;
}
/* end of borrowed from Andy*/

/* borrowed from Andy*/
/* Navigation */
/* changed the padding on Navigation from top: 10px to 0 ie 10px,0,0,0 to 0,0,0,0 */
#navigation {
	padding: 0;
	width: 940px;
	text-align: center;
}	
	/*height: 50px;
}
Height taken out so that the forum '
 can sit below the navigation bar and be a sub Nav
*/
#navigation ul {
	width: 880px;
	margin: 0 auto;
}

#navigation ul li {
	float: left;
	background-color: #191919;
	width: 146px;
	margin: 0 1px 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#navigation ul li a:link,
#navigation ul li a:visited {
	display: block;
	width: 146px;
	height 27px;
	border-bottom-width: 3px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999em;
	border-bottom-style: solid;
}

#navigation ul li.navhome,
#navigation ul li.navhome a:link,
#navigation ul li.navhome a:visited {
	background-image: url(images/nav_home.gif);
}

#navigation ul li.navhome,
#navigation ul li.navhome a:link,
#navigation ul li.navhome a:visited {
	background-image: url(images/nav_home.gif);
}

#navigation ul li.navjournal,
#navigation ul li.navjournal a:link,
#navigation ul li.navjournal a:visited {
	background-image: url(images/nav_journal.gif);
}

#navigation ul li.navabout,
#navigation ul li.navabout a:link,
#navigation ul li.navabout a:visited {
	background-image: url(images/nav_kelli_ali.gif);
}

#navigation ul li.navshop,
#navigation ul li.navshop a:link,
#navigation ul li.navshop a:visited {
	background-image: url(images/nav_shop.gif);
}

#navigation ul li.navforum,
#navigation ul li.navforum a:link,
#navigation ul li.navforum a:visited {
	background-image: url(images/nav_forum.gif);
}

#navigation ul li.navcontact,
#navigation ul li.navcontact a:link,
#navigation ul li.navcontact a:visited {
	background-image: url(images/nav_contact.gif);
	width: 145px;
	margin-right: 0;
}

#navigation ul li.navcontact a:link,
#navigation ul li.navcontact a:visited {
	width: 145px;
}

#navigation ul li.navhome a { border-bottom-color: #9A7897; }
#navigation ul li.navjournal a { border-bottom-color: #9280AD; }
#navigation ul li.navabout a { border-bottom-color: #76A2B4; }
#navigation ul li.navshop a { border-bottom-color: #7EB6B4; }
#navigation ul li.navforum a { border-bottom-color: #98AD82; }
#navigation ul li.navcontact a { border-bottom-color: #ABAD82; }

#navigation ul li a:hover,
#navigation ul li a:active {
	display: block;
	width: 146px;
	height 27px;
	background-color: #000;
	color: #FFF;
	background-position: 0 -40px;
}
/* active menu items */

#home #navigation ul li.navhome a:link, #home #navigation ul li.navhome a:visited,
#journal #navigation ul li.navjournal a:link, #journal #navigation ul li.navjournal a:visited,
#about #navigation ul li.navabout a:link, #about #navigation ul li.navabout a:visited,
#shop #navigation ul li.navshop a:link, #shop #navigation ul li.navshop a:visited,
#forum #navigation ul li.navforum a:link, #forum #navigation ul li.navforum a:visited,
#contact #navigation ul li.navcontact a:link, #home #contact ul li.navcontact a:visited {	
	background-position: 0 -40px;
}

#about #navigation ul li.navabout a { border-bottom-color: #000; }


/* end of borrowed from Andy*/
/* Top Bar */

#topBar {
	color:				#98AD82;
	padding:			15px 30px 30px 0;
}

ul.topBarLinks {
	float:				right;
}

ul.topBarLinks li {
	display:			block;
	float:				left;
	margin:				0 8px;
}

#topBar h1 {
	font-size:			18px;
}


/* Subheader */

#subheader {
	margin:				20px 25px;
}

.currentcrumb {
	font-weight:		bold;
}


/* Visitor Stats */

#visitorStats {
	margin:				0 0 10px 0;
}


/* Content */

#content {
	margin:				0 25px 30px 25px;
}

#content p {
	margin:				10px 0;
	line-height:		14px;
}

#content h2 {
	margin:				10px 0;
	font-size:			1.5em;
	line-height:		24px;
}

ul.postLinks li {
	display:			block;
	float:				left;
	margin:				0 8px;	
}

blockquote {
	padding:			6px 8px;
	margin:				6px 0;
	background-color:	#eee;
	border:				1px solid #bbb;
}

.quoteAuthor {
	font-weight:		bold;
	font-style:			italic;
}

.reviewHeading {
	text-align:			center;
	background-color:	#222;
	color:				#fff;
	font-weight:		bold;
	font-size:			16px;
	padding:			6px 8px;
	margin:				6px 0;
}

.reviewReminder {
	margin:				6px 0;
}

.replyResults {
	font-size:			11px;
}

/* Forum Tables and Stuff */

table {
	border-bottom:		1px solid #bbb;
}

th {
	text-align:			left;
	background-color:	#222;
	color:				#fff;
}

td, th {
	padding:			8px 15px;
}

td.category {
	background-color:	#555;
	color:				#fff;
	font-weight:		bold;
}

.categoryDescription {
	font-weight:		normal;
	font-style:			italic;
}

tr.forumRow td.forum,
tr.topicRow td {
	border-left:		1px solid #bbb;
	border-top:			1px solid #bbb;
}

tr.forumRow td.recentPostInfo,
tr.topicRow td.recentPostInfo {
	border-left:		1px solid #bbb;
	border-right:		1px solid #bbb;
	border-top:			1px solid #bbb;
	background-color:#333333;
	-x-system-font:none;
	font-size: 0.75em
 	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	color: #98AD82;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 0 0 0.5em 1em;
}
/*
color:#9A7897;
font-family:"Lucida Grande",Verdana,Arial,sans-serif;
font-size:0.75em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:2.2222em;
margin:0pt 0pt 1.5em;
text-transform:uppercase;
*/


table.threadTable {
	border-top:			0 solid #333;
	border-bottom:		0;
	margin-bottom:		8px;
}

table.threadTable td.author {
	background-color: #333333;
	width:				125px;
	vertical-align:		top;
}

table.threadTable td.body {
	border-left:		1px solid #ddd;
	border-right:		1px solid #ddd;
	border-bottom:		1px solid #ddd;
	vertical-align:		bottom;
}

table.threadTable td.body ul {
	list-style-position:	inside;
	margin:					8px 10px 10px 10px;
	line-height:			16px;
}

table.threadTable td.reply {
	border-top:			1px solid #ddd;
}

div.pagination {
	float:				right;
}

div.pagination table {
	border:				0;
}

div.pagination td {
	padding:			2px 3px;
}

.forumName {
	font-size:			1.3333em;
	line-height:		1.25em;
	margin-bottom:		6px;
}

.forumInfo {
	color:				#9A7897;
	padding:			3px;
}

.forumDescription {
	font-weight:		bold;
	padding:			3px;
	color: 				#7EB6B4;

}

.topicPagination {
	font-size:			13px;
}

.postLinks {
	margin-left:		15px;
	font-weight:		bold;
}

.topicMarker {
	float:				left;
}

.topicTitle, .topicAuthor {
	margin-left:		40px;
}

.topicTitle {
	font-size:			1.3333em;
	margin-bottom:		6px;
	line-height:		1.25em;
}

.replyLink {
	margin-bottom:		3px;
}

.avatar {
	float:				left;
}

.authorInfo {
	padding-left:		5px;
}

.authorIP {
	font-style:			italic;
}

.authorName {
	font-size:			1em;
}

.attachments {
	background-color:	#eee;
	padding:			5px 8px;
	margin-bottom:		8px;
}

.attachTitle {
	font-weight:		bold;
	margin-bottom:		4px;
}

.attachments img {
	border:				1px solid #bbb;
}

h3 {
	margin:				15px 0 10px 0;
	background-color:	#333;
	color:				#fff;
	font-weight:		bold;
	padding:			6px 8px;
}

.postContent {
	margin:				10px 0;
	border-top:			1px solid #666;
	border-bottom:		1px solid #666;
}

/* Forms */

.formInput label {
	font-weight: 		bold;
}

.miniForm {
	display:			inline;
}

.errorHeading {
	color:				#ca2024;
}

.alert {
	background:			#fee9b2;
	color:				#ca2024;
	padding:			6px 8px;
}

table.submissionForm {
	border:				0;
}

table.submissionForm td {
	background-color:	#222;/* changed from ddd to 222 by Metso*/
	border-top:			1px solid #bbb;
	border-right:		1px solid #bbb;
	border-bottom:		1px solid #bbb;
	border-left:		1px solid #bbb;/* added by Metso*/
}

table.submissionForm tr.spacer td {
	background-color:	#222;/* changed from fff to 222 by Metso*/
	border:				0;
}

table.submissionForm th {
	text-align:			right;
}

table.submissionForm th.formTopicTitle {
	text-align:			left;
}

table.optionsTable {
	border:				0;
}

table.optionsTable td {
	border:				0;
}

input {
	margin:				6px 0;
}

label {
	font-weight:		bold;
}

.extraOptionLink {
	margin:				6px 0;
}

.checkbox {
	margin:				6px 0;
}

.radio {
	background-color:	#eee;
	padding:			6px 8px;
}

.radio input {
	margin:				0;
}

.select {
	margin:				6px 0;
}

#poll {
	margin:				6px 0;
}

.pollQuestion {
	font-size:			24px;
	font-weight:		bold;
	margin:				10px 0;
}

.pollInfo {
	margin:				6px 0;
}

table.pollResults {
	border:				0;
	margin-bottom:		15px;
}

div.submit {
	padding:			6px 8px;
	border-bottom:		6px solid #333;
}

table.searchForm {
	border:				1px solid #bbb;
	border-top:			10px solid #333;
	background-color:	#eee;
}

fieldset {
	padding:			10px 10px 8px 10px;
	margin:				6px 0;
}

legend {
	background-color:	#333;
	color:				#fff;
	border:				1px solid #fff;
	padding:			5px 7px;
}

/* Links */

#topBar a:link, #topBar a:visited {
	text-decoration:	none;
	color:				#98AD82;
}

#topBar a:hover {
	text-decoration:	underline;
	color:				#7dacd8;
}

.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration:	none;
	color:				#98AD82; /*changed by metso from 90ff5e */
}

.breadcrumb a:hover {
	text-decoration:	underline;
	color:				#000;	
}

.forumName a:link, .forumName a:visited {
	text-decoration:	none;
	color:#FFF;
	border-bottom:1px dotted #999999;
}

.forumName a:hover {
	color:				#000;	
	background-color: #FFF;
	text-decoration: none;
}

.subscribeLink a:link, .subscribeLink a:visited {
	font-size:			.6em;
	color:				#666;
	vertical-align:		top;
}

.subscribeLink a:hover {
	text-decoration:	none;
	color:				#999;
}

.postLinks a:link, .postLinks a:visited {
	text-decoration:	none;
	color:				#98AD82;
}

.postLinks a:hover {
	text-decoration:	underline;
}

.topicTitle a:link, .topicTitle a:visited {
	text-decoration:	none;
	color:				#FFF;
	border-bottom:1px dotted #999999;
}

.topicTitle a:hover {
	color:				#000;
	background-color: #FFF;
	text-decoration: none;
}

.topicAuthor a:link, .topicAuthor a:visited,
.recentPostInfo a:link, .recentPostInfo a:visited {
	color:				#FFF;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			1em;
	border-bottom:1px dotted #999999;
}

.topicAuthor a:hover,
.recentPostInfo a:hover {
	color:#000000;
	background-color:#FFFFFF
}

.replyLink a:link, .replyLink a:visited {
	text-decoration:	none;
	color:				#fff;
	font-weight:		bold;
	font-size:			1em;
}

.replyLink a:hover {
	text-decoration:	underline;
	color:				#777;
}

.authorName a:link, .authorName a:visited {
	text-decoration:	none;
	color:				#98AD82;
	font-weight:		bold;
}

.authorName a:hover {
	text-decoration:	underline;
	color:				#666;
}

.ignored a:link, .ignored a:visited {
	text-decoration:	none;
	color:				#333;
}

.ignored a:hover {
	text-decoration:	underline;
	color:				#666;
}

.rankAdmin a:link, .rankAdmin a:visited {
	color:				#98AD82;
}

.rankModerator a:link, .rankModerator a:visited {
	color:				#468d4b;
}

.attachments a:link, .attachments a:visited {
	text-decoration:	none;
	color:				#98AD82; /*changed by metso from 90ff5e */
}

.attachments a:hover {
	text-decoration:	underline;
	color:				#000;
}

.pagination a:link, .pagination a:visited,
#footer a:link, #footer a:visited,
.reviewReminder a:link, .reviewReminder a:visited {
	text-decoration:	none;
	color:				#98AD82; /*changed by metso from 90ff5e */
}

.pagination a:hover,
#footer a:hover,
.reviewReminder a:hover {
	text-decoration:	underline;
	color:				#000;
}

form a:link, form a:visited {
	text-decoration:	none;
	color:				#98AD82; /*changed by metso from 90ff5e */	
}

form a:hover {
	text-decoration:	underline;
	color:				#000;
}

legend a:link, legend a:visited {
	color:				#fff;
	text-decoration:	underline;
}

legend a:hover {
	text-decoration:	none;
}

.banMember a:link, .banMember a:visited {
	text-decoration:	none;
	color:				#98AD82; /*changed by metso from 90ff5e */
}

.banMember a:hover {
	text-decoration:	underline;
}

.memberPage a:link, .memberPage a:visited {
	text-decoration:	none;
	color:				#98AD82; /*changed by metso from 90ff5e */
}

.memberPage a:hover {
	text-decoration:	underline;
}

a#extLink1,
h3.subHeaderLink a:link, h3.subHeaderLink a:visited {
	color:				#fff;
}

#topBar ul.topBarLinks li.profileLink a:link, #topBar ul.topBarLinks li.profileLink a:visited {
	color:				#fff;
	font-weight:		bold;
}


/* Member Profile Pages */

table.profileTable {
	border:				0;
}

table.profileTable td.tableCellOne,
.memberPage table.threadTable td.tableCellOne,
.memberlistRowOne {
	background:			#ddd;
}

ul.profileMenu {
	list-style:			none;
	margin-left:		6px;
	font-size:			14px;
}

ul.profileMenu li {
	margin:				6px 0;
}

table.avatarTable {
	border:				0;
}

table.avatarTable td {
	border:				1px solid #bbb;
		background-color:	#fff;
}

table.messageTable th {
	text-align:			right;
}

table.messageTable td {
	border-right:		1px solid #bbb;
}

table.messageTable td.message {
	border-top:			1px solid #bbb;
}

table.messageTable tr.spacer td {
	border-right:		0;
	border-top:			1px solid #bbb;
}

table.messageFolders td,
td.notepad,
table.memberSearch td {
	border-left:		1px solid #bbb;
}

.profileTitle {
	font-size:			24px;
	font-weight:		bold;
}

.rankAdmin {
	color:				#98AD82; /*changed by metso from 90ff5e */
}

.rankModerator {
	color:				#468d4b;
}

table.profileFields {
	border:				0;
	margin-bottom:		10px;
}

.profileFields td.tableCellTwo {
	vertical-align:		middle;
	font-weight:		bold;
	color:				#fff;
	background-color:	#222;
}

.profileFields td.tableCellOne {
	background-color:	#ddd;
}

tr.customFields span.alert {
	background:			transparent;
	color:				#fff;
	padding:			0;
}
/* Footer */
/* borrowed from Andy */
#footer {
	clear: both;
	width: 940px;
	background: #212121 url(images/footer_bg.gif) no-repeat 0 0;
	position: relative;
	height: 70px;
}

#footer p {
	font-size: 0.9166em;
	line-height: 1.6363em;
	margin: 0;
	color: #555;
}

#footer p#credit {
	width: 230px;
	position: absolute;
	top: 25px;
	left: 30px;
	text-align: left;
	height: 20px;
}

#footer p#credit a:link, #footer p#credit a:visited {
	color: #555;
	height: 20px;
	display: block;
	text-decoration: none;
	border: none;
	padding: 0 1px 0 33px;
	background: url("http://www.kelliali.com/assets/images/antenna_logo.gif") no-repeat 0 0;
}

#footer p#credit a:hover, #footer p#credit a:active {
	color: #FFF;
	text-decoration: none;
	background: url("http://www.kelliali.com/assets/images/antenna_logo.gif") no-repeat 0 -50px;
}

#footer p#copyright {
	width: 230px;
	position: absolute;
	top: 25px;
	right: 30px;
	text-align: right;
}

#footer p {
	margin: 0;
}

/* footer menu */

#footer ul {
	width: 380px;
	position: absolute;
	top: 25px;
	left: 280px;
}

#footer ul li {
	font-size: 0.9166em;
	line-height: 1.6363em;
	padding: 0 6px 0 6px;
	margin: 0;
	display: inline;
}

#footer ul li a:link,
#footer ul li a:visited {
	color: #888;
	border: none;
	padding: 0 2px;
}

#footer ul li a:hover,
#footer ul li a:active {
	background-color: #333;
	color: #FFF;
}

#home #footer ul li.navhome a:link, #home #footer ul li.navhome a:visited,
#journal #footer ul li.navjournal a:link, #journal #footer ul li.navjournal a:visited,
#about #footer ul li.navabout a:link, #about #footer ul li.navabout a:visited,
#shop #footer ul li.navshop a:link, #shop #footer ul li.navshop a:visited,
#forum #footer ul li.navforum a:link, #forum #footer ul li.navforum a:visited,
#contact #footer ul li.navcontact a:link, #contact #footer ul li.navcontact a:visited {	
	color: #FFF;
	background-color: transparent;
}
/* end of borrowed from Andy */

/* Icky but necessary */

.spacer {
	clear:				both;
	margin-bottom:		5px;
	height:				0;
}