/*
@font-face {
    font-family: 'FutureA';
    src: url('../fonts/future-webfont.eot');
    src: url('../fonts/future-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/future-webfont.woff') format('woff'),
         url('../fonts/future-webfont.ttf') format('truetype'),
         url('../fonts/future-webfont.svg#FutureAMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

html{
	font-size: 100%;
}

body {
	font-family: futura-pt, "Futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:1.5em;
	color: #666666;
	background: #FAFAF9;
	letter-spacing: 0;
/* 	text-rendering: optimizeLegibility; */
/* 	-webkit-font-smoothing: antialiased; */
}

::-moz-selection {
 background:#EFEFEF;
}

::selection {
 background:#EFEFEF;
}
 code::-moz-selection {
 background: #EFEFEF;
}
 code::selection {
 background: #EFEFEF;
}

/* --------------------------------------------

	H*

-------------------------------------------- */

h1, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none !important;
	margin: 0.25ex 0;
	padding: 0.25ex 0;
	letter-spacing: 0.1em;
}
h1 {
	font-size: 2em;
	display: none;
	text-indent: -999px;
	overflow: hidden;
}
h2 {
/* 	font-size: 1.5em; */
	font-size: 3em;
	line-height: 1em;
	clear: both;
/* 	padding: .25em 0; */
	padding: 2em 0 1.5em 0;
}
h3 {
	font-size: 1.5em;
	font-weight: normal;
	clear: both;
	margin: 2.5em 0 1.5em 0;
}

/* --------------------------------------------

	GENERAL LINKS

-------------------------------------------- */

a {
	color: #000;
	outline: none;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear;
}
a:active {
	opacity: .5;
}
a:hover, p a:hover, #footer a:hover {
	color: #FE5C5D;
	border: none;
	outline: none;
	text-decoration: none;
}
#main .entry-content a {
}
:focus {
	-moz-outline-style: none;
}

/* Text elements

-------------------------------------------------------------- */


p {
	margin-bottom:1em;
}
ul {
	margin: 0 0 1em 2.5em;
}
ol {
	margin: 0 0 1em 2.5em;
}
ul {
 list-style:;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom:0;
}
dl {
	margin:0 1.5em;
}
dt {
	font-weight:bold;
}
dd {
	margin-bottom:1em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
	-webkit-hyphens:	none;
	-moz-hyphens:		none;
	hyphens:			none;
}
blockquote {
	font-style: italic;
	margin: 2em;
	-webkit-hyphens:	none;
	-moz-hyphens:		none;
	hyphens:			none;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
pre {
	font:1em Monaco, monospace;
	line-height:1.5em;
	margin-bottom:1.5em;
}
code {
	font:1em Monaco, monospace;
}
abbr, acronym {
	border-bottom:1px dotted #333;
	cursor: help;
}
ins {
	text-decoration:none;
}
sup,  sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}


/* Pullquotes */
#main blockquote.left {
	float: left;
	margin-left:0;
	margin-right:1.25em;
	text-align: right;
	width: 33%;
}
#main blockquote.right {
	float: right;
	margin-left:1.25em;
	margin-right:0;
	text-align: left;
	width: 33%;
}


/* FORMS  */

input, textarea, button {
	font-family: futura-pt, "Futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: .5em 0;
	margin: 0;
	font-weight: normal;
	font-size: 1.25em;
	color: #999999;
	background: none;
	border: none;
	border-bottom: #E0E0E0 1px solid;
}
textarea {
	padding: .75em .5em;
}
fieldset {
	clear: both;
}
textarea {
	margin-top: 0;
	height: 6em;
	width: 600px;
	border: #E0E0E0 1px solid;
}
#sidebar input {
	width: 280px;
	outline: none;
}
input:hover {
	background: none;
	border-bottom: #E0E0E0 1px dashed;
}
textarea:hover {
	background: none;
	border: #E0E0E0 1px dashed;
}
input:focus {
	background: none;
	border-bottom: #FFFF00 1px dashed;
}
textarea:focus {
	background: none;
	border: #FFFF00 1px dashed;
}

input.submit {
	clear: both;
	float: none;
	width: 200px;
	height: 45px;
	padding: 20px;
	text-align: center;
	text-indent: -999px;
	overflow: hidden;
	border: none;
	margin-left: 195px;
	background: url(../images/button_comment_submit.png) no-repeat 0 0;
}
input.submit:hover, input.submit:focus {
	background: url(../images/button_comment_submit.png) no-repeat 0 -45px;
	cursor: pointer;
}
input.submit:active {
	background: url(../images/button_comment_submit.png) no-repeat 0 -90px;
}

/* --------------------------------------------

	GENERAL BLOCKS

-------------------------------------------- */

#container{
/* 	min-width: 950px; removed for @media purposes*/
	margin: 0 auto;
	max-width: 1250px;
	width: auto;
	padding: 0 75px;
}
/* moved to @media
html.touch #container{
	padding: 0 1em;
}
*/
#content {
	padding: 0;
	position: relative;
	background: white;
}
body.home #content{
		background: none;
}
#main {
	display: block;
	float: left;
	clear: left;
	padding-top: 0;
	margin:0;
	width: 100%;
	min-height:300px;
	height:auto !important;
	height:300px;
}
#sidebar {
	display:block;
	clear: both;
	float: right;
}
#footer {
	display:block;
	clear: both;
	padding: 10px 0 40px 0;
	background: #FAFAF9 url(../images/footer_drop.png) no-repeat center top;
	background-size: 100%;
}
#footer:after, #footer #sidebar:after, #footer #sidebar ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footer #sidebar {
	width: 100%;
	padding: 0;
	clear: both;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .1em;
}

#header {
	display: block;
	padding: 0;
	margin-top: 0;
	margin-bottom:0;
	height: 200px;
	position: relative;
	overflow: hidden;
	background: url(../images/header_drop.png) no-repeat center bottom;
	background-size: 100%;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: 	all 200ms ease-out;
	transition: 		all 200ms ease-out;
}
#header:hover{
	height: 320px;
	-webkit-transition: all 320ms ease-in-out;
	-moz-transition: 	all 320ms ease-in-out;
	transition: 		all 320ms ease-in-out;
}
/* --------------------------------------------

	HEADER

-------------------------------------------- */



#header h1 {
	display: block;
	padding: 0;
	margin: 0;
}
#header h1 a {
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	color: #FD0A0C;
	height: 250px;
	width: 600px;
	background: url(../images/masthead.png) no-repeat -10px -100px;
	opacity: .9;
}
#header h1 a:hover {
	opacity: 1;
}
#header h1 a:active {
	opacity: .5;
}
#header p {
}
#header ul {
	border:none;
	height:31px;
	color: #FD0A0C;
	padding: 0;
	margin:0px auto;
	width: 940px;
}

#header #nav{
	position: absolute;
	top: 260px;	
	left: 0;
	height: 125px;
	width: 100%;
}

#header #nav ul{
	background: none;
	margin: 0;
	padding: 0;
	width: 20%;
	float: left;
	margin-right: 0;
}

#header #nav ul li{
	border-top: #fff 1px solid;
	width: 90%;
	margin-right: 10%;
	padding-bottom: 8px;
}
#header #nav ul li a{
	padding: 5px 0;
	display: block;
}
#header #nav ul li.widget_search {
	margin-right: 0;
	margin-left: 0;
	border: none;
	width: 250px;
}
#header #nav ul li.widget_search {
	width: 100%;
}
#menu ul li {
	border:none;
	float:left;
	text-align:left;
}
#menu ul li a {
	border:none;
	padding:8px 13px 0 0;
	text-decoration:none;
}
#menu ul a {
	font-weight: normal;
	font-size: .75em;
	letter-spacing: -1;
	font-style: normal;
}
#blog-description {
	display: none;
}
.ie7 #menu ul a {
	border:none;
	padding:6px 13px 3px 0;
	text-decoration:none;
}

