/* BrianJannsen.com shared.css */

html,body {
	margin:0;
	padding:0;
}

body {
	font: 62.5%/1.4em 'trebuchet ms', Arial, sans-serif;
	color: #eee;
	background-image: url(/images_ui/bg.png);
	background-repeat: repeat-x;
	background-color: #1a1a1a;
	/* raise background for higher placement of content */
	background-position: 0 -43px;
}

/*
a:link {color: #51c046; text-decoration: none;}
a:visited {color: #73c76b; text-decoration: none;}
a:visited {color: #84b87e; text-decoration: none;}
a:hover {color: #fca629; text-decoration: none;}
a:active {color: #eea86b;}
*/

a:link {color: #4688ce; text-decoration: none;}
a:visited {color: #8b9db9; text-decoration: none;}
a:hover {color: #fca629; text-decoration: none;}
a:active {color: #eea86b;}

h1, h2, h3 {
	/*position: relative; ensures that element's z-index will be recognized */
	/*z-index: 1000;*/
	/*font-family: 'Arial Rounded MT Bold', Arial, 'trebuchet ms', verdana, sans-serif;*/

	line-height: 1em;
	font-weight: normal;
	letter-spacing: .03em;
	color: #f8d98c;
	color: #91a3c0;
	font-size: 2.4em;
	border-bottom: 1px solid #555;
}
h1 { 
	font-size: 2.8em; 
	margin: 0 0 .5em 0;
	border-bottom: 1px solid #555;
}

div#nav-main {
	width: 100%;
	height: 57px;
	position: relative;
	margin: 0 0 0px 0;
	/*border: 1px solid #1d373b;*/
}


div#nav-main {
	margin: 0;
	padding: 0;
}

ul#nav {
	position: absolute;
	right: 16px;
	top: 20px;
}

div#nav-main ul li {
	float: left;
}

div#nav-main ul li a {
	display: block;
	height: 57px;
	float: left;
	padding: 25px 10px 0px 10px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	background-position: 0 0;
	font-weight: normal;
	background-image: none;
	background-repeat: repeat-x;
}


div#nav-main ul li a:hover {
	color: #e4d7d5;
	background-image: url(/images_ui/nav_designator.png);
}

div#nav-main ul li a.active {
	color: #e4d7d5;
	background-image: url(/images_ui/nav_designator.png);
}

div {
	background-repeat: no-repeat;
}

div#container {
	position: relative;
	width: 912px;
	margin: 0 auto;

}

div#main-content-block {
	font-size: 1.2em;
}

div#header {
	position: relative;
	height: 76px;
	background-image: url(/images_ui/banner_top.png);
}

div#header a#logo {
	display: block;
	width: 330px;
	height: 76px;
	position: absolute;
	top: 0px;
	left: 5px;
	margin: 0 auto;
	background-image: url(/images_ui/logo.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

div#main-content-block {
	position: relative;
	width: 900px;
	padding: 0;
	margin-left: 5px;
	background-color: #2b2b2b;
	background-image: url(/images_ui/content_bg.png);
	background-repeat: repeat-x;
	min-height: 250px;
}

div#footer {
	position: relative;
	height: 62px;
	background-image: url(/images_ui/footer_bg.png);
}
div#copyright {
	text-align: center;
	font-size: .9em;
	color: #333;
}
div#copyright a {
	color: #727260;
}

div#block-01, div#block-02 {
	padding: 10px;
	position: relative;
	font-size: 1.2em;
	line-height: 1.4em;
}

div#block-02 {
	width: 550px;;
	float: left;
}

div#block-01 {
	width: 300px;
	float: left;
}



/* Forms General */

.form-container {
	/*margin-bottom: 1em;*/
}
.form-container fieldset {
	padding: 0px 20px 20px 20px;
	margin-bottom: 0em;
	border: 1px solid #666;
}
.form-container legend {
	padding: 8px;
	font-size: 1.75em;
	color: #f8d98c;
}

div.leftcol, div.rightcol {
	position: relative;
}

div.leftcol.secondary .form-container legend {
	color: #ffe;
}
div.leftcol.secondary .form-container fieldset {
	border: 1px solid #7c4721;
}
.form-container input, .form-container textarea {
	padding: 1px;
	margin: 1px;
	border: 1px solid #555;
	background-color: #2d2d2d;
	color: #fff;
}

.form-container textarea {
	padding: 1px;
	margin: 1px;
	border: 1px solid #555;
	background-color: #2d2d2d;
	font-family: Arial, sans-serif;
	font-size: .9em;
}

.form-container .input-info {
	font-size: .8em;
	color: #ccc;
}

.form-container input.button {
	border: none;
	background-color: transparent;
	margin-top: 10px;
}

.form-container label {
	display: block;
	font-size: 1.1em;
}
.form-container .separator {
	clear: both;
	margin: 1em 0 0 0;
}
.form-container .buttons button {
	padding: 0;
	float: none;
}
/* Image for submit button */
.form-container .buttons button.login {
	background-image: url(/images_ui/silk_icons/user_go.png);
}
/* Image for button on lost password page */
.form-container .buttons button.lostpass {
	background-image: url(/images_ui/silk_icons/email_open.png);
}

div.menu ul li a {
	display: block;
	font-size: 1.2em;
	margin: 4px 0 4px 4px;
	padding: 2px 0 2px 4px;
}

div.menu ul li a:hover {
	background-color: #4c4c4c;
}

div.leftblock p {
	margin-top: .5em;
}

/* Blog articles */

div.article-body {
	text-align: left;
	letter-spacing: .02em;
}

div.article div.image {
	margin-top: 10px;
}



/* moron spammmers */
.mapspots {
	display: none;
}

/* Social Networking */

div.facebook-like {
	width: 200px;
	position: absolute;
	right: 10px;
	top: 15px;
}

div.social {
	width: 100px;
	height: 24px;
	position: absolute;
	left: 20px;
	top: 15px;
}

a.social {
	display: inline-block;
	padding-left: 26px;
	height: 24px;
	background-repeat: no-repeat;
}

a.social.twitter {
	background-image: url(/images_ui/social-twitter.png);
}
a.social.facebook {
	background-image: url(/images_ui/social-facebook.png);
}
a.social.rss {
	background-image: url(/images_ui/social-rss.png);
}


/* Back Button Link */
a.back-button {
	display: block;
	height: 55px;
	width: 200px;
	/*margin: 14px auto;*/
	background-image: url(/images_ui/doghouse.gif);
	background-repeat: no-repeat;
	margin: 20px 0;
	padding: 20px 0 16px 55px;
	font-size: 1.4em;
	text-align: left;
}

/* Clearing Floats */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Holly Hack for clearing element */
* html .clear {height: 1%; }