@import url("/assets/templates/fegul/styles/milkbox.css");

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.clear {
	clear: both;
}

.right {
	float: right;
}

.left {
  float: left;
}

.image-banner {
  background-color: #000;
  padding: 0;
  margin-bottom: 10px;
}

.white-bg {
  background-color: #fff;
}

p,div,body,h1,h2,a img,dd,dt,dl,img,span {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	background-color: #1f1f1f;
	color: #FFF;
	background-image: url(/assets/templates/fegul/images/grunge_bg.png);
	background-repeat: repeat;
}
#flag {
	background-image: url(/assets/templates/fegul/images/grunged_flag.png);
	background-repeat: repeat-x;
	background-position: 0px 185px;
	height: 500px;
}

#wrapper {
	background-color: #2e2d2d;
	padding: 15px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #2C2C2C;
	border-right-color: #151515;
	border-bottom-color: #151515;
	border-left-color: #272727;
	border-top-style: solid;
	background-image: url(/assets/templates/fegul/images/grunge_bg.png);
	background-repeat: repeat;
}
#shadow_top {
	background-image: url(/assets/templates/fegul/images/shadow_top.png);
	background-repeat: repeat-x;
	height: 6px;
}

#main_wrapper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 960px;
}

#header {
	background-image: url(/assets/templates/fegul/images/header-bg.png);
	background-repeat: repeat-x;
	height: 106px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin: -15px -15px 0 -15px;
}

img#main_logo {
	margin: 15px 0 0 20px;
}

.profile h2, #projects h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3F3F3F;
	margin-bottom: 7px;
	color: #CCC;
	padding-bottom: 3px;
}

#content .profile {
	width: 35%;
	float: right;
	clear: right;
}
#content #form_function {
	position: relative;
	margin: -95px -50px 0 15px;
}
.profile .h1icon {
	float: left;
	margin: 3px 7px 0 0;
}

#work_underline {
	margin-right: 340px;
}

#projects .project {
	overflow: hidden;
	border: 1px solid #333;
	width: 588px;
	margin-bottom: 7px;
}
.project .project-title {
	background-image: url(/assets/templates/fegul/images/project_title_shadow_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 200px;
	background-color: #3e622d;
	margin-top: -2px;
}

.project a.project-title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 7px;
	text-transform: uppercase;
	color: #FEFBCD;
	letter-spacing: 1px;
	display: block;
	text-decoration: none;
}

.project a.project-title:hover {
	background-color: #62322d;
}

h1.project-title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-bottom: 2px;
	margin-bottom: 7px;
}

img.large {
	position: relative;
	left: -7px;
	top: -7px;
	display: block;
}
.profile_section {
	margin-bottom: 10px;
	background-image: url(/assets/templates/fegul/images/semi-opaque-pattern.png);
	background-repeat: repeat;
	padding: 10px;
	background-position: 0px 20px;
}
.profile_section p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
}
.fineprint {
	font-size: 10px;
	color: #999;
}
.news_item .news_date {
	float: left;
	margin-right: 10px;
	color: #FCDB00;
	font-size: 11px;
}

.news_item {
	margin-bottom: 7px;
}

.news_item .news_desc {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #404040;
	margin-left: 60px;
	padding-left: 7px;
}
a#contact_button {
	background-image: url(/assets/templates/fegul/images/page_edit.png);
	background-repeat: no-repeat;
	display: block;
	padding: 10px 10px 10px 38px;
	background-position: 15px 13px;
}

a#contact_button:hover {
	background-color: #32576e;
}

#contact-outer {
	background-image: url(/assets/templates/fegul/images/contact_bg.png);
	background-repeat: repeat;
}

#content .project_imgs {
	float: left;
	margin-right: 10px;
	background-image: url(../images/semi-opaque-pattern.png);
	padding: 7px;
}
.profile_section.project_desc {
	margin-left: 350px;
}
.profile_section.project_desc h2 {
	font-weight: normal;
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 3px;
	color: #CCC;
}

#footer {
	padding: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	display: block;
	background-color: #101010;
}
#footer .foot_list {
	float: left;
	padding-right: 15px;
	margin-right: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}

#footer .foot_list dt {
	text-transform: uppercase;
	float:left;
	margin-right: 15px;
}
#footer .foot_list dd {
	float: left;
	padding-right: 10px;
}

#footer .foot_list dd a, #copyright a, p a:link {
	color: #666;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #101010;
	display: inline-block;
}
#footer .foot_list a:hover, #copyright a:hover, p a:hover, #content #pagination_wrapper a:hover, ul a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	outline: none;
}

p.a:link {
  color: #999;
}

#footer #copyright {
	text-align: center;
	text-transform: lowercase;
	font-size: 10px;
	color: #666;
	margin-top: 10px;
}

#content #pagination_wrapper {
  margin: 10px 0 -20px;
  background-color: #101010;
  padding: 7px;
  float: left;
  color: #333;
}

a:link {
  color: #999;
  text-decoration: none;
}

a:visited {
  color: #666;
  text-decoration: none;
}

#content #pagination_wrapper a {
	font-size: 12px;
	color: #666;
  text-decoration: none;
}
#content #pagination_wrapper span, #content #pagination_wrapper a{
  margin-right: 3px;
}

#eform {
	color: #fff;	
}

#eform td .input_container {
	background-color: #333;
	margin-top: 10px;
	text-align: right;
}
#eform table tr td input, #eform table tr td textarea {
	padding: 5px;
	margin-top: 5px;
	background-color: #CCC;
	border: 1px solid #666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
}
#eform #form_submit {
	background-color: #333;
	color: #FFF;
	float: left;
}

#form_submit:hover {
	cursor: pointer;
}

#eform table tr td .validation {
	margin-top: 13px;
	margin-left: 150px;
	
}
.input_container label {
	padding: 7px;
	background-color: #333;
}

.form_thanks h2.thanks {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 18px;
  font-weight: normal;
}