#menu ul .current_page_item a,  #menu ul .current_page_ancestor a,  #menu ul .current_page_parent a {
/*border-bottom-color:#fff; */

}
#menu ul a, #menu ul a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#623C3E;
}
#menu ul li {
	background:none;
}
#menu ul li li {
	background:		#fff;
}
#menu ul li li li {
/*	background:		#FFF;*/

}
#menu ul li:hover, #menu ul li.sfHover,  #menu ul a:focus, #menu ul a:hover, #menu ul a:active {
	background: none;
	color:#FD0A0C;
}
#menu ul li li a:hover {
	color:#623C3E;
}
#menu ul ul {
	border:none;
}
#menu ul li:hover ul,  #menu ul li.sfHover ul {
	top:32px; /* overriding essential styles */
}
#menu ul ul ul {
	margin-top:0;
}
#menu ul ul a {
	border-bottom:none;
	color:#cc0000;
}
#menu ul ul a:hover {
}
#menu ul .page-item-3 {
	display: none;
}

#violator{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 200px;
	width: 415px;
	overflow: hidden;
	

/*
	background: url(../images/fot_banner_Shop_color2.png) center center no-repeat;
	-webkit-transition: 	all 500ms ease-in-out;
	-moz-transition: 		all 500ms ease-in-out;
	-o-transition: 		all 500ms ease-in-out;
	transition: 			all 500ms ease-in-out;
*/
/*
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(25%, #51D677), color-stop(50%, #7672CF), color-stop(90%, #FE5C5D));
	background-image: -webkit-linear-gradient(left, #51D677 25%, #7672CF 50%, #FE5C5D 90%);
	background-image: -moz-linear-gradient(left, #51D677 25%, #7672CF 50%, #FE5C5D 90%);
	background-image: -o-linear-gradient(left, #51D677 25%, #7672CF 50%, #FE5C5D 90%);
	background-image: linear-gradient(left, #51D677 25%, #7672CF 50%, #FE5C5D 90%);
*/
/*
	-webkit-background-size: 400%;
	-moz-background-size: 400%;
	-o-background-size: 400%;
	background-size: 400%;
*/
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-position: right center;
	background-repeat: no-repeat no-repeat;
/* 	background-size: 100% auto; */
}
#violator img{
	width: 100%;
	max-width: 342px;
	max-height: 200px;
	display: inline-block;
}
#violator:hover {
/*
-webkit-transform-origin: 50% 5% 50%;
-webkit-transform: perspective(0) translate3d(5px, 0px, 0px) scale3d(1, 1, 1) rotate3d(0, 0, 1, -4deg);
-webkit-transform-style: preserve-3d;
*/


/* -webkit-transform: perspective(0) translate3d(-1px ,0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 350deg); */

}
#violator:active {
/*
-webkit-transform-origin: 50% 5% 50%;
-webkit-transform: perspective(0) translate3d(5px, 0px, 0px) scale3d(1, 1, 1) rotate3d(0, 0, 0, -4deg);
-webkit-transform-style: preserve-3d;
*/

/*
	-webkit-box-shadow: 1px 1px 1em rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 1px 1px 1em rgba(0, 0, 0, 0.3) inset;
	box-shadow: 1px 1px 1em rgba(0, 0, 0, 0.3) inset;
	opacity: 1;
*/
}

@-webkit-keyframes masked-animation {
  /* line 43, ../sass/_marais.sass */
  0% {
    background-position: top left;
  }

  /* line 46, ../sass/_marais.sass */
  50% {
    background-position: top right;
  }

  /* line 49, ../sass/_marais.sass */
  100% {
    background-position: top left;
  }
}
body.pageid-1469 #violator, body.parent-pageid-1469 #violator{
	display: none;
}



/* --------------------------------------------

	BLOG POSTS

-------------------------------------------- */


.post {
	margin-bottom: 32px;
	margin-left: 0;
	padding-bottom: 45px;
	position: relative;
	width: 100%;
}
body.home #content .post{
	background: white;
	margin-bottom: 25px;
	padding-bottom: 50px;
}

.post-edit-link {
}
#main .entry-meta, #main p, #main ul {
	margin-left: 21.5%;
	margin-right: 21.5%;
}
#main .entry-utility{
	margin-left: 21.5%;
	margin-right: 21.5%;
	margin-top: 20px;
	padding-top: 7px;
	font-size: .75em;
	text-transform: uppercase;
	border-top: 1px solid gainsboro;
/*
	background: url(../images/footer_drop.png) no-repeat center top;
	background-size: 100%;
*/
}
#main .byline{
	text-align: center;
	margin-bottom: 3em;
	font-style: italic;
	-webkit-hyphens:	none;
	-moz-hyphens:		none;
	hyphens:			none;
}
#main .byline a{
	font-style: normal;
}
/*
body.author-dennis #main .entry-utility{
	margin-left: 12px;
}

*/
.singular #main .entry-utility{
	margin-top: 1em;
}
#main blockquote p{
}

#main h1, #main h2 {
	/* width: 100%; */
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-top: 15px;
}
#main h2.page-title{
}
#main h3{
	text-transform: uppercase;
	text-align: center;
		
}
.post h2 {
	line-height: 2.25em;
}
.post p {
/*
	margin-right: 100px;
	width: 500px;
*/
	font-family: adrianne;
	letter-spacing: 0;
}

.post img, #main p.img, .post iframe{
/* 	float: left; */
	margin: 0 auto;
	display: block;
}
.post object{
	clear: both;width: 100%;
}
.post p img, .post .wp-caption img{
	margin-bottom: 12px;
	width: 100%; /*this might be best for an @media rule */
	height: auto;
	max-width: 950px;
}
.post p iframe, .post p object, .post p embed{
	margin-bottom: 12px;
	width: 100%; /*this might be best for an @media rule */
	max-width: 950px;
}
.wp-caption{
	width: 100%!important;
	font-style: italic;
	margin-right: 50%!important;
}


body .post img.size-large, body .post img.size-1250, body .post p.img{
	width: 100%!important;
	height: auto!important;
}
body .post iframe, body .post object, body .post embed{
	width: 100%!important;
}
.post img.hover{
}
.post img.over{
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	-webkit-transition: all 300ms linear;
	-moz-transition: 	all 300ms linear;
	transition: 		all 300ms linear;
}
.post img.over:hover{
	opacity:0;
}

.post p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main .post .entry-title, #main #page-title {
/* 	padding-top: 15px; */
	letter-spacing: 3px;
	font-weight: normal;
	text-align: center;
	width: 78.5%;
	margin-left: 10.75%;
	margin-right: 10.75%;
	text-transform: uppercase;
}
#main .post .entry-title{
	font-size: 1.5em;
	line-height: 1em;
	margin-top: 2em;
	margin-bottom: 0;
	clear: none;
	clear: left;
	float: left;
	padding: 0;
}
.post .entry-categories{
	text-transform: capitalize;	
}
.post .entry-content {
	clear: both;
}
.post .entry-content .sociable{
	margin: 1em 21.5%;
	font-family: adrianne;
	font-style: italic;
	letter-spacing: 0;
}
.post .entry-content .sociable:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.post .entry-content .sociable ul{
}
.post .entry-content .sociable .sociable_tagline{
/* 	margin-left: 15px; */
}
.post .entry-content .sociable .sociable_tagline, .post .entry-content .sociable li{
	float: left;
	margin-right: 5px;
}
.post .entry-utility, .post .entry-utility a, .entry-meta, .more-link {
	margin-bottom: .75em;
	font-size: 1em;
	font-weight: normal;
	color: #D3D3D3!important;
	line-height: 1.5em;
}
.post .more-link {
	text-align: center;
	display: block;
	margin: 0 0 11px 0;
}
.post .entry-utility a:hover, .more-link:hover{
	color: #000!important;
}
/*
.post .post-stats {
	margin: 30px 21.5% 0 21.5%;
	border-top: 1px #C8C8C8 solid;
	text-align: center;
	display: block;
	padding-top: 10px;
}
*/
.archive .post .entry-utility{
	margin-top: 2px;
	font-size: .75em;
	line-height: 1.25em;
}
.more-link{
	margin-bottom: 10px;
}
.post .entry-utility a{
	text-decoration: underline;
}
.post .entry-utility .author a{
	color: #000!important;
	text-decoration: none;
}
.post .entry-utility .author a:hover{
	color: #32D98C!important;
}
body.home .post .entry-utility, body.home .post .sociable {
	filter: alpha(opacity=0); /* MSIE/PC */
	-moz-opacity: 0; /* Mozilla 1.6 and older */
	opacity: 0;
	-webkit-transition: all 250ms linear;
}html.touch body.home .post .entry-utility, body.home .post .sociable {
	opacity: 1;
}
body.home .post:hover .entry-utility, body.home .post:hover .sociable {
	filter: alpha(opacity=100); /* MSIE/PC */
	-moz-opacity: 1; /* Mozilla 1.6 and older */
	opacity: 1;
}

