/*	This is the Slanty Theme Stylesheet for NyeWorks Mk4 Edition #374878
	Created by Michael Nye 2007 */


body {

	margin: 0;
	padding: 0;

	background: #7E7E7E url('Slanty/bg.gif') top center repeat-x fixed;
	color: #000;

	font-family: 'Helvetica', 'Arial', sans-serif;
	text-align: justify;
	font-size: 13px;
	word-spacing: .1em;
	line-height: 1.5em;

}


h1 {

	height: 60px;
	margin: 10px 0 0 0;
	padding: 0;
	
	background: #28436E url('Slanty/headerbg.gif') bottom center repeat-x;

	text-align: center;

}


#banner {

	height: 60px;
	width: 500px;
	margin: 0 auto;
	padding: 0;
	
	display: block;
	
	background: url('Slanty/banner.jpg') bottom center no-repeat;
	
	text-indent: -50000px;

}


#content {

	margin: 0 13%;
	padding: 5px 5px 5px 155px;
	border: 1px solid #000;
	border-width: 0 1px;
	
	position: relative;
	
	background: #FFF;
		
}


/* Footer Styles */


#footer {

	margin: 0 13% 20px 13%;
	padding: 2px 3px 15px 3px;
	border: 1px solid #000;
	
	clear: both;
	position: relative;

	background: #2C356B url('Slanty/footerbg.gif') bottom center repeat-x;
	color: #FFF;
	font-size: .9em;
	text-align: center;
	line-height: 1.2em;

}


#footer a:link, #footer a:visited {

	border: 0;
	color: #89D3FA;

}


#footer a:hover {

	color: #AF6473;

}


#footer .leftcorner {

	width: 20px;
	height: 20px;
	
	position: absolute;
	bottom: -1px;
	left: -1px;
	
	background: url('Slanty/footerleftcorner.gif') bottom left no-repeat;

}


#footer .rightcorner {

	width: 20px;
	height: 20px;
	
	position: absolute;
	bottom: -1px;
	right: -1px;
	
	background: url('Slanty/footerrightcorner.gif') bottom right no-repeat;

}


/* Sidebar Styles */


#sidebar {

	width: 130px;
	margin: 0;
	padding: 0 10px 5px 10px;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	
	background: #AFD2E7 url('Slanty/sidebarbg.gif') bottom left no-repeat;
	line-height: 1.4em;
	text-align: left;

}


#sidebar h3 {

	margin: 10px 5px 0 5px;
	padding: 0 0 0 5px;
	border: 0;
	
	color: #000;
	text-indent: -5px;
	font-size: 1.1em;
	text-align: left;
	font-family: 'Helvetica', 'Arial', sans-serif;

}


#sidebar h3 a:link, #sidebar h3 a:visited {

	width: 100%;
	border: 0;
	padding: 0;
	
	display: block;

	color: #243271;
	font-weight: bold;
	
}


#sidebar h3 a:hover {

	color: #6F3D4A;

}


#sidebar ul {

	margin: 0 5px 10px 5px;
	padding: 1px 10px 4px 10px;

}


#sidebar li {

	width: 100%;
	margin: 0;
	padding: 0 0 0 5px;
	
	list-style-type: none;
	text-indent: -5px;

}


#sidebar li a:link, #sidebar li a:visited {

	width: 100%;
	border: 0;
	
	display: block;
	
	color: #284EA2;
	font-size: .9em;
	font-weight: bold;

}


#sidebar li a:hover {

	color: #892F37;

}


/* Blog Styles */


.article {

	margin: 5px;
	padding: 0 0 20px 0;
	border: 1px solid #000;
	
	clear: right;
	position: relative;

}


.article h3 {

	margin: 0;
	padding: 2px 3px 0 3px;
	border: 0;
	
	background: #2E396E url('Slanty/blogheadbg.gif') top center repeat-x;
	color: #FFF;
	font-size: 1.2em;
	text-transform: lowercase;

}


.article .info {

	margin: 0;
	padding: 10px 15px 0 15px;
	
	background: url('Slanty/bloginfobg.gif') top left repeat-x;
	color: #666;
	font-size: .9em;
	
}


