/*
Theme Name:Foley Cabinets
Theme URI:  http://foleycustomcabinets.com
Description:  Custom theme for Foley Custom Cabinets
Version: 1.0
Author: Richard Matthews
Author URI: http://RichardMatthews.me/
*/

body {
	text-align: center;
	font-family: arial;
	margin: 0px 0 50px 0;
	background: #776E5F;
	}

/*//////////Removes all padding and margin */	
* { 
	margin: 0; 
	padding: 0; 
}

/*//////////Prevents IE6-7 from adding 2px margin to the bottom of images */	
img {border:none; vertical-align:bottom;} 

/*//////////Clears a br character left and right */	
.clear:after {
	  content: "."; 
	  display: block; 
	  height: 0; 
	  clear: both; 
	  visibility: hidden;
}


a { color: #000000; }

a:hover {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
}

#current a {
	color: #ffcc33;
}

#container {
	clear: both;
	text-align:left;
	background: #EAEEDF url(images/background.gif) top left repeat-x;;
	border-bottom: 4px solid #ffffff;
}

.skip {
	position: absolute;
}

#header_container {
	position:relative;
	background: #1E2741 url(images/buttons/nav.gif) bottom center no-repeat;
	text-align:left;
	border-bottom: 4px solid #ffffff;
	height: 170px;
}

#header {
	margin: 0px auto;
	width: 1000px;
}

/*//////////Controls  modal box overlay */	

#mbox{background-color:#ffffff; padding:7px; border:1px #cccccc;cursor:pointer}
#mbm{font-family:trebuchet ms;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(images/overlay.png);}

* html #ol{background-image:none;     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");}
                  
			
/*//////////Controls  Name in header of  pages */	
			
			#site_name a {
				position: absolute;
				width: 250px;
				height: 100px;
				top: 10px;
				text-decoration: none;
				margin-left: 50px;
				color: #F0F0D2;
				font-weight:normal;
				font-size: 100%;
				background: url(images/buttons/title.gif) top left no-repeat;
				text-indent: -999999px;
				}

			#site_name a:hover {
				color: #ffffff;
				}
	
			#site_name h2 {
				display: block;
				}
	
	

/*////////// Navigation */	

			#nav {
				clear:both;
				width: 1000px;
				height: 54px;
				float: left;
				color: silver;
				margin: 0 0 0 0;
				font-size: 120%;
				padding: 116px 0 0 0;
		}
			
						#nav a {
							color: #F0F0D2;
							font-weight: bold;
							text-decoration:none;
							padding: 7px 12px 14px 12px;
							-webkit-border-radius: 5px 5px 0 0;
							-moz-border-radius: 5px 5px 0 0;
							border-radius: 5px 5px 0 0;

						}
			
						#nav ul {
							list-style: none;
							padding: 0px 0 0 50px;
							margin: 0;
						}
			
						#nav li {
							float: left;
							padding: 20px 60px 13px 0px;
							position: relative;
						}
						#nav a:hover {
							color: #222222;
							background: #ffffff;
						}

					#nav li ul { /* second-level lists */
						display: none;
						position: absolute;
						top: 40px;
						left: 0;
						padding: 0px;
						z-index: 2;
						background: #cccccc;
						}
					
					#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
							display: block;
						}
						
					#nav .current_page_item a {
						background: #ffffff;
						color: #222222;
						padding: 7px 12px 14px 12px;

					}

#sub_nav {
	border-top: 7px solid #6F8884;
	border-bottom: 2px solid #6F8884;
	margin: 0px 0 20px 0;
	padding: 10px 0 0px 0;
	clear: both;
	color: #444444;
}

#sub_nav ul {
	padding: 0 0 0 0;
}

			#sub_nav ul:after {
			content: "."; 
			display: block; 
			height: 0px; 
			clear: both; 
			visibility: hidden;
		}


#sub_nav li {
	list-style: none;
	margin: 0 20px 0 0;
	float: left;
	position: relative;
}


/*////////// Search Box within Sections */	

			#search_box {
				margin: 20px 0 0 500px;
				padding: 0px 0 10px 50px;
				width: 400px;
				text-align: right;
				position: absolute;
				color: #1E2741;
			}

/*//////////Features on home page within Sections */	
#feature_container {
	width: 650px;
	height: 260px;
	margin: 0px;
	padding: 0 0 7px 0;
	clear: both;
	}
	
		#feature_container:after {
			content: "."; 
			display: block; 
			height: 0px; 
			clear: both; 
			visibility: hidden;
		}
		
		
	#main_content  #feature_container img {
			float: left;
			padding: 3px;
			margin: 0 0 0 0; 
		}
		
	.feature_content {
		float: left;
		width: 300px;
		margin: 0 0 0 30px;
	}
		
	
		.feature_content h2 a {
			color: #90171D;
			font-weight: bold;
			text-decoration: none;
			margin: 0;
			padding: 0;
		}
		
		.feature_content h2 a:hover {
			color: #660000;
	}
		
		.date {
			font-size: 86%;
			color: #cccccc;
			margin: 0;
			padding: 0;
		}

