/*  
Theme Name: Sangria
Theme URI: http://adampolselli.com/
Description: Version 9.1 of AdamPolselli.com. Replaced bg tile with photo.
Version: 9.1
Author: Adam Polselli
Author URI: http://adampolselli.com/

	This theme was designed and built by Adam Polselli,
	whose blog you will find at http://adampolselli.com/

================================================================================
	RESET
================================================================================
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* 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.0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

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

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*
================================================================================
	GLOBAL Elements
================================================================================
*/

a {
	color: #b87193;
	font-weight: bold;
	text-decoration: none; }
a:hover {
	color: #d986bd; }
	
blockquote {
	border-left: 1px solid #eee;
	color: #87647b;
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
	font-size: 14px;
	margin-left: 23px;
	padding-left: 16px; }
	
	blockquote.pullquote {
		border: 0;
		float: right;
		margin: 0;
		padding: 0 0 18px 20px;
		width: 220px; }
		
	blockquote.pullquote p {
		font-size: 18px !important;
		margin: 0; }
	
body {
	background: #fff url(img/bg-page.gif);
	color: #736e68;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding: 36px 0 72px;
	text-align: center; }
	
form, h1, h2, h3, h4, h5, h6, ol, p, ul {
	margin-bottom: 18px; }
	
h1 {
	color: #554d53;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 500;
	line-height: 24px;
	/* text-shadow: #fff 0 0 1px;*/ }
	
	h1 a {
		color: #554d53;
		font-weight: normal; }
	h1 a:hover {
		color: #d986bd; }

	h1 span.amp {
		font-size: 18px;
		text-shadow: none; }

h2 {
	clear: both;
	color: #87647b;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin-top: 36px; }

h3 {
	font-size: 13px;
	text-shadow: #fff 0 0 1px; }

img {
	border: 0; }
	
ol, ul {
	padding-left: 40px; }
	
small {
	font-size: smaller;
	text-transform: none; }

/*
================================================================================
	GLOBAL Classes and IDs
================================================================================
*/

.float-l {
	float: left;
	padding-right: 20px; }
.float-r {
	float: right;
	padding-left: 20px; }

.padded-l {
	padding-left: 20px; }
.padded-r {
	padding-right: 20px; }

/*old float and padding styles for backwards compatibility*/
.alignright { 
	float: right;
	padding-left: 20px; }
.alignleft {
	float: left;
	padding-right: 20px; }
	
.paddedright {
	padding: 0 20px 18px 0;
	margin: 0; }
.paddedleft {
	padding: 0 0 18px 20px;
	margin: 0; }
/*end old float styles*/

span.amp {
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	text-shadow: none;
	text-transform: none; }
	
	span.amp a {
		font-weight: normal;
		text-shadow: none !important; }
		
pre.code {
	font-family: "Courier New";
	font-size: 11px; }

ul.more {
	color: #adadad;
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	list-style-type: none;
	text-transform: uppercase;
	width: 220px; }
	
	ul.more a {
		color: #736e68;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0;
		text-transform: none; }
		
	ul.more a:hover {
		color: #d986bd; }
		
	ul.more li {
		margin-bottom: 18px; }
		
ul#twitter_update_list {
	list-style-type: none;
	padding: 0; }

	ul#twitter_update_list li {
		font-size: 11px;
		line-height: 16px;
		margin-bottom: 9px;
		margin-left: 15px;
		text-indent: -15px; }
		

/*
================================================================================
	PAGE STRUCTURE
================================================================================
*/

div#o-wrap {
	background: transparent url(img/overlay-black.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto;
	padding: 1px 0 36px;
	width: 920px; }

div#wrap {
	background: #fff url(img/bg-wrap.gif) no-repeat 0 0;
	background-image: url(img/bg-wrap.gif), url(img/bg-wrap-bottom.gif);
	background-position: 0 0, bottom right;
	background-repeat: no-repeat;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	margin-top: -2px; /* hide o-wrap */
	padding: 0 50px;
	position: relative;
	text-align: left;
	width: 820px; }

div#central {
	clear: both;
	padding-bottom: 54px; }

	div#central div#mainbar {
		float: right;
		width: 460px; }
	
	div#central div#sidebar {
		color: #ada8a5;
		float: left;
		width: 220px; }
		