.post .post-stats{
	clear: both;
	float: left;
	display: block;
	position: absolute;
	padding: 1em 1em .75em .75em;
	margin: 2.75em 0 0 -.5em;
	background: white;
	background: rgba(255, 255, 255, .9);
/* 	font-size: 12px; */
	opacity: 0;
	-webkit-transition: all 250ms ease-in-out;
/* 	border-radius: 4px; */
	-webkit-box-shadow: 0.5px 0.5px 2px rgba(153, 153, 153, .4);
	box-shadow: 0.5px 0.5px 2px rgba(153, 153, 153, .4);
	z-index: 2;
}html.touch .post .post-stats{
	opacity: 1;
}

.post:hover .post-stats{
	opacity: 1;
}
.post .post-stats:hover{
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0.5px 0.5px 3px rgba(153, 153, 153, .5);
	box-shadow: 0.5px 0.5px 3px rgba(153, 153, 153, .5);
}


.post-ratings {
	float: left;
	margin-top: 1px;
	vertical-align:bottom;
	width: auto!important;
	padding-left: 18px;
	color: black;
	background: url(../images/icon_like_horns.png) no-repeat -2px -2px;
}
.post-ratings-on:hover{
	background: url(../images/icon_like_horns.png) no-repeat -2px -26px;
	color: #FE5C5D;
/* 	color: #32D98C!important; */
}
.post-ratings-off{
	color: #5BBD84!important;
	background: url(../images/icon_like_horns.png) no-repeat -2px -50px;
	
}
.post-ratings * {
	vertical-align:bottom;
	margin-left: 15px;
}
.post-ratings img {
/* 	display: none; */
	width: 100%;
	height: 24px;
	position: absolute;
	left:0;
	opacity: 0;
}
.post-ratings, .post-ratings-loading {
	display: block;
	position: relative;
	float: left;
	margin-left: 5px;
}
body .post-ratings-loading {
	position: absolute;
	left: 6px;
	top: 20px;
}
.post-ratings, .post-ratings-loading * {
	vertical-align: middle;
	margin-left: 0;
}
.post-ratings-loading{
	width: 16px;
	overflow: hidden;
	text-indent: -999px;
}
.post-ratings-loading img {
/*
	padding-bottom: 4px;
	padding-right: 2px;
*/
}

.comment_count{
	width: auto;
	float: left;
	margin-top: 1px;
	margin-left: 12px;
}
.comment_count a{
	background: url(../images/icon_comments.png) no-repeat 0px 3px;
	padding: 6px 0 2px 20px;
	height: 12px;
	color: black;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.comment_count a:hover{
	background: url(../images/icon_comments.png) no-repeat 0px -21px;
	color: #FE5C5D;
}

.comments_none a{
	background: url(../images/icon_comments.png) no-repeat 0px 3px;
	background-repeat: no-repeat;
	opacity: .7;
}
.comments_some a{
	background: url(../images/icon_comments.png) no-repeat 0px -45px;
	opacity: .7;
}

.comment_count a:hover{
	border: none!important;
	opacity: 1;
}

span.wpfp-span{
	display: none; /* hide for first phase rolloute */
	float: left;
	width:20px;
	height: 20px;
	overflow: hidden;
	margin: 2px 5px 5px 10px;
}
span.wpfp-span a{
	display: block;
	overflow: hidden;
	background: url(../images/icon_favorite_off.png) no-repeat 0 0;
	text-indent: -1000px;
	margin-left: 5px;
}
span.wpfp-span a.wpfp-remove{
	background: url(../images/icon_favorite_on.png) no-repeat 0 0;
}


.entry-meta, .entry-meta a, .entry-utility, .entry-utility a {
/* 	font-size: 100%; */
/* 	letter-spacing: -1; */
	font-style: normal;
}
#nav-below {
	clear: both;
	margin: 0 15px 0 15px;
	padding-bottom: 35px;
}
#nav-below:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#nav-below .nav-next {
	float: left;
}
#nav-below .nav-next a, #nav-below .nav-previous a, #nav-below .nav-rand a {
	display: block;
	height: 25px;
	width: 25px;
	text-indent: -999px;
	overflow: hidden;
	margin: none;
	margin-top: 27px;
	margin-bottom: 15px;
	opacity: .8;
}
#nav-below .nav-next a {
	background: url(../images/button_previous.png) no-repeat 0 0;
}
#nav-below .nav-previous a {
	background: url(../images/button_next.png) no-repeat 0 0;
}
#nav-below .nav-rand a {
	background: url(../images/button_rand.png) no-repeat 0 0;
	margin-right: 5px;
}


#nav-below a:hover {
	border: none;
	opacity: 1;
}
#nav-below a:active {
	opacity: .7;
}
#nav-below .nav-previous, #nav-below .nav-rand {
	float: right;
}
#nav-below .css_link, #nav-below .twitter_link {
	font-weight: normal;
	font-size: .75em;
	letter-spacing: -1;
	font-style: normal;
	padding: 35px 0 5px 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 100%;
	background: #666;
}


/* page navi styling */
.wp-pagenavi {
	clear: none;
	float: left;
	margin: 28px 0 0 20%;
	text-align: center;
	width: 60%;
	opacity: 0;
	-webkit-transition: all 250ms linear;
}
html.touch .wp-pagenavi {
	opacity: 1;
}
#nav-below.navigation:hover .wp-pagenavi{
	opacity: 1;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	color: #000;
	padding: 5px 9px 5px 10px;
	margin: 5px;
	border-radius: 13px;
	font-weight: normal;
	opacity: .5;
	font-size: .75em;
}
.wp-pagenavi a:hover{
	opacity: .65;
	background: #000;
	color: #fff;
}
.wp-pagenavi a:active{
	opacity: .4;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink{
	display: none;
}

.wp-pagenavi span.pages{
	display: none;
}

.wp-pagenavi span.current {
	color: #999;
}
/* end page navi */



#nav-below .css_link{
	left: 100%;
}


#nav-below .css_link a {
	padding: 25px 10px 0 10px;
	color: #FFF;
	opacity: .5;
	background: url(../images/fot_rss.png) no-repeat 10px 0;
}
#nav-below .css_link a:hover {
	border: none;
	opacity: 1;
	background: url(../images/fot_rss.png) no-repeat 10px 0;
}

#nav-below .twitter_link a {
	padding: 25px 18px 0 20px;
	color: #F9F9F9;
	width: 50px;
	height: 30px;
	opacity: .5;
	background: url(../images/fot_twitter_badge.png) no-repeat 5px 0;
}
#nav-below .twitter_link a:hover {
	border: none;
	color: #FFF;
	opacity: 1;
}


/* --------------------------------------------

	COMMENT AREA

-------------------------------------------- */
h3#comments{
	font-size: 1.25em;
	background: none;
	margin-bottom: .75em;
}
#commentform {
	padding: 18px 0 18px 18px;
	border-top: #E0E0E0 1px solid;
}
#commentform h3 {
	font-size: 1.25em;
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
	margin-bottom: .75em;
}
#commentform .cola {
	display: inline-block;
	position: relative;
	width: 300px;
	float: left;
}
#commentform .colb {
	display: inline-block;
	position: relative;
	width: 600px;
	margin-left: 10px;
	float: left;
	clear: right;
}
#commentform label {
	float: left;
	margin-left: 0;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: .75em;
	letter-spacing: -1;
	font-style: normal;
	border: none;
	clear: both;
}
#commentform input, #commentform textarea {
}
#commentform .cola input {
	padding: 10px 0;
	float: left;
	clear: both;
	margin: 0;
	width: 290px;
}
#commentform textarea {
	margin: 0;
	padding: 10px 5px;
	height: 177px;
	float: left;
}
#commentform #submit {
	clear: both;
	float: none;
	width: 308px;
	height: 45px;
	padding-left: 15px;
	text-align: center;
	overflow: hidden;
	border: none;
	color: #333;
	background: #EFEFEF;
	font-weight: normal;
	text-align: left;
	margin-right: 500px;
	margin-left: -18px;
	-webkit-transition: all 250ms linear;
}
#commentform #submit:hover {
	text-shadow: #CCC 1px 2px 2px;
	cursor: pointer;
}
#commentform #submit:active {
	text-shadow: #999 -1px -1px 2px;
}
/* COMMENT LIST */

