/*
Theme Name: In Yer Face
Theme URI: http://wordpress.org/
Description: The In Yer Face theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Steve Oldham (based on Michael Heilemann's Kubrick)
Author URI: http://www.message.org.uk/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


body {
font-size: 11px;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif;
font-weight:normal;
background: #000000 url(/wp-content/themes/iyf/images/iyf_back.jpg) no-repeat left 0px;
color: #ffc50b;
text-align: left;
margin: 0;
padding: 0;
}

div#header{
float:left;
clear:both;
background:url(/wp-content/themes/iyf/images/iyf_headerBack.jpg) repeat-x top left;
margin: 0;
padding: 0;
height: 180px;
width: 100%;
}
div#headerContentLeft{
float:left;
width:100%;
height:180px;
background: transparent url(/wp-content/themes/iyf/images/iyf_headerLeft.png) no-repeat left bottom;
}
div#headerImg{
float:left;
position:relative;
top:90px;
}
div#headerContentRight{
float:left;
width:100%;
height:180px;
background: transparent url(/wp-content/themes/iyf/images/iyf_headerRight.png) no-repeat right bottom;
}
div#headerContentInner {
width:950px;
height:180px;
margin: 0 auto;
}
div#bookmark{
float:right;
position:relative;
top:144px;
width:113px;
height:36px;
overflow:hidden;
background: transparent url(/wp-content/themes/iyf/images/bookmark.png) no-repeat left top;
cursor:pointer;
}
div#bookmark:hover{
background-position:right top;
}

div#main{
float:left;
clear:both;
width:100%;
margin: 0;
padding: 0;
background: transparent url(/wp-content/themes/iyf/images/iyf_shadow.png) repeat-x left top;
}
div#page{
clear:left;
margin: 0px auto;
padding: 0;
width:1145px;
position:relative;
left:-95px;
border: 0;
padding:0;
text-align: left;
font-size:12px;
}
div#control{
float:left;
min-height:120px;
background: transparent url(/wp-content/themes/iyf/images/dottedLoop_yellow.png) no-repeat left top;
z-index:10;
}
div#content{
float:left;
margin:22px 0 0 25px;
padding:0;
}
div#footer {
clear: both;
width:950px;
padding:0px 0 0 0;
height:73px;
margin: 0 auto;
overflow:hidden;
}
#footerContent{
padding:0 0 0 35px;
width:915px;
height:70px;
background: url(/wp-content/themes/iyf/images/dottedLine_grey.png) no-repeat -10px 27px;
color:#333;
}
#footerContent a{color:#550000;}
#footerContent a:hover{color:#aa0000;}
div#footerContentInner{
float:right;
width:755px;
height:60px;
margin:0;
padding:10px 10px 0 10px;
border-bottom:none;
}
div#footerContentInner p{
float:right;
clear:right;
}

/* ############
MAIN BOX STYLES
############ */
.yellowBox{
border:3px dashed #ffc50b;
background: url(/wp-content/themes/iyf/images/black30.png);
}
.blackBox{
border:3px dashed #000000;
background: url(/wp-content/themes/iyf/images/black30.png);
padding:10px;
}
.greyBox{
border:3px dashed #222222;
background: url(/wp-content/themes/iyf/images/black30.png);
padding:10px;
}



/* ############
SITE NAVIGATION
############ */
ul#nav{
float:left;
width:140px;
min-height:150px;
list-style:none;
margin:30px 0 0 195px;
padding:6px 0 8px 0;
}
ul#nav li{
padding:2px 0 0 10px;
}
ul#nav li a{
color:#fff;
font-size:18px;
font-weight:bold;
}
ul#nav li a:hover{
color:#aa0000;
}
ul#nav li ul{
visibility:hidden;
height:0px;
}
ul#nav li.current_page_item ul{
visibility:visible;
height:auto;
list-style:none;
margin:0;
padding:0;
}
ul#nav li ul li a{
font-size:12px;
}
ul#nav_footer{
float:right;
list-style:none;
margin:0 0 2px 0;
padding:0;
}
ul#nav_footer li{
float:left;
padding:0 5px;
border-right:1px solid #330000;
}
ul#nav_footer li:first-child{
padding-left:0;
}
ul#nav_footer li:last-child{
border-right:none;
padding-right:0;
}


/* ############
SUB PAGE SINGLE
############ */





