/*
Theme Name: Langdale theme
Theme URI: http://www.thelangdalecompany.com
Description: A custom Wordpress theme to be used with the Langdale Company Web site.
Version: 1
Author: Steven H. Pollak
Author URI: http://www.pollakwebdesign.com
Tags: clean, basic
*/



*	{ margin: 0px; padding: 0px; }
html { overflow-y:scroll; }
body { 	background: #676051;
		color: #000;
		font: normal 62.5% Arial, Helvetica, Verdana, Geneva, sans-serif;
		margin-top: 50px;
}

ul { list-style: none inside; }
p {	font-size: 1.2em; margin-bottom: 1.2em; line-height: 1.4em; }

a {	color: #1e5b7e; text-decoration:none;}
a img { border: none; }
a:hover { text-decoration: underline; }

table. a {font-size:1em;}

table.newslettertable a {font-size:1.2em;}


h1 {
	font-size: 2em;
	font-weight: normal;
	}

h1#logo{
	width: 182px;
	height: 75px;
	background: url(img/logo.png) no-repeat left center;
	text-indent:-9999px;
	margin: 0px 0px 0 0px;
	padding-left:15px;
	border-right:#c9c1b5 solid 2px;
	}

h1#logo a{
	width: 182px;
	height:75px;
	}

h1.head {
margin: 20px 0px 20px 0px;
}

h2 {
	font-size: 1.7em;
	font-weight: bold;
	margin: 4px 0px 3px 0px;
	}

.byline {
	font-size: 10px;
	color:gray;
}

/* END RESET */

/* TOOLBOX */
.floatleft{ float:left;	margin-right: 8px;}
.floatright { float:right; margin-left:8px;}
.clear { clear:both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */

#pagewrap{
width:800px;
margin: 0 auto;
}

#pagewrap #top {
    position: relative;
	z-index: 2;
}


#top {
	height: 75px;
	position: relative;
	background-color: #D4CDC4;
}


#header {
	width: 600px;
	height: 72px;
	margin: 0px 0px 0px 225px;
	position:absolute;
	top:0px;
}

#top-menu {
margin-top:20px;
}

#top-menu a, #top-menu a:visited{
	color: #676051;
	text-decoration: none;
	padding:3px;
	font-size:1em;
}

#top-menu a:hover{
	color: #fff;
	text-decoration:none;
}

/* I was using the below for the top nav but dropped it when I added the vertical bars. */	
ul#top-nav {}
	
	ul#top-nav li { 
		display:inline;
		}
		ul#top-nav li a{ 
			display:block;
			height: 10px;
			float:left;
			}
			ul#top-nav li.home a{ 
				width: 35px;
				}
		
			ul#top-nav li.careers a{ 
				width: 45px;
				}
		
			ul#top-nav li.newsroom a{ 
				width: 55px;
				}
		
			ul#top-nav li.company-wide a{ 
				width: 85px;
				}		

			ul#top-nav li.contact a{ 
				width: 50px;
				}
		
		ul#top-nav li a:hover {
			color: #fff;
			text-decoration:none;
			}
		
			
	#search-box{
	 position: absolute;
	 left: 320px; 
	 top: 15px;
	 width: 220px;
	 }
	
	.search-box{
	width:150px;
	vertical-align:middle;
	} 
	 
	.search-button{
	font-size: 10px; 
	font-family: Arial;
	padding:1px;
	vertical-align:middle;
	} 
	
 	#top-submenu {
	margin-top:13px;
	text-transform:uppercase;
	width:700px;
	}
	



