@import url('global.css');

body.portfolio div#content { padding-bottom: 0; }

/* Header/footer */
/* Header */
header{ margin:48px 0 56px; width: 387px; position:relative; float:right; }
header div { background:url('../img/heading.png') right top; padding: 22px 27px 5px; }
header span#hanger { height:100%; background:url('../img/heading_left.png') left top; width:9999px; position:absolute; top:0; left:100%;}

footer ul span { right:100%; }
footer ul { padding: 6px 10px 6px 0px; border-right:1px solid #1c1c1c; }

/* Heading */
header h1 { font-size:20px; color:#fff; }
header h1 a:hover { background-color:#fff; color:#000; text-decoration:none;}
header p { font-size: 15px; color: #7f7f7f; margin: 15px 0; line-height:154%;}

header ul { overflow:hidden; padding-top:10px; } 
header ul li { float:left; }
header ul li a { color:#999999; display:block; padding-left: 35px; font-size:11px; height:27px; background-repeat:no-repeat; margin:0 40px 25px 0; display:block; width: 75px;}
header ul li a span { color:#666; }
header ul li a:hover { color:#fff; text-decoration:none;}
header ul li a:hover span { color:#fff; }

	/* icon switcher */
	header ul li a[href='http://twitter.com/michaeldick'] { background-image:url('../img/icon_twitter.png'); }
	header ul li a[href='http://facebook.com/michaeldick'] { background-image:url('../img/icon_facebook.png'); }
	header ul li a[href='http://last.fm/user/michaeldick'] { background-image:url('../img/icon_lastfm.png'); }
	header ul li a[href='http://flickr.com/photos/m1k3net'] { background-image:url('../img/icon_flickr.png'); }
	header ul li a[href='http://linkedin.com/in/michaeldick'] { background-image:url('../img/icon_linkedin.png'); }
	header ul li a[href='http://delicious.com/michaeldick'] { background-image:url('../img/icon_bookmark.png'); }

div#content { width:470px; }

div#content section { }
div#content section h2 { font-size:17px; color:#fff; padding-top:45px; }
div#content section h2 span { font-weight:normal;color:#c3c3c3;}
div#content section h2#first { margin-top:0;}
div#content p { font-size: 15px; color: #7f7f7f; margin: 15px 0; line-height:154%; }

/* Give your word. */
body.contact section form {margin-top: 45px;}
body.contact section form fieldset { border: 1px solid rgba(255,255,255,.1); padding: 20px 30px; margin: 0!important; -webkit-border-radius:1px;  -moz-border-radius:1px; border-radius:1px; }
body.contact section form fieldset legend { background-color:#000; padding:2px 4px; color:#fff; font-weight:bold; text-transform:lowercase;}
	body.contact section form fieldset ul { }
	body.contact section form fieldset ul li { margin-bottom:10px; }
	body.contact section form fieldset ul li label { display: block; font-size: 13px; margin-bottom: 4px; color: #a4a4a4; }
	body.contact section form fieldset input,
	body.contact section form fieldset select { width:300px; padding:7px; margin-bottom:10px; font-family:arial; font-size:13px; -webkit-border-radius:2px;  -moz-border-radius:2px; border-radius:2px; border:#333; color:#898989; background:#fff url('../img/inputshadow.png') no-repeat; }
		body.contact section form fieldset select { width: 300px; }
		body.contact section form fieldset ul li#subject input { width: 391px; }
	body.contact section form fieldset textarea { width: 385px; height: 75px; padding: 10px; font-family: arial; font-size: 13px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; border: #333; color: #898989;  background: #fff url('../img/inputshadow.png') no-repeat; }
	body.contact section form button { margin-bottom: 10px;}
	
	/* Contact Me FAQ */
	body.contact div#faq { padding: 16px 16px 10px; overflow: hidden; background-color: rgba(8,8,8,.3); border:1px solid rgba(255,255,255,.04); margin: 20px 0 40px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px;}
		body.contact div#faq ul { padding: 3px 0 0 0; margin: 0; }
			body.contact div#faq ul li { padding-left: 14px; background: url('../img/icon-arrow.gif') no-repeat 0 5px; margin-bottom: 12px; line-height: 17px; color:#7f7f7f; }
				body.contact div#faq ul li strong { display: block; color: #cacaca; margin-bottom: 3px; font-size: 13px;}
						body.contact div#faq ul li strong a { color: #cacaca; }
	
	
body.contact section#contact_me form fieldset ul li#budget_checker input#budget_check { float:left; width:20px; margin-top:10px; }
body.contact section#contact_me form fieldset ul li#budget_checker label[for='budget_check'] { float:left; padding-top:9px; width:350px; padding-right:25px; }

body.contact section#contact_me form fieldset ul li#budget_select { padding-top: 15px; padding-left:25px; display:block; clear:left; margin-bottom:0; }
body.contact section#contact_me form fieldset ul li#budget_select select { color:#222; }

body.contact section#contact_me form fieldset ul li#kickoff { padding-top: 10px; padding-left:25px; display:block; clear:left; margin-bottom:0; }
body.contact section#contact_me form fieldset ul li#kickoff select { color:#222; }

form ul div {display:none;}