.article img {

	width: 10%;
	margin: 5px 0 5px 5px;
	border: 1px solid black;
	border-right: 0;
	
	float: right;
	
}


.article .leftcorner {

	width: 10px;
	height: 10px;
	
	position: absolute;
	bottom: -1px;
	left: -1px;
	
	background: url('Slanty/blogleftcorner.gif') bottom left no-repeat;

}


.article .rightcorner {

	width: 10px;
	height: 10px;
	
	position: absolute;
	bottom: -1px;
	right: -1px;
	
	background: url('Slanty/blogrightcorner.gif') bottom right no-repeat;

}


#comments {
	
	padding: 5px 10px;
	margin: 13px 18px;
	border: 1px solid #000;

	background: #D8D8D8;
	
}


#comments h3 {

	width: 100%;
	margin: 0;
	border: 0;

	color: #000;
	font-size: 1.2em;
	text-align: center;
	
}


#comments p {

	padding: 0 5px 7px 5px;
	border: 1px solid #000;
	
	position: relative;
	
}


#comments p .info {

	margin: 0 5px;
	display: block;
	
	color: #666;
	font-size: .9em;

}


#comments p .leftcorner {

	width: 10px;
	height: 10px;
	
	position: absolute;
	bottom: -1px;
	left: -1px;
	
	background: url('Slanty/commentleftcorner.gif') bottom left no-repeat;

}


#comments p .rightcorner {

	width: 10px;
	height: 10px;
	
	position: absolute;
	bottom: -1px;
	right: -1px;
	
	background: url('Slanty/commentrightcorner.gif') bottom right no-repeat;

}


/* Heading Styles */


h2, h3, h4 {

	margin: 11px 4px 13px 4px;
	padding: 0 3px;
	border-bottom: 1px dotted #666;

	color: #666;
	text-align: right;
	font-family: 'Georgia', serif;
	letter-spacing: 1px;
	
}


h2 {

	font-size: 1.5em;

}


h3 {

	font-size: 1.2em;

}


h4 {

	font-size: 1.1em;

}



/* Form Styles */


form {
	
	padding: 5px 10px;
	margin: 13px 18px;
	border: 1px solid #000;

	background: #D8D8D8;
	
	color: #000;
	text-align: left;

}


form h3 {

	width: 100%;
	margin: 0;
	border: 0;

	color: #000;
	font-size: 1.2em;
	text-align: center;
	
}


label {

	margin: 15px 0 3px 0;
	
	font-size: 1.05em;
	font-weight: bold;

}


input[type="text"], input[type="password"], input[type="file"], textarea {

	width: 97%;
	margin: 3px 0 15px 3%;

}


input[type="text"]:focus, input[type="password"]:focus, textarea:focus {

	background: #FFF9C2;

}


/* List Styles */


ul, ol {

	margin: .5em 12px;

}

ul {

	list-style: disc;
	
}


dl {

	margin: 10px;
	padding: 0;

}


dt {

	margin: 8px 0 2px 0;
	
	font-size: 1.1em;
	font-weight: bold;

}


dd {

	margin: 0 15px;
	padding: 0;

}


/* Random Styles */


p {

	margin: 1em 10px;
	
}


p.alert {

	padding: 0 0 0 20px;
	
	background: url('Slanty/alert.gif') top left no-repeat;	
	color: #A43940;
	font-size: 1.1em;
	font-weight: bold;

}


p.notice {

	font-size: 1.1em;
	
	font-weight: bold;

}


p.controls {

	font-size: 1.1em;
	
	text-align: center;
	font-weight: bold;

}


/* Link Styles */


a:link {

	border-bottom: 1px dotted #666;

	font-weight: bold;
	text-decoration: none;
	color: #264898;

}


a:visited {

	border-bottom: 1px dotted #666;

	font-weight: normal;
	text-decoration: none;
	color: #264898;

}


a:hover {

	border: 0;
	
	color: #A43940;

}


a img {

	border: 0;

}