/*   
Theme Name: Vilepress
Theme URI: http://www.vileworks.com
Description: Custom theme for VileWorks.com
Author: Stefan Matei
Author URI: http://www.vileworks.com
Version: 1.0
.
All rights reserved.
.
*/
body, html {
	background:#eaebec url(css/img/bg.png) top center repeat-y;
}
body {
	margin:0;
	display:table;
	width:100%;
	font-size:14px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}
hr {
	height:1px;
}
a {
	color:#25456b;
}
	a:hover {
		text-decoration:underline;
	}
	a:active {
		padding-top:1px;
	}
blockquote, q {
	color:#666;
	font-family: Georgia, serif;
	font-style:italic;
}
blockquote:before {
	color: #bbb;
	content: '\201C';
	font-family: Georgia, serif;
	font-size: 5em;
	font-weight: bold;
	line-height: 0px;
	margin: 20px 0px 5px -40px;
	vertical-align: bottom;
	float:left;
}
blockquote:after {
	color: #bbb;
	content: '\201D';
	font-family: Georgia, serif;
	font-size: 5em;
	font-weight: bold;
	line-height: 0px;
	margin: -20px -20px 0px 0px;
	vertical-align: bottom;
	float:right;
}
q:before {
	color: #999;
	content: '\2018';
	font-family: Georgia, serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 0px;
}
q:after {
	color: #999;
	content: '\2019';
	font-family: Georgia, serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 0px;
}

@font-face {
	font-family: 'Museo300';
	src: url('css/fonts/Museo300-Regular.eot');
	src: local('Museo 300'), 
		local('Museo-300'), 
		url('css/fonts/Museo300-Regular.otf') format('opentype'), 
		url('css/fonts/Museo300-Regular.svg#Museo-300') format('svg');
}

h2, h3, h4 {
	font-family: 'Museo300', "Palatino Linotype", Georgia, "Times New Roman", serif;
	color:#333;
}
	h2 a {
		text-decoration:none;
	}
label:hover {
	cursor:pointer;
}
.more-link {
	float:right;
	margin-left:15px;
}
.info {
	color:#666;
	font-size:0.8em;
}
.highlighted, .more-link {
	text-decoration:none;
	color:#c6043b;
}
	a.highlighted:hover, .more-link:hover {
			text-decoration:underline;
			color:#c6043b;
	}
	.storycontent a.highlighted {
		text-decoration:underline;
	}
.pagination1 {
	float:left;
}
.pagination2 {
	float:right;
}
.pagination1 a, .pagination2 a {
	text-decoration:none;
}
.footer a, .sidebar a, .post-bottom a {
	text-decoration:none;
}
.footer a:hover, .sidebar a:hover, .post-bottom a:hover {
	text-decoration:underline;
}
span.amp {
	font-family: "Goudy Old Style","Palatino","Book Antiqua",serif;
	font-style: italic;
}