/******STYLES FOR DROPDOWN MENUS**********/
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#676051; text-decoration:none;}
ul.menu li {position:relative; float:left; margin-right:1px;}
ul.menu ul {position:absolute; top:26px; left:0; background:#D4CDC4; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:2px solid #c9c1b5; border-top:none; width:250px; margin:0;}
ul.menu ul li.short-list-item {position:relative; border:2px solid #c9c1b5; border-top:none; width:133px; margin:0;}
ul.menu ul li.longer-list-item {position:relative; border:2px solid #c9c1b5; border-top:none; width:205px; margin:0;}
ul.menu ul li a {display:block; padding:5px 6px; background-color:#D4CDC4;}
ul.menu ul li a:hover {background-color:#dcd7cf;}
ul.menu ul ul {left:148px;}
ul.menu .menulink {border:2px solid #c9c1b5; border-bottom:none; padding:4px; background-color:#D4CDC4; min-height:15px;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#dcd7cf;}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}
ul.menu .topline {border-top:1px solid #c9c1b5;}

ul.menu .affiliate-companies {width:120px;}

				
	#main-content{
	padding: 15px 20px 0px 15px;
	background-color:#fff;
	overflow:hidden;
	}
	
	/*BELOW (ALONG WITH ABOVE OVERFLOW:HIDDEN IS FOR FIXING EQUAL COLUMN HEIGHTS PROBLEM*/
	#article-area, #sidebar {
	padding-bottom: 3276px;
	margin-bottom: -3276px;
	}
	
	#article-area{
	width: 581px;
	float:right;
	background-color:#eeebe7;
	padding: 5px 0px 3276px 0px;
	}
	
	#article-area-container {
	padding: 25px;
	}

    #article-area-container ul {
    list-style-position: outside;
    list-style-type: disc;
    margin: 0px 0px 20px 20px;
    font-size: 1.2em;
    line-height: 1.4em;
    }

    #article-area-container ul.post-meta {
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 20px 20px;
    font-size: 1.2em;
    line-height: 1.4em;
    }

	#article-area-container ul li ul {
    list-style-type: circle;
    margin: 5px 0px 0px 20px;
    font-size: 1em;
	}

	.post-meta-key{
	display: none;
	width:0px;
    }
    
	ul.post-meta li img{
	margin-left: -45px;
	margin-top: -35px;
	width:581px;
	}
	
	ul.post-meta li iframe{
	margin-left: -45px;
	margin-top: -35px;
	width:581px;
	}

	#sidebar{
	width:156px;
	float:left;
	z-index:10;
	}
	
	#sidebar-nav{
	
	}
	
	ul#sidebar-nav li { 
		display:inline;
		}
		ul#sidebar-nav li a, ul#sidebar-nav li a:visited{
			display:block;
			font-size:11px;
			text-decoration:none;
			font-weight:normal;
			color:#1e5b7e;
            padding: 2px 0px 5px 0px;
            margin: 0px 0px 2px 0px;
			}
	
		ul#sidebar-nav li a:hover{
			text-decoration: underline;
			}		
	
	ul.sub-nav-sidebar {
	margin: 5px 0px 0px 20px;
	}
	
	ul.sub-nav-sidebar li { 
	display:inline;
	}
	
	ul.sub-sub-nav-sidebar {
	margin: 0px 0px 0px 25px;
	}

	ul.sub-sub-nav-sidebar li { 
	display:inline;
	}
	
	ul.sub-sub-nav-sidebar li a:link, ul.sub-sub-nav-sidebar li a:visited{
	display:block;
	margin: 0px 0px 25px 2px;
	padding: 2px 0px 2px 0px;
	}

	ul.affiliate-sub-sub-nav-sidebar {
	margin: 5px 0px 0px 25px;
	}

	ul.affiliate-sub-sub-nav-sidebar li { 
	display:inline;
	}
	
	ul.affiliate-sub-sub-nav-sidebar li a:link, ul.affiliate-sub-sub-nav-sidebar li a:visited{
	display:block;
	margin: 0px 0px 25px 2px;
	padding: 2px 0px 2px 0px;
	}

	#small-logoDiv {
	margin-top: 30px;
	width:156px;
	}
	
	.small-affiliate-logo {
	display:block;
	margin: 0 auto;
	}
	
	#small-logoDiv p {
	text-align: center;
	font-size: 11px;
	}	


#homepage-image {
margin:0px;
padding:0px;
background: #fff url(img/home-top-trees3.jpg) no-repeat left center;
width:800px;
height:349px;
}

/** begin blocks **/

#bottom-boxes {
margin:0px;
padding:0px;
background: url(img/bottom-boxes.jpg) no-repeat left center;
width:800px; 
height:181px;
}

.blockitem-values a {
width: 235px;
float: left;
margin: 7px;
height: 140px;
}

.blockitem-commitment a {
width: 235px;
float: left;
margin: 7px 7px 7px 14px;
height: 140px;
}

.blockitem-ideas a {
width: 235px;
float: left;
margin: 7px 7px 7px 17px;
height: 140px;
}


/** end blocks **/


.navigation {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
    border-top: 1px solid #DADADA;
	}
	
.navigation-no-border {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
    }	

.separator{
    border-bottom: 1px solid #DADADA;
	width: 100%;
	height:1px;
}

/****CUTLINE STYLES ****/


.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin:2px 0px 0px 0px;
padding:0px;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	margin: 5px;
	padding:5px 2px 5px 2px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}


/* End captions & aligment */




	
	#footer{
	min-height:66px;
	background:url(img/bgrad.png) no-repeat;
	}
	
	.footerText{
	padding: 90px 0px 20px 0px;
	text-align:center;
	color:#ccc;
	}
	
	.footerText a, .footerText a:visited {
	text-decoration: none;
	color:#ddd;
	font-size:1em;
	padding: 5px;
	}
	
	.footerText a:hover {
	text-decoration: none;
	color:#fff;
	}
	
	#footer-homepage{
	min-height:66px;
	/***REMOVED FOR VERSION 2 OF HOMEPAGE**
	background:url(img/bgradbg.png) repeat-x;*/
	}

	
	.footerText-homepage{
	padding: 30px 0px 0px 0px;
	text-align:center;
	color:#ccc;
	}
	
	.footerText-homepage a, .footerText-homepage a:visited {
	text-decoration: none;
	color:#ddd;
	font-size:1em;
	padding: 5px;
	}
	
	.footerText-homepage a:hover {
	text-decoration: none;
	color:#fff;
	}

ul#footer-nav { 
		margin:0 auto;
		}
	
	ul#footer-nav li { 
		display:inline;
		}
		
		ul#footer-nav li a{ 
			display:inline;
			height: 10px;
			text-align:center;
			margin:0 auto;
			}
			
			

/*FOR THE SCROLLING HEADLINES ***/
	 #scrollup {
	   position: relative;
	   overflow: hidden;
	   border: 0px solid #000;
	   height: 2em;
	   width: 800px;
	   background: #FFFFFF;
	 }
	 .headline {
	   position: absolute;
	   top: 210px;
       left: 15px;
	   height: 1em;
	   width:790px;
	   font-size:1.2em;
	   letter-spacing:1px;
	 }