ol#commentlist {
	margin: 0 0 0 0;
	list-style: none;
}
ol#commentlist:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ol#commentlist li {
	position: relative;
	padding: 30px 0;
}
ol#commentlist li.alt {
	background: #F6F6F6;
}
ol#commentlist li .comment_author {
	float: left;
	top: 15px;
	margin-left: 15px;
	width: 210px;
}
ol#commentlist li p {
	padding: 0;
	margin: 0;
	margin-left: 235px;
	margin-right: 300px;
}
ol#commentlist li .comment_author:after, ol#commentlist li p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* --------------------------------------------

	FOOTER

-------------------------------------------- */
#footer{
	color: #999;
}
#footer p {
	display: block;
	clear: both;
	margin: 30px 20%;
}
#footer a {
	color: #666;
}

#footer #sidebar h2.widgettitle {
	border: none;
}
.widget_categories{
/* 	text-transform: capitalize;	 */
}
#footer #sidebar ul li {
	width: 150px;
	float: left;
	clear: none;
	margin-right: 25px;
	padding-bottom: 8px;
}

#footer #sidebar ul li ul li, #header #nav ul li ul li {
	border-top: #f0f0f0 1px solid;
}
#footer ul li#search-3.widget_search {
	margin-right: 0;
	margin-left: 25px;
	width: 20%;
}
#footer ul li#search-3.widget_search {
	margin-left: 0;
}
#sidebar ul{
	width: 100%;
}
#footer #sidebar ul li{
	width: 20%;
	margin-right: 0;
}
#footer #sidebar ul ul li {
	width: 90%;
	margin-right: 10%;
}
#footer #sidebar ul ul{
	width: 100%;
}

#footer #sidebar ul li.tdomf_theme_widget_submitters, #footer #sidebar ul li#text-3 {
	margin-right: 0;
}


/* FOOTER BANNERS */
#footer #sidebar ul#banners{
	margin-top: 15px;
}

#footer #sidebar ul li.banner{
	height: auto;
	width: 38%!important;
	margin-right: 2%!important;
	padding: 0!important;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
}
#footer #sidebar ul li.banner a{
	display: block;
	position: relative;
}
#footer #sidebar ul li.banner a img.dn{
	position: absolute;
	top: 0;
	left: 0;
}
#footer #sidebar ul li.banner.last{
	height: auto;
	width: 20%!important;
	margin-right: 0!important;
}
#footer #sidebar ul li.banner img{
	-webkit-transition: all 200ms linear;
	width: 100%;
}
#footer #sidebar ul li.banner:hover{
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
}
#footer #sidebar ul li.banner:active{
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 5px;
}

#footer #sidebar ul li.banner:hover img.dn{
	opacity: 0;
}

#footer #sidebar ul li#paf{
}
#footer #sidebar ul li#pid{
}
#footer #sidebar ul li#ffh{
}

/* --------------------------------------------

	SIDEBAR

-------------------------------------------- */

#sidebar {
	border: none;
	padding: 0;
	line-height: 1.5em;
}
h2.widgettitle, ol#commentlist li .comment_date {
	font-weight: normal;
	font-size: 1em;
/* 	letter-spacing: .1em; */
	text-transform: uppercase;
	font-style: normal;
	border: none;
	border-top: #999999 1px solid;
}
ol#commentlist li .comment_date {
	border: none;
}
ol#commentlist li .comment_date:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#sidebar ul {
	padding: 0;
	list-style: none;
	padding-left:0;
	margin-left:0;
}
#sidebar ul li {
	padding-bottom: 18px;
}
#sidebar ul li ul li {
	padding-bottom: 5px;
}
/*

FORM STUFF

*/

.submit{
	-webkit-transition: all 250ms linear;

}

.submit:hover, .submit:focus {
	background: #FD0A0C url('images/submit_button_big.jpg') repeat-x 0 -30px;
	border-bottom: none;
}
.submit:active {
	background: #D5080A url('images/submit_button_big.jpg') repeat-x 0 -60px;
}
#searchform input {
	height: 45px;
	clear: none;
	float: left;
	margin: 0;
}
#searchform #s {

}
form{
	width: 100%;
}
#searchform #s {
	background: none;
	border: none;
	border-top: 1px white solid;
	width: 175px;
	height: 1.45em;
	padding: 0;
	padding-left: 15px;
	padding-top: 10px;
	margin: none;
	width: 100%;
	padding-top: 2px;
	font-size: 1em;
	padding-left: 0;
}
#header #searchform #s{
	padding-top: 6px;
}
#footer #searchform #s{
	border-top: 1px #efefef solid;
}
#searchform #s:hover, #searchform #s:active, #searchform #s:focus{
	color: black;
}
#searchform label {
	display: none;
}
#searchform #searchsubmit {
/*
	content: "OK";
	width: 60px;
	border: none;
	margin: none;
	color: #333;
	background: #EFEFEF;
	text-shadow: #999 1px 1px 2px;
	font-weight: normal;
	text-align: center;
	border-left: #E0E0E0 solid 1px;
	-webkit-transition: all 250ms linear;
*/
	display: none;
}
#searchform #searchsubmit {
	width: 24%;
}
#searchform #searchsubmit:hover {
	text-shadow: #999 2px 2px 2px;
	cursor: pointer;
}
#searchform #searchsubmit:active {
	text-shadow: #999 -1px -1px 2px;
}
input, textarea, select {
	outline:0 none;
}
label {
	float: left;
	margin-left: 0;
	padding-bottom: 10px;
	font-weight: normal;
	letter-spacing: -1;
	font-style: normal;
	border: none;
	clear: both;
}
/* --------------------------------------------

	PAGE SPECIFIC

-------------------------------------------- */
body.archive #grid{
	width: 100%;
}
body.archive .row{
	clear: both;
	min-height:314px;
}
body.archive .row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html body.archive .post{
	position: relative;
	width: 18.25%;
	margin: 1.5% 0 1.5% 1.5%;
/*//masonry margins
 	margin: -2% -50% -55% -1.5%; */
	height: auto;
	padding: 0;
	overflow: hidden;
	float: left;
	background: white;
	-webkit-transition: all 150ms ease-in-out, z-index 200ms ease-in-out;
	-moz-transition: all 150ms ease-in-out, z-index 200ms ease-in-out;
}
html.csstransforms body.archive .post{
	width: 36%;
	min-height: 40%;
	margin: -1% -9.25% -18% -7.25%;
	-webkit-transform-origin-y: 0;
	-webkit-transform: 	translate(0, 50px) scale3d(.5,.5,.5);
	-moz-transform: scale(.5,.5);
	-moz-transform-origin: top center;
	transform: scale3d(.5,.5,.5);
	transform-origin-y: top;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition-property:		all,			z-index,		min-height, 	box-shadow;
	-webkit-transition-duration:		60ms, 			60ms,			500ms;
	-webkit-transition-timing-function:	ease-in-out,	ease-in,		ease-in,		ease-out;
	-webkit-transition-delay:			0, 				0, 				0;
}
html body.archive .post:hover{
/* fake zoom with margins
	width: 21.25%;
	margin: -.5% -1.5% -.5% 0;
*/	
/*
	width: 22.25%;
	margin: -.6% -2.25% -.6% -.5%;
*/
/*
	width: 26.25%;
	margin: -2.6% -4.25% -2.6% -2.5%;
*/
}
html.csstransforms body.archive .post:hover{
/*
	-webkit-transform: scale(1,1) translateY(0);
	-moz-transform: scale(1,1) translateY(0%);
	transform: scale(1,1);
*/
	z-index: 100;
/*
	-moz-transition: 	all 100ms ease-in-out, z-index 0ms ease-in-out, min-height 0 ease-in-out;
	-webkit-transition: all 100ms ease-in-out, z-index 0ms ease-in-out, min-height 0 ease-in-out;
*/
	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale(1,1);
	transform: scale3d(1,1,1);
	-webkit-transition-property:		all,			z-index,		min-height;
	-webkit-transition-duration:		120ms, 			0, 				0;
	-webkit-transition-timing-function:	ease-in-out,	ease-in-out,	ease-in-out;
	-webkit-transition-delay:			0, 				0, 				0;
	min-height: 238px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}html.csstransforms.no-touch body.archive .post:hover{
	-webkit-box-shadow: 0px 0px 500px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 500px rgba(0, 0, 0, 0.25);
	border: none;
}