/* Header */
.header {
	background:#000 url(css/img/header.png) bottom center repeat-x;
	color:#aaa;
	margin:0;
	height:229px;
	width:100%;
	text-shadow:0px 1px 0px #30373F;
}
	.header a{
		color:#ddd;
		text-decoration:none;
	}
	.header ul {
		float:left;
		margin:0;
		padding:0;
		display:block;
		margin-left:-1em;
	}
		.header li {
			float:left;
			list-style:none;
			display:block;
			line-height:57px;
			margin:0;
			padding:0;
		}
		.header li a {
			margin:0;
			padding:0;
			padding-right:1em;
			padding-left:1em;
			
			display:block;
		}
		
		/* General hover/active effect */
		.header li a:hover, .header li a:active, .header li.current_page_item a {
			background:url(css/img/menu-item.gif) top center no-repeat;
			color:#ba3fe7;
		}

		/* Specific hover/active effects */

			/* home */
			.header li.menu-home a:hover, .header li.menu-home a:active, .header li.menu-home a:focus, .header li.menu-home.current_page_item a {
				color:#c6043b; background:url(css/img/menu-item-home.gif) top center no-repeat;
			}

			/* portfolio */
			.header li.page-item-5 a:hover, .header li.page-item-5 a:active, .header li.page-item-5 a:focus, .header li.page-item-5.current_page_item a {
				color:#ad6423; background:url(css/img/menu-item-blog.gif) top center no-repeat;
			}

			/* services */
			.header li.page-item-7 a:hover, .header li.page-item-7 a:active, .header li.page-item-7 a:focus, .header li.page-item-7.current_page_item a {
				color:#149403; background:url(css/img/menu-item-services.gif) top center no-repeat;
			}

			/* about */
			.header li.page-item-3 a:hover, .header li.page-item-3 a:active, .header li.page-item-3 a:focus, .header li.page-item-3.current_page_item a {
				color:#037794; background:url(css/img/menu-item-about.gif) top center no-repeat;
			}

			/* contact */
			.header li.page-item-4 a:hover, .header li.page-item-4 a:active, .header li.page-item-4 a:focus, .header li.page-item-4.current_page_item a {
				color:#3671d2; background:url(css/img/menu-item-contact.gif) top center no-repeat;
			}

			
		#searchform {
			margin:0;
			padding:0;
			
			float:right;
		}
			#search{
				background:url(css/img/search.png) top left no-repeat;
				width:216px;
				height:20px;
				margin-top:16px;
				padding-left:6px;
				padding-top:5px;
				border:none;
				color:#7a7367;
			}
			.search-button {
				display:none;
			}
	.header {
	}
	.header h1 {
		margin:auto;
		display:block;
		float:left;
		margin-top:10px;
		background:url(css/img/logo1.png) left center no-repeat;
	}
		.header h1 a {
			float:left;
			width:484px;
			height:160px;
			display:block;
			text-indent:-99999em;
			overflow:hidden;
			background:url(css/img/logo2.png) left center no-repeat;
		}
		

/* Content */
.tag a {
	background:url(css/img/tag.gif) left no-repeat;
	padding-left:15px;
	margin-right:15px;
	color:#999;
	text-decoration:none;
	font-size:0.80em;
}
	.tag a:hover {
		text-decoration:none;
		color:#333;
		background:url(css/img/tag-dark.gif) left no-repeat;
	}
.content .tag {
	
}
.posttitle {
	line-height:1em;
}
.storycontent {
	margin-top:1em;
}

.wp-caption {
	border:solid 1px #cfcfcf;
	box-shadow: 		1px 1px 3px #cdcdcd;
	-moz-box-shadow: 	1px 1px 3px #cdcdcd;
	-webkit-box-shadow: 1px 1px 3px #cdcdcd;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	
	padding:10px;
	padding-right:0;
	padding-bottom:0;
	margin-bottom: 1.5em;
	
	font-family: Georgia, serif;
	font-style:italic;
}
.wp-caption img {
	margin:none;
}
.wp-caption p {
	text-align: center;
	margin:5px 10px 5px 0;
}

.post-bottom {
	text-align:right;
	margin-bottom:2em;
}

/* Comments */
.commentlist {
	margin:0;
}
li.comment {
	list-style:none;
	display:block;
	float:left;
	padding-top:1.5em;
	border-bottom:solid 1px #cfcfcf;
	width:100%;
}
li.comment .commentmetadata {
	font-size:0.9em;
}
li.author {
	background:#dfdfdf;
	margin-left:-30px;
	padding-left:30px;
}
	li + li.author {
		border-top:solid 1px #cfcfcf;
		margin-top:-1px !important;
	}

/* ----------------------------------------------------------- DAMN GRAVATARS --------------------------*/
.gravatar {
	float:left;
	margin-left: -20px;
	margin-right: 10px;
	margin-top:5px;
	display:inline;

	padding:2px;
	padding-bottom:12px;
	border: solid 1px 	#dfdfdf;
/*
	border-right-color:	#bfbfbf;
	border-bottom-color:#bfbfbf;
*/
	background:#fff;	

	box-shadow: 		1px 2px 2px rgba(0,0,0,0.07);
	-moz-box-shadow: 	1px 2px 2px rgba(0,0,0,0.07);
	-webkit-box-shadow:	1px 2px 2px rgba(0,0,0,0.07);

	-webkit-transform: 	rotate(-6deg);
	-moz-transform: 	rotate(-6deg);
	transform: 			rotate(-6deg);
}
	/* 1st, 4th, 7th, 10th... */
	li:nth-child(3n+1) .gravatar {
		-webkit-transform: 	rotate(2deg);
		-moz-transform:		rotate(2deg);
		transform:			rotate(2deg);
	}
	/* 2nd, 5th, 8th, 12th...  */
	li:nth-child(3n+2) .gravatar {
		-webkit-transform:	rotate(-3deg);
		-moz-transform:		rotate(-3deg);
		transform:			rotate(-3deg);
	}
	li:hover .gravatar {
		-webkit-transform:	rotate(0deg);
		-moz-transform:		rotate(0deg);
		transform:			rotate(0deg);
	}
	li.author .comment-info .gravatar {
		border:solid 1px #bfbfbf;
		box-shadow: 		1px 2px 2px rgba(0,0,0,0.07);
		-moz-box-shadow: 	1px 2px 2px rgba(0,0,0,0.07);
		-webkit-box-shadow:	1px 2px 2px rgba(0,0,0,0.07);
	}
