@charset "utf-8";
/* CSS Document */

/*   
Theme Name: Huarge Marketing Custom Theme - Plumbers
Theme URI: http://www.huargemarketing.com
Description: Default theme for websites run by Huarge Marketing
Author: Matthew Read
Author URI: http://www.huargemarketing.com

Version: 1
.
General comments/License Statement if any.
.
*/

/* Margin & Padding Reset */

* {
	margin: 0px;
	padding: 0px;
}

/* General Formatting */ 

body {
	background: url(http://resources.huargemarketing.com/themes/plumbers/plumberbg.png) no-repeat #8ba6f7 fixed;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #2c2c2c;
}

h1, h1 a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight:100;
	color: #006;
	text-decoration: none;
}

h1 a:hover {
	text-decoration:underline;	
}


a { 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #2c2c2c;
	text-decoration: underline;
}

/* Main Wrapper */

#container {
		width: 920px;
		height: auto;
		padding: 20px;
		background: #FFF;
		margin: auto;
}

/* Title & Description */

#header {
	width: 300px;
	height: 100px;
	float:left;
}

#logo {
	width: 620px;
	height: 100px;
	float: left;
}

/* Navigation bar along top - pages */

#navigation {
	width: 900px;
	height: 20px;
	padding: 10px;
	background: #ebebeb;
	display: block;
	list-style: none;
	margin-bottom: 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #CCC;
	float:left;
}

#navigation li {
    display: block;
    float: left;
	margin-right: 40px;
	font-weight: bold;
  }

#navigation li a:hover {
	text-decoration: none;
}

/* Post body */

#post {
	width: 900px;
	height: auto;
	padding: 10px;
	border-bottom: 1px dotted #000;
}

#post h1, #post h1 a {
	color: #333;
}

/* Box underneath post - Author, Date, Category, Tags */

#meta {
	width: 900px;
	height: auto;
	padding: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	line-height: 25px;
	font-weight: bold;
}

#meta a, #commentform a {
	color: #900;
	font-weight: bold;
}

/* Navigation at bottom - Older/Newer, Previous/Next */

#bottomnav {
	width: 880px;
	height: 20px;
	padding: 10px;
	margin-bottom: 20px;
}

.prev {
	float: left;
}

.next {
	float: right;
}

/* Footer */

#footer {
	width: 900px;
	height: auto;
	float:left;
	border: 1px solid #CCC;
	padding: 10px;
	background: #ebebeb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#cats {
	width: 270px;
	min-height: 180px;
	border-right: 1px dotted #CCC;
	padding: 10px;
	float: left;
}

#cats ul, #arcs ul {
	list-style: none;
}

#cats ul li , #arcs ul li {
	font-weight: bold;
	margin-bottom: 10px;
}

#cats ul li a:hover, #arcs ul li a:hover {
	text-decoration: none;
}

li.categories, #arcs h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

#arcs {
	width: 270px;
	min-height: 180px;
	padding: 10px;
	float: left;
}


#info {
	width: 270px;
	min-height: 180px;
	padding: 10px;
	border-left: 1px dotted #CCC;
	float: left;
	font-weight: bold;
}

#info a {
	font-weight: bold;
}

/* Formatting for Pages */

#page_left {
	width: 460px;
	height: 230px;
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
}

#slider {
	float:left;
	background:#202834 url(loading.gif) no-repeat 50% 50%;
	width: 440px;
	height: 230px;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	width: 440px;
	height: 230px;
	display:none;
}

#page_right {
	width: 440px;
	height: 230px;
	float: left;
	margin-bottom: 40px;
}

#page_paragraph {
	width: 560px;
	min-height: 500px;
	float: left;
	margin-bottom: 40px;
	margin-right: 20px;
	}
	
#page_paragraph ul {
	list-style: inside;
}

#page_side-image {
	width: 340px;
	height: 500px;
	float: left;
}

#clear {
	clear:both;
}