html.csstransforms body.archive .post.p1:hover, html.csstransforms body.archive .post.p6:hover, html.csstransforms body.archive .post.p11:hover, html.csstransforms body.archive .post.p16:hover, html.csstransforms body.archive .post.p21:hover, html.csstransforms body.archive .post.p26:hover{
	-webkit-transform: 	translate(10%, 0%) scale3d(1,1,1);
	-moz-transform: 	scale(1,1) translateY(0%) translateX(10%);
}html.csstransforms.touch body.archive .post.p1:hover, html.csstransforms.touch body.archive .post.p6:hover, html.csstransforms.touch body.archive .post.p11:hover, html.csstransforms.touch body.archive .post.p16:hover, html.csstransforms.touch body.archive .post.p21:hover, html.csstransforms.touch body.archive .post.p26:hover{
	-webkit-transform: 	translate(15%, 0%) scale3d(1,1,1);
	-moz-transform: 	scale(1,1) translateY(0%) translateX(15%);
}


html.csstransforms body.archive .post.p5:hover, html.csstransforms body.archive .post.p10:hover, html.csstransforms body.archive .post.p15:hover, html.csstransforms body.archive .post.p20:hover, html.csstransforms body.archive .post.p25:hover, html.csstransforms body.archive .post.p30:hover{
	-webkit-transform: 	translate(-10%, 0%) scale3d(1,1,1);
	-moz-transform: 	scale(1,1) translateY(0%) translateX(-10%);
}html.csstransforms.touch body.archive .post.p5:hover, html.csstransforms.touch body.archive .post.p10:hover, html.csstransforms.touch body.archive .post.p15:hover, html.csstransforms.touch body.archive .post.p20:hover, html.csstransforms.touch body.archive .post.p25:hover, html.csstransforms.touch body.archive .post.p30:hover{
	-webkit-transform: 	translate(-15%, 0%) scale3d(1,1,1);
	-moz-transform: 	scale(1,1) translateY(0%) translateX(-15%);
}


body.archive .post img.thumbnail{
	height: auto!important;
	width: 100%!important;
}
body.archive .post{
	height: auto;
}
body.archive .post [class*=h-1]{
	padding-bottom: 80px;
/* 	height: 200px; */
}
body.archive .post a img:hover{
/* 	cursor: url(../images/Enlarge.cur), -webkit-zoom-in; */
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}
body.archive .post.p1, body.archive .post.p2, body.archive .post.p3{
}
body.archive .post p, body.archive #main .entry-utility{
	margin-right: 15px!important;
	margin-left:0;
	display: none;
}

body.archive .post .shade{
	width: 100%;
	background: #F9F9F9;
	z-index: 150;
	-webkit-transition: all 300ms ease-in-out;
}

body.archive .post:active{
/*
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 5px;
*/
}
body.archive #main .post .entry-title{
/* 	font-size: 12px; */
	font-size: 1em;
	line-height: 1.25em;
	width: 100%;
	padding: 0;
	margin: 15px 0;
	float: left;
	clear: both;
	opacity: 0;
	-webkit-transition: all 250ms ease-in-out;
/* 	min-height: 70px; */
}html.touch body.archive #main .post .entry-title{
/* 	opacity: 1; */
}
body.archive #main .post:hover .entry-title{
	opacity: 1;
}

body.archive .post-ratings, body.archive .post-ratings-loading{
/*
	clear: left;
	margin-right: 15px;
*/
}
body.archive .post-ratings, body.archive .post-ratings-loading, body.archive .comment_count{
/*
	margin-top: 0;
	margin-left: 0;
*/
}
body.archive .post .post-stats{
/* 	position: absolute; */
	top: 5px;
	left: 5px;
/* 	clear: both; */
/* 	display: block; */
/* 	padding: 3px 13px 5px 12px; */
	margin: 0;
/*
	background: white;
	background: rgba(255, 255, 255, .9);
*/	font-size: .75em;
	opacity: 0;
	-webkit-transition: all 250ms ease-in-out;
/* 	border-radius: 4px; */
	-webkit-box-shadow: 0.5px 0.5px 2px rgba(153, 153, 153, .4);
	box-shadow: 0.5px 0.5px 2px rgba(153, 153, 153, .4);
	z-index: 2;
}html.touch body.archive .post .post-stats {
/* 	opacity: 1; */
}
body.archive .post:hover .post-stats{
	opacity: 1;
}
body.archive .post .post-stats:hover{
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0.5px 0.5px 3px rgba(153, 153, 153, .5);
	box-shadow: 0.5px 0.5px 3px rgba(153, 153, 153, .5);
}
body.archive .comments_count a, body.archive .comments_none a, body.archive .comments_some a {
	background: url(../images/icon_comments.png) no-repeat 0 0;
}
body.archive .comments_count:hover a, body.archive .comments_none:hover a, body.archive .comments_some:hover a {
	background: url(../images/icon_comments.png) no-repeat 0px -24px;
}

body.archive .entry-utility{
	margin-right: 15px;
	margin-top: 5px;
	float: left;
	clear: both;
}
img.wpfp-img{
	display: none;
}
/* BIO PAGE TEMPLATE */
body.page-bios #page-title{
	display: none;
}

body.page-bios div.bio{
	width: 49%;
	float: left;
	clear: none;
	margin-bottom: 30px;
/* 	background: white!important; */
}
body.page-bios div.bio.even{
	margin-left: 10px;
	clear: right;
	float: right;
}
body.page-bios div.bio.odd{
	clear: left;
}
body.page-bios div.bio div.latest{
	clear: both;
	width: 100%;
}
body.page-bios div.bio div.latest img{
	width: 100%;
}
body.page-bios .biopic{
	float: left;
	width: 5em;
	height: 5em;
	margin: 1em;
	background-size: 100%;
}
body.page-bios #main h2{
	font-size: 1.5em;
	font-weight: normal;
	clear: right;
	padding: 0!important;
	margin-left: 115px;
	margin-top: 1.75em;
	margin-bottom: 1.5em;
	text-align: left;
}
body.page-bios div.bio p, body.page-bios div.bio ul{
	display: block;
	margin-right: 10px!important;
	margin-left: 115px!important;
	width: 66%;
	font-family: adriane;
}
body.page-bios #aaron div.biopic{
	background: url(../images/biopic_aaron.jpg) no-repeat 0 0;
}
body.page-bios #erik div.biopic{
	background: url(../images/biopic_erik.jpg) no-repeat 0 0;
}
body.page-bios #jason div.biopic{
	background: url(../images/biopic_jason.jpg) no-repeat 0 0;
}
body.page-bios #dennis div.biopic{
	background: url(../images/biopic_dennis.jpg) no-repeat 0 0;
}

/* RANDOM PAGE TEMPLATE */
body.page-random .wp-pagenavi, body.page-random .nav-next, body.page-random .nav-previous{
	display:none;
}


/* --------------------------------------------

	IE WARNING

-------------------------------------------- */



#ie-warning {
	background: #FFFFE1 url(../images/ie_warning.gif) no-repeat 5px 50%;
	margin: 0;
	padding: 7px 10px 7px 30px;
	border-bottom: 1px solid #767E85;
}
body.ie8 #ie-warning {
	display: none;
}
#ie-warning p {
	margin: 0;
	font: 12px/1 Arial;
	color: #000;
}
#ie-warning p a {
	color: blue;
	text-decoration: underline;
}
#ie-warning p a:hover {
	color: red;
}
#footer #sidebar ul li#tdomf-top-submitters.widget.tdomf_theme_widget_submitters ul li {
	width: 90px;
	margin: 0 10px 2px 0;
}

