/* @override http://localhost/portfolio/css/style.css */

/* @group Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
/* @end */

/* @group Page */

body {
	background: url(../img/portfolio-background-blue.png) repeat-x #FFFFFF; text-align: center;font-family: "Myriad Pro", "Helvetica Neue", Verdana, sans-serif; font-size: 14px;
}
a {border-bottom-width:1px;border-bottom-style:dotted;text-decoration:none;color:inherit;}
a:hover{border-bottom-style: solid;}
h2 {
	font-size: larger;
	font-weight: bold;
}

#leftcol h3 {
	margin-top: 20px;
	font-size: larger;
}
#leftcol h4 {
	margin-top: 10px;
}
#leftcol ul {
	margin-left: 25px;
}
#leftcol ul>li {
	padding: 10px;
}

#leftcol h4 a {
	font-size: 105%;
	font-weight: bold;
}

#wrapper{width:980px;margin:0 auto;text-align:left;}

div.clear{
	clear: both;
}

.column{
	float: left;
}
strong{
	font-weight: bold;
}
em {
	font-style: italic;
}

/* @end */

/* @group Header */

#top, #middle {color:#C4C4C4;}

/* @group Top */

#top{width:100%;height: 65px;}
#top a{border:0;}
#top h1 {position: relative;height: 100%;}
#top h1 span{position: absolute;bottom: 4px;}
#eric-stern{font-size:50px;left:10px;}
#my-jobs{font-size: 22px;right: 10px;}

/* @end */

/* @group Middle */
#middle {
	height: 46px;
}
#middle ul {
	margin-left: 60px;
	height: 100%;
}
#middle li {
	font-size: 18px;
	width: 184px;
	display:block;
	float: left;
	list-style-type:none;
	margin-top: 15px;
}
#middle li a {
	border-bottom-style: hidden;
}
/* No biggie if the text-shadow is not supported by the browser */
#middle li a:hover{
	/*text-shadow: #000fff 0 0 5px;*/
	border-bottom-style: solid;
}


/* @end */

/* @end */

/* @group Main Body */

#main {
	/*border: 1px solid #888;*/
	margin-top: 45px;
	/*background-image: url(../img/maindiv-background.png);
	background-repeat: repeat-y;*/
}
#main p {
	line-height: 130%;
}

/* @group Left Column */
#leftcol {
	padding: 20px;
	width: 660px;
}
#leftcol p {
	padding-bottom: 10px;
}
/* @group Forms */
	.error {padding:15px;background-color:#FBB;border:1px solid #F00;text-align:center;margin-bottom: 1em;}
	fieldset{border:1px dotted #000;padding: 15px;}
	legend {text-align: left;margin-left:30px;font-weight: bold;}
	label { width: 200px; display: block; float: left;}
	form h3 {font-size: larger;font-weight: bold;padding:0 0 20px 0;}
	input[type='text'], select {width:225px;}
	input[type='text'] {padding:10px 15px;border:1px solid #000;background-color:#eee;}
/* @end */
/* @end */
/* @group Right Column */

#rightcol {
	width: 280px;
}
#rightcol h3 {
	letter-spacing: 1px;
	font-size: larger;
	padding-bottom: 5px;
}
#rightcol h4 {
	display: block;
	float: left;
	width: 100px;
}
#rightcol li, #rightcol p {
	padding-top: 15px;
}
#rightcol li p {
	display: inline;
}

#rightcol div {
	padding: 15px;
}
/* @end */



/* @end */

/* @group Footer */

#footer {
	text-align: right;
	font-size: 10px;
	color: #555;
	padding: 10px 10px 10px 0;
}



/* @end */