@import url("typography.css") screen;

body {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: top left;	
	margin: 0;
	padding: 0;
	font-family: "GothamHTF", "Gotham", "Helvetica", sans-serif;
	font-size: 14px;
	color: #333;
}

.center {
	margin: 0 auto;
	width: 90%;
	background: white;
	
}

nav, .body, .head {
    width: 90%;
    margin: 0 auto;
    background: none;
}

.head p {
	margin: -5px 0 0 13%;
}

nav ul {
	margin: 0;
	padding: 0 2px 0 10%;
    width: 90%;
    list-style: none !important;
    border-top: black solid 5px;
    border-collapse: collapse ;
}

nav ul li {
    float: right;
    list-style-type: none !important;
    margin: 0;
    width: 25%;
}

nav ul li a {
    display: block;
    position: absolute;
    top: 0px;
    margin: 0;
    width: 25%;
}

.head h1 {
	margin: 5% 0 0 10%;
	padding: 0;
}

.body {
	margin-top: 15px;
}

.content {
	margin: 0 10% 0 10%;
	width: 55%;
	display: inline-block;
}

.module {
	width: 100%;
}

.content h1, .content h2, .content h1 a, .content h2 a {
	padding: 3px 16px 4px;
	margin: 0;
	background: transparent url(../images/striped.png) repeat 0 0;
	display:inline-block;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.25);
	border:1px solid rgba(0,0,0,.25);
	position:relative;
	cursor:pointer;
	overflow:visible;
	width: 100%;
}

#experience h1, #experience h1 a{
	background-color: #B6FF00;
}

#specialties h1, #specialties h1 a{
	background-color: #73D1FF;
}

#interests h1, #interests h1 a{
	background-color: #FFA640;
}

#education h1, #education h1 a{
	background-color: #C073FF;
}

.content h3, content h3 a {
	padding: 0;
	margin: 0;
}

.info {
	display: block;
	background: transparent url(../images/header-overlay.png) repeat-x 0 0;
	width: 100%;
	padding: 5px 17px 15px;
	margin: 0 0 20px 0;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.25);
}

.info blockquote {
	margin: 0;
	padding: 0;
}

.info ul {
	margin: 0 0 15px 0;
	padding: 0;
}

#statement {
	background-color: #F0F0F0;
	display: block;
	border: 5px #B6FF00 solid;
	padding: 10px;
	margin-bottom: 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.content p {
	padding-bottom: 10px;
	margin: 0;
}

.portfolio a:hover{
	border-bottom: none !important;
}

.portfolio-image {
	border: 2px solid #666666;
	width: 100%;
	margin: 5px 0 0 0;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.25);
}

.portfolio-caption {
	margin: 5px 0 0 5px !important;
	padding: 10px 30px !important;
	background-color: #F0F0F0;
}

.sidebar {
	float: right;
	display: inline-block;
	width: 18%;
	padding: 0 10px;
	margin: 0;
	background-color: #FFFFFF;
	border: 5px #F2F2F2 solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.footer {
	width: 100%;
	background: #F2F2F2;
	border-top: 1px solid #F2F2F2;
	padding: 0;
	bottom: 0;
}

/* Buttons */

.button{
	background: #222 url(../images/overlay-button.png) repeat-x 0 0;
	display: inline-block;
	padding: 1px 3px 6px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	overflow: visible;
	width: 100%;
}

button::-moz-focus-inner{
	border:0;
	padding:0;
}

.button:hover{
	background-color:#111;
	color:#fff
}

.button:active{
	-webkit-transform:translateY(-2px);
	-moz-transform:translateY(-2px);
}

.large.button{
	padding:8px 19px 9px;
}

.green.button{
	background-color:#B6FF00;
}

.green.button:hover{
	background-color:#97C12F;
}

.blue.button{
	background-color:#73D1FF;
}

.blue.button:hover{
	background-color:#2F91C1;
}

.red.button{
	background-color:#e33100;
}

.red.button:hover{
	background-color:#872300;
}

.purple.button{
	background-color:#C073FF;
}

.purple.button:hover{
	background-color:#7F2FC1;
}

.orange.button{
	background-color:#FFA640;
}

.orange.button:hover{
	background-color:#A85A00;
}

.white.button{
	background-color:#fff;
	border:1px solid #ccc;
}

.white.button:hover{
	background-color:#eee;
}

.secondary.button{
	background:#fff url(../images/36px-black.png) repeat-x 0 0;
	border:1px solid #bbb;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
}

.secondary.button:hover{
	background-color:#eee;
	border-color:#999;
}

.super.button{
	background-image:url(../images/super-button-overlay.png);
	padding:0;
	border:1px solid rgba(0,0,0,.25);
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
}

.super.button span{
	display:block;
	padding:4px 15px 6px;
	border-top:1px solid rgba(255,255,255,.2);
	-moz-border-radius-bottomleft:14px;
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-left-radius:14px;
	-webkit-border-bottom-right-radius:14px;
}

.small.super.button{
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
}

.small.super.button span{
	padding:2px 12px 6px;
	-moz-border-radius-bottomleft:11px;
	-moz-border-radius-bottomright:11px;
	-webkit-border-bottom-left-radius:11px;
	-webkit-border-bottom-right-radius:11px;
}

.small.white.super.button span{
	padding:3px 12px 5px;
}

.large.super.button{
	background-position:left bottom;
	-moz-border-radius-bottomleft:18px;
	-moz-border-radius-bottomright:18px;
	-webkit-border-bottom-left-radius:18px;
	-webkit-border-bottom-right-radius:18px;
}