div#mainbar { }

	/*div#mainbar h2 {
		background: url(img/bg-h2.gif) no-repeat left center; }*/
		
	div#mainbar p.lead {
		font-size: 14px;
		line-height: 21px;
		text-shadow: #fff 0 0 1px; }
	
	div#mainbar p.lead span.amp {
		text-shadow: none; }
		
div#sidebar { }

	div#sidebar a {
		color: #e8a842;
		text-shadow: #fff 0 0 1px; }
	div#sidebar a:hover {
		color: #e3905d; }
		
	div#sidebar div.title-body a {
		font-size: 11px;
		margin-right: 5px; }
		
	div#sidebar div.title-body small {
		color: #736e68; }
	
	div#sidebar h2 {
		clear: both;
		color: #ada8a5;
		font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 1px;
		text-shadow: none;
		text-transform: uppercase; }
	
		div#sidebar h2:first-child {
			margin-top: 0; }
			
		div#sidebar h2.calendar {
			background: url(img/icon-calendar.gif) no-repeat 0 4px;
			padding-left: 15px; }
			
		div#sidebar h2.category {
			background: url(img/icon-folder.gif) no-repeat 0 5px;
			padding-left: 15px; }
			
		div#sidebar h2.tag {
			background: url(img/icon-tag.gif) no-repeat 0 4px;
			padding-left: 15px; }
		
	div#sidebar p.caption {
		float: right;
		font-size: 10px;
		margin-right: -120px;
		padding: 0 20px 0 10px;
		width: 90px; }
	

/*
================================================================================
	FORMS and INPUTS
================================================================================
*/

button {
	background-color: #fff;
	cursor: pointer; }

button, form, input, select, textarea {
	border: 0;
	margin: 0;
	padding: 0; }

input, textarea {
	background: #f7f7f7 url(img/field-bg.gif) repeat-x;
	border: 1px solid #ddd;
	color: #736e68;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	
input, textarea {
	padding: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; }
	
input:focus,
textarea:focus {
	border-color: #ddd; }
	
input.submit {
	background-color: transparent;
	background-image: none;
	border: none;
	cursor: pointer;
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
	font-size: 15px;
	font-style: italic; }
	
	input.submit:hover {
		color: #d986bd; }


/*
================================================================================
	HEADER
================================================================================
*/

div#header { }

	div#header p,
	div#header ul {
		margin-bottom: 72px;
		padding: 0; }
		
	div#header ul {
		list-style-type: none; }
		
	div#header div#preload {
		display: none; }
		
p#logo {
	left: 50px;
	position: absolute;
	top: 48px; }
		
p#title {
	float: left;
	text-align: right; }

	p#title a {
		border-right: 1px solid #eee;
		color: #b87193;
		display: block;
		font-size: 18px;
		padding-right: 5px;
		padding-top: 72px;
		text-shadow: #fff 0 0 1px;
		width: 214px; }
	p#title a:hover {
		color: #d986bd; }
		
	p#title span.amp {
		color: #ada8a5;
		font-weight: normal;
		text-shadow: none;
		vertical-align: bottom !important; }