/*
##################
HOME PAGE ELEMENTS
################## */
div#content_body, div#content_subbody{
float:left;
clear:both;
width:500px;
}
div#content_pagebody{
float:left;
clear:both;
width:750px;
}
div#content_subbody{
margin:7px 0 0 0;
}
div#content_pagebody{
margin:0 0 20px 0;
}
div#content_body p, div#content_subbody p, div#content_pagebody p{
margin:0 0 12px 0;
}
div#content_body a.yellow, div#content_subbody a.yellow, div#content_pagebody a.yellow{
color:#000;
font-weight:bold;
padding:2px;
margin:0 3px;
background-color:#ffc50b;
}
div#content_body a.black , div#content_subbody a.black, div#content_pagebody a.black{
color:#fff;
font-weight:bold;
padding:2px;
margin:0 3px;
background-color:#000;
}
div#latest{
float:left;
clear:both;
margin:25px 0 30px 0;
}
div.entry_latest{
float:left;
width:470px;
height:105px;
overflow:hidden;
}
span.date{
font-size:11px;
text-align:right;
color:#fff;
margin:0 0 0 5px;
font-weight:normal;
}
div.entry_thumb{
float:left;
width:130px;
height:100px;
border:1px solid #000;
margin:0 10px 0 0;
overflow:hidden;
}
div.entry_latest p{
height:55px;
}
div.entry_links div{
float:left;
margin-top:5px;
}
div.entry_links div a{
color:#000;
font-weight:bold;
}
div.entry_links div span{
float:left;
padding:2px;
background-color:#ffc50b;
}
div.entry_links .sociable{
float:left;
margin:0 0 0 2px;
visibility:hidden;
}
div.entry_share, div.entry_share_sub{
margin:0 0 0 10px;
height:20px;
overflow:hidden;
}
div.entry_share{width:37px;}
div.entry_share:hover{width:155px;}
div.entry_share:hover .sociable{visibility:visible;}

div.entry_links_sub .sociable{
float:left;
margin:0;
}
div.entry_share_sub{
float:left;
width:100%;
margin:0;
}
div.entry_share_sub span{
float:left;
padding:2px;
background-color:#ffc50b;
color:#000;
font-weight:bold
}


/* ######################
Begin Typography & Colors
###################### */
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps{
font-size: 0.9em;
letter-spacing: .07em;
}
.small{
font-size: 0.9em;
}
.italic{
font-style:italic;
}
/* End Typography & Colors */



/* ########
LINKS
######## */
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #fff;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #b85b5a;
}

a{
color: #aa0000;
text-decoration : none;
}
a:active  {
color: #aa0000;
text-decoration : none;
}
a:hover  {
color : #ff0000;
text-decoration : none;
}
/* End Links */



/* Begin Content Structure */
.narrowcolumn {
float: left;
padding: 0;
margin: 0px;
width: 615px;
}
.narrowcolumn_home {
float: left;
padding: 0;
margin: 0px;
}
.narrowcolumn-nofrills {
float: left;
padding: 0;
margin: 0px;
width: 625px;
}
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 900px;
}
.post {
float:left;
clear:both;
margin: 0;
text-align: justify;
}
.post hr {
display: block;
}
.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;
}
.postmetadata {
clear: both;
}
.clear {
clear: both;
}
.navigation{
float:left;
clear:both;
width:100%;
margin:0;
padding:0;
}
.navigation div span a{
color:#fff;
}
.navigation div span{
margin:10px 0 0 0;
display:block;
text-align:right;
border:3px dashed #000;
background: url(/wp-content/themes/iyf/images/black30.png);
padding:5px;
}
.navigation div span:hover{
border:2px dashed #444;
padding:6px;
}
/* End Structure */



/*	Begin Headers */
h1, h2, h3 {
font-weight: bold;
text-align:left;
color:#fff;
}
h1 {
padding-top: 70px;
margin: 0;
}
h2 {
font-size:32px;
margin: 0 0 5px 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
h3 {
font-size:20px;
padding: 0;
margin: 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}

div#footer h2{
float:left;
display:block;
line-height:1em;
text-indent:-6px;
background:#000;
}
/* End Headers */



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	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;
}
img.cfi{
padding: 0;
margin: 0;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */



/* Begin Form Elements */
#searchFormCont {
float:right;
border:none;
position:relative;
top:4px;
left:22px;
}
#searchform, #searchform input, #subscribeform input, #subscribeform{
border:none;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
/* End Form Elements */



