/*
Theme Name: Justin-Klein.com (Suffusion-Based)
Theme URI: http://justin-klein.com
Author URI: http://justin-klein.com
Description: Child theme for Suffusion with www.Justin-Klein.com customizations
Author: Justin Klein
Template: suffusion
*/

/***************************************************/
/*                    General                      */
/***************************************************/

/*For PageSpeed: it wants dimensions on every image*/
.wp-smiley{
	width: 15px;
	height: 15px;
}

/*Flags in comments, added by my own suffusion filter*/
.suff_flag{
	width: 16px;
	height: 11px;
}

/*Hide "allowed tags" added in older Suffusion versions (not needed after 3.9.2) */
.form-allowed-tags{
	display:none;
}

/*Fix for Suffusion over 3.5.7*/
.single-attachment #container{
	padding-left: 0;
	padding-right: 0;
}

/*Resize the main navbar widget area to make room for my Google Translate hack*/
#right-header-widgets{
    width:30%    
}
#nav ul{
    width:69%;
}

/*Less padding around posts*/
.post{
    padding-left: 10px;
    padding-right: 10px;
}

/*Slightly smaller text*/
.entry{
    font-family: Verdana,Arial;
    font-size:12px;
    line-height:16px;
}

/*Slightly less space below posts on the main page*/
#content .entry-content{
	margin-bottom:0;
}

/*My own tag styles, so I can output them manually without relying on Suffusion's "custom styles" css*/
.justin-tags{
	float:left;
	text-align:left;
	color:#AAAAAA;
}
.justin-tags a{
	color: #999999;
	font-weight:bold;
}

dfn{
    border-bottom:dotted 1px #0000FF;
    cursor:help;
    font-style:normal;
}

.fpfcredit{
    color: #404040;
}

.footerBtn{
	width:80px;
	height:15px;
	border:0;
}

.SideBarImage{
    margin:4px 0;
	border:0;    
	width:150px;
	height:113px;
}

/*Featured: Move the numbered links over the featured image to save vertical space*/
#sliderIndex {
    margin-top:-35px;
    padding-left: 5px;
    z-index:20;
    position:relative;
}

/* After upgrading to Suffusion 3.9.2, the margin/padding rules above were overridden; fix it for "later" versions of Suffusion */
.show-border #sliderIndex{
	margin-top: -31px;
	padding-left: 5px;
}

/*Featured: Make excerpt text smaller so more can fit*/
.sliderImage > div > p{
    font-size:11px;
    line-height:12px;
}

.sliderImage img{
	width: 618px;
	height: 200px;
}

/*Text for "latest update: today" in my widgets*/
.txtRecentChng{
    color:#CC4444;
}

/*LoginLogout widget*/
#wp-submit{  height: 23px; width: 46px; padding:0; margin: 0 0 0 7px; }
#user_pass{  height:18px; width:86px; padding: 3px; }
#user_login{ height:18px; width:86px; padding: 3px; }
#forgotText{ display:inline-block; margin-left:9px; height:26px; font-size:80%; vertical-align:middle; }
.fbLoginButton{ display:block; height: 18px; margin-top: 7px; text-align:center;}
#loginform label{ display:inline-block; }
#rememberme{ border:0; padding:0; margin: 0 2px; background:none; }
.wpfb-widget-avatar {float: left;}
.wpfb-widget-avatar img.avatar {float:none; margin:0; }

/*Paypal donate button*/
.donateButton input{background:none;border:0;}

/*Reduce of the footer section */
#cred table{
    margin-top:3px;
}

/*He made the footer taller in Suffusion 3.9.5; restore to previous size*/
#cred{
	height: 36px;
	overflow: visible;
}

/* Fix for pathetic IE7, which always renders a background/border around checkboxes...*/
#subscribe, #subscribe-reloaded{
	background-color:transparent;
	border:none;
}

/* Fix for subscribe-to-comments */
#commentform .subscribe-to-comments label{
	float:none;
}


/***************************************************/
/*                    PhotoZoom                    */
/***************************************************/

/*Fix for suffusion over 3.5.7 in IE7 (photozoom goes behind sidebar)*/
.sidebar-shell{
	z-index: 1;
}
#main-col{
	z-index: 2;
}

/*Prevent photozoomed images from being cutoff*/
.post, #content{
    overflow:visible;
}

/*Prevent the next post's title from appearing in front of photozoom images.*/
.title-container{
    z-index:1;
    position:relative;
}

/*Override his style in custom-styles.php that forces image sizes to fit the post content - but just for zoomed photos*/
.entry .PZoom img, .entry .D40 > .PZoom img {
    max-width: 9999px;
}

/*Only for photos in the blog, shift them to the left when they zoom to compensate for the sidebar*/
.entry        > .PZhoriz a:hover       { left:-95px; }
.entry > .D40 > .PZhoriz a:hover       { left:-160px; }

/* Fix for stupid IE7 on >5.7.3, so the photozooms aren't overlapped by subsequent stuff */
.entry-container{ 
	position:static;
}

/* Fix for Suffusion 3.7.8, which adds overflow:hidden, screwing up photozoom */
.entry, .non-wp-entry{
	overflow:visible;
}

/***************************************************/
/*                    Guestbook                    */
/***************************************************/
#gbSignWrap #captcha_code_label{
	border:0;
	text-align:left;
	width:auto;
	font-weight:normal;
}


