/* @override 
	http://www.scrappers-haven.com/newsite/wp-content/themes/scrappers/style.css
	http://www.scrappers-haven.com/wp-content/themes/scrappers/style.css
*/

/*  
Theme Name: Scrapper's Haven
Theme URI: http://www.circlesixdesign.com/
Description: Custom Theme for Scrapper's Haven by <a href="http://www.circlesixdesign.com" title="Circle Six Design">Circle Six Design</a>.
Version: 1.0
Author: Brett Terpstra
Author URI: http://blog.circlesixdesign.com/
*/

html { font-size: 100%; }
body { background-color: #DCA; font-size: 62.5%; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif;}
#wrapper { margin: 20px auto; width: 823px; text-align: left; }
#header { float: left; width: 823px; height: 196px; padding: 0; position: relative; background: #DCA url('images/header.jpg') no-repeat scroll left top;}
#header h1#scrappersHaven { text-indent: -9000px; }
#header p.contactinfo { position: absolute; right: 50px; top: 60px; font-size: 14px;}
#mainContent { background: url('images/background.jpg') repeat-y scroll top left; float: left; padding: 0px 15px 10px 60px; width: 823px;}
#wp-calendar img {
	border: none;
}
ul#navbar  {
	margin: 0px;
	padding: 0px;
	width: 780px;
	list-style: none;
	position: absolute;
	left: 50px;
	top: 150px;
}

ul#navbar ul {
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 20px;
}

ul#navbar li {
	float: left;
	font-size: 18px;
}

ul#navbar a {
	display: block;
	padding: 0 5px 0 35px;
	line-height:30px;
	text-decoration:none;
	color:#612;
	margin: 0px;
}

ul#navbar ul a {
	font-size: 16px;
	display: block;
	padding: 0;
	line-height:14px;
	text-decoration:none;
	color:#612;
	margin: 0px;
}

ul#navbar a:hover {
	color: #B24;
}

ul#navbar li ul {
	position: absolute;
	width: 200px;
	left: -9000px;
	background: #EC7;
	z-index: 999;
}

ul#navbar li ul li {
	
}

ul#navbar li ul li a {
	font-size: 14px;
	padding-left: 35px;
	display: block;
	width: 200px;
	height: 30px;
	line-height: 30px;
}

ul#navbar li:hover ul, ul#navbar li.sfhover ul {
	left: auto;
}

body.blog a.blog  {
	background: url('images/star.gif') no-repeat scroll center left;
}

body.aboutUs a.aboutUs {
	background: url('images/star.gif') no-repeat scroll center left;
}

body.classes a.classes {
	background: url('images/star.gif') no-repeat scroll center left;
}

body.contact a.contact {
	background: url('images/star.gif') no-repeat scroll center left;
}

body.hotNews a.hotNews {
	background: url('images/star.gif') no-repeat scroll center left;
}

body.search a.search {
	background: url('images/star.gif') no-repeat scroll center left;
}

body.gallery a.gallery {
	background: url('images/star.gif') no-repeat scroll center left;
}

body.gallery div#articles a.img {
	border: none;
	padding: none;
}
#searchpage {
	text-align: center;
}
#searchpage a:link, #searchpage a:visited { text-decoration: none; color: #267;}
#searchpage a:hover, #searchpage a:active { color: #B24;}
#searchpage h2.articleHeadline { padding-left: 35px; background: url('images/square.gif') no-repeat scroll center left; line-height: 30px; font-size: 2em; color: #B24;}
#searchpage h2.articleHeadline a:link, #searchpage h2.articleHeadline a:visited { text-decoration: none; color: #612;}
#searchpage h2.articleHeadline a:hover, #searchpage h2.articleHeadline a:active { color: #B24;}
#searchpage h2.articleHeadline span { font: bold small-caps normal .6em "Trebuchet MS", Arial, sans-serif;}
#searchpage img { padding: 10px;}
#searchpage ul {
	list-style: none;
}
#searchpage li { font-size: 2em; padding: 10px;}


#articles { float: left;}
.withsidebar { width: 480px;}
.nosidebar { width: 700px;}
#articles a:link, #articles a:visited { text-decoration: none; color: #267;}
#articles a:hover, #articles a:active { color: #B24;}
#articles h2.articleHeadline { padding-left: 35px; background: url('images/square.gif') no-repeat scroll center left; line-height: 30px; font-size: 2em; color: #B24;}
#articles h2.articleHeadline a:link, #articles h2.articleHeadline a:visited { text-decoration: none; color: #612;}
#articles h2.articleHeadline a:hover, #articles h2.articleHeadline a:active { color: #B24;}
#articles h2.articleHeadline span { font: bold small-caps normal .6em "Trebuchet MS", Arial, sans-serif;}
#sidebar { float: left; width: 200px; margin: 0 15px 0 20px; background-color: #e8b85f; padding: 20px; color: #000;}
#articles img { padding: 10px;}
#articles li { font-size: 1.4em; padding: 10px 5px; line-height: 1.6em;}

p { font: 1.4em "Trebuchet MS", Arial, sans-serif; color: #612;}
#sidebar p { color: #000; font-size: 1.2em;}
#sidebar a:link, #sidebar a:visited { text-decoration: none; color: #267; font-size: 1.2em;}
#sidebar a:hover, #sidebar a:active { color: #b24;}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	color: #333;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
div.post h3 {
	font-size: 1.6em;
}
ol.commentlist p {
	font-size: 1.2em;
}
form#commentform {
	width: 500px;
}
form#commentform textarea {
	width: 400px;
}
#footer { float: left; width: 823px; height: 60px; padding: 0; position: relative; background: #DCA url('images/footer.jpg') no-repeat scroll left top; text-align: center;}

#footer a {
	text-decoration: none;
	color: #666;
}

#articles ul {
	color: #500;
	font-size: 1em;
}

#articles ul li {
	line-height: 1.4em;
	font-weight: normal;
}

.navigation {
	font-size: 1.6em;
	margin: 5px 0 20px 0;
	float: left;
	width: 100%;
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

div.entry p strong {
	color: #069;
}
div.post {
	clear: both;
}