/* Begin Sidebar */
#sidebar{
float:left;
width:225px;
margin:22px 0 0 25px;
padding:0 0 5px 0;
}
#sidebar ul{
float:left;
width:100%;
list-style:none;
margin:0 0 20px 0;
padding:0;
}
#sidebar form {
margin: 0;
}
#sidebar .blackBox{
border:3px dashed #000000;
background: url(/wp-content/themes/iyf/images/black30.png);
padding:5px;
}
#sidebar .widget li{
padding:5px;
}
#sidebar .widget li:hover{
border:2px dashed #444;
padding:3px
}
#sidebar .widget li a{
display:block;
font-size:14px;
font-weight:bold;
color:#fff;
}
#sidebar .widget_date{
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
color:#ffc50b;
}
#sidebar .widget_iyf_contact li a{
display:inline;
margin:0;
padding:0;
text-align:left;
font-size:12px;
}
#sidebar .widget_iyf_contact li span{
color:#fff;
}
#sidebar h2{

}
/* End Sidebar */



/* Begin Various Tags & Classes */
.readmore{
margin:0;
padding:0;
float:right;
font-size:11px;
}
.right{
float:right;
width:auto;
}
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
font-style:italic;
}
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: center;
margin-top: 10px;
margin-bottom: 60px;
}
.post-edit-link{
clear:both;
float:left;
margin-bottom: 20px;
display:block;
border:3px dashed #000;
background: url(/wp-content/themes/iyf/images/black30.png);
padding:5px;
}
/* End Various Tags & Classes*/



/* ICONS */
.rss_tilt{
float:left;
width:39px;
height:39px;
background: url(/wp-content/themes/iyf/images/icons/rss_tilt.png) no-repeat scroll left center;
}
.wordpress_badge{
float:left;
width:37px;
height:37px;
background: url(/wp-content/themes/iyf/images/icons/wordpress_badge.png) no-repeat scroll left center;
}
a[href*="@"], a[href*="mailto:"]{
padding-bottom:2px;
padding-left:15px;
padding-top:1px;
background:transparent;
}
a[href*="@"], a[href*="mailto:"]{
background: url(/wp-content/themes/iyf/images/icons/email_grey.png) no-repeat scroll left center;
}


/* CONTENT + EXCERPT WORD LIMIT */
p.readmore { display:none; }
p.readmore a {  } 


/* SOCIABLE */
div.sociable{
margin:0;
}
div.sociable_tagline{
float:left;
color:#000;
font-weight:bold;
padding:1px 2px;
margin:0 3px 0 0;
background-color:#ffc50b;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li, .sociable ul li a{
float:left;
background: none;
display: inline !important;
list-style-type: none;
width:16px;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

div#bookmark div.sociable {
float:left;
width:111px;
margin:35px 0 0 0;
padding:0 0 0 2px;
background: url(/wp-content/themes/iyf/images/bookmarkBottom.png);
}
div#bookmark .sociable ul li {
margin:0 9px 3px 9px;
}

#media_top{
float:left;
clear:both;
margin:0 0 20px 0;
}
#mediaPlayer{
float:left;
width:484px;
height:300px;
margin:7px 0 0 0;
}
#media_right{
float:left;
}
#mediaList{
float:left;
width:220px;
height:270px;
margin:6px 0 0 20px;
}
#mediaList h3{
font-size:12px;
}
#mediaList .mediaWrap{
float:left;
height:50px;
width:215px;
margin:0 0 10px 0;
border:2px dashed #222;
background: url(/wp-content/themes/iyf/images/playOff.png) no-repeat bottom right;
}
#mediaList .mediaWrap:hover{
border:2px dashed #555;
background: url(/wp-content/themes/iyf/images/playOn.png) no-repeat bottom right;
}
#mediaList .mediaWrap a{
display:block;
padding:5px;
}
#actions{
float:left;
clear:both;
width:245px;
margin:0 0 0 20px;
}
#actions a.prevPage{
float:left;
}
#actions a.nextPage{
float:right;
}
#actions a{
margin:3px 0 0 0;
padding:3px;
cursor:pointer;
}

/* root element for scrollable */ 
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
    /* vertical scrollers have typically larger height than width */ 
    height: 270px; 
    width: 200px; 
} 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
    /* this time we have very large space for the height */ 
    height:20000em;
}


/*################
##################
Sticky Footer by Ryan Fait
http://ryanfait.com/
##################
################*/
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -73px auto; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 73px; /* .push must be the same height as .footer */
}



/*################
##################
SAFARI FIXES
##################
################*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */

}