/*
THEME NAME: Aaron Corsi/me/
THEME URI: http://www.aaroncorsi.com/me/
DESCRIPTION: Business card website
VERSION: 1.6
AUTHOR: Aaron Corsi
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* begin styles */

#body {
	background-color: #e6f7ee;
}

.txtshadow {
	text-shadow: 0px 2px 5px #ccc;
}

#wrapper {
	width: 1020px;
	padding-top: 10px;
	padding-bottom: 100px;
	margin: auto;
}

#all {
	background-image: url(/me/images/back.jpg);
	background-repeat: no-repeat;
	background-color: #e6f7ee;
}

/* begin header */

#header {
	margin-left: 580px;
	margin-top: 20px;
	width: 400px;
	font-size: 36px;
	color: #7b7b7b;
}

#introduction {
	margin-top: 20px;
}

#introduction p {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 45px;
	text-shadow: 0px 1px #fff;
}

#introduction a {
	color: #a0d8ba;
	text-decoration: none;
}


/* container */

#container {
	width: 400px;
	height: 405px;
	margin-top: 20px;
	margin-left: 580px;
	background-image: url(/me/images/box.png);
	-webkit-box-shadow: 0px 5px 10px #888;
	-webkit-border-radius: 10px;
}

/* navigation */

#navigation {
	width: 385;
	height: 31px;
	padding-top: 15px;
	padding-left: 15px;
}

#navigation h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-shadow: 0px 1px #fff;
	float: left;
}

#navigation li {
	float: right;
	padding-top: 3px;
	margin-right: 30px;
	font-family: Helvetica, Arial, sans-serif;
}

#navigation li a {
	color: #000;
	text-decoration: none;
}

/* networks */

#networks, #contact {
	width: 400px;
	padding: 20px;
	margin-top: 10px;
	display: block;
}

#networks li, #contact {
	padding: 10px;
	padding-left: 20px;
}

#networks li img, #contact li img {
	float: left;
}

#networks li a, #contact li a {
	text-decoration: none;
	color: #676968;
	font-family: Helvetica, Arial, sans-serif;
}

#networks li a:hover, #contact li a:hover {
	color: #333;
}

#networks li h3, #networks li p, #contact li h3, #contact li p {
	margin-left: 80px;
}

#networks li h3, #contact li h3 {
	margin-top: 3px;
}

#networks li p, #contact li p {
	margin-top: 5px;
}

/* contact */

#contact {
	width: 400px;
	padding: 20px;
	margin-top: 10px;
	margin-left: 20px;
	display: block;
}

#contact {
	padding: 10px;
	padding-left: 20px;
}

#contact li {
	margin-top: 20px;
	margin-bottom: 5px;
}

#contact li img {
	float: left;
}

#contact li a {
	text-decoration: none;
	color: #676968;
	font-family: Helvetica, Arial, sans-serif;
}

#contact li a:hover {
	color: #333;
}

#contact li h3, #contact li p {
	margin-left: 80px;
}

#contact li h3 {
	margin-top: 3px;
}

#contact li p {
	margin-top: 5px;
}


.imgshadow {
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 2px 5px #888;
}