.comment-info {
	float:left;
	width:170px;
	margin-right:10px;
	overflow:hidden;
	padding-bottom:21px;
	margin-left:-30px;
	padding-left:30px;
}
	li.author .comment-info {
		
	}
	li.comment .comment-info a {
		text-decoration:none;
	}
	li.trackback {
		font-size:80%;
		color:#999;
		padding-top:0.5em;
	}
	li.trackback p {
		margin-bottom:0.5em;
	}
	li.trackback a {
		text-decoration:none;
	}
.comment-text{
	float:left;
	width:420px;
}
.reply-to {
	float:right;
	margin:0;
	margin-right:2px;
	height:16px;
	width:16px;
	display:block;
	visibility:hidden;
}
	* html .reply-to { visibility:visible; }
	li:hover .reply-to { visibility:visible; }
#commentform {
	padding:0;
}
textarea#comment {
	width:617px;;
	border:solid 1px #7F9DB9;
}
.subscribe-comments {
	float:left;
}
#submit {
	float:right;
	margin-bottom:2em;
}
.wmd-preview {
	clear:both;
	float:left;
	width:100%;
}

/* Sidebar */
.sidebar {
	float:right !important;
}
.sidebar > ul {
list-style:none;
margin:0;
}
.sidebar > ul > li {
border-bottom:dashed 1px #ddd;
margin:0;
}
.sidebar > ul > li a {
background:url(css/img/icons/document.gif) no-repeat;
background-position:0 50%;
font-size:0.8em;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
display:block;
}

.wp-tag-cloud {
	margin:0;
}
	.wp-tag-cloud li {
		list-style: none;
		height:2em;
	}
		.wp-tag-cloud li a {
			display:block;
			line-height:28px;
			background:url(css/img/tag.gif) no-repeat;
			background-position:0 50%;
			padding-left:20px;
			border-bottom:dashed 1px #ddd;
		}
			.wp-tag-cloud li a:hover {
				background:url(css/img/tag-dark.gif) no-repeat;
				background-position:0 50%;
				text-decoration:none;
				border-bottom:dashed 1px #999;
			}

.featured {
	display:block;
	float:left;
	clear:both;
	width:100%;
}
	.featured .thumbnail {
		border: 2px solid #fff;
		display:block;
		margin-right:3em;
		float:left;
		overflow:hidden;
		position:relative;
		width:80px;
		height:80px;
		line-height:80px;
		margin-bottom:10px;
		border:1px solid #DFDFDF;
	}
	
		.featured  .thumbnail img {
			position:absolute;
			top:-50px;
			left:-30px;	
			z-index:3;
			padding:2px;
			background:#fff;
			max-width:150px;
			max-height:150px;
		
			border:1px solid #DFDFDF;
			padding:4px;
		}
		* html .thumbnail img {
			/* This is a max-width fix for IE6. This makes the CSS not W3C standard compliant. If valid css is a requirement, comment or remove it. */
			/**
			width: expression(document.body.clientWidth > 152? "150px" : "auto");
			height: expression(document.body.clientHeight > 152? "150px" : "auto");
			/**/
		}
		/* Thumbnail hover state */
		.featured  .thumbnail:hover {
			overflow:visible;
			z-index:1000;
		}
			.featured  .thumbnail:hover img{
				box-shadow: 		2px 2px 1px #eee;
				-moz-box-shadow: 	2px 2px 1px #eee;
				-webkit-box-shadow: 2px 2px 1px #eee;
			}



