/*
Theme Name: VMW Studio Theme
Theme URI: http://www.vmwstudios.com/
Description: The theme for VMW Studio's web site.
Version: 1.0
Author: Ray Wenderlich
Author URI: http://www.raywenderlich.com/
Tags: simple
*/

/*
#####
######
#####        #
###         ##
####   #   ###
##### ### ####
##############
##############

Ray Wenderlich
*/

/*
Palette:
Dark Purple: 373B5C
Medium Purple: 6D7EAA
Light Purple: D5D7E9
Light Blue: 97A8CF

Link Colors:
On Light Background: 6D7EAA
On Dark Background: BFC2DD
*/

/* General */

.group:after,
.comment:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.focus-box,
#etsywp {
	padding:15px;
	background:#6D7EAA;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	color:#FFFFFF;
}

.focus-box a:hover,
#etsywp a:hover {
	color:#BFC2DD;
}

.alignleft {
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.alignright {
	float:right;
	margin-left: 15px;
}

.aligncenter {
	display: block; 
	margin: 0 auto;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* Overall */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background:#373B5C;
	background-image: url(images/background.png);
	background-position: center;
	background-repeat: repeat-y;
}

#wrap {
	width:850px;
	margin:0 auto;
	background:#D5D7E9;
}

a {
	text-decoration: underline;
	color:#373B5C;
}

a:hover {
	color:#6D7EAA;
}

h1 {
	font-size: 1.7em;
	margin-bottom: 10px;
}

p {
	line-height: 1.4em;
}

.space {
	margin-bottom: 10px;
}

/* Banner */

#banner {
	background: url(images/header.png);
	height:233px;
	position: relative;
}

#banner a h1 {
	text-indent: -5000px;
	background: url(images/logo.png) no-repeat;
	width:233px;
	height:185px;
	position: absolute;
	left: 30px;
	top: 15px;
}

#rss {
	position: absolute;
	left: 700px;
	top: 20px;
	width:150px;
	height:40px;
	vertical-align: center;
	font-size: 1.2em;
	background: url(images/rss.png) 100px no-repeat;
	text-decoration: none;
}

#rss div:hover {
	color:#BFC2DD;
}

#rss div {
	position: relative;
	color:#FFFFFF;
	text-shadow: 1px 1px 3px #333;
}

#rss div p {
	position: absolute;
	top:15px;
}

/* Nav */

#nav {
	background: url(images/nav.png);
	height:70px;
}

#nav ul {
	list-style: none;
}

#nav ul li {
	float:right;
	padding:5px 15px 5px 0px;
	margin:5px 15px 5px 0px;
	text-align: right;
}

#nav ul li a {
	color:#373B5C;
	font-size: 1.2em;
	text-decoration: none;
	text-shadow: 1px 1px 3px #BFC2DD;
}

#nav ul li a:hover {
	color:#BFC2DD;
	text-shadow: none;
}


/* Main */

#main {
	background:url(images/background-body.png) repeat-y;
	height: auto;
}

#content {
	height: auto;
	float:right;
	width:525px;
	margin:15px;
	color:#373B5C;
}

/* Entries */

.hentry {
	margin-bottom: 60px;
}

.vmw-archive .hentry {
	margin-bottom: 10px;
}

.hentry h1 {
	text-shadow: 1px 1px 3px #999;
	margin-bottom: 20px;
}

.hentry h1 a {
	text-decoration: none;
}

.entry h2,
#content h2 {
	font-weight: bold;
	margin-bottom: 10px;
	text-shadow: 1px 1px 3px #BFC2DD;
}

.entry h2 a:hover,
#content h2 a:hover {
	text-shadow: 1px 1px 3px #BFC2DD;
}

.entry p,
#respond p {
	margin-bottom: 20px;
}

.entry ul {
	list-style: disc;
}

.entry ol {
	list-style: decimal;
	margin-left: 20px;	
}

.entry ol li {
	margin-left: 20px;
	display: list-item;
	list-style-position: outside;
	line-height: 1.4em;
	margin-bottom:10px;
}

.entry ul li {
	display: list-item;
	line-height: 1.4em;
	margin-bottom:10px;
	list-style-position: inside;
}

.date,
.category,
.tags {
	padding-bottom: 5px;
	font-size: smaller;
}

.tags {
	clear:both;
}

.add-comment {
	float:right;
}

#respond h3 {
	font-size: 1.5em;
	margin-bottom: 10px;
}


/* Featured Work */

#featured-work {
	margin-top: 50px;
}

#featured-work img {
	float:left;
	margin-right: 10px;
}

