/*
Theme Name: Birrenkott Surveying
Theme URI: http://www.birrenkottsurveying.com/
Description: Custom theme for Birrenkott Surveying
Version: 1.0
Author: Nathan Danielson
Author URI: http://www.manufactorydesign.com/
Tags:

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
@media screen
{
body {
	background: #164114 url(images/page_bg.gif) repeat-x;
	text-align: center;
	color: #74653D;
	margin: 5px auto;
	padding-bottom: 10px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
}
}

@media print
{
body {
	background: #FFFFFF/*#164114 url(images/page_bg.gif) repeat-x*/;
	text-align: center;
	color: #74653D;
	margin: 5px auto;
	padding-bottom: 10px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
}
}

h1 {font: 28px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h2 {font: 24px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h3 {font: 20px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h4 {font: 16px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 10px 0;}
h5 {font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h6 {font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
p {font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em;}
a {color: #464544;}
a:hover {color: #FFA405;}

/**** CLASSES and STUFF ****/

img {border: none;}
.contact {vertical-align: top; width: 225px; background: #CCCCCC;}
.left {float:left; padding: 0; margin: 10px 10px 10px 0;}
.right {float:right; padding:0; margin:10px 0 10px 10px;}
.clear {clear: both; padding:0; margin: 0;}
.more {text-align: right;}
.print {padding: 10px; margin:0px; border: none; text-align: right;}
.title {font-size: 20px; font-weight: bold; padding: 20px 0 5px 0; margin: 0; border-bottom: 1px solid #74653D;}
.contact-button {float: right; padding: 10px 0 10px 10px; margin: 0;}
.contact-button a {padding: 8px; margin: 0px; background: #CCCCCC; font-weight: bold; border: 1px solid #006633;}
.contact-button a:hover {padding: 8px; margin: 0px; background:#1C4C18; font-weight: bold;}

/**** IMAGES ****/
p img {padding: 0; max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

/* Captions */
.aligncenter, div.aligncenter {display: block; 	margin-left: auto;	margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px;
	margin: 10px; -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;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End Images */


/**** STRUCTURE ****/

#header {width: 758px; padding: 10px 10px 5px 10px; margin: 0px 0px 0px 0px; background: #1C4C18; text-align: center;}
@media screen {
#page {width: 778px; margin:0 auto; padding:0;background: url(images/body_bg.gif) repeat-y;}
}
@media print {
#page {width: 778px; margin:0 auto; padding:0; /*background: url(images/body_bg.gif) repeat-y;*/}
}
@media screen {
#sidebar {float: left;width: 243px; margin:0; padding:0; text-align: left;}
}
@media print {
#sidebar {visibility: hidden; float: left;width: 243px; margin:0; padding:0; text-align: left;}
}
	#sidebar ul {list-style: none;}
	/**** NEWS ****/
	#news {background: url(images/news_bg.jpg) top left repeat-y; padding: 0px 0px 13px 9px; margin: 0px;}
	#newsTitle {background: #3D7A35; padding: 5px; margin: 0px; font-size: 17px; color: #FFFFFF; font-weight: bold;}
	#news ul {list-style: outside; margin: 10px; padding:0 0 0 20px;}
	#news li {list-style-image: url(images/bullet1.png); margin: 0 0 8px 0; padding: 0;}
	#news a {color: #74653D; font-weight: bold; text-decoration: underline; padding: 0px; margin: 0px;}
	#news a:hover, a:focus {color: #38301A;}
	#news p {margin: 0 0 0 15px; padding: 0;}
	#support {background: url(images/support-new.jpg) top left no-repeat; padding: 1px; height: 97px; color: #1A1A18;}
	#support p {padding: 5px 20px 5px 16px; color: #FFFFFF; font: bold 18px Arial, Helvetica, sans-serif;}

@media screen {
#content {float: right; width: 485px; margin:0; padding:10px 20px 0 0; text-align: left;}
}
@media print {
#content {/*float: right; width: 485px;*/ margin:0; padding:10px 20px 0 0; text-align: left;}
}
	#content ul {list-style: inside;}
	#content li {list-style-image:url(images/bullet.gif); margin: 0; padding: 0 0 8px 0; line-height:1.3em;}
	.brochure {padding: 0 0 80px 0;}
@media screen {
#footer {clear:both; width: 760px; background: #73BB69; margin:0 auto; padding:0; font-weight: bold;}
}
@media print {
#footer {clear:both; width: 760px; background: #FFFFFF/*#73BB69*/; margin:0 auto; padding:0; font-weight: bold;}
}
	#footer a {text-decoration: none;}
	#footer a:hover {text-decoration: underline; color: #FFFFFF;}
	#footerNav {font-size: 9px;}
	#footerNav ul {text-align: center; padding: 8px 4px 10px 4px; margin: 0px;}
	#footerNav ul li {display: inline; text-decoration: none; padding: 0px 6px; margin: 0px;}
	#copyright {text-align: center; padding: 2px 0px 10px 0px; font-size: 9px; color: #715F36; font-weight: bold;}
	#footerNav .current_page_item {background: none;}
@media screen {
#footerline{background: url(images/footerline.gif) no-repeat; height:10px; margin-top:0px; display:block; font-size:1px;}
}
@media print {
#footerline{/*background: url(images/footerline.gif) no-repeat*/; height:10px; margin-top:0px; display:block; font-size:1px;}
}

/**** NAVIGATION ****/

#navWrap {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; background: url(images/nav_left.jpg) no-repeat;}
#nav {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 9px; background: url(images/nav.gif) top left no-repeat;}
#nav ul {list-style: none; padding: 0px; margin: 0px;}
#nav li {text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px; font: 17px "arial narrow", arial, sans-serif; font-weight: bold; border-top: 1px solid #959595;
}
#nav li a {color: #fff; text-decoration: none; padding: 4px 40px 4px 12px; margin: 0px 0px 0px 30px;  display: block; border-left: 1px solid #CCCCCC; /*border-right: 1px solid #CCCCCC;*/ white-space: normal;  /*float: left;*//*position: relative;*/ background: url(images/bullet-nav.gif) center right no-repeat; height: 1.3em;}
#nav li a:hover {text-decoration: none; color: #1C4C18; background: url(images/trans/60p_white.png); /*float: left;*/ /*position: relative;*/}
#navBot {background: #CAC4AB; padding: 0px; margin: 0px 0px 0px 9px; height: 8px; }
#nav .important {border: none;}
.current_page_item {background: #1C4C18 url(images/bullet-nav.gif) center right no-repeat;}

/**** SPECIAL ANNOUNCEMENTS ****/
#announcement {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	/*background: #715F36;*/
}

.announceHead {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	margin: 0px;
	background: #990000;
}

.announce {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 5px;
	margin: 0px;
	background: #CCCC99;
}

/ **** COMMENTS ****/
.comments {}
.commentlist {list-style: none; margin:0; padding:0;}
.comment {padding: 5px; margin: 5px;}
.even {background: #CCCCCC;}
.odd {background: #EEEEEE;}
.commentlist li {display:block; clear: both;}
.vcard { padding:4px; margin: 0; background: #999999; color: #003300; font-weight: bold;}
.avatar {float: left; padding:0; margin: 10px; clear: both;}
.commentmetadata {font-size: 10px;}
.commentlist p {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; padding: 5px 15px; margin:0; line-height:1.5em;}
.commentlist a {color: #003300; text-decoration: none;}
.commentlist a:hover, .commentlist a:focus {color: #009933; text-decoration: underline;}
.reply {clear:both; margin: 0 0 10px 0; padding: 0;}