/*
 
Theme Name: www.inkhaus.com
 
Theme URI: http://www.inkhaus.com/
 
Description: www.inkhaus.com
 
Version: 1.0
 
Author: www.inkhaus.com
 
Tags: mantle color, variable width, two columns, widgets

*/

/* MAIN TYPOGRAPHY */

html {
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif; }
 
d { font-family: }
 
strong, th, thead td, h1, h2, h5, h6 { font-weight: bold; }
 
cite, em, dfn { font-style: italic; }
 
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {
	font-size: 92%;
	font-family: tahoma, courier, monaco, "Lucida Console", mono-space; }
 
del {
	text-decoration: line-through;
	color: #666; }
 
ins, dfn { border-bottom: 1px solid #ccc; }
 
small, sup, sub { font-size: 85%; }
 
abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em; }
 
a abbr, a acronym { border: none; }
 
abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px solid #ccc; }
 
sup { vertical-align: super; }
 
sub { vertical-align: sub; }
 
/* QUOTES */
blockquote {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #666; }
 
	blockquote *:first-child:before { content: "201C"; }
 
	blockquote *:first-child:after { content: "201D"; }
 
/* language specific quotes! */
q { quotes: "201C" "201D" "2018" "2019"; }
 
/* FORMS */
fieldset { border: 1px solid #ccc; }
 
legend { background: #fff; }
 
textarea, input[type='text'], input[type='password'], select {
	border: 1px solid #ccc;
	background: #fff; }
 
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
 
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	border-color: #888;
	outline: 2px solid #ffffaa; }
 
input, select { cursor: pointer; }
 
input[type='text'], input[type='password'] { cursor: text; }
 
/*
 
-----------------------------
 
CONTENT ONLY
 
-----------------------------
 
*/
/* BASE SIZES */
body {
	font-size: 1.2em;
	line-height: 1.6em; }
 
h1 { font-size: 1.4em; }
 
h2 { font-size: 1.25em; }
 
h3 { font-size: 1.3em; }
 
h4 { font-size: 1.1em; }
 
h5 { font-size: 1em; }
 
h6 { font-size: 1em; }
 
/* HR */
hr {
	display: block;
	background: #aaa;
	color: #aaa;
	width: 100%;
	height: 1px;
	border: none; }
 
/* LISTS */
ol {
	list-style-position: outside;
	list-style-type: decimal; }
 
dt { font-weight: bold; }
 
/* TABLES */
/* MARGINS & PADDINGS */
blockquote *:first-child { margin: .8em 0; }
 
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
 
p+p { margin-top: -.8em; }
 
p img {
	padding: 0;
	max-width: 100%; }
 
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 1em 0 .5em; }
 
h2 { margin: 1.07em 0 .535em; }
 
h3 { margin: 1.14em 0 .57em; }
 
h4 { margin: 1.23em 0 .615em; }
 
h5 { margin: 1.33em 0 .67em; }
 
h6 { margin: 1.6em 0 .8em; }
 
th, td { padding: .8em; }
 
caption { padding-bottom: .8em; }
 
/* padding instead of margin for IE */
blockquote {
	padding: 0 1em;
	margin: 1.6em 0; }
 
fieldset {
	padding: 0 1em 1em 1em;
	margin: 1.6em 0; }
 
/* padding-top is margin-top for fieldsets in Opera */
legend {
	padding-left: .8em;
	padding-right: .8em; }
 
legend+* { margin-top: 1em; }
 
/* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
 
select { padding: .1em .2em 0 .2em; }
 
option { padding: 0 .4em; }
 
dt {
	margin-top: .8em;
	margin-bottom: .4em; }
 
ol { margin-left: 2.35em; }
 
	ol ol, ul ol { margin-left: 2.5em; }
 
form div { margin-bottom: .8em; }
 
/* COLORS */
a:link { color: #ED4C81; }
 
a:visited { color: #ED4C81; }
 
a:hover {
	text-decoration: underline;
	color: #ED4C81; }
 
a:active, a:focus {
	text-decoration: underline;
	color: #ED4C81; }
 
code, pre { color: #c33; }
 
/* very optional, but still useful. W3C uses about the same colors for codes */
p { color: #727272; }
 
/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0; }
 
.clearfix { display: inline-block; }
 
/* for IE/Mac */
html[xmlns] .clearfix { display: block; }
 
/* CONTENT */
body {
	background-image: url(images/body_back.gif);
	background-position: Top Left;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: #fff; }
 
h2, h5 { text-transform: uppercase; }
 
h2, h3, h4 { color: #5D5D5D !important; }
 
h2 {
	background-image: url(images/line_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 0px 0px 7px 0px; }
 
	h2.page { background-image: url(images/line_dot2.gif); }
 
h3, h4 { font-weight: normal; }
 
h2 a, h3 a {
	text-decoration: none;
	color: #5D5D5D !important; }
 
h2 a:hover, h3 a:hover { text-decoration: underline; }
 
h3.comments {
	padding: 0;
	margin: 40px auto 20px ; }
 
h5.rsslink {
	background-image: url(images/rss_icon.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	_margin: -24px 10px 0px 0px; }
 
 
h5.menu_cat {
	padding: 0px 10px 0px 0px;
	margin:8px 0px 0px 0px;
	//margin:-12px 0px 0px 0px; }
 
#top { width: 900px; }
 
div#logo { height: 77px; }
 
img#logo {
	margin-top: 45px;
	margin-left: 37px; }
 
#menu {
	width: 280px;
	float: left;
	color: #767676;
	margin-top: 40px;}
 
	#menu a {
		color: #767676;
		text-decoration: none;
		/*padding: 8px 10px 7px 0px;*/
		padding: 0px 10px 0px 0px; }
		
 
		#menu a:hover { text-decoration: underline; }
 
	#menu li {
		list-style-type: none;
		text-align: right; }
 
 
ul.menu_items {
	padding-right: 87px;
	margin-bottom: 5px;
	margin-left: 0px;
	//margin-top:-30px;}
 
	ul.menu_items li.page_item {
		background-image: url(images/line_dot.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		padding: 6px 0px 5px 0px;
		margin:0px; }
 
	ul.menu_items li.page_item_inner a, ul.menu_items li.cat-item a { color: #ED4C81 !important; }
	
	ul.menu_items li{
		/*padding: 8px 10px 7px 0px;*/
		padding:0px;
		margin:15px 0px -3px 0px; }
 

 
#content {
	width: 620px;
	margin-left: 280px; }
 
.content_pad_left { padding-left: 10px; }
 
#bottom {
	margin-top: 102px;
	width: 620px;
	margin-left: 280px;
	background: url('../images/footer_logo.gif') no-repeat 1.7% top;
	height: 28px;
	text-align: right;
	color: #727272;
	padding-top: 7px;
	font-size: 0.9em; }
 
.post a, .post p a, p.red, p.red a, p.postmetadata a, small a, form a { color: #ED4C81 ; }
 
.post, .commentlist {
	color: #727272;
	margin-bottom: 10px; }
 
.bottom_border {
	background-image: url(images/line_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x; }
 
.post p, .postmetadata, .alt { line-height: 1.8; }
 
.tags { font-size: 0.95em; }
 
.entry ul {	margin-left: 1.15em; }
.entry ul li { text-indent: -.85em; margin-left: .85em; }
.entry ul li:before { content: "\2022\00a0\00a0"; }

/* wp-calendar */
#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%; }
 
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right; }
 
	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left; }
 
	#wp-calendar a {
		display: block;
		text-decoration: none; }
 
		#wp-calendar a:hover {
			background: #e0e6e0;
			color: #333; }
 
	#wp-calendar caption {
		color: #999;
		font-size: 16px;
		text-align: left; }
 
	#wp-calendar td {
		color: #ccc;
		font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
		letter-spacing: normal;
		padding: 2px 0;
		text-align: center; }
 
		#wp-calendar td.pad:hover { background: #fff; }
 
		#wp-calendar td:hover, #wp-calendar #today {
			background: #eee;
			color: #bbb; }
 
	#wp-calendar th {
		font-style: normal;
		text-transform: capitalize; }
 
/* end wp-calendar */
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px; }
 
.commentlist {
	padding: 0;
	text-align: justify; }
 
	.commentlist li {
		margin: 15px 0 3px;
		padding: 5px 10px 3px;
		list-style: none; }
 
	.commentlist p { margin: 10px 5px 10px 0; }
 
#commentform p { margin: 5px 0; }
 
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0; }
 
.commentmetadata {
	margin: 0;
	display: block; }
 
/* End Comments */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
 
acronym, abbr { border-bottom: 1px dashed #999; }
 
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd; }
 
	blockquote cite {
		margin: 5px 0 0;
		display: block; }
 
.center { text-align: center; }
 
.hidden { display: none; }
 
hr { display: none; }
 
a img { border: none; }
 
.navigation {
	display: block;
	text-align: left; }
 
/* End Various Tags & Classes*/
/* Captions & aligment */
.aligncenter,
 
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; }
 
.alignleft { float: left; }
 
.alignright { float: right; }
 
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }
 
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none; }
 
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0; }
 
/* End captions & aligment */
/*	Using 'class="alignright"' on an image will (who would've
 
	thought?!) align the image to the right. And using 'class="centered',
 
	will of course center the image. This is much better than using
 
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto; }
 
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline; }
 
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline; }
 
.alignright { float: right; }
 
.alignleft { float: left }
 
/* End Images */

/* Social */
a.facebook {
	background: transparent url(images/facebook_16.png) right center no-repeat;
	display: block;
	margin-right: 10px;
	padding-right: 26px!important;
	height: 16px; }	
a.flickr {
	background: transparent url(images/flickr_16.png) right center no-repeat;
	display: block;
	margin-right: 10px;
	padding-right: 26px!important;
	height: 16px; }	
a.vimeo {
	background: transparent url(images/vimeo_16.png) right center no-repeat;
	display: block;
	margin-right: 10px;
	padding-right: 26px!important;
	height: 16px; }	
/* End Social */

.center { text-align: center; }
 
.clear { clear: both; }
 
.postmetadata { /*	clear: both;*/ }
 
.widecolumn .post { margin: 0; }
 
.narrowcolumn .postmetadata { padding-top: 5px; }
 
.widecolumn .postmetadata { margin: 30px 0; }
 
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px; }
 
.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px; }