ul#nav {
	float: right;
	list-style-type: none;
	padding: 0;
	width: 580px; }

	ul#nav li {
		display: inline;
		float: left;
		text-align: right; }
		
		ul#nav li:first-child a {
		width: 94px; }
		
	ul#nav a {
		border-right: 1px solid #eee;
		display: block;
		padding-right: 5px;
		padding-top: 90px;
		width: 114px; }
			
		ul#nav a span.amp {
			color: #ada8a5;
			font-weight: normal; }
			
		ul#nav a span.nav-title {
			color: #aa6e8a;
			font-size: 13px;
			font-weight: bold;
			text-shadow: #fff 0 0 1px; }
		ul#nav a:hover span.nav-title {
			color: #d986bd; }
		
		ul#nav a.current-page {
			cursor: default;
			padding-bottom: 18px;
			padding-top: 72px; }
			
			ul#nav a.current-page span.amp {
				color: #736e68; }
				
			ul#nav a.current-page span.nav-title {
				color: #554d53; }
				
	ul#nav li.subscribe { }
	
		ul#nav li.subscribe a span.nav-title {
		color: #e8a842; }
		ul#nav li.subscribe a:hover span.nav-title {
		color: #e3905d; }
			
		/* Feed Icon ---------------------------- */
		
		ul#nav li.subscribe img {
			padding-left: 5px;
			position: absolute;
			right: 35px;
			top: 94px; }
	

/*
================================================================================
	FOOTER
================================================================================
*/

div#footer {
	color: #fff;
	padding: 25px 50px 0 50px;
	line-height: 18px;
	margin: 0 auto;
	text-align: center;
	text-shadow: 1px 1px 2px #333;
	width: 820px; }
	
	#footer p {
		margin: 0; }

	#footer p a {
		color: #fff;
		padding-bottom: 0; }
		
	#footer p a:hover {
		color: #f5e7f9; }
	
	#footer q#billy-collins,
	#footer span.top {
		font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
		font-size: 16px;
		font-style: italic; }
	
	#footer span.top a {
		font-weight: normal; }

ul#elsewhere {
	clear: both;
	font-size: 11px;
	height: 90px;
	list-style-type: none;
	margin: 0;
	padding: 72px 0 0; }

	ul#elsewhere a,
	ul#elsewhere li.title {
		border-left: 1px solid #eee;
		display: block;
		margin-top: 18px;
		padding-left: 5px;
		padding-bottom: 54px;
		width: 114px; }
		
	ul#elsewhere li.last {
		width: 94px; }
		
	ul#elsewhere li.title {
		margin: 0;
		padding-bottom: 72px; }
	
	ul#elsewhere li {
		display: inline;
		float: left; }
		
	ul#elsewhere li.title span.amp {
		color: #ada8a5;
		font-size: 13px;
		text-transform: lowercase; }

/*
================================================================================
	BLOG ENTRIES
================================================================================
*/

