/*
Theme Name: Handsome Frank
Theme URI: http://www.handsomefrank.com/
Description: Handsome Frank
Author: TR/CG
Version: 1.0
Tags: custom
*/

/* CSS Document */
body {font-family: Arial, sans-serif; font-size:13px; font-weight:normal; margin:0px; height:100%; width:100%; }

span.thumb_hover{
	display: block;
	width: 250px;
	height: 250px;
	position: absolute;
	z-index: -10; /* interface.js sets zIndex to 100, this is for fall back CSS rollover */
}

/* screenshot handles the tooltip photo preview on menu rollover */
#screenshot{
	position:absolute;
	border:2px solid #333;
	background:#FFF;
	padding:3px;
	display:none;
	color:#fff;
}



h1 {font-size: 20px; color: #666; font-weight:bold; line-height:110%; margin:0px 0px -5px 0px; }
h1 a {border-bottom: 2px solid #333; padding:0px 1px 0px 1px; text-decoration: none; color: #333;}
h2 {font-size: 13px; color: #666; font-weight:normal; }
p {font-size: 13px; color: #666; font-weight:normal; margin:11px 0px 11px 0px; }
h2 a {border-bottom: 1px solid #000; padding:0px 1px 0px 1px; text-decoration: none; color: #666;}
h4 {font-size: 20px; font-weight: normal; color: #666; line-height:110%; margin:0px 0px 20px 0px; }
.content h4 a {border-bottom: 2px solid #333; padding:0px 1px 0px 1px; text-decoration: none; color: #333;}

.infotext {width: 750px; margin-top: 0px; padding-bottom: 25px; }
.welcometext {width: 750px; margin-top: 0px; padding-bottom: 25px; }
.welcometext p {font-size: 20px; color: #666; font-weight:bold; line-height:110%; margin:26px 0px 0px 0px; }
.aboutphoto {padding-bottom: 30px; }

p.collapseLabel a {font-weight:bold;color:#666;text-decoration:none;padding:0px 10px 0px 0px;background:url('images/arrow.gif') no-repeat right 3px;}
p.collapseText {width: 750px;}

.logo_img {padding-bottom: 30px;}
.nav_container { text-align: center; _position:absolute; top:40px; left:35px; margin:0px; padding:0px; line-height:150%; white-space:nowrap; }

.nav_container a { text-decoration:none; color:#666666; border-bottom: 1px solid #ffffff; padding:0px 1px 0px 1px;}
.nav_container a:hover { border-bottom: 1px solid #000; padding:0px 1px 0px 1px; }
.nav_container a:active { color:#fff; background:#000; }
.nav_container a.current { border-bottom: 1px solid #000; padding:0px 1px 0px 1px;}


.myGallery {position: absolute; left: 210px; top: 40px; height: auto; width: 780px; overflow: show; }
.content {position: absolute; left: 210px; top: 40px; height: auto; width: 790px; overflow: show; padding-bottom: 30px; }
.allthumbnails {position: absolute; left: 10px; top: 10px; height: auto; width: 100%; overflow: show; float: left;}

.thumb {margin: 0px 10px 10px 0; float: left; }
.gallery-item {margin: 0px 10px 10px 0; float: left; }

a {
	outline: none;	
}

a img {
	border: 0px solid #BBB;
	padding: 0px;	
	vertical-align: top;
}

.post
{
	padding:0px 0px 50px 0px;	
}

.post h2
{
	font-size: 20px; color: #666; font-weight:bold; line-height:110%; margin:0px 0px -5px 0px; 
}


.newpost
{
  background: url(http://www.handsomefrank.com/wp-content/themes/handsomefrank/images/new_icon.png) no-repeat top right; height: 59px; position: absolute; right: 0px; top: 0px; width: 59px;
}

.updatedpost
{
  background: url(http://www.handsomefrank.com/wp-content/themes/handsomefrank/images/updated_icon.png) no-repeat top right; height: 80px; position: absolute; right: 0px; top: 0px; width: 80px;
}

/* fixed sorting mega code: */

#fixme {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 40px; top: 35px;
}
body > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: absolute;
}

.single-illustrators .gallery br+br {
  display: none;
}
.single-illustrators .addthis_button_facebook_like iframe {
  height: 25px !important;
}
.single-illustrators .addthis_toolbox {
  float: right;
  height: 20px;
  overflow: hidden;
}
.single-illustrators .socialmedia {
  background: #f7f7f7; margin-bottom: 10px; padding: 5px 10px 5px 5px; width: 755px;
/*  background: #ffffff; margin-bottom: 10px; padding: 0px 10px 5px 0px; width: 755px;*/
}
.content .portfolio_download_link {
  background: url('images/pdf_icon.png') no-repeat;
  background-position: 0px 1px;
  color: #666666;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 20px;
  padding-left: 20px;
  text-decoration: none;
  vertical-align: baseline;
}
.portfolio_download_link:hover {
  text-decoration: underline;
}
.vimeoEmbed {
  float: left;
  margin: 0 10px 10px 0;
}

.blog h2 a, .single-attachment h1 a {
  border: none;
  color: #666;
  text-decoration: none;
}
.blog h2 a:hover, .single-attachment h1 a:hover {
  text-decoration: underline;
}
.content a {
  color: #000;
}

.single-attachment .entry-attachment {
  padding-top: 20px;
}

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}