.colophon {
	background: none;
	background-size: 100%;
	padding-bottom: 5em;
}
.colphon:hover{
/* 	background: url(../images/header_drop.png) no-repeat center bottom; */
}
.colophon div{
	background: url(../images/footer_drop.png), url(../images/header_drop.png);
	background-repeat: no-repeat;
	background-position: top center, bottom center;
	background-size: 100%;
	padding: 0;
	margin: 1em 0;
	height: 0;
	opacity: 0;
	overflow:hidden;
	-webkit-transition: all 500ms ease-in, opacity 1000ms ease-in-out;
	
}
.colophon:hover div{
	height: 25em;
	padding: 1em 0 0 0;
	opacity: 1;
	-webkit-transition: all 500ms ease-in, opacity 50ms ease-out;
}
.colophon h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin-left: 20%;
}
.colophon h4{
	margin-left: 20.5%;
	font-family: futura-pt;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.colophon dl{
	font-family: adriane;
	margin-left: 0;
}
.colophon dt{
	float: left;
	font-weight: normal;
	width: 18.5%;
	text-align: right;
}
.colophon dd{
	margin-left: 20.5%;
	margin-bottom: .5em;
	font-style: italic;
}


/* WORK */

body.page-work header, body.page-work footer{
	background: none;
}

body.page-work .h2{
	text-align: center;
	margin: 30px;
	font-weight: normal;
}
body.page-work #main{
	background: none;
}
body.page-work .article{
	position: relative;
	width: 32%;
	height: auto;
	padding: 0;
	margin: 0;
	margin-top: 25px;
	overflow: hidden;
	float: left;
	background: #F9F9F9;
	-webkit-transition: all 150ms ease-in-out;
}
body.page-work .article.p2, body.page-work .article.p5, body.page-work .article.p8, body.page-work .article.p11, body.page-work .article.p14, body.page-work .article.p17{
/*
	margin-left: 2%;	
	margin-right: 2%;	
*/
}
body.page-work .article.p3, body.page-work .article.p6, body.page-work .article.p9, body.page-work .article.p12, body.page-work .article.p15, body.page-work .article.p18{
	float: right;
}
body.page-work .article img.thumbnail{
	height: auto!important;
	width: 100%!important;
/* 	margin-left: -20%; */
}
body.page-work .article{
	height: auto;
}

body.page-work .article.p1, body.page-work .article.p2, body.page-work .article.p3{
	margin-top: 0;
}
body.page-work .article p, body.page-work #main .entry-utility{
	margin-right: 15px!important;
}
body.author-dennis #main .entry-utility{
	margin-right: 0!important;
}

.work .shade{
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #F9F9F9;
	opacity: 1;
	z-index: 150;
	-webkit-transition: all 300ms ease-in-out;
}

body.page-work .article:hover .shade{
	opacity: 1;
	box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
}
body.page-work .article:hover{
}

body.page-work .article:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
}
body.page-work .article:active{
	box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 5px;
}
body.page-work .post h2.entry-title{
/* 	font-size: 12px; */
	font-size: 1em;
	line-height: 1.25em;
	padding: 0;
	margin: .75em .25em;
	float: left;
	clear: both;
	opacity: 0;
	-webkit-transition: all 250ms ease-in-out;
/* 	min-height: 70px; */
}
body.page-work .post:hover h2.entry-title{
	opacity: 1;
}
body.page-work .article-ratings, body.page-work .article-ratings-loading{
	clear: left;
	margin-left: 0;
	display: none;
}
body.page-work .article-ratings, body.page-work .article-ratings-loading, body.page-work .comment_count{
	margin-top: 7px;
}
body.page-work .article-stats{
	float: right;
	margin-right: 15px;
}
body.page-work .entry-utility{
	margin-right: 15px;
	margin-top: 5px;
	float: left;
	clear: both;
}

/* SLIDESHOWS FOR WORK AND ENGAGEMENTS */
div.slideshow{
	position: relative;
	width: 100%;
	float: left;
	height: 600px;
	overflow: hidden;
}
div.slides{
	position: relative;
/* 	width: 100%; */
	float: left;
}
div.slides img{
/* 	width: 100%!important; */
/* 	height: auto; */
	height: 700px!important;
}
div.slidenav{
	position: absolute;
	top: 0;
	height: 100%;
	width: 25%;
	z-index: 5;
}
div.slidenav:hover{
/* 	-webkit-box-shadow:  */
}
div.slidenav:active{

}
div.nextslide{
	right: 0;
}
div.prevslide{
	left: 0;
}
div.slidenav span{
	margin: 20px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-top: 250px;
	background: white;
}
div.slidenav:hover span{
	color: black;
}
div.nextslide span{
	float: right;
}
div.prevslide span{
	float: left;
}

/* --------------------------------------------

	POST SPECIFIC!! 

-------------------------------------------- */
.slug-no-dot-no-stop a#hoverarea:hover img{
	display: none;
} 
.slug-no-dot-no-stop a#hoverarea {
	display: block;
	height: 400px;
	width: 950px;
	background: url(../images/fot_massimo_mess.gif) no-repeat top left;
}

/* owens owns it */
#post-3963 a#hoverarea:hover img{
	display: none;
} 
#post-3963 a#hoverarea {
	display: block;
	height: 547px;
	width: 950px;
	background: url(../images/MO_8_COLOR_sm.png) no-repeat top left;
/*
	background-size: 100%;
	-moz-background-size: 100%;
*/
}

/* Wish line */
#post-5226 a#hoverarea img{
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		transition: all 300ms linear;
		opacity: 100;
}
#post-5226 a#hoverarea:hover img{
	opacity: 0;
} 
#post-5226 a#hoverarea:active{
	opacity: 1;
}
#post-5226 a#hoverarea {
	display: block;
	height: 991px;
	width: 950px;
	background: url(http://friendsoftype.com/wp-content/uploads/2010/12/FOT_E_TALLER_06M_1-950x991.jpg) no-repeat top left;
/*
	background-size: 100%;
	-moz-background-size: 100%;
*/
}

/* Yes No */
/*
#post-5318 a#hoverarea img{
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		transition: all 300ms linear;
		opacity: 100;
}
#post-5318 a#hoverarea:hover img{
	opacity: 0;
} 
#post-5318 a#hoverarea:active{
	opacity: 1;
}
#post-5318 a#hoverarea {
	display: block;
	height: 950px;
	width: 950px;
	background: url(http://friendsoftype.com/wp-content/uploads/2011/01/no-950x950.png) no-repeat top left;
}

*/




/* SOCIAL PLUGIN FIXES */
body #social{
	background: none;
	margin: 0 21.5%;
	font-family: adrianne;
	letter-spacing: 0;
}
body #social .social-post {
	font-family: adrianne;
}
body #social .social-nav {
	background: none;
	font-family: adrainne;
	font-size: 1em;
	line-height: inherit;
	list-style: none;
	margin: 0 0 3px;
	padding: 0 0 0 4px;
}

body #social .social-nav li a{
	display: none;
}

body #social #reply-title, body #social .social-nav .social-current-tab {
background: none;
}
body #social h3#reply-title{
	display: none;
}
body #social .social-login{
	-webkit-transition:	none;
	-moz-transition:	none;
	transition:			none;
	margin: 0 15px 5px 15px!important;
}
body #social .social-sign-in-links{
	max-width: 360px;
	width: auto;
}

body #social #reply-title {
	padding-left: 0;
	font-family: futura-pt, "Futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
}

body #social .social-comment-author {
	margin-right: 0;
}

body #social #reply-title span, body #social .social-nav .social-current-tab a {
	background: none;
	color: inherit!important;
/* 	font-family: adriane; */
}

body #social #respond textarea.social-input {
	height: 83px;
	max-width: 96%;
}
#social #respond input.social-input {
	max-width: 96%;
	
}
body #social .social-comment {
	border-top: 1px solid #E1E1E1;
	border-left: none;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0;
	margin: 0 0 30px;
	zoom: 1;
}

