/*   
Theme Name: Diamond
Theme URI: http://diamondpori.com
Description: Theme for diamondpori.com, based on Thematic
Author: Sampo Karjalainen
Author URI: 
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

body {
	min-width: 480px;
}

a:hover {
	color: #3b5998 !important;
	text-decoration: underline !important;
}

#header_container {
	background: #f5f5f5;
	background-image: url('img/top.jpg');
	background-repeat: repeat-x;
	height: 60px;
	padding: 0px 30px;
}

#header {
	width: 800px;
	margin: 0px auto;
}

#branding {
	width: 140px;
	padding: 10px 0px 10px 0px;
	float: left;
}

#blog-title {
	font-size: 24px;
}

#blog-description {
	display: none;
}

#access {
	width: 640px;
	padding: 10px 0px 10px 0px;
	border: 0;
	float: right;
}

.menu {
	width: 640px;
	margin: 0;
	float: right;
}

.sf-menu {
	float: right;
}

.sf-menu a, .sf-menu a:visited, .sf-menu a:hover {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #3b5998;
}

.sf-menu a:hover {
	background: transparent;
	text-decoration: underline;
}

.menu > ul {
	border: 0;
}

.menu > ul > li {
	border: 0;
	margin: 0px 0px 0px 20px;
	background: transparent;
}

.menu > ul > li:hover {
	border: 0;
	background: transparent;
}

.menu > ul > li > a {
	border: 0;
	background: transparent;
}

.current_page_item, .current_page_ancestor {
	background: #d9dde6 !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#main {
	width: 800px;
	padding: 24px 30px 22px 30px;
}

#main-work {
	position: relative;
	width: 100%;
	padding: 0px;
}

#placeholder {
	position: relative;
	width: 100%;
	text-align: center;
	background: #dbdbdb;
}

#placeholder_image {
	position: relative;
	width: 100%;
	height: auto;
	max-width: 1200px;
	min-height: 300px;
	overflow: hidden;
	z-index: 200;
}

#artwork {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
}

#artwork_image {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	max-width: 1200px;
	overflow: hidden;
	-ms-interpolation-mode:bicubic;
	z-index: 300;
}

#videowork {
	position: absolute;
	left: 0px;
	top: 49%;
	margin-top: -240px;
	width: 100%;
	height: 520px;
	overflow: hidden;
	text-align: center;
	z-index: 330;
}

#flowplayer {
	width: 640px;
	height: 480px;
}

#browse_previous {
	position: absolute;
	left: 0px;
	top: 43%;
	width: 11%;
	min-width: 66px;
	z-index: 500;
}

#browse_previous_image {
	float:right;
	width: 66px;
	height: 96px;
	background-image: url('img/arrow_left_combo.png');
	background-position-y: 0px;
}

#browse_previous_image:hover {
	background-position-y: -100px;
}

#browse_previous_image:active {
	background-position-y: -200px;
}

#browse_next {
	position: absolute;
	right: 0px;
	top: 43%;
	width: 11%;
	min-width: 66px;
	text-align: left;
	z-index: 500;
}

#browse_next_image {
	float:left;
	width: 66px;
	height: 96px;
	background-image: url('img/arrow_right_combo.png');
	background-position-y: 0px;
}

#browse_next_image:hover {
	background-position-y: -100px;
}

#browse_next_image:active {
	background-position-y: -200px;
}

#browse_pages {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 5%;
	min-height: 20px;
	text-align: center;
	z-index: 500;
}

#browse_pages ul {
	margin: 0px;
}

#browse_pages li {
	display: inline;
}

#browse_pages li img:hover {
	background-image: url('img/artwork_other.png');
}

#container {
	width: 800px;
	float: none;
	margin: 0px auto;
}

#content {
	position: relative;
	width: 800px;
	margin: 0px;
}

#content .aside {
	border: 0;
	padding: 0;
	margin: 0px 0px 30px 0px;
	border-bottom: 1px solid #d3d3d3;
}

#content .aside > ul {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: black;
	padding: 0;
}

#content .aside h3 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: black;
	padding: 0;
}

#content .aside a {
	color: #3b5998;
	text-decoration: none;
}

#content .aside a:hover {
	color: #3b5998;
	text-decoration: underline;
}

ul.artwork_thumb {
	margin: 0;
}

li.artwork_thumb {
	display: inline;
}

li.artwork_thumb img {
	margin: 0px 15px 20px 5px;
}

.widgetcontainer {
	width: 420px;
}

#upper_like_box {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 350px;
	color: #999;
}

#upper_like_box > iframe {
	margin-top: 6px;
}

.hentry {
	padding: 20px 0px 2px 0px !important;
}

.entry-content > p {
	width: 480px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	padding: 0px 0px 0px 20px;
}

.entry-content > p a {
	text-decoration: none;
}

#main-work .entry-content {
	padding: 4px 0px 0px 0px;
}

#main-work .entry-content > p {
	width: 380px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	padding: 0px;
	margin-bottom: 18px;
}

.entry-content > ul {
	width: 480px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 16px;
}

.entry-content > p img.alignnone {
	margin: 0px 0px 0px -20px;
}

.entry-content > p iframe {
	margin: 0px 0px 0px -20px;
}

.entry-title {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 44px;
	line-height: 44px;
}

.entry-utility {
	padding: 0px 0px 0px 20px;
}

.me-likey {
	margin-bottom: 12px;
	padding: 0px 0px 0px 20px;
}

.cat-links {
	display: none;
}

.meta-sep-tag-links {
	display: none;
}

.artists-list {
	width: 180px;
	float: left;
	padding: 20px 0px 0px 0px;
	list-style: none;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.artists-list a {
	color: #3b5998;
	text-decoration: none;
}

.artists-list a:hover {
	color: #3b5998;
	text-decoration: underline;
}

.artists-list > li.current_page_item {
	background: transparent !important;
}

.artists-list > li.current_page_item > a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.artists-grid {
	width: 580px;
	float: right;	
}

#artists-table {
	width: 580px;
	border: 0px;
}

#artists-table tr {
	border: 0px;
}

#artists-table tr td {
	border: 0px;
	text-align: center;
	padding: 10px 8px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	width: 145px;
	height: 152px;
}

#artists-table tr td p {
	margin: 6px 0px 0px 0px;
	line-height: 16px;
}

#artists-table tr td a {
	text-decoration: none;
}

#artists-table tr td a:hover {
	text-decoration: none !important;
}

.artist-content {
	width: 580px;
	float: right;
}

.artist-content p {
	padding: 0px;
	width: 580px;
	margin: 0px;
}

.artist-content ul {
	padding: 0px;
	width: 540px;
	margin-bottom: 4px;
}

.entry-content h1 {
	clear: none;
	display: block;
	font-family: Georgia, serif;
	font-size: 30px;
	font-weight: normal;
	padding: 20px 0px 10px 0px;
}

#main-work h1 {	
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	width: 380px;
}

.entry-content h2 {
	clear: none;
	display: block;
	font-family: Georgia, serif;
	font-size: 22px;
	font-weight: normal;
	padding: 20px 0px 6px 0px;
}

.entry-content h3 {
	clear: none;
	display: block;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	padding: 20px 0px 4px 0px;
}

.artist-content p img.alignright {
	margin: 0px 0px 20px 30px;
}

.artist-content p img.alignnone {
	margin: 0px;
}

.reservation-status {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #999;
}

.reservation-status img {
	display: inline;
	margin: 0px 6px 4px 0px;
	vertical-align: middle;
	
}

.action-buttons {
	margin: 20px 0px;
}

.button {
	border: 1px solid #ccd7e6;
	padding: 4px 8px;
	margin: 0px 6px 0px 0px;
	text-decoration: none;
	background: #edf0f5;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #3b5998;
	cursor: pointer;
	-moz-user-select: none;
   	-khtml-user-select: none;
   	user-select: none;
}

.button:hover {
	text-decoration: none !important;
	border: 1px solid #b6c4d7;
	background: #e6eaef;
}

.button:active {
	text-decoration: none !important;
	background: #3b5998;
	color: #fff !important;
}

#subsidiary {
	width: 800px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding-bottom: 20px;
}

#subsidiary #first {
	width: 260px;
	margin: 0;
	padding-right: 32px;
	border-right: 1px solid #C8C8C8;
}

#subsidiary #second {
	width: 470px;
	margin: 0;
	padding-left: 32px;
}

#subsidiary h3 {
	font-weight: bold;
	font-style: normal;
	margin-bottom: 6px;
}

#subsidiary h3 > a {
	color: #3b5998;
}

.tweets {
	list-style: none !important; 
	margin: 0 !important;
	padding: 0 !important;
}

.tweets li {
	margin-bottom: 14px;
}

.timesince {
	display: block;
	line-height: 12px;
	font-size: 10px;
	text-decoration: none;
}

#lower_like_box {
	font-size: 11px;
}

#lower_like_box > iframe {
	margin-top: 6px;
}

#siteinfo {
	width: 800px;
}

#footer {
	background: #fff;
	background-image: url('img/bottom.jpg');
	background-repeat: repeat-x;
	padding: 0px 30px;
}

#siteinfo {
	display: none;
}

.artwork-like {
	position: absolute;
	left: 400px;
	width: 350px;
	top: 0px;
	padding: 20px 0px 0px 0px;
}

#dimmer {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url('img/dimmer.png');
	background-repeat: repeat;
	z-index: 1000;
	display: none;

}

#contact-wrapper {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1001;
	display: none;
}

.contact-title {
	font-size: 20px;
	margin: 0px 0px 14px 0px;
}

.contact-instructions {
	margin: 0px 0px 14px 0px;
	font-size: 15px;

}

#contact-form {
	position: relative;
	display: block;
	width: 500px;
	height: auto;
	margin: 130px auto;
	background: #fff;
	border: 1px solid #999;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=1, offY=2, positive=true);
	text-align: left;
	padding: 28px 30px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
	font-size: 13px;
}

#contact-form .close-button {
	position: absolute;
	top: -14px;
	right: -18px;
	width: 40px;
	height: 43px;
	background-image: url('img/close_btn.png');
	background-position-x: 0px;
	overflow: hidden;
	-moz-user-select: none;
   	-khtml-user-select: none;
   	user-select: none;
}

#contact-form .close-button:hover {
	background-position-x: -40px;
}

#contact-form .close-button:active {
	background-position-x: -80px;
}

.contact-close-button {
	cursor: pointer;
}

.close-link {
	margin: 0px 0px 0px 10px;
	color: #3b5998;
}

.close-link:hover {
	text-decoration: underline;
}

#contact-form .contact-detail {
	color: #aaa;
	padding: 0px 0px 0px 5px;
}

#contact-form input {
	margin: 0px 0px 20px 0px;
}

#contact-form input#contact-name {
	width: 400px;
}

#contact-form input#contact-info {
	width: 300px;
}

#contact-form textarea#contact-message {
	width: 450px;
	margin: 0px 0px 20px 0px;

}

.wait-indicator {
	display: none;
	color: #999;
}

.wait-indicator img {
	padding: 0px 8px 4px 0px;
	vertical-align: middle;
}

#message-sent {
	position: relative;
	display: block;
	width: 500px;
	height: auto;
	margin: 130px auto;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	padding: 28px 30px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
	font-size: 16px;	
}

.emoba-em {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.emoba-glyph {
	margin: 0px !important;
}