div.post {
	border-bottom: 1px solid #eee;
	clear: both;
	margin-bottom: 27px;
	padding-bottom: 17px; }

	div.post h1 a {
		font-weight: normal;
		color: #554d53; }
	div.post h1 a:hover {
		color: #d986bd; }
		
	div.post img[width="500"] {
		height: auto;
		width: 460px; }
	
	div.post p.category {
		float: right;
		text-align: right; }
		
		div.post p.category img {
			margin-top: 4px; }
	
	div.post p.date,
	div.post p.date a,
	div.post p.comment-link a,
	div.post p.share a {
		color: #ada8a5;
		font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 1px;
		text-transform: uppercase; }
	div.post p.date a:hover,
	div.post p.comment-link a:hover,
	div.post p.share a:hover {
		color: #736e68; }
	
	div.post p.comment-link {
		text-align: right; }
		
		div.post p.comment-link a {
			background: url(img/icon-comment.gif) no-repeat 100% 2px;
			padding-right: 14px; }
		div.post p.comment-link a:hover {
			background-image: url(img/icon-comment-dark.gif); }
	
	
	div.post p.share {
		text-align: right; }
		
		div.post p.share a {
			background: url(img/icon-share.gif) no-repeat 100% 1px;
			padding-right: 14px; }
		div.post p.share a:hover {
			background-image: url(img/icon-share-purple.gif);
			color: #d986bd; }


div.found { }
		
	div.found div.found-body img,
	div.found div.found-body object {
		height: auto;
		margin-bottom: 36px; /* div.post's 27px isn't enough */
		width: 220px; }
		
	/*YouTube vids don't respond to height=auto */
	div.found div.found-body object[height="326"] { 
		height: 180px; }
		
	div.found div.found-body object[width="425"],
	div.found div.found-body embed[width="425"] {
		height: 178px;
		width: 220px; }
		
	div.found div.found-body p {
		margin-left: 240px; }
		
	div.found div.found-body p:first-child,
	div.found div.found-body object {
		float: left;
		margin-left: 0;
		width: 220px; }
		
		
div.link { }

	div.link div a:first-child {
		margin-right: 5px;
		font-size: 14px;
		text-shadow: #fff 0 0 1px; }
		

div.photo { }
	
	div.photo div.photo-body {
		position: relative; }
		
		div.photo div.photo-body p {
			font-size: 11px; }
		
		div.photo div.photo-body p:first-child img {
			border-bottom: 3px solid #eee;
			display: block; /* xHTML Strict */
			height: auto;
			width: 460px; }
	
		div.photo div.photo-body p.flickr-link {
			background: transparent url(img/flickr-link.png) 0 0;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #fff;
			display: none;
			font-size: 11px;
			right: 18px;
			padding: 5px 7px;
			position: absolute;
			text-shadow: 1px 1px 2px #000;
			top: 18px; }
			
			div.photo div.photo-body:hover p.flickr-link {
				display: block; }
			
			div.photo div.photo-body:hover p.flickr-link strong {
				color: #2dc0fd;
				font-size: 12px;  }
				
			div.photo div.photo-body:hover p.flickr-link strong span {
				color: #fd2dac; }
		
	div.photo p.photo-title {
		float: left; }
	
		div.photo p.photo-title,
		div.photo p.photo-title a {
			color: #736e68;
			font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
			font-size: 14px;
			font-weight: normal;
			letter-spacing: 0; }
			
		div.photo p.photo-title a:hover {
			color: #ada8a5; }


div.quote { }

	div.quote big {
		color: #cdcdcd;
		float: left;
		font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
		font-size: 27px;
		font-weight: bold;
		margin-right: 5px; }
		
	div.quote blockquote {
		border: none;
		font-size: 18px;
		margin-left: 0;
		padding: 0; }
		
	div.quote small {
		color: #736e68;
		display: block;
		font-size: 11px;
		margin-top: -18px;
		text-align: right; }
		
	div.quote small:before {
		content: "\2014 \0020"; } /* em dash space */
	
		
div.writing { }

	div.writing div.writing-body p,
	div.writing div.writing-body ol {
		font-size: 13px;
		line-height: 20px; }


ul.post-details {
	font-size: 11px;
	list-style-type: none;
	padding: 0; }

	div#sidebar ul.post-details a {
		display: block;
		font-weight: normal;
		text-shadow: none; }
	
	ul.post-details li {
		border-bottom: 1px solid #eee;
		padding: 4px 10px 5px 30px; }
	
	ul.post-details li.category {
		background: url(img/icon-folder.gif) no-repeat 10px 8px; }
		
	ul.post-details li.comments {
		background: url(img/icon-comment.gif) no-repeat 10px 8px; }
	
	ul.post-details li.date {
		background: url(img/icon-clock.gif) no-repeat 10px 8px; }

	ul.post-details li.tags {
		background: url(img/icon-tag.gif) no-repeat 10px 8px;
		text-transform: capitalize; }
		
		div#sidebar ul.post-details li.tags a {
			display: inline; }
		
	ul.post-details li.next {
		background: #f7f7f7 url(img/icon-next.gif) no-repeat 10px 8px; }
		
	ul.post-details li.prev {
		background: #f7f7f7 url(img/icon-prev.gif) no-repeat 10px 9px;
		border-top: 2px solid #eee;
		padding-top: 4px; }
		
	div#sidebar ul.post-details li.next a,
	div#sidebar ul.post-details li.prev a {
		color: #ada8a5; }
		
		div#sidebar ul.post-details li.next a:hover,
		div#sidebar ul.post-details li.prev a:hover {
			color: #736e68; }
	

div.post-nav {
	clear: both;
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
	font-size: 15px;
	font-style: italic;
	padding-top: 18px; }
	
	div.post-nav a {
		color: #ada8a5;
		font-weight: normal;
		text-transform: lowercase; }
	div.post-nav a:hover {
		color: #736e68; }


/*
================================================================================
	COMMENTS
================================================================================
*/

div#mainbar h2.comments {
	background-image: none; }
	
	a.jump-to-form {
		color: #ada8a5;
		display: block;
		float: right;
		font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
		font-size: 14px;
		font-style: italic;
		font-weight: normal;
		margin-top: -36px; }
	
	a.jump-to-form:hover {
		color: #736e68; }
		
div#comments { }
	
	div#comments div.comment:last-child {
		border-bottom: none;
		margin-bottom: 54px;
		padding-bottom: 0; }

div.comment {
	border-bottom: 1px solid #eee;
	clear: both;
	margin-bottom: 18px;
	padding-bottom: 18px; }
	
div.comment-body {
	font-size: 12px;
	padding-left: 55px; }

p.comment-info {
	font-size: 10px;
	margin: 0;
	padding-left: 55px; }
	
	p.comment-info a {
		font-weight: normal; }
	
	p.comment-info span.author,
	p.comment-info span.author a {
		color: #736e68;
		font-size: 12px;
		font-weight: bold; }

		p.comment-info span.author a:hover {
			color: #888; }
			
p.gravatar {
	float: left;
	margin: 0; }
	
	p.gravatar img {
		border: 1px solid #ccc; }

div#comment-form { }
	
	table.comment td {
		padding-bottom: 12px; }
		
	div#comment-form label {
		font-weight: bold;
		padding-left: 5px; }
		
	table.comment td.textarea {
		padding-top: 6px;
		vertical-align: top; }
	
	div#comment-form small {
		color: #ada8a5; }
		
	div#comment-form input,
	div#comment-form textarea {
		max-width: 448px;
		width: 448px; }


/*
================================================================================
	ARCHIVES INDEX
================================================================================
*/

div.featureds {
	clear: both; }
	
	div.featured {
		float: left;
		font-size: 12px;
		margin: 0 0 27px 20px;
		width: 220px; }
	
	div.odd {
		margin-left: 0; }

	div.featured a {
		margin-right: 3px; }

	div.featured img {
		border: 1px solid #999; }
	
	div.featured p {
		margin-bottom: 9px; }
		
	div.featured p:first-child { }

body div.tag-cloud {
	color: #ccc;
	font-size: 12px;
	line-height: 20px;
	text-align: justify; }
	
	div.tag-cloud a {
		font-weight: normal; }
		
	div.tag-cloud span {
		padding: 0 3px; }
		
	body div#sidebar div.tag-cloud {
		width: 240px; }
		
	body div.sidebar-tag-cloud {
		color: #ccc;
		font-size: 10px;
		line-height: 16px; 
		text-align: left; }
		
		div.sidebar-tag-cloud a {
			font-weight: bold; }
		
		div.sidebar-tag-cloud span {
			padding: 0 2px; }

ul#categories {
	font-size: 11px;
	list-style-type: none;
	margin-left: 20px;
	padding: 0; }
	
	ul#categories a {
		font-size: 12px;
		margin-right: 5px; }
	
	ul#categories li {
		background-position: 0 4px;
		background-repeat: no-repeat;
		padding-left: 20px; }
		
	ul#categories li.found {
		background-image: url(img/icon-found.gif); }
		
	ul#categories li.link {
		background-image: url(img/icon-link.gif); }
		
	ul#categories li.photo {
		background-image: url(img/icon-camera.gif); }
		
	ul#categories li.quote {
		background-image: url(img/icon-quote.gif); }
		
	ul#categories li.writing {
		background-image: url(img/icon-writing.gif); }
		
		
