/*
Theme Name: Foul Monkeys 2012
Theme URI: http://foulmonkeys.com
Description: Theme created for Foul Monkeys 2012 Relaunch
Author: Kevin Lilienthal
Version: 1.1
*/

/*
Theme Colors

WHITE 		#FFFFFF
SKY BLUE	#E2F7FF
LIGHT GRAY	#A6BABD
LIGHT BLUE 	#CEEAFE
RED 		#EF3C39
DARK BROWN 	#2E2923
LIGHT BROWN	#9A9494
TAN			#DFD5BF

ORANGE		#F9B808

*/
x

/*Resets*/
/* v2.0 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1;} a {text-decoration:none; color:#005E99;} ol, ul {list-style:none;} ul li{padding:0; margin:0;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

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

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

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

/*!HTML5 TAGS- IMPORTANT DO NOT DELETE*/
header,nav,section,article,aside,footer {display:block;}
header, article, footer {padding:1em;}
footer {clear:both;}
mark {background-color:#FFF79F;font-style:italic;}

/* Global Styles */

* {margin: 0;}

body, html {display:block; margin:0 !important; padding:0;}
body {font-family: 'Chivo', Arial, sans-serif; font-size:14px; line-height:normal; font-weight:normal; color:#FFF; background-color:#2E2923; background-image:url(images/background.jpg); }
header,nav,article,aside,footer {padding:2em; display:block;}
object {display:block;}
ul {display:block;}

h1, h2, h3 {font-family:'Chivo', serif; font-weight:200; margin:0 0 .7em; color:#FFF; line-height:normal;}
h1 {font-size:3.4em;}
h2 {font-size:2.0em;}
h3 {font-size:1.6em;}
h4, h5, h6 {font-size:1.1em;}
a {text-decoration: none}
a:link, a:visited {color:#fdf4ce;}
a:hover, a:active {color:#ffe683;}
p, blockquote {margin-bottom:15px; line-height:1.4em;}
blockquote { margin-left:2em; }
.alignleft, .left, .f-left {
	float:left;
}

.alignright, .right, .f-right {
	float:right;
}

img.alignleft, img.left, img.f-left {
	float:left;
	margin:0 15px 10px 0;
}

img.alignright, img.right, img.f-right {
	float:right;
	margin:0 0 10px 15px;
}


aside {position:relative; float:right; width:220px; min-height:100%; height:100%; margin:0; padding:0 0 40px; z-index:10; background-color:transparent; }
aside li{padding:15px 0; border-top:1px solid #CFC1A4; }
aside li:first-child {border:none;}
aside li img {
	max-width:100%;
}
header {padding:15px 0 20px 150px; overflow:hidden;}
header h1 {font-size:50px; text-transform:lowercase; margin: 10px 0 22px; text-shadow: 0px -1.5px #111, 0px 1.5px #111;}
header h2 {font-size:1.2em; font-weight:normal; text-transform:lowercase;}
header a:link, header a:visited, header a:hover, header a:active{color:#FFF;}

footer{position:relative; height:65px; margin:10px 0; padding:0; clear:both; z-index:200; text-align:right; font-size:.9em;}
footer ul{width:auto; margin:0 auto; padding:0; text-align:right; overlow:hidden;}
footer li {display:inline; padding:0 12px 0 12px;}
footer li:first-child {border:0;}

/*TOOLS*/
.hidden {display:none;}
.visible {display:block;}

.contentwrap, header, footer {width:900px; margin:0 auto;}
.bodywrap {
	position:relative; width:960px; height:100%; margin:0 auto; padding:0 70px;
	background:url(images/tagline.png) no-repeat;
	background-position:50px 190px;
	overflow:hidden;
}
.contentwrap {position:relative; overflow:visible; margin:0 auto 40px auto; padding:0; } 

.logo {
	float:left; position:absolute;
	top: 10px;
	left: 26px;
	z-index: 200;
	width: 172px; height: 172px;
	background-image:url(images/fm2014-sm.png); background-repeat:no-repeat;
}
.logo a{display:block; width:100%; height:100%;}

.navigation {text-align:right; clear:both; }
.navigation li{display:inline-block;}
.navigation a{display:block; width:auto; height:100%; padding:.5em;}

.contentwrap .navigation {position:relative; z-index:100; width:auto; height:40px; margin:0 0 20px; background:#D4C7A9 url(images/gradient-nav.gif) left top repeat-x; border-bottom:1px solid #DFD5BF; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.contentwrap .navigation ul {position:relative; height:100%; margin:0 10px 0 0; padding:0;}

.contentwrap .navigation .social-links {
	overflow:visible;
	width: 200px;
	margin-left:60px;
	padding-left:10px;
	background:transparent url(images/social2.png) no-repeat;
	background-position:-166px center;
}
.social-label {display:none; position:absolute; text-align:right; right:225px; top:12px; font-size:12px; color:#2E2923; font-weight:bold;}
.social-wrapper {float:right; width:280px; height:100%;}

.social-links li {
	position:relative;
	margin:6px 6px 0 0;
	width: 28px;
	height: 28px;
	overflow: visible;
	padding:0;
	background:transparent url(images/social2.png) no-repeat;
	background-position:0 0;
}
.social-links a {width:27px; height:27px; overflow:visible; margin:0; padding:0 0 10px;}

.social-links span.pop {padding:8px 10px; background:#333; display:none; z-index:90; position:absolute; left:0; top:37px; white-space: nowrap; }

.social-links .facebook {background-position:-63px -30px;}
.social-links .twitter {background-position:-31px -30px;}
.social-links .contact {background-position:0 -30px;}
.social-links .youtube {background-position:-130px -30px;}
.social-links .rss {background-position:-97px -30px;}

.social-links .facebook:hover {background-position-y:-30px;}
.social-links .twitter:hover {background-position-y:-30px;}
.social-links .contact:hover {background-position-y:-30px;}
.social-links .youtube:hover {background-position-y:-30px;}
.social-links .rss:hover {background-position-y:-30px;}

.link-more {
	padding-left:6px;
	font-size:.9em;
}

.section {position:relative; display:block; width:558px; min-height:410px; margin:0; padding:20px; z-index:5;}

.main {
	padding:20px 20px;
	background-color:#DFD5BF;
	color:#333;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
}

.main a {
	color:#916527;
}

.main h3 {
	margin-bottom:15px;
}

.main h3 a {
	color:#64460D;
}

.home .main {
	padding:0;
	background-color:transparent;
	border:0;
}

.home .hero {
	position:relative;
	width:auto; margin:0 0 20px; background-color:#DFD5BF; overflow:hidden;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
}

.home .hero .news-list {
	position: absolute;
	z-index:100; left:0; top:0; overflow:hidden; width:590px;
	margin:0 10px 10px; background:#CEEAFE;
	clear:left; border-right:1px solid #2E2923;
	border-left:1px solid #2E2923;
	border-bottom:1px solid #2E2923;
	border-radius: 0 0 6px 6px;
	display:none;
}
.home .hero .news-list .post {
	display:none;
	background:#FFF;
	margin-left:10px;
	border-left:1px solid #2E2923;
	padding:5px 10px;
	border-radius: 0 0 6px 6px;
}

.home .hero .news-list .current {display:block;}
.home .hero .news-list .post a { color:#2E2923; display:inline; }

.home .hero .news-list .post a.more { color:#916527; }
.home .hero .news-list .post a.more:hover { text-decoration:underline; }

.home .hero .featured {float:left; overflow:hidden; clear:left; width:590px; padding:40px 15px 10px 10px; border-right: 2px dotted #CFC1A4;}
.home .hero .featured .thumb {width:260px; height:260px; background:#DFD5BF; float:left; overflow:hidden;}
.home .hero .featured .thumb img{
	width:100%;
	height:auto;
}

.home .hero .featured h3 {
	margin:15px 0;
}

.home .hero .featured .text { position:relative; float:left; width:305px; padding-bottom:16px; margin:0 0 10px 20px; line-height:20px; }

.home .hero .featured .link-more {
	position:absolute;
	bottom:0;
	right:0;
	font-size:20px;
}

.home .hero .recent {float:right; width:255px; overflow:hidden; padding:10px; }
.home .hero .recent li {clear:both; overflow:hidden; padding:5px 0; margin:0 10px 0 0; border-top:1px solid #CFC1A4;}
.home .hero .recent li:first-child {border-top:0; padding-top:0; }

.home .hero .recent .thumb {float:left; width:75px; height:75px; overflow:hidden; background:#DFD5BF; }
.home .hero .recent h3 {font-size:1em; margin:10px 0;}
.home .hero .recent .text { position:relative; float:left; width:150px; margin:0 0 0 10px; font-size:.9em;}

.post-list .powerpress_player,
.home .hero .recent .powerpress_player {
	display:none;
}

.powerpress_links {
	overflow:hidden;
	margin-top:3px;
}

.powerpress_link_pinw {
	margin-right:5px;
}


.post-list .powerpress_link_pinw,
.home .hero .recent .powerpress_link_pinw {
	text-indent: -9999px;
	display:block;
	width:86px;
	height:27px;
	background:transparent url(images/player-icon.png) left top no-repeat;
	float:left;
}

.post-list .powerpress_link_d,
.home .hero .recent .powerpress_link_d {
	text-indent: -9999px;
	display:block;
	width:27px;
	height:27px;
	background:transparent url(images/download-icon.png) left top no-repeat ;
	float:left;
}

.home .spiffs {
	box-sizing: border-box;
	width:100%; height:121px; margin:5px 0; padding:5px 0 10px; position:relative;
}

.spiffs .widgettitle { position:relative; z-index:2; font-size:14px; color:#000; }
.home .spiff {
	display:block; position:relative; float:left; width:215px; height:121px; margin:0 10px 0 0; vertical-align: top; background-color:#FFF; border:1px solid #DFD5BF; overflow:hidden;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	}
.home .spiff:first-child .widgettitle { display:none; }
.home .spiff:last-child {margin:0; float:right;}
.spiffs a span {display:none;}

.spiffs .link-pride48 {display:block; width:215px; height:121px; background:transparent url(images/pride48.jpg) no-repeat;}
.spiffs .link-aboutus {display:block; position:absolute; z-index:0; top:0; left:0; width:215px; height:121px; background:transparent; }

.home .spiffs .tweets .widgettitle,
.home .spiffs .widget_archive .widgettitle
{
	display:block;
}
.tweets .widgettitle a{
	color:#2E2923;
}
.home .spiff .wrapper {
	color:#64460D;
	font-size:12px;
	padding: 5px 10px 10px;
}

.home .spiff:first-child .wrapper { padding:0; }

.tweets .tweet {
	display:none;
}

.tweets .tweet.current {
	display:block;
}

.widget_archive select {
	width:182px;
	margin-top: 18px;
}

.post-list {float:left; overflow:hidden; width:580px; padding:0 20px 0 0; border-right:2px dotted #CFC1A4; margin-bottom:15px; }
.post-list .post {display:block; padding:20px; width:auto; border-bottom:1px solid #CFC1A4; overflow:hidden;}

.post-list .thumb {float:left; width:150px; height:115px; margin-right:20px; overflow:hidden;}
.post-list .text {line-height:1.4em;}

.pager {
	float:left;
	clear:left;
	overflow:hidden;
	margin:30px 0 20px;
}

.archive .col-main {
	float:left;
}

.page .section {
	float:left;
}

dl {
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}

dl dt,
dl dd {
	float:left;
	margin:0 8px 8px 0;
	white-space:nowrap;
}

dl dt {
	clear:left;
	min-width:200px;
}

.pager {
	clear:both;
	margin-top:5px;
	height:auto;
	background:0;
	overflow: hidden;
	white-space: nowrap;
}

.col-main .pager li {
	float:left;
}

.col-main .pager li span,
.col-main .pager li a {
	display:block;
}

.col-main .pager span.title {
	display:block;
	margin-top:2px;
}

.single-post .section{
	position:relative;
	width:580px;
	padding-left:0;
}

.single-post .thumb {
	float:left;
	width:160px;
	height:160px;
	overflow:hidden;
	background:#FFF;
}

.single-post .thumb img,
.single-post img {
	max-width:100%;
	height:auto;
}

.single-post h1,
.single-post h2 {color:#64460D;}
.single-post h3 {color:#FFF; font-size:.9em;}

.single-post .powerpress_player {
	position:absolute;
	top:200px;
	left:0;
}

.single-post .powerpress_links {
	position:absolute;
	top:230px;
	left:0;
	font-size:11px;
	color:#DFD5BF;
	text-transform:uppercase;
}

.single-post .powerpress_links a {
	display:block;
}

.single-post .entry {
	margin:0;
	width:380px;
	float:right;
	overflow:visible;
	position:static;
	font-size:1.1em;
	line-height:1.3em;
	font-style:italic;
	font-weight:normal;
}

.single-post .entry img {
	max-width:98%;
	height:auto;
}

.message {min-height:410px; background-image:url(images/prints.png); background-repeat:repeat-x; background-position:left 200px; }
.message h3 {color:#FFF; position:relative; margin-top:80px; font-size:3.2em; float:right;}

.home .message {
	padding:20px 20px;
	background-color:#DFD5BF;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
}

/*Author Page*/
.authors-page .authors-list li {
	padding:0;	
}
.authors-page .authors-list .author-name {
	display:block;
	padding:15px 0;
}

.authors-page .post {
	display:none;
}

.authors-page .post.visible {
	display:block;
}

.authors-page .post .entry_author_image {
	float:left;
	margin:0 15px 10px 0;
}


.clear {clear:both; content:' '; display:block; height:0; visibility:hidden;}
.col-main:after,
.section:after,
.main:after,
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */