@charset "utf-8";
/* CSS Document */

/*  

Theme Name: FerdzFolio
Theme URI: http://www.ferdzdecena.com
Description: Personal Portfolio site of Ferdz Decena
Version: 1
Author: Ferdinand L Decena
Author URI: http://www.ferdzdecena.com

	Ferdz Folio
	 http://www.ferdzdecena.com

	This theme was designed and built by Ferdz Decena,
	whose blog you will find at http://ironwulf.net/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {

	font-size: 80%; /* Resets 1em to 10px */
	font-family: 'Century Gothic', Verdana, Arial, Helvetica, non-serif;
	color: #666666;
	text-align:left;
	padding:0px;
	margin:0px;
	background-color:#fbfbfb;
	}
	
html, body {
	height: 100%;
}

	
#SideBox {
	position:fixed;
	width:265px;
	height:400px;
	left: 25px;
	top: 30px;
	z-index:20;
	}
	
#SideBox ul {
	list-style-type:none;
	}
	
#SideBox ul li {
	font-size:1.25em;
	padding:3px;
	border-bottom: 1px dashed #ffcc66;	
	}
		
		
a.logo {
	display:block;
	width:265px;
	height:110px;
	background: url(images/fdecena-logo.gif) top left no-repeat;
	}
	
a img {
	border: none;
	}
	
h1 span, h2 span {
	display:none;
	}		
	
h3 {
	font-size: 2em;
	color:#ffcc66;
	}	
	
span.noText {
	display:none;
	}		
	
#NavTop {
	position:absolute;
	top:0px;
	clear:both;
	width: 100%;
	height:25px;
	left:0px; 
	border-left: 1px dashed #ffcc66;
	border-right: 1px dashed #ffcc66;	
	border-bottom: 1px dashed #ffcc66;	
	background-color:#fbfbfb;
	z-index:21;
	}
	
#NavTop ul {	
	float:right;
	padding:0px;
	padding-bottom:5px;
	margin-top: 3px;
	margin-right:20px;
	}
	
#NavTop li {	
	display:inline;
	padding:0px 10px 5px 10px;
	margin:0px;
	}	
	
#Space {
	position:absolute;
	clear:both;
	width: 650px;
	min-height:100%;
	padding:15px;
	padding-top: 30px;
	left: 300px; 
	border-left: 1px dashed #ffcc66;
	border-right: 1px dashed #ffcc66;
	}
	
* html #Space {
	height:100%
}
	
	
div.splash {
	clear:both;
	width:650px;	
	height:250px;
	padding-top: 15px;
	border-top: 1px dashed #ffcc66;
	}
	
 @media screen{
  body>div#NavTop{
   position:fixed;
  }

 }
 
div.GalleryBox {
	clear:both;
	width:650px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 100px;
	margin-bottom: 25px;
	} 
	
div.GalleryBox h3 {
	padding-top:0px;
	margin-top:0px;
	}	

/* Thumb List Start */

ul.ThumbList {
	clear:both;
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
	
ul.ThumbList li {
	display:inline;
	}
	
ul.ThumbList li a {
	display:block;
	float:left;
	padding:4px;
	margin:5px;
	border:1px dashed #ffcc66;
	}
	
ul.ThumbList li a:hover {
	background-color:#ffcc66;
	}
	
ul.ThumbList li a img {
	border:none;
	}
	
/* END Thumb List */		
	
#FeatureBox {
	clear:both;
	width:650px;
	height:auto;
	padding:20px 0px 20px 0px;
	border-top: 1px dashed #ffcc66;;
	}
	
.dashedCol {
	float:left;
	width:200px;
	padding-right:12px;
	padding-bottom: 25px;
	margin-right:12px;
	border-right: 1px dashed #ffcc66;	
	}
	
.lastCol {
	float:right;
	width:200px;

	padding-bottom: 25px;

	}	
	
a.head-folio {
	display:block;
	width: 650px;
	height: 45px;
	background:url(images/header-folio.gif) top left no-repeat;
	border-bottom: 1px dashed #ffcc66;	
	padding-bottom:10px;
	}	
	
a.head-blog {
	display:block;
	width: 650px;
	height: 45px;
	background:url(images/header-blog.gif) top left no-repeat;
	border-bottom: 1px dashed #ffcc66;	
	padding-bottom:10px;
	}		
	
.head-net {
	display:block;
	width: 540px;
	height: 45px;
	background:url(images/header-net.gif) top left no-repeat;
	padding-top:20px;
	}	
	
a.logoEnRoute {
	display:block;
	width:200px;
	height:68px;
	background:url(images/logo-enroute.gif) top left no-repeat;
	padding:0px;
	}		
	
a.logoFoodies {
	display:block;
	width:200px;
	height:68px;
	background:url(images/logo-happyfoodies.gif) top left no-repeat;
	padding:0px;
	}		
	
a.logoIslandPhil {
	display:block;
	width:200px;
	height:68px;
	background:url(images/logo-islandparadise.gif) top left no-repeat;
	padding:0px;
	}	
	
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
a:link, a:visited {
	text-decoration:none;
	color:#49250d;
	}	

a:hover, a:active {
	text-decoration:none;
	color:#cc6600;
	}
	
/* Flickr Badge */

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}

#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}

#flickr_icon_td {padding:0 5px 0 0 !important;}

.flickr_badge_image {text-align:center !important;}

.flickr_badge_image img {border: 1px solid black !important;}

#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}

#flickr_badge_uber_wrapper a:hover,

#flickr_badge_uber_wrapper a:link,

#flickr_badge_uber_wrapper a:active,

#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}

#flickr_badge_wrapper {border: 1px dashed #ffcc66}

#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}		
	

#FlckrBadge {
	clear:both;
	padding:0px 0px 15px 0px;
	margin:0px;
	} 	
	
/* Start Footer */

#Footer {
	clear:both;
	width:650px;
	border-top: 1px dashed #ffcc66;

	padding-top: 15px;
	text-align:center;
	}	
	
/* Feedburner Style	 */

div.feedburnerFeedBlock ul {
	margin: 15px;
	padding: 0px;
	}
	
.headline {
	margin: 0px;
	padding: 3px 0px;
	}		
		
	
/* Fix */	
		
 .clearfix:after {
	 content:".";
	 display:block;
	 height:0;
	 clear:both;
	 visibility:hidden;
 }
 
 .clearfix {display:inline-block;}
 
 /* Hide from IE Mac \*/
.clearfix {display:block;}
.clearfix {display:inline-block;}
 /* End hide from IE Mac */