/* # Reset defaults ###################  */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
	color: #231F20;
} a:link, a:visited{text-decoration:none;outline:none;} html {overflow: -moz-scrollbars-vertical;} #skipto{position:absolute;left:-9999px;top:-9999px;} .group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* # Finished Reset defaults ##########  */

/* # Layout Styles ###################  */
body { font-family:Arial, Helvetica, sans-serif; font-size:16px; background:#004041; line-height:1.5em; color:#ffffff; }
#container {
	width:350px;
	margin:30px auto 0;
}
#header { margin-bottom:15px; border-bottom:1px solid #065f60; padding-bottom:15px; }
#intro { margin-bottom:15px; border-bottom:1px solid #065f60; padding-bottom:15px; }
.intro-h2 {
	font-size:1.2em;
	line-height:1.2em;
	color: #333;
}
#footer { margin-top:20px; }
.footer-p {
	font-size:14px;
	color: #333;
}

/* # Other Styles ###################  */
#logo {
	height:141px;
	background:url(../images/logo.gif) no-repeat;
	margin:0 auto;
}
#logo h1 { text-indent:-9999px; }
.post { background-color:#054c4d; margin-bottom:15px; padding:15px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; }
.post a { float:left; }
.post img {float:left; height:120px; width:215px; }
.article-detail { float:left; width:530px; margin-left:15px; }
.article-detail p { margin-bottom:5px; margin-top:5px; line-height:1.7em; }
.article-detail h3 { color:#7AC143; }

.article { float:left; width:312px; margin-left:15px; }
.article p { margin-bottom:5px; margin-top:5px; }
.article-img {  border:3px solid #004041; float:left; height:120px; width:215px; }
.article-img:hover {  border:3px solid #076566; float:left; height:120px; width:215px; }

#newsletter {
	background-color:#D42E12;
	padding:15px;
	height:30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.input-newsletter { padding:6px 0 5px 6px; border:medium none; width:177px; background-color:#FFFFFF;  }
#newsletter .submit-signup { -moz-border-radius:3px; -webkit-border-radius:3px; background:#004041 none repeat scroll 0 0; border:medium none; color:#FFFFFF; cursor:pointer; padding:5px; }
#newsletter .submit-signup:hover { -moz-border-radius:3px; -webkit-border-radius:3px; background:#7AC143 none repeat scroll 0 0; border:medium none; color:#FFFFFF; cursor:pointer; padding:5px;}
#newsletter strong { font-weight:bold;}
#newsletter p {
	float:left;
	margin-right:14px;
	color: #FFF;
	margin-bottom: 7px;
}
.siteby { border-top:1px solid #054C4D; font-size:10px; margin-top:15px; padding-top:0; color:#054c4d;  }
.siteby a { color:#054c4d; }
.siteby a:hover { color:#065f60; }

a{ color:#7AC143; text-decoration:none; }
a:hover{
	color:#D83E4C;
}

fieldset { border:none; }
@font-face { font-family: Din; src: url(../fonts/DINMittelschriftStd.otf) format("opentype"); }

/* # See those social media icons at the bottom of the page this CSS below will style them to look sexy ###################  */
/*#social-media { clear:both; height:40px; width:580px; margin:0 auto; }
#social-media p { color:#FFFFFF; float:left; padding-top:10px; width:95px; position:relative; }
ul.socialmedia-logos {float:left; list-style-type:none;}
ul.socialmedia-logos li { display:inline;}
ul.socialmedia-logos li a { color:#FFF; text-decoration:none;}
ul.socialmedia-logos li a:hover {color:#ccc; text-decoration:none;}
ul.socialmedia-logos li a.youtube { background:transparent url(../images/youtube.png) no-repeat scroll left top; float:left; height:25px; left:61px; position:relative; text-indent:-9999px; top:7px; width:63px;}
ul.socialmedia-logos li a:hover.youtube {background-position: left bottom; width:63px; height:25px;}
ul.socialmedia-logos li a.linkedin { background:transparent url(../images/linkedin.png) no-repeat scroll left top; float:left; height:26px; text-indent:-9999px; width:99px; top:7px; position:relative;}
ul.socialmedia-logos li a:hover.linkedin {background-position: left bottom; width:99px; height:26px;}
ul.socialmedia-logos li a.twitter { background:transparent url(../images/twitter.png) no-repeat scroll left top; height:18px; float:left; text-indent:-9999px; width:89px; top:9px; position:relative; left:20px; }
ul.socialmedia-logos li a:hover.twitter {background-position: left bottom; width:89px; height:18px;}
ul.socialmedia-logos li a.flickr { background:transparent url(../images/flickr.png) no-repeat scroll left top; height:19px; float:left; text-indent:-9999px; width:70px; left:35px; position:relative; top:9px; }
ul.socialmedia-logos li a:hover.flickr {background-position: left bottom; width:70px; height:19px;}
ul.socialmedia-logos li a.facebook { background:transparent url(../images/facebook.png) no-repeat scroll left top; height:19px; float:left; text-indent:-9999px; width:97px; left:50px; position:relative; top:9px; }
ul.socialmedia-logos li a:hover.facebook {background-position: left bottom; width:97px; height:19px;}*/
/* # End the sexy styling for the social media icons ##########  */