/* @override http://s46128.gridserver.com/wp-content/themes/drasla/style.css */

/*
Theme Name: DRASLA
Theme URI: http://drasla.com/
Description: Special Wordpress theme designed for David Reed Landscape Architects by Jacob Reed based on inititial design by Dean Amstutz and CSS coding by Evan Scheingross.
Version: 0.1
Author: Jacob Reed
Author URI: http://jacobreed.net/
*/

/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* Element Styles
 * ------------------------------------------------------------------------- */

html {
	
	width:100%;
	}

body {
	color:#5f3f13;
	background: url(images/bg.jpg) repeat;
	width:100%;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
}
	
p {
	margin-bottom:10px;
}

h2 {
	font-size: 16px;
	border-bottom:1px dotted #5f3f23;
	margin-bottom:10px;
	text-transform: uppercase;
}

h4 {
	font-size: 12px;
	border-bottom:1px dotted #5f3f23;
	margin-bottom:10px;
	text-transform: uppercase;
}

.post h5 {
	color: #5f734d;
	font-size: large;
	border-bottom: 2px solid #5f734d;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.hr {
	height:1px;
	border-bottom:1px dotted #5f3f23;
	width:730px;
	overflow:hidden;
	margin-bottom:10px;
	}

a:link, a:visited {
	color:#5f3f13;
	border-bottom:1px dotted #4a5f3d;
	text-decoration:none;
	}
	
a:hover {
	background:#5f734d;
	color:#f0eee4;
	text-decoration:none;
	}

/* Classes
 * ------------------------------------------------------------------------- */
 
.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.clear-for-footer {
	clear:both;
	height:.01em;
	overflow:hidden;
	padding-bottom:30px;
	}


.pic-right {
 	padding:0 0 2px 10px;
	float:right;
	}

.pic-left {
 	padding:0 10px 2px 0px;
	float:left;
	}

.awards-list {
	padding:0 0 20px 25px;
	}
	
.awards-list li {
	
	list-style-type:disc;
	list-style-position:inside;

	

	padding-bottom: 8px;

	text-indent: -59px;

	padding-left: 48px;
	}

.push-down {
	padding-bottom:10px; 
	}

.front {
	width: 305px;
}

/* Framework
 * ------------------------------------------------------------------------- */
#header {
	background: #f0efe4 url(images/header.jpg) no-repeat 25px 25px;
	height: 125px;
	}
	
	#header h1 {
		display:none;
		}

/* make main page image headers separate from in post images */

#content-container, #content-container2 {
	width:100%;
	background-color:#FFFFFF;
	padding:30px 0 30px 0px;
	}
		
	#contact #content-container {
		width:100%;
		background-color:#FFFFFF;
		padding:70px 0 50px 0px;
		}

#content {
	width:730px;
	padding-left: 30px;
}

.post {
	margin-top: 14px;
}

#content-container2 .post .entry p a.tt-flickr.tt-flickr-Small img{
	border: 1px solid #5f734d;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#content-container2 .post .entry p img{
	border: 1px solid #5f734d;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#content .post .entry .flickr-photos img {
	border: 1px solid #5f734d;
	margin-top: 20px;
}

#content-container2 .post .entry p img{
	border: 1px solid #5f734d;
}

#flash {
	width: 360px;
	height: 250px;
	margin-left: 340px;
	position: absolute;
}
	
	#home #content, #contact #content {
		width:700px;
		padding-left:100px;
		}
	
	#home #content img {
		padding:0 0 5px 35px;
		float:right;
		}
		
	#contact #content img {
		float:left;
		}	

#footer {
	font-family:Futura, Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	width:100%;
	height: 100px;
	}
	
	#footer p {
	margin: 10px 10px 0;
}

	 .tall-footer-text {
		position: absolute;
		right:10px;
	vertical-align: baseline;
	float: right;
	bottom: 10px;
}
		
	.regular-footer-text {
		text-align:right; 
		padding-top:50px;
		}
	
/* Main Navigation
 * ------------------------------------------------------------------------- */

#nav-box {
	background-color:#E5E2C9;
	height:20px;
	border-bottom:1px solid #5f3f13;
	border-top:1px solid #5f3f13;
	}
	
#nav {
	padding-left:170px;
	width:590px;
	height: 20px;
}	
	
	#nav li {
		background-color:#E5E2C9;
		display:inline;
		line-height:20px;
		font-family:Futura, Arial, Verdana, Helvetica, sans-serif;
		font-size:10px;
		color:#5f3f13;
	text-transform: uppercase;
}

	#nav li a {
		text-decoration:none;
		padding:0 10px;
		display:block;
		float:left;
		color:#5f3f13;
		border-bottom:none;
	border-right: 1px solid #5f3f13;
}

#nav li.page_item.page-item-4 a {
	border-left:1px solid #5f3f13;
}
		
		#nav li a:hover, #nav li a:active {
			background-color:#CDC69C;
			color:#5f3f13
			}
			
		#nav li a.current {
			background-color:#AA8E51; /*applies to the current page one is on */
			}

#nav li a.first {
			border-left:1px solid #5f3f13;
			}

#nav li.current_page_item a {
			background-color: #AA8E51;
}
			
			#nav li a.current:hover, #nav li a.current:active {
				background-color:#AA8E51;
				}
				
		#nav li a.first-and-current {
			border-left:1px solid #5f3f13;
			background-color:#AA8E51;
			}
			
			#nav li a.first-and-current:hover, #nav li a.first-and-current:active {
					background-color:#AA8E51;
					}

/* ----- end Main Navigation ----- */

#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 200px;
width: 200px;
background: url(25years.png) no-repeat;
text-indent: -999em;
text-decoration: none;}