body #commentform label {
	float: left;
	margin-left: 0;
	padding-bottom: 10px;
	text-transform: none;
	font-weight: inherit;
	font-size: inherit;
	letter-spacing: 0;
	font-style: normal;
	border: none;
	clear: both;
}
body #social #reply-title span, #social .social-nav .social-current-tab a {
	padding: 0;
}
body #social .social-input-row, #social .form-submit {
	clear: left;
	margin: 20px 0 10px;
	overflow: hidden;
	padding-left: 100px!important;
	position: relative;
	zoom: 1;
}
body #social .social-input-row, #social .form-submit input{
	max-width: 100%;
}
body #social .social-pingback > .social-comment-inner {
	padding-left: 0;
}
body #social input#submit {
	color: black;
	font-family: futura-pt, "Futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
body #social .social-input-row .social-label {
/* 	display: none; */
}
body #social .social-comment-header .avatar {
	left: -60px;
}
body #social #post_to {
	margin: -22px 330px;
	width: 200px;
}
body #social .social-comment-meta {
	opacity: 0;
}
body #social .social-comment:hover .social-comment-meta {
	opacity: 1;
}
body #social .social-divider span {
	background: white;
	font-family: adriane;
	font-style: italic;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ 

 Responsive Particalization 
 
  ------------------------------------------------------------------------------------------------------------------------------------ */
  
/* -------------------------------------------- 

 320px wide for iPhone portrait 
 
 -------------------------------------------- */
 
@media only screen and (max-width: 463px) {
	#container{
	/* 	min-width: 950px; removed for @media purposes*/
		margin: 0 auto;
		width: 310px;
		padding: 0 5px;
	}
	html.touch #container{
		overflow: hidden;
	}
	#header{
		height: 120px;
	}
	#header:hover{
		height: 120px;
	}
	#header h1 a {
		height: 250px;
		width: 100%;
		background: url(../images/masthead.png) no-repeat -10px -45px;
		background-size: 100%;
	}	
	#violator{
		display: none;
	}
	#main h2.page-title {
		font-size: 1.5em;
		padding: 1em 0 2em 0;
	}
	#main h3{
		margin-top: 1.5em;
	}
	#main #page-title {
		font-size: 1.5em;
		padding: 1em 0 0 0;
	}
	#main .entry-meta, #main p, #main ul {
		margin-left: 1em;
		margin-right: 1em;
	}
	.css_link, .css_link a, .twitter_link {
		display: none!important;
	}
	.post p{
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.post p iframe{
		max-height: 270px;
	}
	.post .post-stats{
		margin: .25em 0 0 -.5em;
		padding: .5em 1em .25em .75em;
		opacity: 1;
	}
	#main .byline {
		margin-bottom: 1em;
	}
	#main .entry-utility {
		margin-left: 1em;
		margin-right: 1em;
	}
	body #social{
		margin: 0 1em;
	}
	.wp-pagenavi {
		display: none;
	}
	#nav-below.navigation:hover .wp-pagenavi {
		overflow: hidden;
	}	
	
/*
	html.csstransforms body.archive .post {
		width: 76%;
		min-height: none;
		margin: 0 11% 1em 12%;
		-webkit-transform-origin-y: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-moz-transform-origin: none;
		transform: none;
		transform-origin-y: top;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition-property: all,	 z-index,	 min-height, box-shadow;
		-webkit-transition-duration: 60ms, 60ms,	 500ms;
		-webkit-transition-timing-function: ease-in-out,	ease-in,	 ease-in,	 ease-out;
		-webkit-transition-delay: 0, 0, 0;
	}		
*/

	html.csstransforms body.archive #main .post { /* added #main to trump main css */
		width: 90%;
		min-height: 550px;
		margin: -15% -20% -90% -20%;
		-webkit-transform-origin-y: 0;
		-webkit-transition-property: all,		z-index,	min-height,		box-shadow;
		-webkit-transition-duration: 60ms,		60ms,		500ms;
		-webkit-transition-timing-function: ease-in-out,	ease-in,	 ease-in,	 ease-out;
		-webkit-transition-delay: 0, 0, 0;
		display: inline;
		clear: left;
	}
	html.csstransforms body.archive #main .post.alt { /* added #main to trump main css */
		clear: right;
	}
	html.csstransforms body.archive #main .post:hover{ /* added #main to trump main css */
		z-index: 100;
		-webkit-transform: 	translate(27%, 0%) scale3d(1,1,1);
		-moz-transform: scale(1,1) translateY(0%) translateX(27%);
		-webkit-transition-property:		all,			z-index,		min-height;
		-webkit-transition-duration:		120ms, 			0, 				0;
		-webkit-transition-timing-function:	ease-in-out,	ease-in-out,	ease-in-out;
		-webkit-transition-delay:			0, 				0, 				0;
		min-height: 238px;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	}
	html.csstransforms body.archive #main .post.alt:hover{ /* added #main to trump main css */
		-webkit-transform: 	translate(-27%, 0%) scale3d(1,1,1);
		-moz-transform: scale(1,1) translateY(0%) translateX(-27%);
	}

	body.archive .row{
		display: inline;
	}
	body.archive .row:after {
	    content: none;
	    display: none;
	    height: 0;
	    clear: none;
	    visibility: hidden;
	}
	body .post img.size-950, body .post>img{
		width: 100%;
		height: auto;
	}
	#footer {
		padding: 0 2.5%;
		width: 95.5%;
	}
	#footer #sidebar ul li {
		clear: both;
	}
	#footer #sidebar ul li {
		width: 100%;
		margin-right: 0;
	}
	#footer #sidebar ul ul li {
		width: 100%;
		margin-right: 0;
	}
	#footer #sidebar ul li.banner {
		width: 100%!important;
		margin-bottom: 1em;
	}
	#footer #sidebar ul li.banner.last {
		width: 50%!important;
	}
	#footer ul li#search-3.widget_search {
		width: 100%;
	}
	#footer p {
		font-size: .75em;
		line-height: 1.25em;
		display: block;
		clear: both;
		margin: 1.5em 0;
	}
	.colophon{
		font-size: .75em;
		line-height: 1.25em;
	}
	.colophon h3 {
		margin-left: 0;
	}
	.colophon h4 {
		margin-left: 0;
	}
	.colophon:hover div{
		height: 33em;
	}

	.colophon dt{
		float: none;
		width: auto;
		clear: both;
		text-align: left;
	}
	.colophon dd{
		margin-left: 0;
	}
	body #social #respond textarea.social-input {
		max-width: 95%;
	}
	#commentform #submit {
		width: 218px;
	}
	#social .social-identity .avatar {
		display: none;
	}
	body #social .social-input-row, #social .form-submit {
		padding-left: 0px!important;
	}
	body #social .social-comment-header .avatar {
		display: none;
	}
	#social .social-comment-inner {
		padding: 7px 0 0 0!important;
	}

	body.page-bios div.bio{
		width: 100%;
		clear: both;
		background: none;
	}
	body.page-bios div.biopic {
		display: block;
		height: 60px;
		width: 60px;
		margin: 1em 0 0 1em;
		background-size: 100%;
	}
	body.page-bios #main h2 {
		font-size: 1.25em;
		margin-left: 90px;	
		min-height: 2.5em;
	}
	body.page-bios div.bio p, body.page-bios div.bio ul{
		margin: 1em 1em!important; 
		width: auto;
	}

}
/* --------------------------------------------

 480px wide for iPhone landscape
 
-------------------------------------------- */

@media only screen and (min-width: 464px) and (max-width: 767px) {
	#container{
	/* 	min-width: 950px; removed for @media purposes*/
		margin: 0 auto;
		width: 408px; /* CHANGED FROM 320 VERSION */
		padding: 0 5px;
	}
	html.touch #container{
		overflow: hidden;
	}
	#header{
		height: 120px;
	}
	#header:hover{
		height: 120px;
	}
	#header h1 a {
		height: 250px;
		width: 80%; /* CHANGED FROM 320 VERSION */
		background: url(../images/masthead.png) no-repeat -10px -45px;
		background-size: 100%;
	}	
	#violator{
		display: none;
	}
	#main h2.page-title {
		padding: 1em 0 1.25em 0;
		font-size: 2em;
	}
	#main #page-title {
		padding: 1em 0 0 0;
		font-size: 2em;
	}
	#main .entry-meta, #main p, #main ul {
		margin-left: 1em;
		margin-right: 1em;
	}
	.css_link, .css_link a, .twitter_link {
		display: none!important;
	}
	.post p{
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.post .post-stats{
		margin: .25em 0 0 -.5em;
		padding: .5em 1em .25em .75em;
	}
	#main .byline {
		margin-bottom: 1em;
	}
	#main .entry-utility {
		margin-left: 1em;
		margin-right: 1em;
	}
	body #social{
		margin: 0 1em;
	}
	.wp-pagenavi {
		display: none;
	}
	#nav-below.navigation:hover .wp-pagenavi {
		overflow: hidden;
	}	
	
