/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #222222;
	color: #222222;
	scrollbar-face-color: #222222;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-3dlight-color: #222222;
	scrollbar-arrow-color:  #DDDDDD;
	scrollbar-track-color: #222222;
	scrollbar-darkshadow-color: #222222;
	background-color: #000000;
	padding-top:	150px;
	background-repeat:	repeat-x;
	background-image: url('http://www.scruffypuppies.com/images/sp_back.gif');
}

.footer  {
	font-size: 12px;
	font-family:  Comic Sans MS, Verdana;
	font-align: left;
	line-height: 15px;
	color: #666666;
	padding-left: 0px;
	padding-top:5px;
}


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

a:link, a:visited {
	color: #F8DD8C;
	background-color: transparent;
}

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

.copyright {
	font-size: 10px; 
	font-family:  Comic Sans MS, Verdana;
	color: #FFFFFF;
	font-weight: bold;
}

.header, DIV.header, TR.header, TD.header {
	font-size: 14px; 
	font-family:  Comic Sans MS, Verdana;
	color: #F8DD8C;
	font-weight: bold;
	text-align: center;
}

a.header {
	color: #F8DD8C;
	background-color: transparent;
	text-decoration: none;
}

a.header:link, a.header:visited {
	color: #F8DD8C;
	background-color: transparent;
	text-decoration: none;
}

a.header:hover {
	color: #F8DD8C;
	background-color: transparent;
	text-decoration: underline;
}

a.copyright {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

a.copyright:link, a.copyright:visited {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

a.copyright:hover {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: underline;
}

.border {

}

.main, TABLE.main, TR.main, TD.main {
	padding-left:	15px;
	padding-right:	15px;
	padding-top:	15px;
	padding-bottom:	15px;
	vertical-align:	top;
	border : 5px solid #FFFFFF;
	background-color: #B53C67;
}

.content, TABLE.content, TR.content, TD.content, DIV.content {
	font-size: 14px;
	font-family:  Comic Sans MS, Verdana;
	color: #F8DD8C;
	font-weight: normal;
	text-align: left;
}

a.content, a.content:link, a.content:visited {
	color: #F8DD8C;
	text-decoration: none;
	font-weight: bold;
}

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

.article {
	background-color: #DDDDDD;
}


.title, DIV.title, SPAN.title {
	font-size:		18px;
	font-family:		Comic Sans MS, Verdana;
	color:			#F8DD8C;
	font-weight:		bold;
	text-align:		center;
}

.subtitle, DIV.subtitle, SPAN.subtitle {
	font-size:		16px;
	font-family:		Comic Sans MS, Verdana;
	color: 			#F8DD8C;
	font-weight:		bold;
	text-align:		center;
}

/* Form elements */
input,textarea, select {
	color : #222222;
	font: normal 12px Comic Sans MS;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #DDDDDD;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #DDDDDD;
	color : #222222;
	font-size: 12px; font-family: Comic Sans MS;
}

/* The main submit button option */
input.mainoption {
	background-color : #DDDDDD;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #DDDDDD;
	font-weight : normal;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("global/formIE.css");