/* 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, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	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: "" "";
}
/* /reset */

/* general */
body { background: #000000 url(/_i/wallpaper.gif) 0 0 repeat; color: #fff; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; }
body#test { background-image: none; background-color:  #fff; }

.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }

.f-right { float: right; }

h1 { color: #999; font-size: 2.6em; font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif; text-align: right; text-transform: uppercase; line-height: 80%; margin-bottom: 6px; }
h2 { color: #fff; font-size: 1.3em; font-weight: normal; text-align: right; font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif; text-transform: none; letter-spacing: 2px; margin-bottom: 20px; }
h3 { font-size: 1.3em; text-transform: uppercase; color: #80c490; font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif; letter-spacing: 2px; margin-bottom: 1em; }
h4.errorpage { color: #c00; font-size: 2em; line-height: 80%; margin-bottom: 1em; }

p { font-size: .9375em; line-height: 140%; font-family: Georgia; color: #fff; margin-bottom: 1em; }
p.errorpage { margin-bottom: 6em; }

p.back-to-top { margin: 0; float: right; font-size: .8125em; }
p.back-to-top a { color: #80c490; }

.hide { display: none !important; }

a { color: #b3db77; text-decoration: none; }

.shadow-top, .shadow-bottom, .ribbon-top, .ribbon-bottom, #twitter a img { behavior: url(/_i/iepngfix.htc); }
/* /general */

/* structure */
#wrapper { background: transparent url(/_i/shadow.gif) 0 0 repeat-x; text-align: center; position: relative; width: 100%; }
#test #wrapper { background-image: none; }

.content-block { width: 640px; margin: 0 auto 40px auto; text-align: left;position: relative;  }
.content-block .shadow-top { background: transparent url(/_i/t.png) top no-repeat; width: 640px; height: 24px; overflow: hidden; }
.content-block .shadow-bottom { background: transparent url(/_i/b.png) bottom no-repeat; width: 640px; height: 24px; overflow: hidden; }

.content-block .content { background-color: #333; }
.content-block .content .inner { padding: 37px 40px 20px 40px; }

.ribbon-top { position: absolute; top: 14px; left: 10px; background: transparent url(/_i/ribbon-top.png) 0 0 no-repeat; width: 30px; height: 70px; overflow: hidden; }
.ribbon-bottom { position: absolute; bottom: 14px; right: 10px; background: transparent url(/_i/ribbon-bottom.png) 0 0 no-repeat; width: 30px; height: 70px; overflow: hidden; }
/* /structure */

/* header */
#header { padding-bottom: 40px; text-transform: uppercase; font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif; letter-spacing: 1px; width: 640px; margin: 0 auto; text-align: left; }
#header .inner { padding: 20px 0px; }

#title { float: right; width: 480px; margin-top: 20px; }
		
#pic { width: 160px; float: right; margin-top: -20px; }
#pic .inner { background-color: #f1f1ed; padding: 10px; }
#pic .shadow-bottom { background: transparent url(/_i/b-small.png) bottom no-repeat; width: 160px; height: 24px; overflow: hidden; }

#header ul { float: right; }
#header li { text-align: right; display: inline; }
#header li a:hover { color: #fff; }
/* /header */

/* contact form */
.asterisk { color: #fff98f; }

form { margin-bottom: 14px; }

form p { display: none; padding: 2px 4px; background-color: #fff98f; }
form p.error { color: #c00; }
form p.ok { color: #09161c; }

.form-row { background-color: #000; width: 560px; margin-bottom: 10px; }

.form-row label { color: #fff98f; text-align: right; font-size: .9375em; line-height: 140%; padding-top: 16px; margin: 0 12px; float: left; width: 196px; display: inline; }
form .error label { color: #c00; }

input.form-text { background-color: #000; color: #fff; border: solid 1px #000; font-size: .9375em; padding: 16px 0 16px 0; margin: 2px 0; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; float: left; width: 335px; }
textarea { background-color: #000; color: #fff; border: solid 1px #000; font-size: .9375em; padding: 0; margin: 16px 0 2px 0; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; float: left; width: 335px; }

input.form-btn { background-color: #000; color: #fff98f; border: solid 1px #000; font-size: .9375em; padding: 0 40px; height: 40px; font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif; letter-spacing: 2px; cursor: pointer; }
/* /contact form */

/* find me */
#twitter img { float: right; display: inline; margin-left: 10px; }

#twitter .info { font-size: .9375em; color: #fff98f; }	
.tweet { margin-bottom: 1.6em; }
.tweet li { margin-bottom: .5em; font-size: .9375em; line-height: 140%; }
.tweet a { font-size: .8em; color: #fff98f; }
.tweet span { display: block;  margin-bottom: .25em; }
.tweet span a { font-size: 1em; color: #b3db77; }	

ul.social-networks { width: 560px; }
.social-networks li { line-height: 32px; margin-bottom: 10px; width: 270px; float: left;  }
.social-networks li.margin-right { margin-right: 20px; }
.social-networks li a { font-size: .9375em; }
.social-networks img { padding-right: 10px; display: block; float: left; }
/* /find me */

/* skills definition list */
dl.skills { width: 560px; }
.skills dt { margin-bottom: 10px; color: #fff98f; padding-top: 10px; font-size: .9375em; }
.skills dt.first { padding-top: 0; }
.skills dd { margin-bottom: 10px; width: 270px; float: left; background: transparent url(/_i/check.gif) 0 0 no-repeat; }
.skills dd.double { width: 560px; }
.skills dd span { padding-left: 26px; display: block; font-size: .9375em; }
.skills dd.margin-right { margin-right: 20px; }
/* /skills definition list */

/* footer */
#footer { width: 640px; margin: 0 auto 1em auto; text-align: left; }
#footer p { color: #09161c; font-size: .875em; }
/* /footer */