/*
Theme Name: Richards
Theme URI: http://www..com/
Description: Custom designed theme by Brian Colcord
Version: 1.0
Author: Brian Colcord
Author URI: http://www.visualrepublique.com/
Tags: 
*/



/* -------------------------------------------------------------- 
	
	base.css	
	* Resets default browser CSS.
	
-------------------------------------------------------------- */

* { 
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

	body { 
		background: #ffffff; 
  		line-height: 1.5; 
		font: 62.5% Helvetica, Arial, Sans serif;;
		}
		html>body { 
			font-size: 10px;
		}

		/* Tables still need 'cellspacing="0"' in the markup. */
		table { 
			border-collapse: separate;
			border-spacing: 0;
			}
			caption { 
				text-align: left;
				font-weight: normal;
			}
			th { 
				vertical-align: top;
				}
			td { 
				vertical-align: top;
				}

		ul {
			list-style: none;
			}
		
		hr {
			border: 0; 
			height: 1px; 
			background: #999999; 
				*color: #999999; 
		}

		a, a:link, a:visited { }
		a:hover, a:active, a:focus {
			outline: 0px;
			-moz-outline-style: 0px;
		}

		img { 
			border: none;
		}
		
		blockquote:before, blockquote:after, q:before, q:after { 
			content: ""; 
			}
		blockquote, q { 
			quotes: "" ""; 
			}

		form {
			margin: 0; 
			padding: 0;
			}
			input.searchBox { }

			input, select, textarea {
				font: 1em Tahoma, Arial, Helvetica, sans-serif;
			}
		

/* Common Generic Classes
-------------------------------------------------------------- */

		.clear {
			clear: both; 
			height: 1px;
		}

		.display {
			display: block;
		}

		.hide {
			display: none;
		}


/* Debugging Classes
-------------------------------------------------------------- */

		.debug {
			border: 1px solid red;
		}
		a.missing:link, a.missing:visited {
			color: red;
		}
		p.note {
			color: red;
		}
		

/* Accessibility Classes 
-------------------------------------------------------------- */

		#skipNav {
			display: none;
		}		

/* Layout */

* { 
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
	background: #ecebeb url(img/pg_bkgrd.jpg) top left repeat-x;
	text-align: center;
	}

	#wrapper {
		width: 920px;
		margin: 0 auto;
		}
	
		#header {
			margin-top: 10px;
			width: 920px;
			height: 275px;
			background: url(img/header.png) no-repeat;
			}
			
			#header h1 {
				text-align: center;
				margin-bottom: -10px;
				}
				
			#header a {
				display: block;
				width: 573px;
				height: 176px;
				margin: 0 auto;
				background: url(img/richards_appliance.png) top left no-repeat;
				}
				
			#header span.logo {
				display: none;
				}
				
			#header span {
				font-family: georgia, serif;
				font-style: italic;
				font-weight: regular;
				color: #f26522;
				font-size: 2.5em;
				}
				
			#header span.phone {
				font-family: Helvetica, arial, sans-serif;
				font-style: normal;
				font-weight: bold;
				font-size: 1.5em;
				text-transform: uppercase;
				margin: 0 30px;
				}
				
		#main_nav {
			position: absolute;
			top: 228px;
			margin: 0 0 0 114px;
			}
			
			#main_nav ul{  }
			
			#main_nav ul li {
				display: inline;
				height: 57px;
				float: left;
				}
				
			#main_nav li a {
				background: url(img/nav_bkgrd.gif) repeat-x;
				color: #ffffff;
				text-decoration: none;
				height: 57px;
				display: block;
				padding: 0 20px;
				font-size: 1.4em;
				text-transform: uppercase;
				font-weight: bold;
				line-height: 4.2em;
				}
				
			#main_nav ul li a:hover, #main_nav li.current_page_item a{
				background: url(img/nav_bkgrd_hover.gif) repeat-x;
				}
				
			#main_nav ul li.left {
				width: 9px;
				float: left;
				background: url(img/nav_l.gif)
				}
						
			#main_nav ul li.right {
				width: 9px;
				float: left;
				background: url(img/nav_r.gif)
				}
				
		#content {
			padding: 35px 0;
			width: 920px;
			height: auto;
			min-height: 350px;
				_height: 350px;
			background: url(img/bkgrd.png) repeat-y;
			}
			
			#left_sidebar {
				width: 240px;
				margin: 0 0 0 20px;
				float: left;
				}
				
				#left_sidebar h1, #right_sidebar h1 {
					margin: 0 0 0 15px;
					font-size: 2em;
					color: #f26522;
					}
					
				#left_sidebar p {
					color: #666666;
					font-size: 1.3em;
					line-height: 1.8em;
					margin: 0 0 0 15px;
					text-align: left;
					}
					
			#content_area {
				padding: 0 20px 0 0;
				margin: 0 0 20px 35px;
				height: auto;
				min-height: 400px;
					_height: 400px;
				float: left;
				}
				
			#content_area.sub {
				width: 630px;
                                margin-left: 55px;
				}
				
				#content_area p {
					color: #666666;
					font-size: 1.4em;
					line-height: 1.7em;
					margin: 10px 0 10px 0;
					text-align: left;;
					}
					
				#content_area h3 {
					margin-top: 20px;
					font-size:1.8em;
					color: #1990d0;
					text-align: left;
					font-weight: bold;
					}
					
				#content_area a.button {
					margin: 20px 0;
					padding: 10px;
					background: #f26522;
					color: #ffffff;
					text-decoration: none;
					}
					
			#post_area {
				padding: 0 20px 0 20px;
				margin: 0 0 0 20px;
				border: 1px solid #cccccc;
				border-top: none;
				border-bottom: none;
				height: auto;
				min-height: 400px;
					_height: 400px;
				float: left;
				}
				
				.news_entry {
					width: 645px;
					clear: both;
					margin: 0 0 20px 0;
					padding-bottom: 20px;
					border-bottom: 1px solid #cccccc;
					}
				
				.entry {
					width: 400px;
					float: left;
					clear: both;
					margin: 0 0 20px 0;
					padding-bottom: 20px;
					border-bottom: 1px solid #cccccc;
					}
					
				.entry img, #content_area img, .news_entry img {
					float: left;
					margin-right: 10px;
					}
					
				.entry h1, #content_area h1, .news_entry h1 {
					color: #1990d0;
					font-size: 2.5em;
					}
				
				.entry p, .news_entry p {
					color: #666666;
					font-size: 1.3em;
					line-height: 1.6em;
					margin: 10px 0 0 0;
					text-align: left;;
					}
					
				.entry h2, .news_entry h2 {
					font-style:italic;
					font-size: 2.6em;
					line-height: 2.2em;
					color: #f26522;
					text-align: left;
					font-weight: bold;
					}
					
			#right_sidebar {
				width: 190px;
				float: right;	
				}
				
			#right_sidebar li {
				text-align: left;
				margin-top: 20px;
                                margin-bottom: 10px;
				}
				
			#right_sidebar ul {
				margin-left: 20px;
				}
				
		#footer {
			background: url(img/footer_bkgrd.png) no-repeat;
			height: 61px;
			text-align: left;
			}
			
			#footer p {
			font-size: 1.2em;
			color: #f26522; 
			margin: 0 0 0 35px;
			}
			
			#maytag_man {
				position: absolute;
				height: 208px;
				width: 208px;
				background: url(img/maytag_man.png) no-repeat;
				margin: -119px 0 0 620px;
				}
				
				
/* text properties */

h1 {
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	}
	
strong {
	font-weight: bold;
	}