/* @group Main Styles */

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #585858 url(/art/jay-premack-background.gif) fixed;
	font-family: "Futura", "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
	font-weight: lighter;
	font-size: 76%;
}

a:link, a:visited {
	color: #656769;
	text-decoration: none;
}

a:hover, a:active {
	color: #be2100;
}

h1, h1.entrytitle {
	text-transform: uppercase;
	color: #be2100;
	font-size: 1.5em;
	letter-spacing: .1em;
	font-family: "The Sans Semi Bold-", "Arial Narrow", "Trebuchet MS";	
	margin: 20px 0 5px 4px;
	padding: 0;
	font-weight: normal;
}

h3 {
	text-transform: lowercase;
	color: #be2100;
	font-size: 1.2em;
	letter-spacing: .1em;
	font-family: "Futura", "Arial Narrow", "Trebuchet MS";	
	margin: 0 0 5px 4px;
	padding: 0;
	font-weight: normal;
}

p {
	font-size: 1.1em;
	margin: 0 0 15px 4px;
}

h4{
	color: #efefef;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 30px;
	padding-right: 25px;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}



/* @end */
#container {
	width: 980px;
	margin: 25px auto;
}

#content {
	width: 100%;
}

#blogcontent {
	width: 930px;
	margin: 0 auto;
	padding: 10px 25px 30px 25px;
	background: #fff;
}

#blogcontent a:link, #blogcontent a:visited {
	color: #be2100;
	text-decoration: none;
}

#blogcontent a:hover, #blogcontent a:active {
	color: #5c5451;
}

div.photocontainer {
	padding: 17px 15px 40px 15px;
	width: 900px;
	background: #f1f1f1 url(/art/image-frame-bg.gif) no-repeat left top;
	margin-bottom: 15px;
	position: relative;
}

div.photocontainer img {
	display: block;
	margin: auto;
}


#footer {
	clear: both;
	padding: 10px;
	text-align: center;
	margin: 10px 10px 0 10px;
	color: #fff;
}

div.posted {
	clear: both;
	margin: 10px 0 20px 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: .9em;
}
div.sharethis {
	position: absolute;
	top: 10px;
	right: 10px;
}
div.comments{
	clear: both;
	margin: 50px 0 0 0;
}

/* @group Header Styles */
#headercurve {
	margin: 0;
	height: 15px;
	padding: 0;
	width: 980px;
	background: url(/art/header-bg.gif) no-repeat left top;
}

#header {
	margin: 0;
	height: 50px;
	padding: 0;
	width: 980px;
	background: #fff;
}


#headerimage {
	background: #585858;
	margin: 0;
	height: 275px;
	width: 980px;
}

img.headerlogo {
display: block;
margin: 0 auto;
}
/* @end */

.input {
	display: inline;
	color: #333;
	background-color: #e1e1e1;
	font-size: 10px;
	border: solid 1px #333;
	margin-top: 4px;
}

#nav {
	height: 26px;
	background: #6e6e6e;
	border-top: solid #fff 2px;
}

#navbar, #navbar ul { /* all lists */
	padding: 0;
	margin: 0 0 0 7px;
}
#navbar li { /* all list items */
	float: left;
	width: auto;
	height: 14px;
	padding: 6px 22px;
	margin: 0;
	color: #fff;
}
#navbar a {
	display: block;
}
#navbar li a:link, #navbar li a:visited {
	color: #fff;
}
#navbar li a:hover, #navbar li a:active {
	color: #cecece;
}


#navbar li ul { /* second-level lists */
	position: absolute;
	background: #6e6e6e;
	z-index: 1000;
	left: -999em;
	padding: 10px;
	margin: 0 0 0 -3px;
}

#navbar li ul.recent {
	width: 12em;
}
	
#navbar ul li {
	float: none;
	display: block;
	height: auto;
	background: #6e6e6e;
	margin-left: -3px;
	padding: 5px 10px;
}

#navbar ul li a {
	height: auto;
	color: #cecece;
}
	
#navbar li:hover ul,  #navbar li.sfhover ul{ /* lists nested under hovered list items */
		left: auto;
	}

/* @group Nav slide */

div.slider{
	display: none;
	background: url(/art/slider-bg.png);
	font-size: 1.1em;
	padding: 50px;

}

div.navslideleft {
	width: 225px;
	float: left;
	text-align: right;
	border-right: 1px solid #fff;
	margin: 0 30px 0 0;
}
div.slidecontent {
	color: #1e1e1e;
	margin: 0 0 0 250px;
	z-index: 25;

}

div.slidecontent a:link, div.slidecontent a:visited {
	color: #3e3e3e;
}

div.slidecontent a:hover, div.slidecontent a:active {
	color: #9e9e9e;
}


.closetop {
	font-size: 12px;
	margin: 5px 0 0 15px;
	float: right;
}


/* @end */

/* @group homecomments */

div.homecomments{
	margin: 10px 0 30px 0;

}
div.controlcomments{
background: #f1f1f1 url(/art/image-frame-bg.gif) no-repeat left top;
height: 15px;
padding: 15px 10px 10px 10px;
border-bottom: 1px solid #c2c2c2;
position: relative;

}
div.allcomments {
	max-height: 150px;
	overflow: auto;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;

}
div.showcomments {
	color: #3e3e3e;
}

div.showcomments p {
	font-size: 1em;
	padding: 10px;
	margin: 0;
}
span.posteddate {
	color: #929292;
}

div.leavecomments {
	display: none;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #3e3e3e;
	background: #f1f1f1;
}


div.insideleavecomments {
	margin: 0 0 10px 0;
	padding: 10px;
	color: #3e3e3e;
	background: #f1f1f1;
}
/* @end */


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

 .sIFR-active h1.entrytitle { 
visibility:hidden;
font-size: 18px;
color:#be5331;
line-height: 1em;
 }
 .sIFR-active h4 { 
visibility:hidden;
margin: 0;
text-transform: uppercase;
font-weight: normal;
font-size: 30px;
color:#efefef;
line-height: 1em;
padding-right: 25px;
 }
}