.large.super.button span{
	padding:7px 20px 9px;
	-moz-border-radius-bottomleft:17px;
	-moz-border-radius-bottomright:17px;
	-webkit-border-bottom-left-radius:17px;
	-webkit-border-bottom-right-radius:17px;
}


/* Posterous */

#info {
	font-size: 12px;
	font-weight: normal;
}

.profile #links a, .profile #links a:visited, #info a, #info a:visited {
	font-weight: normal;
}

.profile #links a:hover,  #info a:hover, #unsubscribe_div a:hover, #rss a:hover, .list-tags a:hover {
	border-bottom: 1px solid #333333;
}

.profile #profileimage img {
	border: 4px white solid;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.25);
	margin-left: 10px 0;
}

.profile a:hover {
	border-bottom: none;
}

#subscribe_div, #unsubscribe_div, #rss {
	margin-bottom: 5px;
}

#subscribe_div a, #subscribe_div a:visited, #unsubscribe_div a, #unsubscribe_div a:visited, #rss a, #rss a:visited, .list-tags a, .list-tags a:visited {
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
}

.list-tags ul, .list-tags ul li{
	list-style: none;
	list-style-type: none;
}

.postunit {
	width: 100%;
	margin-bottom: 20px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.postunit .module h4 {
	padding: 10px 16px 8px;
	margin: 0;
	background: transparent url(../images/striped.png) repeat 0 0;
	display:inline-block;
	color:#000 !important;
	font-size: 1.125em;
	font-weight:bolder;
	line-height:1;
	text-decoration:none;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.25);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border:1px solid rgba(0,0,0,.25);
	position:relative;
	cursor:pointer;
	overflow:visible;
	width: 100%;
}

.postunit:nth-child(4n+1) .module h4 {
	background-color: #B6FF00 !important;
}

.postunit:nth-child(4n+3) .module h4 {
	background-color: #FFA640 !important;
}

.postunit:nth-child(4n+5) .module h4 {
	background-color: #C073FF !important;
}

.postunit:nth-child(4n+7) .module h4 {
	background-color: #73D1FF !important;
}

.module h4 a {
	color:#000 !important;
	font-weight:bolder;
	line-height:1;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	overflow:visible;
}

.fav_star {
	margin-top: 10px !important;
}

.post img, .regular img, .photo img {
	border: none;
	width: 100%;
	margin: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.date {
	color: #999999;
	font-size: 12px;
	padding: 5px 0;
	font-style: italic;
	font-weight: bolder;
	line-height: 15px;
}

.comments {
	font-size: 12px;
	line-height: 15px;
	background-color: #f0f0f0;
	padding: 10px;
}

.list-tags span {
	font-size: 12px;
	color: black;
	font-weight: bolder;
}

.pagination {
	width: 100%;
	background-color: #999999;
	color: white;
	font-size: 14px;
	font-weight: bolder;
	padding: 5px 10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	
}

.pagination a {
	color: #333333;
	padding: 0 5px;
}

.pagination a:hover {
	color: #000000;
	border-bottom: #333333 solid 1px;
}

#search {
	width: 100%;
}

#searchbox {
	border: 1px solid #999999;
	color: #AAAAAA;
	font-size: .8em;
	padding: 5px 7px 5px 23px;
	background: #FFFFFF url('http://posterous.com/themes/search-light.gif') no-repeat scroll 3px 2px;
	width: 75%;
}

#searchbox_button {
	display: none;
}

/* @group Layouts for resolutions */

/*layouts smaller than 600px, iPhone and mobiles*/
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
	.head h1 {
		font-size: 2em !important;
	}
	
	.body {
		width: 100% !important;
	}
	
	nav, .sidebar, .content {
		float: none !important;
		width: 100%;
		margin: 0 auto 15px auto !important;
		padding: 0 !important;
	}
	
	nav ul, .head, .head h1, .head p {
		padding: 0 !important;
		margin: 0 !important;
		width: 100%;
	}
	
	nav ul {
		padding-right: 2px !important;
	}
	
	.info {
		margin: 0;
		padding: 0;
	}
	
	.sidebar {
		border: none !important;
	}
	
	.content {
		padding: 0 !important;
	}
	
	.module {
		margin-bottom: 15px !important;
	}
	
	.sidebar h4 {
		margin: 0 !important;
		font-size: 1em !important;
	}
	
	.sidebar p {
		font-size: .929em !important;
	}
	
	.sidebar a {
		display: inline !important;
		font-size: .75em !important;
	}
	
	.sidebar li {
		display: inline !important;
		margin: 5px !important;
	}
	
	nav span  {
		line-height: 2 !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
	}
	
	.super.button{
		background-image:url(../images/touch-super-button-overlay.png) !important;
	}
	
	.content h1, .content h2, .content h1 a, .content h2 a {
		padding: 3px 0 4px;
		text-align: center;
	}
	
	.portfolio-image {
		border: none;
		width: 100%;
		margin: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	.info p, .info blockquote, .info h4, .info ul {
		padding-right: 15px;
		padding-left: 15px;
	}
	
}

@media screen and (min-width: 600px) and (max-width: 725px){
	.head h1 {
		font-size: 3em !important;
	}
}

/*layouts larger than 920px*/
@media screen and (min-width: 920px) {
	
}

/*layouts larger than 1350px*/	
@media screen and (min-width: 1350px) {
	
}

/*layouts larger than 1350px*/
@media screen and (min-width: 1500px) {
	
}
	
/*Just iPhone*/
@media only screen and (max-device-width: 480px) {
	
}
	
/*iPad styles*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
}

/* @end */

/* Contact Form */

.fsRowBody {
	padding-bottom: 20px;
}

.fsSupporting {
	font-size: .625em;
}