/* Footer */
.footer {
	font-size:0.80em;
	line-height:2em;
	background: url(css/img/footer.jpg) top center no-repeat;
	min-height:207px;
	padding-top:20px;
	text-shadow:0px 1px 0px #fff;
}
	.footer h2 {
		line-height:1.75em;
		margin-top:0.25em;
	}
	.footer a {
		text-decoration:none;
	}
	.footer a:hover {
		text-decoration:underline;
	}
	.footer ul.menu {
		float:left;
		margin:0;
		padding:0;
	}
		.footer .menu li {
			float:left;
			list-style:none;
		}
		.footer .menu li a {
			padding-right:1em;
		}
		.footer .menu li.current_page_item a {
			color:#000;
		}
	.footer ul {
		margin:0;
		list-style:none;
	}
	.footer .footer-margin {
		margin-top:1.6em;
	}
		.footer img {
			vertical-align:top;
			margin-right:5px;
		}
	.footer hr {
		margin-bottom:4em;
		/**/
		visibility:hidden;
		/**/
	}
	.footer .footer-avatar {
		
	}
	.footer .copyright {
		float:right;
		text-align:right;
	}

	
	
	.last-container:after {content:"";}
	

/* icons */
.magnifyingglass {
	background:url(css/img/icons/magnifyingglass.gif) left no-repeat;
	padding-left: 20px;
}
.bulb {
	background:url(css/img/icons/blub.gif) top left no-repeat;
	padding-left: 20px;
}
.pencil {
	background:url(css/img/icons/pencil.gif) left no-repeat;
	padding-left: 20px;
}
.invisible {
	visibility:hidden;
}
.normal-font {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

/* misc */
/*.a2a_menu_powered_by { display:none !important; }*/
.ad {
	padding:2px;
	border:#dfdfdf solid 1px;
	display:block;
	float:left;
	margin-bottom:10px;
	opacity:0.75;
}
.ad:hover {
	opacity:1;
}

.left {	float:left; }
.right { float:right; }

code {
	white-space: normal;
	color: #100;
	font-size: 12px;
}
pre {
	max-height:600px;
	overflow:auto !important;
	color: #100;
	background-color: #f9f9f9;
	border: 1px solid silver;
	margin: 0 0 1.5em 0;
	overflow: auto;
	font-size: 12px;
}
.wp_syntax pre {
	background:none;
	border:none;
	margin:0;
}

.obnoxious {
	background:#D9043B url("css/img/obnoxious-bg.jpg") right no-repeat;
	border:solid 1px #9F002F; 

	box-shadow: 		0px 1px 3px #777; 
	-moz-box-shadow: 	0px 1px 3px #777; 
	-webkit-box-shadow: 0px 1px 3px #777;

	-moz-border-radius:		10px; 
	-webkit-border-radius:	10px; 

	font-size:0.9em;
	color:#fff;
	text-shadow:1px 1px 0px #1F000A;
	text-decoration:none;
	white-space:no-wrap;
	padding:0.2em 0.5em; 
}
a.obnoxious:hover {
	background:#CF0039;
	box-shadow: 		0px 1px 3px #555; 
	-moz-box-shadow: 	0px 1px 3px #555; 
	-webkit-box-shadow: 0px 1px 3px #555;

	color:#ddd;
	text-decoration:none;
}
a.obnoxious:active {
	box-shadow: 		0px 0px 2px #777; 
	-moz-box-shadow: 	0px 0px 2px #777; 
	-webkit-box-shadow: 0px 0px 2px #777; 

	-border-radius:	10px; 
	-moz-border-radius:	10px; 
	-webkit-border-radius:	10px; 

	color:#fff;	
	text-decoration:none;
	padding:0.2em 0.5em; 
	padding-top:1px;
}
div.sexy-bookmarks {
	float:left;
	margin-left:-10px !important;
}
.addtoany_share_save_container { 
	float:right !important;
	margin-top:30px !important;
	margin-bottom:0px !important;
}

iframe.inframe {
	box-shadow: 1px 1px 6px #ccc;
	-moz-box-shadow: 1px 1px 6px #ccc;
	-webkit-box-shadow: 1px 1px 6px #ccc;
	padding:5px;
	margin-right:-10px;
	bakground:#fff;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
.inframe-loading {
	padding-left:18px;
	background:url("css/img/loading.gif") left no-repeat;
}

#skribitNewSuggestion {
	height:3em;
}
#skribitFooter {
	background:#999;
{