#featured-work h2 {
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 10px;
	font-weight: normal;
	text-shadow: 1px 1px 3px #333;
}

#featured-work .piece-name,
#featured-work .piece-year {
	font-style: italic;
}

#featured-work .piece-year {
	margin-bottom: 10px;
}

/* Sidebar */

#sidebar {
	height: auto;
	width:250px;
	margin:15px;
	float:left;
}

.focus-box h4,
#etsywp h2 {
	font-size: 1.5em;
	margin-bottom: 15px;
	text-align: center;
	text-shadow: 1px 1px 3px #333;
}

#recent-posts ul li {
	margin-bottom: 10px;
}

#recent-posts ul li a {
	text-decoration: none;
}

#sidebar ul li {
	margin-bottom: 20px;
}

.etsy table {
	margin: 0 auto;
	margin-bottom: 10px;
}

.etsy table tbody tr td {
	padding:0px 10px 20px 10px;
}

.etsy table tbody tr td a img {
	border:5px solid #FFFFFF;
}

/* Footer */

#footer {
	background:url(images/footer.png);
	height:120px;
	position: relative;
}

#footer p {
	position: absolute;
	bottom: 2px;
	left: 5px; 
	font-size: 0.5em;
	color: #FFFFFF;
}

/* Gallery */

.ngg-albumtitle a {
	text-decoration: none;
}

.ngg-gallery-thumbnail span {
	height:45px;
}

.ngg-gallery-thumbnail-box {
	width: 170px;
}

/* Contact Form */

label {
	display:block;
	padding-bottom: 5px;
	width:150px;
	float:left;
	padding-top:5px;
	font-size: 14px;
}

#wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg, #author, #email, #url, #comment {
	display: block;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #97A8CF;
	font-size:18px;
	padding:3px;
	width:350px;
	font-family: Verdana, Arial, sans-serif;	
	color:#373B5C;
	font-size: 14px;
}

.contactform br {
	margin-bottom:0px;
}

#contactsubmit, #submit {
	margin-top:20px;
	clear: both;
	background: #97A8CF;
	color:white;
	display: block;
	font-size: 18px;
	font-weight:bold;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
	border-color: #97A8CF;
}

/* Comments */

#commentform {
	font-size: 14px;
}

#commentform p {
	margin-bottom: 10px;
}

#commentform .longlabel {
	width:150px;
}

#author, #email, #url {
	width:350px;
}

#respond h3 {
	clear:both;
	margin-bottom: 20px;
}

#comments {
	margin-bottom: 20px;
}

.comment {
	padding:10px 5px 10px 0px;
	width:500px;
	margin-bottom: 5px;
	border:1px solid #97A8CF;
	word-wrap: break-word;
}

.bypostauthor {
	background: #97A8CF;
}

.comment-author {
	display: inline;
	font-size: 16px;
	font-weight: bold;
}

.comment-author img {
	float:left;
	margin-right: 5px;
}

.comment-author cite,
.comment-meta {
	font-size: 16px;
	color: #373B5C;
}

.comment-author cite a {
	font-size: 16px;
}

.comment p,
.comment pre {
	display: block;
	margin-top: 10px;
	margin-left: 85px;
}

.comment pre {
	font-family: monospace;
	background-color: #edf0d5;
	padding:5px;
	border:1px solid #000000;
}

.comment-meta {
	display: inline;
	float: right;
}


.says {
	display:none;
}

.more-link, .add-comment {
	float:right;
}

/* About me */

#about-me p {
	color: #373B5C;
}

#about-me img {
	display:inline;
	float:left;
	border:4px solid #FFFFFF;
	margin-right:15px;
	margin-bottom:30px;
}

.entry img.alignleft,
.entry img.alignright {	
	border:4px solid #FFFFFF;
	display:inline; 
	margin-right:15px;
	margin-bottom: 10px;
}

.entry img.aligncenter {
	border:4px solid #FFFFFF;
	display: block; 
	margin: 0 auto;
	margin-bottom: 10px;
}

.wp-caption-text {
	text-align: center;
	font-size: 70%;
	padding:5px;
}

.entry .border-off {
	border:0px;
}

/* Newsletter */

#newsletter h4 {
	font-size: 18px;
}

#newsletter label {
	display: inline;
	width:0px;
}

#newsletter .required {
	display: none;
}

#newsletter #contactsubmit {
	display: inline;
	clear:none;
	margin-top:0px;
	font-size:16px;
}

#newsletter #email {
	width:120px;
	margin-right: 0px;
	display: inline;
}

#newsletter p {
	margin-top: 10px;
	font-size: 12px;
	line-height: 18px;
	/*color: #373B5C;*/
	color:white;
}