body {
	background:#f9f9f9;
	margin:0;
	padding:0;
	font:85%/1.4 "Century Gothic", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color:#777;
}

/* Links */
a {
	color:#2a7fff;
}
a:hover {
	color:#9c815b;
}
a img {
	border:1px solid black;
}
a img.portfolioImage {
	border:none;
}

#wrapper {
	width:320px;
}

#header {
	padding:0 10px;
	background:url('/images/mobile/logo.png') no-repeat 10px 10px;
	height:66px;
}
	#header h1 {
		display:none;
	}

#menu {
	margin:0;
	padding:0;
	background:#555;
	height:80px;
	width:320px;
}
	#menu h3 {
		display:none;
	}
	#menu ul {
		margin:0;
		padding:0;
	}
	#menu ul li {
		list-style-type:none;
		margin:0;
		padding:0;
		display:inline;
	}
	#menu ul li a {
		display:block;
		float:left;
		height:20px;
		overflow:hidden;
		margin:0;
		padding:10px;
		color:white;
		text-decoration:none;
		text-transform:lowercase;
		background:#555;
	} 
	#menu ul li a.current {
		color:#9c815b;
	} 

#content {
	clear:left;
	margin:0;
	padding:0 10px;
	background:white;
}

#footer {
	clear:both;
	margin:0;
	padding:0 10px;
}
#se {
	color:#ddd;
	text-align:center;
	font-size:small;
}

h2 {
	font-size:2em;
	color:#9c815b;
	text-align:right;
	text-transform:lowercase;
	font-weight:normal;
	margin:0;
}
h3 {
	font-size:1.5em;
	color:#9c815b;
	font-weight:normal;
	text-shadow:1px 1px 1px #777 !important;
}
h4 {
	font-size:1.3em;
	color:#2a7fff;
	font-weight:normal;
	text-shadow:1px 1px 1px #777 !important;
}

.clear {
	clear:both;
}
.indented {
	margin-left:20px;
}
.centered {
	text-align:center;
}
.justified {
	text-align:justify;
}
.error {
	color:red;
}
.copyright {
	float:right;
}

.hr {
	clear:both;
	border:none;
	height:25px;
	background:url('/images/hr.png') top center no-repeat;
	margin:0 auto;
	text-align:center;
}

hr {
	display:none;
}

.rightInsert {
	padding:10px;
	margin-bottom:10px;
	color:#e6e6e6;
	background:#555;
}
	.rightInsert p, .rightInsert ul {
		text-shadow:1px 1px 1px #000 !important;
	}
	
	.rightInsert ul {
		margin:0;
		padding:0 0 0 1em;
	}
	
	.rightInsert a {
		color:#ccc;
	}

.captionBox {
	width:208px;
	border:1px solid #777;
	border-radius:15px;
	margin:0 auto 10px auto;
	padding:10px;
	text-align:center;
	font-size:0.9em;
	font-style:oblique;
	background:#f7f7f7;
	color:black;
	height:auto;
}
.centerBlock {
	overflow:auto;
	margin:0 auto 1em auto;
	width:250px;
}

/* Artwork Section */
.artworkImage {
	border:1px solid #777;
	border-radius:15px;
	margin:30px auto 20px auto;
	text-align:center;
}
	.artworkImage h4 {
		position:relative;
		top:-30px;
		margin:0;
	}
	.artworkImage img {
		position:relative;
		top:-20px;
		max-width:260px;
		max-height:170px;
	}
.artworkImageBcard {
	height:220px;
	margin:30px 10px;
	text-align:center;
}
	.artworkImageBcard h4 {
		position:relative;
		top:-30px;
		margin:0;
	}
	.artworkImageBcard img {
		position:relative;
		top:-20px;
		border:1px solid #777;
		max-width:260px;
	}
.artworkImageLarge {
	border:1px solid #777;
	border-radius:15px;
	margin:30px auto 10px auto;
	text-align:center;
}
	.artworkImageLarge h4 {
		position:relative;
		top:-30px;
		margin:0;
	}
	.artworkImageLarge img {
		position:relative;
		top:-20px;
		max-width:260px;
	}

.portfolioSite {
	padding:10px;
}

.portfolioImage {
	text-align:center;
	width:280px;
}

#portfolioNavigation  {
	display:none;
}


/* Resets */
p, h2, form {
	margin:0;
	padding:0 0 12px 0;
}