/*
	
	html.csstransforms body.archive .post {
		width: 40%;
		min-height: none;
		margin: 0 2.5% 1em 2.5%;
		-webkit-transform-origin-y: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-moz-transform-origin: none;
		transform: none;
		transform-origin-y: top;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition-property: all,	 z-index,	 min-height, box-shadow;
		-webkit-transition-duration: 60ms, 60ms,	 500ms;
		-webkit-transition-timing-function: ease-in-out,	ease-in,	 ease-in,	 ease-out;
		-webkit-transition-delay: 0, 0, 0;
	}	
*/


	html.csstransforms body.archive #main .post { /* added #main to trump main css */
		width: 91%;
		min-height: 550px;
		margin: -10% -23% -60% -19%;
		-webkit-transform-origin-y: 0;
		-webkit-transition-property: all,	 z-index,	 min-height, box-shadow;
		-webkit-transition-duration: 60ms, 	 60ms,		 0;
		-webkit-transition-timing-function: ease-in-out,	ease-in,	 ease-in,	 ease-out;
		-webkit-transition-delay: 0, 0, 0;
		display: inline;
		clear: left;
	}
	html.csstransforms body.archive #main .post.alt { /* added #main to trump main css */
		clear: right;
		float: right;
		margin: -10% -20% -60% -21%;
	}
	html.csstransforms body.archive #main .post:hover{ /* added #main to trump main css */
		z-index: 100;
		-webkit-transform: 	translate(26%, 0%) scale3d(1,1,1);
		-webkit-transition-property:		all,			z-index,		min-height;
		-webkit-transition-duration:		120ms, 			0, 				0;
		-webkit-transition-timing-function:	ease-in-out,	ease-in-out,	ease-in-out;
		-webkit-transition-delay:			0, 				0, 				0;
		min-height: 238px;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	}
	html.csstransforms body.archive #main .post.alt:hover{ /* added #main to trump main css */
		-webkit-transform: scale3d(1,1,1) translateY(0%) translateX(-27%);
		-webkit-transform: 	translate(-27%, 0%) scale3d(1,1,1);
	}
/*
	html.csstransforms.touch body.archive .post.p1:hover, html.csstransforms.touch body.archive .post.p6:hover, html.csstransforms.touch body.archive .post.p11:hover, html.csstransforms.touch body.archive .post.p16:hover, html.csstransforms.touch body.archive .post.p21:hover, html.csstransforms.touch body.archive .post.p26:hover{
		-webkit-transform: 	scale(1,1) translateY(0%) translateX(15%);
		-moz-transform: 	scale(1,1) translateY(0%) translateX(15%);
	}	
*/
	
	body.archive .row{
		display: inline;
	}
	body.archive .row:after {
	    content: none;
	    display: none;
	    height: 0;
	    clear: none;
	    visibility: hidden;
	}
	body .post img.size-950, body .post>img{
		width: 100%;
		height: auto;
	}
	
	#footer #sidebar ul li {
		clear: both;
	}
	#footer #sidebar ul li {
		width: 100%;
		margin-right: 0;
	}
	#footer #sidebar ul ul li {
		width: 100%;
		margin-right: 0;
	}
	#footer #sidebar ul li.banner {
		width: 100%!important;
		margin-bottom: 1em;
	}
	#footer #sidebar ul li.banner.last {
		width: 50%!important;
	}
	#footer ul li#search-3.widget_search {
		width: 100%;
	}
	#footer p {
		font-size: .75em;
		line-height: 1.25em;
		display: block;
		clear: both;
		margin: 1.5em 0;
	}
	.colophon{
		font-size: .75em;
		line-height: 1.25em;
	}
	.colophon h3 {
		margin-left: 0;
	}
	.colophon h4 {
		margin-left: 0;
	}
	.colophon:hover div{
		height: 33em;
	}

	.colophon dt{
		float: none;
		width: auto;
		clear: both;
		text-align: left;
	}
	.colophon dd{
		margin-left: 0;
	}

	body.page-bios div.bio{
		width: 100%;
		clear: both;
		background: none;
	}
	body.page-bios div.biopic {
		display: block;
		height: 60px;
		width: 60px;
		margin: 1em 0 0 1em;
		background-size: 100%;
	}
	body.page-bios #main h2 {
		font-size: 1.25em;
		margin-left: 90px;	
		min-height: 2.5em;
	}
	body.page-bios div.bio p, body.page-bios div.bio ul{
		margin: 1em 1em!important; 
		width: auto;
	}		
}
/* --------------------------------------------

768px ipad portrait

-------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#header h1 a {
		height: 250px;
		width: 63%; /* CHANGED FROM 320 VERSION */
		background: url(../images/masthead.png) no-repeat -10px -45px;
		background-size: 100%;
	}	
	#container{
	/* 	min-width: 950px; removed for @media purposes*/
		margin: 0 auto;
		width: 748px; /* CHANGED FROM 320 VERSION */
		padding: 0 10px;
	}
	html.touch #container{
		overflow: hidden;
	}
	.css_link, .css_link a, .twitter_link {
		display: none!important;
	}
	#footer #sidebar ul li {
		width: 25%;
	}
	#main h2.page-title {
		padding: 1.5em 0 1.25em 0;
		font-size: 2.5em;
	}
	 #main #page-title {
		padding: 1.5em 0 .25em 0;
		font-size: 2.5em;
	}

	body.page-bios #main h2{
		margin-top: 1.25em;
		margin-bottom: 1.5em;
	}
	html.csstransforms body.archive #main .post { /* added #main to trump main css */
		margin: -1% -9.25% -18% -7.25%;
	}
	body .post img.size-950, [class^=size-8], [class^=size-8], [class^=size-9], [class^=size-10], [class^=size-11]{
		width: 100%!important;
		height: auto!important;
	}
	body .post  img.size-full{
		max-width: 100%;
	}
	.wp-pagenavi{
		margin: 28px 0 0 9%;
	}
	#footer p {
		margin: 0;
	}
	.colophon h3{
		margin-left: 25%;
	}
	.colophon h4, .colophon dd{
		margin-left: 26%;
	}
	.colophon dt{
		width: 23.5%;
	}
}

/* --------------------------------------------

1024px ipad landscape

-------------------------------------------- */
@media only screen and (min-width: 1024px) and (max-width: 1124px) {
	#container{
	/* 	min-width: 950px; removed for @media purposes*/
		margin: 0 auto;
		width: 1004px; /* CHANGED FROM 320 VERSION */
		padding: 0 10px;
	}
	html.touch #container{
		overflow: hidden;
	}
	.css_link, .css_link a, .twitter_link {
		display: none!important;
	}
	html.csstransforms.touch body.archive .post.p1:hover, html.csstransforms.touch body.archive .post.p6:hover, html.csstransforms.touch body.archive .post.p11:hover, html.csstransforms.touch body.archive .post.p16:hover, html.csstransforms.touch body.archive .post.p21:hover, html.csstransforms.touch body.archive .post.p26:hover{
		-webkit-transform: 	scale(1,1) translateY(0%) translateX(17%);
		-moz-transform: 	scale(1,1) translateY(0%) translateX(17%);
	}
	html.csstransforms.touch body.archive .post.p5:hover, html.csstransforms.touch body.archive .post.p10:hover, html.csstransforms.touch body.archive .post.p15:hover, html.csstransforms.touch body.archive .post.p20:hover, html.csstransforms.touch body.archive .post.p25:hover, html.csstransforms.touch body.archive .post.p30:hover{
		-webkit-transform:	scale(1,1) translateY(0%) translateX(-17%);
		-moz-transform: 	scale(1,1) translateY(0%) translateX(-17%);
	}
}