/*////////// Testimonial Box for home page */	

#testimonial {
	width: 350px;
	padding: 0 0 20px 0;
	float: left;
	background: #EAEEDF;
	color:  #534741;
	border-bottom: 2px solid #eeeeee;
	}

#categories {
	float: left;
	width: 269px;
	background: #EAEEDF;
	margin: 0 30px 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #eeeeee;
}

	#categories h3, #testimonial h3 {
			font-weight: normal;
			padding: 20px 0 7px 20px;
			color: #6F8884;
	}

	#categories ul, #testimonial ul {
			list-style: none;
			margin: 0;
			padding: 0;
	
	}
	
	#categories li, #testimonial li  {
			padding: 0 0 0 20px;
			border-top: 1px solid #CCCC99;

	}
	#testimonial li  {
		padding: 7px 20px 0 20px;
		line-height: 180%;
	}
	
	#categories a {
		font-weight:bold;
		display: block;
		width: 100%;
		padding: 7px 0 7px 20px;
		margin: 0 0 0 -20px;
		text-decoration:none;
	}
	#categories a:hover {
			background: #CCCC99;
	}


/*//////////  column for side bars left of main_content */	

#sidebar {
	width: 240px;
	background:url(images/accents/sidebar-background.gif) top left repeat-y;
	float:left;
	margin: 0px 0 0 15px;
	padding: 0px 0 0px 0px;
	display:inline;
}

#sidebar h3 {
	padding: 7px 0 7px 0px;
	margin: 0;
	color: #663300;
	font-weight: normal;
	}

		#sidebar ul {
			list-style: none;
			padding: 0 0px 0 0px;
			margin: 0 0 0 0px;
		}
		
		#sidebar li {
			padding: 0 0 0px 0;
		}
				
		#sidebar li ul {
			list-style: none;
			padding: 0 0px 0 0px;
			margin: 0;
		}

		#sidebar .widget {
			background: #CCC9A8;
			padding: 20px;
			margin: 30px 0 0 0;
		}
				#sidebar .widget h3 {
					font-weight: bold;
					font-family:arial narrow, arial;
					color:#534741
				}
		
		.linkcat h2 {
			display: none;
		}

		
		.linkcat img {
			margin: 0 0 0 -20px;
		}
		
		.linkcat .blogroll li {
			margin: 0 0 0 20px;
		}
			
		.archive_list {
			list-style: none;
			margin: 10px 10px 0 0; 
			padding: 10px 0 0 0;
			border-top: 1px solid #cccccc;
		}
			
		.archive_list img {
			float: left;
			margin: 0px 20px 0px 0;
			padding: 3px;
			border: 1px solid #cccccc;
		}

/*////////// Main Content */	

#main_content_container {
	clear: both;
	width: 1000px;
	margin: 0px 0 0 0;
	padding: 20px 0 20px 0;
	margin: 0px auto;

}
			#main_content_container:after {
				  content: ".";  
				  display: block; 
				  height: 0; 
				  clear: both; 
				  visibility: hidden;
			}
	
#main_content {
	width: 680px;
	background: #ffffff url(images/accents/main_content_shadow.gif) top right no-repeat;
	float:left;
	margin: 0px 0px 0 0;
	padding: 0px 15px 30px 50px;
}

#main_content_wide {
	width: 950px;
	background: #ffffff;
	float:left;
	margin: 0px 0px 0 0;
	padding: 20px 0px 30px 50px;
	
}

#main_content img, #main_content_wide img {
	padding: 3px;
	border: 1px solid #cccccc;	
}

