/* -------------------------------------------------------------------
Title: Portfolio
Author: Justin Herrera
--------------------------------------------------------------------*/
/*--------------------------------------------------------------------
Default Elements -----------------------------------------------------
--------------------------------------------------------------------*/

body {
	background: black url('../images/bgimage.jpg') no-repeat fixed 0 0;
	font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana, "Trebuchet MS", sans-serif;
}
h1,h2,h3,h4 {
	font-size: 30px;
	font-weight: bold;
	color: #7aa6be;
	margin-bottom: 16px;
}
h2 {
	font-size: 20px;
	margin-bottom: 16px;
}
h3 {
	font-size: 14px;
	margin: 16px 0px 10px;
}
h4 {
	font-size: 13px;
	margin: -13px 0px 0px 68px;
}
p {
	color: #ddd;
	font-size: 11px;
	line-height: 16px;
}
a:link {
	color: #40bfe7;
	text-decoration: none;
}
a:visited {
	color: #40bfe7;
	text-decoration: none;
}
a:hover {color: white;}
a:active {color: #7aa6be;}
a.print{font-size:12px;}
object{margin-bottom:15px;}
/*--------------------------------------------------------------------
Structure Elements ---------------------------------------------------
--------------------------------------------------------------------*/
#container {
	margin-left: 427px;
	width: 515px;
	background: url('../images/logo.jpg') no-repeat top right;
}

/*Navigation--------------------------------------------------------*/
p#navigation {
	padding-top: 48px;
	border-bottom: 1px solid white;
	padding-bottom: 8px;
	margin-bottom: 21px;
}
p#navigation a {
	color: white;
	font-weight: bold;
	font-size: 17px;
	margin-right: 26px;
}
p#navigation a:visited {color: white;}
p#navigation a:hover {color: #7aa6be;}
p#navigation a:active {color: #7aa6be;}
p#navigation a:focus {color: #7aa6be;}
p#navigation a.active {color: #7aa6be;}

/*Expand to view / Close -----------------------------------------*/
.expand_txt {margin-left: 387px;}
.close_txt {margin-left: 450px;}
.white_link a, .white_link a:visited {
	color: white;
	font-weight: bold;
}
.white_link a:hover {color: #7aa6be;}
.white_link a:active {color: #0b3c57;}
.blue_link a, .blue_link a:visited {
	color: #7aa6be;
	font-weight: bold;
}
.blue_link a:hover {color: white;}
.blue_link a:active {color: #0b3c57;}

/*--------------------------------------------------------------------
Work Section ---------------------------------------------------------
--------------------------------------------------------------------*/
#work div {
	border-bottom: 1px solid white;
	padding-bottom: 3px;
	width: 100%;
	margin-bottom: 21px;
	/*height: 258px;*/
}
#work div div {border-bottom: none;}
#work div img {margin-bottom: 16px;}

/*--------------------------------------------------------------------
Contact Section ------------------------------------------------------
--------------------------------------------------------------------*/
input,textarea {
	color: white;
	font-size: 15px;
	background-color: #0b3c57;
	border: 1px solid white;
	padding: 4px;
	margin-bottom: 18px;
	font-family: Verdana, "Trebuchet MS", sans-serif; /*"Lucida Sans", "Lucida Sans Unicode", */
}
textarea {
	overflow: auto;
	width: 78%;
}
input {width: 30%;}
.submit {
	padding-top: 2px;
	margin-left: 350px;/*normal = 170 with human in*/
	width: 12%;
	height: 28px;
	cursor: pointer;
	border: 1px solid white;
}
.submit:hover {background-color: black;}
.submit:active {background-color: #0b3c57;}
#contact_form input{font-weight: normal;font-style:normal;}

/*If javascript exists add stylsheet to turn this off--------*/
#work,#contact,#about {
	margin-bottom: 30px;
	border-bottom: 2px solid #7aa6be;
}

/*--------------------------------------------------------------------
Resume  --------------------------------------------------------------
--------------------------------------------------------------------*/
#topspacer {
	padding-top: 10px;
}
#contactinfo {
	float: right;
	margin-right: 80px;
	margin-top: -45px;
	margin-bottom: 13px;
}
#clear {
	clear: both;
	border-bottom: 1px solid white;
	margin-bottom: 20px;
}
.clear {
	clear: both;
	height: 0;
}
h2.resume {
	margin-top: 16px;
	margin-bottom: 10px;
}
ul {
	color: #ddd;
	font-size: 12px;
	margin-left: 30px;
}
ul li {line-height: 17px;}
ul.float_left {
	float: left;
	width: 105px;
}
ul.float_left.last{width:80px;}
ul.employment {margin-top: 5px;}
div.misc_info,div.misc_info2 {
	float: right;
	text-align: right;
	margin-top: -32px;
}
div.misc_info2 {margin-top: -16px;}
#resume {width: auto;}

/*--------------------------------------------------------------------
Misc -----------------------------------------------------------------
--------------------------------------------------------------------*/
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 370px;
	margin-bottom: 10px;
}
.anchor_txt {
	margin-left: 410px;
	margin-bottom: 3px;
}
#thing,#human,#error {
	color: #d31d1d;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
}
#error {margin-bottom: 5px;}
#human {margin-top: 5px;}
.edit,.edit2 {
	margin-left: 450px;
	margin-bottom: 10px;
	font-weight: bold;
}
.error {color: #d31d1d;}