/*
+--
|
|	WebNow
|	custom.css
|
|	1Serpent
|	Hosting & Management
|	Development & Design
|	http://1serpent.com
|
+-
|
|	> Description: Custom CSS
|	> Version+wID: v1.0 -!- w1
|	> Date started: 8 June, 2009
|	> Date updated: 11 June, 2009
|
+--
*/

/* main style & typography */
body.custom { background: transparent url('images/background.png') repeat-x 0 0; }
	.custom .page { position: relative; }

			/* header */
			.custom #header_area { height: 124px; margin: 0 0 52px; }
				.custom #header { border: none;  padding: 0; }
				.custom #header h1#logo,
				.custom #header p#logo { height: 124px; width: 243px; }
				.custom #header h1#logo a,
				.custom #header p#logo a { background: transparent url('images/logo.png') no-repeat 0 0; display: block; height: 124px; text-indent: -9999px; width: 243px; }

			/* navigation */
			.custom #navigation1 { font-size: 1.1em; height: 32px; left: 300px; position: absolute; top: -176px; width: 660px; }
				.custom #navigation1 a { color: #549ec6; font-weight: normal; line-height: 2.8em; }
				.custom #navigation1 a:hover { color: #549ec6; font-weight: normal; text-decoration: none; }
				.custom #navigation1 ul { height: 32px; width: 660px; }
					.custom #navigation1 ul li { background: transparent url('images/nav1-mid.png') no-repeat 0 0; float: left; height: 32px; list-style: none; padding: 0 6px 0 20px; }
					.custom #navigation1 ul li.left { background: transparent url('images/nav1-left.png') no-repeat 0 0; }
					.custom #navigation1 ul li.right { background: transparent url('images/nav1-right.png') no-repeat 5px 0; }

			.custom #navigation2 { font-size: 1.3em; height: 29px; left: 0; position: absolute; top: -29px; width: 960px; }
				.custom #navigation2 a { background: transparent url('images/navigation2BG.png') no-repeat 50% -29px; color: #FFFFFF; display: block; font-weight: normal; line-height: 1em; padding: 3px 20px 13px; }
				.custom #navigation2 a:hover { background: transparent url('images/nav2-hover.png') no-repeat 50% 0; color: #FFFFFF; text-decoration: none; }
				.custom #navigation2 ul { height: 29px; }
					.custom #navigation2 ul li { float: left; height: 29px; list-style: none; position: relative; }
					.custom #navigation2 ul li ul { display: none; float: none; position: absolute; left: 0; top: 29px; }
						.custom #navigation2 ul li ul li { background: #68B6EA; float: none; height: auto; width: 250px; }
						.custom #navigation2 ul li ul li:hover { background: #4784BD; }
						.custom #navigation2 ul li ul li a { background: none; line-height: normal; padding: 7px 20px 9px;}
						.custom #navigation2 ul li ul li a:hover { background: none; }

			/* search & rss box */
			.custom #rssearch { right: 50px; position: absolute; top: -110px; width: 250px; }
			.custom #rssearch input.text_input { background: transparent url('images/search.png') no-repeat 0 0; border: none; height: 15px; padding: 3px 10px; vertical-align: middle; width: 186px; }
			.custom #rssearch input#searchsubmit { background: transparent url('images/search-button.png') no-repeat 0 0; border: none; height: 21px; text-indent: -9999px; vertical-align: middle; width: 21px; }
			.custom #rssearch p.subscribe { background: transparent url('images/rss-button.png') no-repeat 0 0; color: #FFFFFF; height: 17px; margin: 5px 0 0 25px; padding: 2px 0 0 25px; }
			.custom #rssearch p.subscribe a,
			.custom #rssearch p.span { color: #FFFFFF; font-weight: bold; }

			/* content */
			.custom #content_box { background: none; }
				.custom .post_box { background: transparent url('images/line-posts.png') no-repeat 50% 0; border: none; }
				.custom .top { background: none !important; }
					.custom .custom_comments { color: #8cc63f; float: left; font-weight: bold; margin: 0 5px 0 0; }
				.custom .teasers_box { background: none; border: none; padding: 0; }
				.custom .teaser { background: transparent url('images/line-posts.png') no-repeat 50% 0; float: none !important; padding: 1.8em 0; width: 632px; }
				.custom .teaser_date { color: #24536c; font-size: 1em; font-weight: bold; letter-spacing: 0; }
				.custom .format_teaser { margin-bottom: 0.5em; }
				.custom .prev_next { background: transparent url('images/line-posts.png') no-repeat 50% 0; border: none; text-align: center; }

				/* feature box */
				.custom #feature_box { background: transparent url('images/feature-arrow.png') no-repeat 0 26px; border: none; font-size: 1.1em; margin: 0 1.9em 0 0.9em; padding: 1.8em 0 0 2em; }
					.custom #feature_box h2 { color: #24536c; font-size: 2em; overflow: visible; }

				/* sidebar */
				.custom .sidebar h3 { color: #58a6d1; margin: 0 0 0.5em; }
				.custom .sidebar a { color: #24536c; font-weight: normal; }
				.custom .sidebar a:hover { color: #24536c; font-weight: normal; }
				.custom .sidebar li.widget { background: transparent url('images/line-sidebar.png') no-repeat 0 0; margin: 0 0 2em; padding: 2em 0 0; }
				.custom .sidebar li.widget_text { background: none; margin: 0 0 1em; padding: 0; }
				.custom .sidebar li.widget ul li { margin-bottom: 0.2em; }
				.custom .sidebar img { margin: 0 1em 1em 0; }

			/* footer */
			.custom #footer_area { background: transparent url('images/footer-line.png') repeat-x 0 0; }
			.custom #footer { border: none; color: #24536c; padding: 2em 0 1em; text-align: left; }
				.custom #footer .links { font-weight: bold; }
				.custom #footer a { border: none; color: #24536c; }
				.custom #footer a:hover { color: #24536c; }


/* additional style & typography */
.custom a { color: #8cc63f; font-weight: bold; outline: none; text-decoration: none; }
.custom a:hover { color: #8cc63f; outline: none; text-decoration: underline; }

.custom .hide { display: none; }
.custom .bracket { display: none; }

.custom h1 a,
.custom h2 a,
.custom h1,
.custom h2,
.custom h3 { color: #8cc63f; font-weight: normal; }

.custom .post_tags a { color: #24536c; font-weight: bold; }
.custom .post_tags a:hover { color: #24536c; }


/* ie fixes */
.custom.ie #navigation2 ul li ul li { margin: 0 0 -3px; }
.custom.ie6 #rssearch { left: 600px; }
.ie #rssearch input#searchsubmit { font-size: 0px; line-height: 0; overflow: hidden; }