.post {
	float: left;
	width: 650px;
}

		h1 {
			font-weight: normal;
			padding: 0 5px 20px 0px;
			margin: 20px 0 0 0px;
			color: #6F8884;
			line-height: 80%;
		}

		h2 {
			font-weight: normal;
			padding: 7px 0px 7px 10px;
			margin: 7px 0 10px -10px;
			color: #6F8884;
			border-top: 0px solid silver;
			clear: both;
		}

		h3 {
			padding: 10px 0px 10px 0px;
			color: #000000;
		}
		h4,  {
			color: #000000;
			padding: 7px 0 7px 0px;
			margin: 12px 0 10px 0px;		
			border-bottom: 1px solid #cccccc;
		}
		
		
		h5 {
			color: #000000;
			padding: 3px 0 3px 10px;
			margin: 7px 0 10px -10px;		
		}
	
		p {
			padding: 0px 0px 12px 0px;
			line-height: 144%;
		}
	
		ul {
			padding: 0px 0px 10px 0px;
		}
		
		#main_content #sub_nav li {
			padding: 0px 0px 7px 0px;
			margin: 0 10px 0 0;
 			}
		
		#main_content .entry li {
			padding: 0px 0px 7px 0px;
			margin: 0 0 0 20px;
 		}
		
		li ul {
			padding: 10px 0px 0px 20px;
		}
		
		.prev_next {
				border-top: 3px dashed #cccccc;
				border-bottom: 3px dashed #cccccc;
				background: #eeeeee;
				list-style: none;
				margin: 10px 0 0 0;
				font-weight: bold;
			}

			.prev_next li {
				margin: 0px;
				padding: 0px;
			}

/*/////////////////////////////Styles for the Gallery Images */
	.gallery {
		margin: auto;
		clear: both;
	}
	.gallery-item {
		float: left;
		margin-top: 10px;
		text-align: center;
		}
	.gallery img {
		margin: 3px;
	}
	.gallery img:hover {
		margin: 3px;
	}

	.gallery-caption {
		margin-left: 0;
		font-size: 80%;
	}

.wp-caption-text {
	font-size: 86%;
}

.previous img {
	float: left;
	padding: 0 0 0 30px;
	background: url(../images/buttons/previous_arrow.gif) center left no-repeat;
	border: 7px solid #cccccc;
	margin: 0 30px 0 0;
}

.previous img:hover {
	padding: 0 0 0 30px;
	float: left;
	background: url(../images/buttons/previous_arrow.gif) center left no-repeat;
	border: 7px dashed #eeeeee;
}

.next img {
	float: left;
	padding: 0 30px 0 0;
	background: url(../images/buttons/next_arrow.gif) center right no-repeat;
	border: 7px solid #cccccc;
}

.next img:hover {
	padding: 0 30px 0 0;
	float: left;
	border: 7px dashed #eeeeee;
	background: url(../images/buttons/next_arrow.gif) center right no-repeat;
}

/*////////////////////// Photo Alignment ///////*/
.alignright {
	float: right;
	padding: 0 0 18px 0;
	margin: 0 10px -18px 20px;
	
}

.alignleft {
	float: left;
	padding: 0 0 18px 0;
	margin: 0 20px 0 0;
}

.image_nav {
	border-top: 3px double #cccccc;
	padding: 10px 0 0 0;
	}


.previous {
	float: left;
	padding: 0 0 0px 20px;
	margin: 0 10px -18px -20px;
	background:url(images/buttons/previous.gif) center left no-repeat;
}

.next {
	float: right;
	padding: 0 20px 0px 0;
	margin: 0 20px 20 0;
	background:url(images/buttons/next.gif) center right no-repeat;
}


/*//////////Blockquote Style */	

		blockquote {
			font-family:georgia;
			color: #333333;
			background: #ffffff url("../images/accents/quotes.gif") top left no-repeat;
			padding: 0 0 0 20px;
			margin: 0 0px 10px 0px;
		}

/*//////////Horizontal List */	

		#horizontal_list strong {
			color: #006633;
			padding: 0 5px 0 0; /*Pads the Letters in topics */	
			}
		
			#horizontal_list ul {
				padding: 0 0 10px 0;
				display:inline;
				}
			
			#horizontal_list li {
				float: left;
				list-style: none;
				line-height: 120%;
				padding: 0 0 10px 0;
				margin: 0px;
			}
	
			#horizontal_list a {
				padding: 3px;
				margin: 3px 1px 10px 1px;
				background: #eeeeee;
				border: 1px solid silver;
				font-size: 90%;
				text-decoration: none;
				display:inline;
				}
	
			#horizontal_list a:hover {
				color: #ffffff;
				background: #000000;
			}

/*////////// footer */	

#footer {
	width: 950px;
	margin: 0px auto;
	padding: 12px 0 25px 50px;
	text-align: left;
	clear: both;
	color: #ffffff;
	font-size: 80%;
	border-top: 1px solid #000000;
	background: url(images/accents/footer.gif) top left no-repeat;
}

	#footer a {
		color: #ffffff;
	}


/*////////// Contact info on every page*/	
			
		#contact_info {
			padding: 10px 50px 0px 0;
			clear:both;	
			width: 700px;
		}
		
		#contact_info ul {
			list-style: none;
		}
		
		#contact_info li {
			float: left;
			padding: 0 7px 12px 0;
			}
			
		#contact_info strong {
			color: #ffffff;
		}