/* main list */
ul#collapsArchList {
	color: #cac6c4;
	font-size: 10px;
	list-style-type: none;
	line-height: 20px;
	padding: 0; }
	
	ul#collapsArchList a {
		font-size: 12px; }
		
	/* year and month list items */
	ul#collapsArchList li.collapsArch {
		list-style-type: none;
		margin-bottom: 0;
		padding-left: 20px; }
		
	ul#collapsArchList li.collapsArch a {
		padding-left: 5px; }

	/* nested lists */
	ul#collapsArchList ul {
		list-style: none;
		margin-bottom: 0;
		padding: 0; }
		
	/* collapse arrow */
	ul#collapsArchList span.show,
	ul#collapsArchList span.hide {
		cursor: default;
		font-size: 10px; }
		
	/* entry list items */
	ul#collapsArchList li.collapsArchPost {
		line-height: 14px;
		padding: 4px 0 4px 20px; }
		
		ul#collapsArchList li.collapsArchPost a {
			color: #736e68;
			font-size: 11px;
			font-weight: normal;
			padding: 0; }
		ul#collapsArchList li.collapsArchPost a:hover {
			color: #ada8a5; }


/*
================================================================================
	ABOUT PAGE
================================================================================
*/

div.about-me {
	margin-bottom: 18px; }
	
	div.about-me p,
	div.about-me ul {
		border-bottom: 1px solid #eee;
		margin-bottom: 11px;
		padding: 0 0 14px; }
		
	div.about-me ul {
		list-style-type: none; }
	
	div.about-me p.section-title {
		border-bottom: none;
		color: #ada8a5;
		float: left;
		font-size: 10px;
		margin-left: -120px;
		padding: 0;
		position: relative;
		text-align: right;
		width: 110px; }
	
	div.about-me ul.faves {
		color: #ada8a5;
		font-size: 11px; }
	div.about-me ul.faves span.amp {
		color: #736e68;
		font-size: 15px; }