/***************************************************/
/*                    Travellog                    */
/***************************************************/
#SideBarJustin{float:left; padding: 5px; margin-right:10px; width: 265px;}
#travellogMain{height:450px;width:655px;overflow:visible;}
#kmlMenuOut{margin-top:18px;}
#clickHere{top:252px;left:210px;}
#kmlMenuOut INPUT{
    /*for stupid IE*/
   border:0;
   padding:0;
   margin: 0 2px;
   background-color:#000000;
}


/***************************************************/
/*                Bloglisting Page                 */
/***************************************************/
#blogListing{
    margin-left:10px;
}
#blogListing .relevanssiExcerpt{
	white-space:normal;
	font-size:90%; 
	font-style:italic; 
	color:#555555; 
	border-bottom:1px solid #111111
}
#blogListing .listingLeft{
    /*Slightly less emphasis on the date/country section*/
   color:#555555;
   white-space:nowrap;
}
#blogListing .listingCenter{
	white-space:nowrap;
}
#blogListing .listingRight{
	opacity:0.25;
	filter:alpha(opacity=25);
	font-size:85%;	
	white-space:nowrap;
}
/*This is still needed to color-code private entries on the BlogListing page!*/
.qTiplevel1, .qTiplevel1:visited, .qTiplevel1:link{
    color:#DEDEDE;
    font-style:italic;
    font-size:smaller;
}
.qTiplevel2, .qTiplevel2:visited, .qTiplevel2:link{
    color:#FF4444;
    font-style:italic;
}
.qTiplevel3, .qTiplevel3:visited, .qTiplevel3:link{
    color:#009900;
    font-style:italic;
}
.qTiplevel4, .qTiplevel4:visited, .qTiplevel4:link{
    color:#0000FF;
    font-style:italic;
}
.qTippublic, .qTippublic:visited, .qTippublic:link{
    /*default link color*/
}


/***************************************************/
/*                  Recent Comments                */
/***************************************************/
.recentCommentsWidget{
    font-size:10px;    
    line-height:11px;
    padding-bottom:5px;
    margin-bottom:5px;
}
.borderbottom{
    border-bottom:1px solid #222222;
}
.recentCommentsWidget .avatar{
    float:left;
    margin-left:0;
}


/***************************************************/
/*               Projects-Listing                  */
/***************************************************/
#projectsTable{
    border: 1px solid #333333;
    line-height:15.5px;
}
#projectsTable td{
    border-bottom:1px solid #333333;
}
#projectsTable p{
    margin-top: 12px;
    margin-bottom: 0;
}
#projectsTable img{
    width:240px;
    height:180px;
}
#projectsTable a > img{
    border: 0;
}
#projectsTable ul{
    margin: 5px 0 0 0;	
}
#projectsTable .descrip{
    padding: 0 4px;
	vertical-align: top;
}


/***********************************************/
/*         Photo Galleries (including POTD)    */
/***********************************************/
.gallery-item { float: left; margin: 6px 0 0 0; text-align: center; }
.gallery-icon img { padding:5px; background-color:#ffffff; border: 1px solid #ccc; }
.gallery-caption { margin: 0 0 0 0; font-size: 75%; line-height:100%; }


/***********************************************/
/*              Gallery/Video pages            */
/***********************************************/
.galleryWrap{
    width:285px;
    height:235px;
    float:left;
    border:1px solid black;
    padding:4px;
    background-color:#333333;
}
.galleryImg{
    padding:4px;
    border: 1px solid #000; 
    background-color:#FFFFFF; 
    margin:auto;
	width:150px;
    height:113px;
}
.galleryImg img{
    border:0;
	width:150px;
    height:113px;
}
.galleryImg a{
    display:block;
}
.galleryTxt{
    margin-top:3px;
    text-align:center;
    line-height:12.5px;
}


/***************************************************/
/*                       Ads                       */
/***************************************************/

/*Paid ad (right now, only on a couple of the Projects page below the Google Ad)*/
.paid-ad{
	text-align:center;
	margin-left:auto;
	margin-right:auto; 
	margin-bottom: 6px; 
	width:468px;
	padding-left: 6px;
	padding-right: 6px; 
	border: solid 1px #222222; 
	-moz-border-radius:5px 5px 5px 5px
}

/* Google Ads, at the end of posts */
#GoogleAd {
    margin-left:auto;
    margin-right:auto;
    width:468px;
	position:relative;
	z-index:0;
}


/***************************************************/
/*                 Facebook LikeBox                */
/***************************************************/

/*Inner "Like Box" iFrame*/
.fb-likebox-iframe{
	position:relative;
	top:-1px;
	left:-1px;
	border:none;
	overflow:hidden;
}

/*Small "Like Box" (used on my project pages)*/
.fb-likebox-small{
	position:relative;
	overflow:hidden;
	width:260px;
	height:60px;
	border:1px solid #666666;
	margin-right: auto;
	margin-left: auto;
}

/***************************************************/
/*                WP Plugin Projects               */
/***************************************************/
table#features th {
    border: thin solid #555555;
    padding: 3px;
}
table#features td {
    padding: 3px;
	min-width: 50px;
    text-align: center;
}
table#features td.feat{
	border-bottom: thin solid #555555;
	text-align:left;
}
table#features td.price{
	border: thin solid #555555;
	text-align:left;
}
table#features td.ok {
    background-color: #00a600;
}

table#features td.no {
    background-color: #9e0000;
}

.BigButtonWrap{
	text-align:center;
	font-size:120%;
	width:100%;
}

.BigButton{
	background-color:#222222;
	padding:4px 6px;
	border:1px solid #888888;
	display:block;
	margin-right:auto;
	margin-left:auto; 
}

.BigButton:hover{
	border:1px solid #880000;
	background-color:#444444;
	text-decoration: none;
}