ul.timeline {
	font-size: 11px;
	list-style-type: none;
	padding: 0; }
	
	ul.camera li {
		margin-bottom: 18px; }
	
	ul.timeline strong {
		color: #736e68; }


/*
================================================================================
	WORK PAGE
================================================================================
*/

p.grid2col a:first-child {
	margin-right: 20px; }

div.work { }

	div.work a.url {
		background: url(img/icon-link.gif) no-repeat 0 1px;
		font-size: 11px;
		font-weight: normal;
		padding-left: 15px; }
	
	div.work img {
		margin-right: 20px;
		margin-bottom: 18px; }
		
	div.work p.item-info {
		float: right;
		width: 220px; }
		
/*
================================================================================
	iPhone Wallpapers
================================================================================
*/

p.iphones {
	margin-left: -15px;
	width: 480px; }
	
	p.iphones a {
		background-color: #eee;
		border: 1px solid #ddd;
		display: block;
		position: relative;
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
		padding: 4px;
		-webkit-transition: background-color 0.1s ease-in; }
		
	p.iphones a:hover {
		background-color: #ccc;
		border-color: #ccc; }
	
	p.iphones img.new {
		left: 68px;
		position: absolute;
		top: 118px; }
		
	/* <img alt="New" class="new" height="45" src="/wordpress/wp-content/themes/ver9/img/icon-new.png" width="44" /> */
		
/*
================================================================================
	Flickr in Sidebar
================================================================================
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/

#flickr_badge_wrapper {
	margin-bottom: 18px; }
	
.flickr_badge_image {
	display: inline; }
	
.flickr_badge_image img {
	background-color: #eee;
	border: 1px solid #ddd;
	margin: 0 10px 10px 0;
	padding: 4px;
	-webkit-transition: background-color 0.1s ease-in; }
	
.flickr_badge_image img:hover {
	background-color: #ccc;
	border-color: #ccc; }
	
/*
================================================================================
	Flickr in Sidebar
================================================================================
*/

#bookshelf { }
	
	#bookshelf img {
		background-color: #eee;
		border: 1px solid #ddd;
		float: left;
		margin: 0 10px 10px 0;
		padding: 4px;
		width: 80px;
		-webkit-transition: background-color 0.1s ease-in; }
		
	#bookshelf img.odd {
		clear: both; }
		
	#bookshelf img:hover {
		background-color: #ccc;
		border-color: #ccc; }